:root{
    --bg:#0A0D12;
    --bg-soft:#0D1117;
    --panel:#12161D;
    --panel-alt:#171C26;
    --line:#232935;
    --line-soft:#1A1F29;
    --text:#EDEFF2;
    --text-muted:#8B93A1;
    --text-dim:#5B6472;
    --tally:#E8384F;
    --tally-soft:rgba(232,56,79,.12);
    --pvw:#3DDC84;
    --pvw-soft:rgba(61,220,132,.12);
    --scope:#35C7C0;
    --dsk:#E0A83A;
    --font-display:'Space Grotesk', sans-serif;
    --font-body:'Inter', sans-serif;
    --font-mono:'JetBrains Mono', monospace;
    --maxw:980px;
    --radius:10px;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important;}
  }
  body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-body);
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img,svg{display:block; max-width:100%;}
  a{color:inherit; text-decoration:none;}
  ul{margin:0; padding:0; list-style:none;}
  h1,h2,h3{font-family:var(--font-display); font-weight:600; margin:0; letter-spacing:-0.01em;}
  p{margin:0;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
  section{position:relative;}

  ::selection{background:var(--tally); color:#fff;}

  :focus-visible{
    outline:2px solid var(--scope);
    outline-offset:3px;
    border-radius:4px;
  }

  .mono{font-family:var(--font-mono);}
  .eyebrow{
    font-family:var(--font-mono);
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--text-muted);
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:16px;
  }
  .dot{
    width:7px; height:7px; border-radius:50%;
    background:var(--tally);
    box-shadow:0 0 0 3px var(--tally-soft);
    flex-shrink:0;
    animation:blink 1.6s ease-in-out infinite;
  }
  .dot.green{background:var(--pvw); box-shadow:0 0 0 3px var(--pvw-soft); animation:none;}
  @keyframes blink{0%,100%{opacity:1;} 50%{opacity:.25;}}

  .btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-family:var(--font-mono);
    font-weight:600;
    font-size:13.5px;
    letter-spacing:.06em;
    text-transform:uppercase;
    padding:14px 24px;
    border-radius:6px;
    border:1px solid transparent;
    cursor:pointer;
    transition:transform .18s ease, background .18s ease, border-color .18s ease;
    white-space:nowrap;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{background:var(--tally); color:#fff;}
  .btn-primary:hover{background:#f04a60;}
  .btn-ghost{background:transparent; color:var(--text); border-color:var(--line);}
  .btn-ghost:hover{border-color:var(--scope); color:var(--scope);}

  /* ---------- NAV ---------- */
  header{
    position:sticky; top:0; z-index:100;
    background:rgba(10,13,18,.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line-soft);
  }
  nav{
    max-width:var(--maxw); margin:0 auto; padding:16px 28px;
    display:flex; align-items:center; justify-content:space-between;
  }
  .logo{
    display:flex; align-items:center; gap:10px;
    font-family:var(--font-mono); font-weight:600;
    font-size:16px; letter-spacing:.05em; flex-shrink:0;
  }
  .logo .dot{margin:0;}
  .nav-links{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
  .nav-pill{
    font-family:var(--font-mono); font-size:11px; letter-spacing:.03em; text-transform:uppercase;
    color:var(--text-muted); border:1px solid var(--line); border-radius:20px;
    padding:7px 12px; white-space:nowrap; transition:border-color .15s ease, color .15s ease;
  }
  .nav-pill:hover{border-color:var(--text-dim); color:var(--text);}
  .nav-pill.dry{color:var(--scope);}
  .nav-pill.dry:hover{border-color:var(--scope); color:#fff;}
  .nav-right{display:flex; align-items:center; gap:18px; flex-shrink:0;}
  .clock{
    font-family:var(--font-mono); font-size:12.5px; color:var(--text-dim);
    letter-spacing:.04em; display:flex; align-items:center; gap:8px;
  }
  .clock span.label{color:var(--text-dim);}
  .clock span.val{color:var(--scope);}

  @media (max-width:860px){
    .clock{display:none;}
  }
  @media (max-width:760px){
    .nav-links{display:none;}
  }

  /* ---------- HERO ---------- */
  .hero{
    padding:88px 0 96px;
    background:
      radial-gradient(ellipse 900px 500px at 15% -10%, rgba(232,56,79,.08), transparent 60%),
      radial-gradient(ellipse 700px 500px at 100% 0%, rgba(53,199,192,.06), transparent 60%);
    overflow:hidden;
  }
  .hero-grid{
    display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center;
  }
  .hero-top{max-width:640px;}
  .hero h1{
    font-size:clamp(2.3rem, 4.6vw, 3.6rem);
    line-height:1.08;
    margin-bottom:22px;
  }
  .hero h1 em{
    font-style:normal; color:var(--tally);
  }
  .hero p.lead{
    font-size:17px; color:var(--text-muted); max-width:480px; margin-bottom:34px;
  }
  .hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}
  .tech-tags{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:30px;}
  .tech-tag{
    font-family:var(--font-mono); font-size:11.5px; letter-spacing:.05em; text-transform:uppercase;
    color:var(--scope); border:1px solid var(--line); background:var(--panel);
    padding:7px 12px; border-radius:20px; display:inline-flex; align-items:center; gap:7px;
  }
  .tech-tag::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--scope); flex-shrink:0;}

  /* switcher panel — signature element */
  .switcher{
    background:linear-gradient(180deg,#171B22,#0E1116);
    border:1px solid var(--line);
    border-radius:14px;
    padding:14px 14px 16px;
    position:relative;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 24px 48px -26px rgba(0,0,0,.7);
  }
  .screw{
    position:absolute; width:6px; height:6px; border-radius:50%;
    background:radial-gradient(circle at 35% 35%, #6b7280, #20242c);
  }
  .screw.tl{top:9px; left:9px;} .screw.tr{top:9px; right:9px;}
  .screw.bl{bottom:9px; left:9px;} .screw.br{bottom:9px; right:9px;}

  .sw-display{
    background:#050709;
    border-radius:6px; position:relative; overflow:hidden;
    margin-bottom:14px;
  }
  .sw-display::before{
    content:'';
    position:absolute; inset:0;
    background:repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0px, rgba(255,255,255,.025) 1px, transparent 1px, transparent 3px);
    pointer-events:none;
  }
  .sw-display.single{
    box-shadow:inset 0 0 0 1px var(--line-soft);
    display:flex; align-items:center; justify-content:space-between;
    padding:9px 12px; margin-bottom:12px;
  }
  .disp-tc{
    font-family:var(--font-mono); font-size:14px; letter-spacing:.03em;
    color:var(--scope); position:relative; z-index:1;
  }
  .disp-menu{display:flex; gap:5px; position:relative; z-index:1;}
  .micon{
    width:19px; height:19px; border-radius:4px;
    background:var(--panel-alt); border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center;
    color:var(--text-dim);
  }
  .micon svg{width:10px; height:10px;}

  .sw-top{margin-bottom:12px;}
  .chip-row{display:flex; align-items:center; gap:4px; flex-wrap:wrap;}
  .chip{
    font-family:var(--font-mono); font-size:7px; letter-spacing:.02em; text-transform:uppercase;
    padding:3px 5px; border-radius:3px; background:var(--panel-alt);
    border:1px solid var(--line); color:var(--text-dim);
  }
  .chip.on{background:var(--tally); border-color:var(--tally); color:#fff;}
  .chip.sel{border-color:var(--text-dim); color:var(--text);}
  .chip-spacer{flex:1 1 10px; min-width:10px;}

  .sw-grid{display:flex; align-items:stretch; gap:8px;}
  .sw-col{display:flex; flex-direction:column;}
  .sw-col.numbers{flex:1.6; justify-content:center; gap:6px;}
  .sw-col.transfx{flex:1; justify-content:center; gap:5px;}
  .sw-col.tbar-col{flex:0 0 auto; align-items:center; justify-content:center; gap:4px;}
  .sw-col.dsk-col{flex:.85; justify-content:center;}

  .bus-row{display:flex; align-items:center; gap:5px;}
  .bus-label{
    width:20px; flex-shrink:0; text-align:right;
    font-family:var(--font-mono); font-size:8.5px; font-weight:600;
    letter-spacing:.02em; color:var(--text-dim);
  }
  .keys{display:flex; gap:3px; flex:1;}
  .key{
    flex:1; aspect-ratio:1/1; max-width:22px;
    background:var(--panel-alt); border:1px solid var(--line);
    border-radius:4px; display:flex; flex-direction:column; align-items:center; justify-content:center;
    font-family:var(--font-mono); color:var(--text-dim); font-size:6.5px; line-height:1.25;
    cursor:pointer; transition:transform .15s ease, border-color .15s ease, color .15s ease;
  }
  .key:hover{transform:translateY(-1px); border-color:var(--text-dim); color:var(--text);}
  .key.active{color:#fff;}
  .bus-row.pgm .key.active{background:var(--tally); border-color:var(--tally); box-shadow:0 0 14px -2px var(--tally); animation:pulse-tally 1.4s ease-in-out infinite;}
  .bus-row.pgm .key.active:hover{color:#fff;}
  .bus-row.pst .key.active{background:var(--pvw); border-color:var(--pvw); color:#06130c; box-shadow:0 0 12px -3px var(--pvw);}
  .bus-row.pst .key.active:hover{color:#06130c;}
  @keyframes pulse-tally{0%,100%{opacity:1;} 50%{opacity:.6;}}

  .trans-buttons{display:flex; gap:4px; flex-wrap:wrap;}
  .fx-grid{display:flex; gap:4px; flex-wrap:wrap;}
  .tbtn{
    font-family:var(--font-mono); font-size:7px; letter-spacing:.02em; text-transform:uppercase;
    padding:5px 5px; border-radius:4px; background:var(--panel-alt);
    border:1px solid var(--line); color:var(--text-dim); flex:1; white-space:nowrap;
  }
  .tbtn.active{background:var(--scope); color:#06181a; border-color:var(--scope);}
  .tbtn.amber.active{background:var(--dsk); color:#1a1206; border-color:var(--dsk);}

  .tbar{display:flex; align-items:center;}
  .tbar-track{
    width:16px; height:52px; background:#070A0E; border:1px solid var(--line);
    border-radius:3px; position:relative;
  }
  .tbar-handle{
    position:absolute; left:50%; transform:translateX(-50%); top:6px;
    width:22px; height:9px; border-radius:2px;
    background:linear-gradient(180deg,#454d5c,#1c2129);
    border:1px solid #545e6e;
    animation:tbar-move 4.5s ease-in-out infinite;
  }
  .tbar-caption{font-family:var(--font-mono); font-size:6.5px; color:var(--text-dim); letter-spacing:.03em; text-transform:uppercase;}
  @keyframes tbar-move{0%,100%{top:5px;} 50%{top:37px;}}

  .dsk-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:4px;
  }
  .dsk-cell{
    display:flex; flex-direction:column; align-items:center; gap:1px;
    font-family:var(--font-mono); font-size:6.5px; letter-spacing:.01em; text-transform:uppercase;
    padding:4px 3px; border-radius:4px; text-align:center;
    background:var(--panel-alt); border:1px solid var(--line); color:var(--text-dim);
  }
  .dsk-cell.on{background:var(--dsk); border-color:var(--dsk); color:#1a1206;}

  @media (max-width:980px){
    .hero-grid{grid-template-columns:1fr;}
    .hero p.lead{max-width:none;}
  }
  @media (max-width:900px){
    .sw-grid{flex-wrap:wrap;}
    .sw-col.numbers{flex:1 1 100%; order:1;}
    .sw-col.transfx{flex:1 1 auto; order:2;}
    .sw-col.tbar-col{order:3;}
    .sw-col.dsk-col{flex:1 1 auto; order:4;}
  }
  @media (max-width:560px){
    .bus-label{width:26px; font-size:9px;}
    .key{font-size:7.5px; max-width:30px;}
    .sw-display.single{padding:11px 13px;}
    .disp-tc{font-size:16px;}
    .micon{width:22px; height:22px;}
    .chip{font-size:7.5px; padding:4px 6px;}
    .sw-grid{flex-direction:column;}
    .sw-col.tbar-col{flex-direction:row;}
    .tbtn{font-size:8px; padding:6px 7px;}
    .dsk-cell{font-size:7.5px; padding:5px 4px;}
  }

  /* ---------- SECTION HEADERS ---------- */
  .sec-head{max-width:620px; margin-bottom:56px;}
  .sec-head h2{font-size:clamp(1.7rem, 3vw, 2.3rem);}
  .sec-head p{color:var(--text-muted); margin-top:14px; font-size:16px;}

  section.panel{
    padding:110px 0;
    border-top:1px solid var(--line-soft);
  }
  section.panel.alt{background:var(--bg-soft);}

  .reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
  .reveal.is-visible{opacity:1; transform:none;}

  /* ---------- RUNDOWN (Leistungen) ---------- */
  .rundown{border:1px solid var(--line); border-radius:12px; overflow:hidden;}
  .rd-head{
    display:grid; grid-template-columns:210px 1fr 2fr;
    padding:14px 22px; background:var(--panel);
    font-family:var(--font-mono); font-size:11px; letter-spacing:.08em;
    text-transform:uppercase; color:var(--text-dim);
    border-bottom:1px solid var(--line);
  }
  .rd-row{
    display:grid; grid-template-columns:210px 1fr 2fr;
    align-items:center;
    padding:26px 22px;
    border-bottom:1px solid var(--line-soft);
    transition:background .2s ease;
  }
  .rd-row:last-child{border-bottom:none;}
  .rd-row:hover{background:var(--panel);}
  .rd-cue{display:flex; gap:18px;}
  .rd-cue div{display:flex; flex-direction:column; gap:3px;}
  .rd-cue .lbl{font-family:var(--font-mono); font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-dim);}
  .rd-cue .val{font-family:var(--font-mono); font-size:13.5px; color:var(--text-muted);}
  .rd-item{display:flex; align-items:center; gap:14px;}
  .rd-icon{
    width:38px; height:38px; border-radius:8px;
    background:var(--panel-alt); border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center;
    color:var(--scope); flex-shrink:0;
  }
  .rd-item h3{font-size:17px; font-weight:600;}
  .rd-desc{color:var(--text-muted); font-size:14.5px; padding-left:8px;}

  @media (max-width:760px){
    .rd-head{display:none;}
    .rd-row{grid-template-columns:1fr; gap:12px; padding:22px;}
    .rd-desc{padding-left:0;}
  }

  /* ---------- PROCESS ---------- */
  .process{
    display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
    background:var(--line); border:1px solid var(--line); border-radius:12px; overflow:hidden;
  }
  .proc-step{
    background:var(--panel); padding:30px 26px; position:relative;
  }
  .proc-tc{font-family:var(--font-mono); font-size:12px; color:var(--tally); margin-bottom:18px; letter-spacing:.05em;}
  .proc-step h3{font-size:18px; margin-bottom:10px;}
  .proc-step p{color:var(--text-muted); font-size:14.5px;}
  @media (max-width:900px){
    .process{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:560px){
    .process{grid-template-columns:1fr;}
  }

  /* ---------- LEGAL PAGES ---------- */
  .legal-page{padding-bottom:100px;}
  .legal-block{max-width:680px; margin-bottom:34px;}
  .legal-block h3{font-size:17px; margin-bottom:10px;}
  .legal-block p{color:var(--text-muted); font-size:15px; line-height:1.7;}
  .legal-block a{color:var(--scope); text-decoration:underline;}

  /* ---------- DRYHIRE ---------- */
  .dry-catalog{display:flex; flex-direction:column; gap:14px;}
  .dry-folder{
    border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--panel);
  }
  .dry-folder summary{
    cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between;
    gap:12px; padding:18px 20px; font-family:var(--font-mono); font-weight:600; font-size:13.5px;
    text-transform:uppercase; letter-spacing:.04em;
  }
  .dry-folder summary::-webkit-details-marker{display:none;}
  .dry-folder summary::before{
    content:'▸'; margin-right:2px; color:var(--scope); transition:transform .2s ease; flex-shrink:0;
  }
  .dry-folder[open] summary::before{transform:rotate(90deg);}
  .folder-count{
    font-family:var(--font-mono); font-size:11px; color:var(--text-dim); font-weight:400;
    text-transform:none; letter-spacing:0; margin-left:auto; white-space:nowrap;
  }
  .dry-items{padding:0 20px 8px; border-top:1px solid var(--line-soft);}
  .dry-item{
    display:flex; align-items:center; gap:14px; padding:14px 4px;
    border-bottom:1px solid var(--line-soft); cursor:pointer;
  }
  .dry-item:last-child{border-bottom:none;}
  .dry-item input[type="checkbox"]{
    accent-color:var(--scope); width:17px; height:17px; flex-shrink:0; cursor:pointer;
  }
  .dry-item-name{font-weight:600; font-size:14.5px; flex:1;}
  .dry-item-spec{color:var(--text-muted); font-size:12px; font-family:var(--font-mono); white-space:nowrap;}
  @media (max-width:560px){
    .dry-item{flex-wrap:wrap;}
    .dry-item-spec{width:100%; padding-left:31px;}
  }

  .cart-bar{
    position:fixed; left:0; right:0; bottom:0; z-index:200;
    background:rgba(10,13,18,.94); backdrop-filter:blur(10px);
    border-top:1px solid var(--line); padding:14px 28px;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    font-family:var(--font-mono); font-size:13px; color:var(--text-muted);
  }
  .cart-bar .btn{padding:10px 18px; font-size:11.5px;}

  .selected-wrap{margin-bottom:32px;}
  .selected-label{
    font-family:var(--font-mono); font-size:11px; text-transform:uppercase;
    letter-spacing:.05em; color:var(--text-dim); margin-bottom:12px;
  }
  .selected-list{display:flex; flex-wrap:wrap; gap:8px;}
  .selected-chip{
    display:inline-flex; align-items:center; gap:6px; background:var(--panel-alt);
    border:1px solid var(--line); border-radius:20px; padding:7px 6px 7px 14px; font-size:13px;
  }
  .selected-chip button{
    background:none; border:none; color:var(--text-dim); cursor:pointer;
    font-size:15px; line-height:1; padding:2px 4px;
  }
  .selected-chip button:hover{color:var(--tally);}
  .selected-empty{color:var(--text-dim); font-size:13px; font-style:italic;}

  .dry-form{display:flex; flex-direction:column; gap:16px; max-width:560px;}
  .field-row{display:flex; gap:16px;}
  .field-row .field{flex:1;}
  @media (max-width:560px){
    .field-row{flex-direction:column;}
  }
  #anfrage{padding-bottom:120px;}

  /* ---------- REEL ---------- */
  .reel-note{
    font-family:var(--font-mono); font-size:12px; color:var(--text-dim);
    border:1px dashed var(--line); border-radius:8px; padding:12px 16px;
    margin-bottom:40px; display:inline-flex; gap:8px;
  }
  .reel-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  .reel-card{
    border:1px solid var(--line); border-radius:12px; overflow:hidden;
    background:var(--panel);
  }
  .reel-thumb{
    aspect-ratio:16/10; background:var(--panel-alt);
    display:flex; align-items:center; justify-content:center;
    color:var(--text-dim); position:relative; overflow:hidden;
  }
  .reel-thumb img{
    width:100%; height:100%; object-fit:cover;
    filter:saturate(.9) contrast(1.05) brightness(.85);
  }
  .reel-thumb::after{
    content:'';
    position:absolute; inset:0;
    background:linear-gradient(135deg, rgba(53,199,192,.12), rgba(232,56,79,.12)), linear-gradient(0deg, rgba(5,7,9,.55), transparent 55%);
  }
  .reel-body{padding:20px;}
  .reel-tag{font-family:var(--font-mono); font-size:11px; color:var(--scope); letter-spacing:.06em; text-transform:uppercase;}
  .reel-body h3{font-size:16.5px; margin:8px 0 6px;}
  .reel-body p{color:var(--text-muted); font-size:14px;}
  @media (max-width:900px){.reel-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:600px){.reel-grid{grid-template-columns:1fr;}}

  /* ---------- CREW ---------- */
  .crew{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start;}
  .crew p{color:var(--text-muted); font-size:16px; margin-bottom:18px;}
  .values{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
  .value-card{border:1px solid var(--line); border-radius:10px; padding:20px;}
  .value-card .mono{font-size:11px; color:var(--tally); letter-spacing:.06em; text-transform:uppercase;}
  .value-card h3{font-size:16px; margin:8px 0 6px;}
  .value-card p{font-size:13.5px; color:var(--text-muted);}
  @media (max-width:900px){.crew{grid-template-columns:1fr;}}
  @media (max-width:520px){.values{grid-template-columns:1fr;}}

  /* ---------- CONTACT ---------- */
  .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px;}
  .contact-info h2{margin-bottom:18px;}
  .contact-info > p{color:var(--text-muted); margin-bottom:34px; max-width:420px;}
  .info-row{
    display:flex; justify-content:space-between; padding:16px 0;
    border-bottom:1px solid var(--line-soft); font-size:14.5px;
  }
  .info-row span:first-child{color:var(--text-dim); font-family:var(--font-mono); font-size:12px; text-transform:uppercase; letter-spacing:.05em;}

  form{display:flex; flex-direction:column; gap:16px;}
  .field{display:flex; flex-direction:column; gap:8px;}
  .field label{
    font-family:var(--font-mono); font-size:11px; text-transform:uppercase;
    letter-spacing:.06em; color:var(--text-dim);
  }
  .field input, .field select, .field textarea{
    background:var(--panel); border:1px solid var(--line); border-radius:7px;
    padding:13px 14px; color:var(--text); font-family:var(--font-body); font-size:14.5px;
    width:100%;
  }
  .field textarea{resize:vertical; min-height:110px;}
  .field input:focus, .field select:focus, .field textarea:focus{
    border-color:var(--scope);
  }
  .form-msg{
    font-family:var(--font-mono); font-size:12.5px; color:var(--pvw);
    display:none; align-items:center; gap:8px; padding-top:4px;
  }
  .form-msg.show{display:flex;}
  @media (max-width:900px){.contact-grid{grid-template-columns:1fr;}}

  /* ---------- FOOTER ---------- */
  footer{border-top:1px solid var(--line-soft); padding:40px 0;}
  .foot-row{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}
  .foot-links{display:flex; gap:18px; flex-wrap:wrap;}
  .foot-links a{font-size:13px; color:var(--text-dim);}
  .foot-links a:hover{color:var(--text);}
  .foot-copy{font-family:var(--font-mono); font-size:12px; color:var(--text-dim);}