*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}

  :root{
    --bg:#0a0c10;
    --panel:#12161d;
    --panel2:#161b23;
    --ink:#eceef3;
    --muted:#8b92a6;
    --dim:#525869;
    --line: rgba(236,238,243,0.09);
    --line2: rgba(236,238,243,0.17);
    --tremor:#ff5a5f;
    --tremor-dim: rgba(255,90,95,0.5);
    --steady:#3fe0c0;
    --steady-dim: rgba(63,224,192,0.5);
    --disp: 'Space Grotesk', sans-serif;
    --serif: 'Newsreader', serif;
    --mono: 'IBM Plex Mono', monospace;
  }

  html{scroll-behavior:smooth;}
  body{
    font-family:var(--serif);
    background:
      radial-gradient(ellipse 60% 50% at 15% 0%, rgba(63,224,192,0.05), transparent 60%),
      radial-gradient(ellipse 55% 45% at 100% 20%, rgba(255,90,95,0.05), transparent 60%),
      var(--bg);
    background-attachment:fixed;
    color:var(--ink);
    overflow-x:hidden;
  }
  body::before{
    content:"";
    position:fixed; inset:0; z-index:0; pointer-events:none;
    background-image:
      linear-gradient(rgba(236,238,243,.022) 1px, transparent 1px),
      linear-gradient(90deg, rgba(236,238,243,.022) 1px, transparent 1px);
    background-size: 64px 64px;
  }

  ::selection{ background:var(--steady); color:#04140f; }
  :focus-visible{ outline:2px solid var(--steady); outline-offset:3px; }

  /* grain */
  body::after{
    content:""; position:fixed; inset:0; z-index:2; pointer-events:none;
    opacity:.035; mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* scroll progress */
  #scroll-progress{
    position:fixed; top:64px; left:0; height:2px; width:0%; z-index:998;
    background:linear-gradient(90deg, var(--tremor), var(--steady));
    transition:width .08s linear;
  }
  @media (max-width:900px){ #scroll-progress{ top:64px; } }

  /* "" NAV "" */
  #nav{
    position:fixed; top:0; left:0; right:0; z-index:999;
    display:flex; align-items:center; justify-content:space-between;
    padding:0 2.75rem; height:64px;
    border-bottom:1px solid var(--line);
    background:rgba(10,12,16,0.88);
    backdrop-filter:blur(14px);
  }
  .nav-logo{
    display:flex; align-items:center; gap:.6rem;
    font-family:var(--disp); font-weight:600; font-size:1.02rem; letter-spacing:.02em;
    color:var(--ink); text-decoration:none; cursor:pointer;
  }
  .nav-logo .mark{ width:20px; height:14px; display:block; }
  .nav-logo .sub{ color:var(--dim); font-weight:400; }
  .nav-links{ display:flex; align-items:center; gap:1.6rem; list-style:none; flex-wrap:nowrap; }
  .nav-links li{ display:flex; align-items:center; }
  .nav-links a{
    color:var(--muted); text-decoration:none;
    font-family:var(--mono); font-size:.68rem; letter-spacing:.09em;
    text-transform:uppercase; cursor:pointer; transition:color .2s;
    position:relative; padding-bottom:2px;
  }
  .nav-links a::after{
    content:""; position:absolute; left:0; bottom:-3px; width:0; height:1px;
    background:var(--steady); transition:width .25s ease;
  }
  .nav-links a:hover{ color:var(--ink); }
  .nav-links a:hover::after, .nav-links a.active::after{ width:100%; }
  .nav-links a.active{ color:var(--steady); }
  .nav-apply{
    border:1px solid var(--tremor); color:var(--tremor); background:transparent;
    padding:.57rem 1.05rem; border-radius:2px; cursor:pointer; font-family:var(--mono);
    font-size:.66rem; letter-spacing:.09em; text-transform:uppercase; transition:all .2s ease;
  }
  .nav-apply::after{ display:none; }
  .nav-apply:hover{ background:var(--tremor); color:#160506; transform:translateY(-1px); }
  .hamburger{ display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
  .hamburger span{ display:block; width:22px; height:1.5px; background:var(--ink); }

  /* "" PAGE SYSTEM "" */
  .page{ display:none; min-height:100vh; position:relative; z-index:1; }
  .page.active{ display:block; animation:fadein .35s ease; }
  @keyframes fadein{ from{opacity:0;} to{opacity:1;} }

  .section{ padding:8rem 2.75rem; max-width:1080px; margin:0 auto; }
  .section-sm{ max-width:680px; }
  .eyebrow{
    font-family:var(--mono); font-size:.68rem; letter-spacing:.16em;
    text-transform:uppercase; color:var(--steady);
    margin-bottom:1.4rem; display:flex; align-items:center; gap:.6rem;
  }
  .eyebrow::before{ content:""; width:16px; height:1px; background:var(--steady); display:inline-block; }
  .display{
    font-family:var(--disp); font-weight:600;
    font-size:clamp(3rem, 6.6vw, 5.6rem);
    letter-spacing:-.01em; line-height:1.02; color:var(--ink);
  }
  .display em{ font-style:normal; color:var(--tremor); }
  .display-sm{
    font-family:var(--disp); font-weight:600;
    font-size:clamp(1.9rem, 3.6vw, 2.9rem); letter-spacing:-.01em; line-height:1.08;
  }
  .body-lg{ font-family:var(--serif); font-size:1.18rem; line-height:1.7; color:var(--muted); max-width:560px; font-weight:400;}
  .body-md{ font-family:var(--serif); font-size:1.02rem; line-height:1.75; color:var(--muted); }
  .rule{ border:none; border-top:1px solid var(--line); }

  .btn{
    display:inline-flex; align-items:center; gap:.5rem;
    font-family:var(--mono); font-size:.72rem; font-weight:500; letter-spacing:.09em;
    text-transform:uppercase; text-decoration:none;
    padding:.85rem 1.5rem; border-radius:2px;
    cursor:pointer; transition:all .2s; border:1px solid transparent;
  }
  .btn-steady{ background:var(--steady); color:#04140f; box-shadow:0 0 0 0 rgba(63,224,192,0); }
  .btn-steady:hover{ background:#7cf0d8; transform:translateY(-1px); box-shadow:0 6px 24px rgba(63,224,192,.22); }
  .btn-steady:active{ transform:translateY(0) scale(.97); box-shadow:0 2px 10px rgba(63,224,192,.18); }
  .btn-outline{ background:transparent; color:var(--ink); border-color:var(--line2); }
  .btn-outline:hover{ border-color:var(--steady); color:var(--steady); transform:translateY(-1px); }
  .btn-outline:active{ transform:translateY(0) scale(.97); }
  .btn{ transition:all .18s cubic-bezier(.2,.8,.3,1); }

  .reveal{ opacity:0; transform:translateY(30px); transition:opacity .8s cubic-bezier(.2,.75,.2,1), transform .8s cubic-bezier(.2,.75,.2,1); }
  .reveal.visible{ opacity:1; transform:translateY(0); }
  .reveal.delay-1{ transition-delay:.08s; }
  .reveal.delay-2{ transition-delay:.16s; }
  .reveal.delay-3{ transition-delay:.24s; }

  /* "" WAVEFORM SIGNATURE "" */
  .waveform-divider{ width:100%; display:block; }
  .waveform-divider path.tremor-line{ stroke:var(--tremor); }
  .waveform-divider path.steady-line{ stroke:var(--steady); }
  .wf-draw{
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
    animation: draw 1.8s cubic-bezier(.3,.7,.2,1) forwards;
  }
  .wf-draw.d2{ animation-delay: 1.1s; }
  @keyframes draw{ to{ stroke-dashoffset:0; } }
  .tremor-line{ animation: draw 1.8s cubic-bezier(.3,.7,.2,1) forwards, wobble 3.6s ease-in-out 1.9s infinite; }
  @keyframes wobble{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(2.5px); }
  }
  .hero-spotlight{
    position:absolute; inset:0; z-index:1; pointer-events:none; opacity:0;
    background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), rgba(63,224,192,.10), transparent 65%);
    transition:opacity .4s ease;
  }
  .hero:hover .hero-spotlight{ opacity:1; }
  @media (prefers-reduced-motion: reduce){
    .wf-draw, .tremor-line{ animation:none; stroke-dashoffset:0; }
    .reveal{ opacity:1; transform:none; transition:none; }
    .hero-spotlight{ display:none; }
  }

  /* "" READOUT STRIP "" */
  .readout-strip{
    display:grid; grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  }
  .readout-cell{
    padding:2.6rem 2rem; border-right:1px solid var(--line);
    position:relative; transition:background .3s;
  }
  .readout-cell:hover{ background:rgba(63,224,192,0.035); }
  .readout-cell:last-child{ border-right:none; }
  .readout-tag{ font-family:var(--mono); font-size:.62rem; color:var(--dim); text-transform:uppercase; letter-spacing:.1em; margin-bottom:.6rem;}
  .readout-num{ font-family:var(--disp); font-size:2.6rem; font-weight:600; color:var(--ink); line-height:1; font-variant-numeric:tabular-nums; }
  .readout-num .u{ font-family:var(--mono); font-size:1rem; color:var(--steady); font-weight:500; }

  /* "" SPLIT / FEATURE LIST "" */
  .split{ display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }
  .split-sticky{ position:sticky; top:110px; }
  .feat-list{ display:flex; flex-direction:column; }
  .feat-item{ padding:1.9rem 0; border-top:1px solid var(--line); display:grid; grid-template-columns:1.4rem 1fr; gap:1.3rem; }
  .feat-mark{ font-family:var(--mono); font-size:.9rem; color:var(--steady); padding-top:.15rem; }
  .feat-title{ font-family:var(--disp); font-size:1rem; font-weight:600; color:var(--ink); margin-bottom:.5rem; }
  .feat-body{ font-family:var(--serif); font-size:.95rem; color:var(--muted); line-height:1.68; }

  /* "" INSTRUMENT CARD "" corner-bracket panel motif "" */
  .icard{
    position:relative; background:var(--panel);
    border:1px solid var(--line); padding:1.6rem;
    transition:transform .25s cubic-bezier(.2,.8,.3,1), border-color .25s, box-shadow .25s;
  }
  .icard:hover{
    transform:translateY(-4px);
    border-color:var(--line2);
    box-shadow:0 16px 36px rgba(0,0,0,.35);
  }
  .icard::before, .icard::after{
    content:""; position:absolute; width:11px; height:11px;
    border:1px solid var(--steady-dim); transition:border-color .25s;
  }
  .icard:hover::before, .icard:hover::after{ border-color:var(--steady); }
  .icard::before{ top:-1px; left:-1px; border-right:none; border-bottom:none; }
  .icard::after{ bottom:-1px; right:-1px; border-left:none; border-top:none; }
  .icard .icard-icon{ font-size:1.25rem; margin-bottom:.85rem; transition:transform .3s ease; }
  .icard:hover .icard-icon{ transform:scale(1.12); }
  .icard h4{ font-family:var(--disp); font-size:.98rem; color:var(--ink); margin-bottom:.55rem; font-weight:600; }
  .icard p{ font-family:var(--serif); font-size:.92rem; color:var(--muted); line-height:1.65; }

  /* "" HERO "" */
  .hero{
    min-height:100vh; display:flex; flex-direction:column; justify-content:flex-end;
    padding:0 2.75rem 4.5rem; position:relative; overflow:hidden;
  }
  .hero-badge{
    position:absolute; top:100px; left:2.75rem;
    font-family:var(--mono); font-size:.66rem; color:var(--dim);
    letter-spacing:.13em; text-transform:uppercase;
    border-left:2px solid var(--tremor); padding-left:.75rem; z-index:2;
  }
  .hero-wf{ position:absolute; left:0; right:0; top:38%; z-index:0; opacity:.9; }
  .hero-content{ position:relative; z-index:2; max-width:820px; }
  .hero h1{
    font-family:var(--disp); font-weight:700;
    font-size:clamp(3.4rem, 8.2vw, 6.6rem);
    letter-spacing:-.02em; line-height:.98; color:var(--ink); margin-bottom:1.8rem;
  }
  .hero h1 em{ font-style:normal; color:var(--tremor); }
  .hero-sub{ font-family:var(--serif); font-size:1.12rem; color:var(--muted); line-height:1.7; max-width:520px; margin-bottom:2.4rem; }
  .hero-btns{ display:flex; gap:1rem; flex-wrap:wrap; }
  .hero-caption{
    position:absolute; right:2.75rem; bottom:4.5rem; z-index:2;
    font-family:var(--mono); font-size:.66rem; color:var(--dim); text-align:right;
    line-height:1.8; letter-spacing:.04em; max-width:220px;
  }
  .hero-caption b{ color:var(--steady); font-weight:500; }

  /* "" WHO WE ARE "" */
  /* uses .split / .feat-list above */

  /* "" PRODUCT "" */
  .product-shell{ background:var(--panel); border:1px solid var(--line); padding:2rem; }
  .product-tabs{ display:flex; gap:.6rem; flex-wrap:wrap; margin:0 0 1.75rem; border-bottom:1px solid var(--line); padding-bottom:1.5rem;}
  .product-tab{
    border:1px solid var(--line); background:transparent; color:var(--muted);
    padding:.6rem 1rem; cursor:pointer; font-family:var(--mono); font-size:.66rem;
    letter-spacing:.1em; text-transform:uppercase; transition:all .2s;
  }
  .product-tab.active, .product-tab:hover{ color:var(--bg); background:var(--steady); border-color:var(--steady); }
  .product-panel{ display:none; animation:fadein .3s ease; }
  .product-panel.active{ display:block; }
  .product-card-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:1.5rem; }
  .product-quote{ border-left:2px solid var(--tremor); padding-left:1.2rem; color:var(--ink); font-family:var(--serif); font-style:italic; line-height:1.8; font-size:1rem; }
  .product-hero{ border:1px solid var(--line); padding:1.9rem; background:var(--panel2); margin-bottom:1.5rem; }
  .product-hero h3{ font-family:var(--disp); font-size:1.25rem; font-weight:600; color:var(--ink); margin-bottom:.75rem; }
  .product-hero p{ font-family:var(--serif); color:var(--muted); line-height:1.78; }
  .future-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
  .future-item{ border:1px solid var(--line); padding:1.4rem; background:var(--panel2); transition:border-color .25s, transform .25s; }
  .future-item:hover{ border-color:var(--tremor-dim); transform:translateY(-3px); }
  .future-tag{ font-family:var(--mono); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; color:var(--tremor); margin-bottom:.85rem; display:block; }
  .future-item h4{ font-family:var(--disp); font-size:.98rem; color:var(--ink); margin-bottom:.4rem; font-weight:600; }
  .future-item p{ font-family:var(--serif); font-size:.9rem; color:var(--muted); line-height:1.65; }

  .steps-grid{ display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); margin-bottom:1.6rem; }
  .step-cell{ padding:2rem 1.5rem; border-right:1px solid var(--line); transition:background .25s; }
  .step-cell:hover{ background:rgba(63,224,192,0.035); }
  .step-cell:last-child{ border-right:none; }
  .step-tag{ font-family:var(--mono); font-size:.6rem; color:var(--steady); letter-spacing:.12em; text-transform:uppercase; margin-bottom:.9rem; }
  .step-title{ font-family:var(--disp); font-weight:600; font-size:.92rem; margin-bottom:.55rem; color:var(--ink); }
  .step-body{ font-family:var(--serif); font-size:.87rem; color:var(--muted); line-height:1.62; }
  .live-tag{ display:inline-flex; align-items:center; gap:.5rem; border:1px solid var(--tremor-dim); padding:.45rem 1rem; font-family:var(--mono); font-size:.64rem; color:var(--tremor); text-transform:uppercase; letter-spacing:.1em; }
  .dot{ width:6px; height:6px; border-radius:50%; background:var(--tremor); animation:pulse 2s infinite; }
  @keyframes pulse{ 0%,100%{opacity:1;} 50%{opacity:.25;} }

  /* "" TEAM "" */
  .team-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  .member{ background:var(--bg); padding:2.4rem; transition:background .25s; }
  .member:hover{ background:var(--panel); }
  .member-init{ font-family:var(--disp); font-weight:700; font-size:2.1rem; color:var(--dim); margin-bottom:1.1rem; letter-spacing:.02em; }
  .member-name{ font-family:var(--disp); font-weight:600; font-size:1.05rem; margin-bottom:.3rem; color:var(--ink); }
  .member-role{ font-family:var(--mono); font-size:.66rem; color:var(--steady); letter-spacing:.08em; text-transform:uppercase; margin-bottom:1rem; }
  .member-bio{ font-family:var(--serif); font-size:.94rem; color:var(--muted); line-height:1.72; }
  .member-tags{ display:flex; gap:.4rem; flex-wrap:wrap; margin-top:1.1rem; }
  .tag{ font-family:var(--mono); font-size:.63rem; color:var(--dim); border:1px solid var(--line); padding:.22rem .55rem; }

  .join-cta-block{ border:1px solid var(--line); padding:4.5rem 3.5rem; text-align:center; background:var(--panel); position:relative; }
  .join-cta-block::before, .join-cta-block::after{ content:""; position:absolute; width:14px; height:14px; border:1px solid var(--steady-dim); }
  .join-cta-block::before{ top:-1px; left:-1px; border-right:none; border-bottom:none; }
  .join-cta-block::after{ bottom:-1px; right:-1px; border-left:none; border-top:none; }
  .join-cta-block h3{ font-family:var(--disp); font-weight:700; font-size:2.4rem; letter-spacing:-.01em; margin-bottom:1rem; }
  .join-cta-block p{ font-family:var(--serif); color:var(--muted); max-width:420px; margin:0 auto 2.2rem; line-height:1.72; font-size:.98rem; }
  .join-fine{ margin-top:1.1rem; color:var(--dim); font-size:.72rem; font-family:var(--mono); letter-spacing:.03em; }

  .join-tabs{
    display:flex; gap:.75rem; flex-wrap:wrap; margin-bottom:2rem; border-bottom:1px solid var(--line); padding-bottom:1rem;
  }
  .join-tab{
    border:1px solid var(--line); background:transparent; color:var(--muted); padding:.8rem 1.2rem; cursor:pointer;
    font-family:var(--mono); font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; transition:all .2s ease;
  }
  .join-tab.active, .join-tab:hover{ background:var(--steady); border-color:var(--steady); color:#04140f; }
  .join-tab-panel{ display:none; }
  .join-tab-panel.active{ display:block; }

  .sponsor-panel{
    border:1px solid var(--line); background:var(--panel); padding:2.5rem; margin:0 0 3rem;
    display:grid; grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.4fr); gap:2.2rem; align-items:start;
  }
  .sponsor-intro h3{
    font-family:var(--disp); font-size:clamp(1.8rem, 3vw, 2.8rem); line-height:1.05; letter-spacing:-.02em;
    margin:0 0 1rem; color:var(--ink);
  }
  .sponsor-intro p{
    font-family:var(--serif); color:var(--muted); line-height:1.7; margin:0; max-width:32rem;
  }
  .sponsor-form{
    display:flex; flex-direction:column; gap:1.2rem;
  }
  .form-grid{
    display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem;
  }
  .sponsor-form label{ display:flex; flex-direction:column; gap:.55rem; font-family:var(--mono); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color:var(--dim); }
  .sponsor-form input,
  .sponsor-form select,
  .sponsor-form textarea{
    width:100%; border:1px solid var(--line2); background:rgba(16,18,23,0.9); color:var(--ink); padding:1rem 1.05rem; font-family:var(--serif); font-size:1rem; resize:vertical; transition:border-color .2s, box-shadow .2s; box-sizing:border-box;
  }
  .sponsor-form textarea{ min-height:160px; }
  .sponsor-form input:focus,
  .sponsor-form select:focus,
  .sponsor-form textarea:focus{
    outline:none; border-color:var(--steady); box-shadow:0 0 0 1px rgba(63,224,192,.25);
  }
  .full-width{ width:100%; }
  .form-actions{
    display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  }
  .form-status{
    min-height:1.15rem; font-family:var(--mono); font-size:.68rem; letter-spacing:.06em; text-transform:uppercase; color:var(--steady);
  }
  .form-status.error{ color:var(--tremor); }

  /* "" COMING SOON / STATUS "" */
  .soon-status{ font-family:var(--mono); font-size:.7rem; color:var(--tremor); letter-spacing:.1em; text-transform:uppercase; display:flex; align-items:center; gap:.5rem; margin-bottom:2rem; }
  .soon-list{ margin:2.2rem 0; padding:1.9rem; border:1px solid var(--line); background:var(--panel); }
  .soon-list h4{ font-family:var(--disp); font-weight:600; font-size:.9rem; margin-bottom:1rem; color:var(--ink); }
  .soon-list ul{ list-style:none; color:var(--muted); font-family:var(--serif); font-size:.94rem; line-height:2; }

  /* "" DETAILS / SOCIAL GRIDS "" */
  .details-grid, .social-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-bottom:3.5rem; }
  .detail-cell, .social-cell{ background:var(--bg); padding:2.2rem; transition:background .25s; }
  .detail-cell:hover, .social-cell:hover{ background:var(--panel); }
  .social-cell{ text-align:center; text-decoration:none; color:inherit; display:block; }
  .detail-icon, .sc-icon{ font-size:1.3rem; margin-bottom:.9rem; }
  .detail-label{ font-family:var(--mono); font-size:.62rem; color:var(--steady); letter-spacing:.1em; text-transform:uppercase; margin-bottom:.4rem; }
  .detail-val, .sc-name{ font-family:var(--disp); font-weight:600; font-size:.98rem; color:var(--ink); margin-bottom:.55rem; }
  .detail-body{ font-family:var(--serif); font-size:.88rem; color:var(--muted); line-height:1.65; }
  .sc-handle{ font-family:var(--mono); font-size:.72rem; color:var(--steady); }
  .sc-note{ font-family:var(--serif); font-size:.82rem; color:var(--muted); margin-top:.45rem; }

  /* "" FOOTER "" */
  footer{ border-top:1px solid var(--line); padding:2.75rem; position:relative; z-index:1; }
  .footer-inner{ max-width:1080px; margin:0 auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:2rem; }
  .footer-logo{ font-family:var(--disp); font-weight:600; font-size:1rem; color:var(--ink); cursor:pointer; }
  .footer-logo span{ color:var(--tremor); }
  .footer-nav{ display:flex; gap:1.6rem; justify-content:center; }
  .footer-nav a{ color:var(--dim); text-decoration:none; font-size:.68rem; cursor:pointer; transition:color .2s; text-transform:uppercase; letter-spacing:.07em; font-family:var(--mono); }
  .footer-nav a:hover{ color:var(--steady); }
  .footer-right{ text-align:right; color:var(--dim); font-size:.68rem; font-family:var(--mono); line-height:1.8; }
  .footer-socials{ display:flex; gap:1rem; justify-content:flex-end; margin-bottom:.5rem; }
  .footer-socials a{ color:var(--dim); text-decoration:none; font-size:.68rem; transition:color .2s; }
  .footer-socials a:hover{ color:var(--steady); }

  blockquote{ border-left:2px solid var(--tremor); padding-left:1.75rem; }
  blockquote p{ font-family:var(--serif); font-size:1.2rem; line-height:1.65; color:var(--ink); font-weight:400; font-style:italic; }

  /* "" RESPONSIVE "" */
  @media (max-width:900px){
    .sponsor-panel{ grid-template-columns:1fr; padding:1.6rem; }
    .form-grid{ grid-template-columns:1fr; }
    .readout-strip{ grid-template-columns:repeat(2,1fr); }
    .split{ grid-template-columns:1fr; gap:2.75rem; }
    .split-sticky{ position:static; }
    .product-card-grid{ grid-template-columns:1fr; }
    .steps-grid{ grid-template-columns:1fr 1fr; }
    .step-cell:nth-child(2){ border-right:none; }
    .step-cell:nth-child(3){ border-top:1px solid var(--line); }
    .step-cell:nth-child(4){ border-top:1px solid var(--line); border-right:none; }
    .future-grid{ grid-template-columns:1fr; }
    .team-grid, .details-grid, .social-row{ grid-template-columns:1fr; }
    .footer-inner{ grid-template-columns:1fr; text-align:center; gap:1.4rem; }
    .footer-nav{ flex-wrap:wrap; }
    .footer-right{ text-align:center; }
    .footer-socials{ justify-content:center; }
    .hero{ padding:0 1.4rem 3.5rem; }
    .hero-badge{ left:1.4rem; }
    .hero-caption{ display:none; }
    .section{ padding:5rem 1.4rem; }
    #nav{ padding:0 1.4rem; }
    .nav-links{ display:none; position:absolute; top:64px; left:0; right:0; background:rgba(10,12,16,.98); flex-direction:column; padding:1rem 1.4rem; border-bottom:1px solid var(--line); gap:.9rem; }
    .nav-links.open{ display:flex; }
    .hamburger{ display:flex; }
    .join-cta-block{ padding:3rem 1.6rem; }
  }

  /*  BOOT / CALIBRATION SEQUENCE  */
  #boot-overlay{
    position:fixed; inset:0; z-index:10000;
    background:var(--bg); display:flex; align-items:center; justify-content:center;
    flex-direction:column; gap:1.6rem; transition:opacity .7s ease;
  }
  #boot-overlay.hide{ opacity:0; pointer-events:none; }
  .boot-wf{ width:min(420px, 70vw); height:70px; }
  .boot-status{
    font-family:var(--mono); font-size:.72rem; letter-spacing:.16em; text-transform:uppercase;
    color:var(--muted); min-height:1.2em;
  }
  .boot-status .ok{ color:var(--steady); }
  .boot-bar{ width:min(280px, 60vw); height:2px; background:var(--line); position:relative; overflow:hidden; }
  .boot-bar-fill{ position:absolute; left:0; top:0; bottom:0; width:0%; background:linear-gradient(90deg,var(--tremor),var(--steady)); transition:width .25s linear; }
  .boot-pct{ font-family:var(--mono); font-size:.62rem; color:var(--dim); letter-spacing:.1em; }

  /*  CUSTOM CURSOR  */
  body.cc-on, body.cc-on *{ cursor:none !important; }
  #cc-dot, #cc-ring{
    position:fixed; top:0; left:0; z-index:9998; pointer-events:none;
    border-radius:50%; transform:translate(-50%,-50%);
  }
  #cc-dot{ width:5px; height:5px; background:var(--steady); }
  #cc-ring{
    width:30px; height:30px; border:1px solid var(--steady-dim);
    transition:width .18s ease, height .18s ease, border-color .18s ease, background .18s ease;
  }
  #cc-ring::before, #cc-ring::after{
    content:""; position:absolute; background:var(--steady-dim);
  }
  #cc-ring.active{ width:50px; height:50px; border-color:var(--tremor); background:rgba(255,90,95,.06); }

  /*  MAGNETIC BUTTONS  */
  .btn{ transform:translate(var(--mx,0), var(--my,0)) translateY(0); }
  .btn:hover{ transform:translate(var(--mx,0), var(--my,0)) translateY(-1px); }
  .btn:active{ transform:translate(var(--mx,0), var(--my,0)) translateY(0) scale(.97); }

  /*  COMMAND PALETTE  */
  .cmdk-hint{
    display:flex; align-items:center; gap:.4rem;
    font-family:var(--mono); font-size:.64rem; color:var(--dim);
    border:1px solid var(--line); padding:.4rem .65rem; letter-spacing:.05em;
    cursor:pointer; transition:border-color .2s, color .2s; background:transparent;
  }
  .cmdk-hint:hover{ border-color:var(--steady-dim); color:var(--steady); }
  .cmdk-hint kbd{ font-family:var(--mono); background:var(--panel2); border:1px solid var(--line2); padding:.05rem .3rem; border-radius:2px; font-size:.6rem; }
  #cmdk-overlay{
    position:fixed; inset:0; z-index:9999; background:rgba(6,7,9,.72); backdrop-filter:blur(4px);
    display:none; align-items:flex-start; justify-content:center; padding-top:14vh;
  }
  #cmdk-overlay.open{ display:flex; }
  .cmdk-box{
    width:min(480px, 90vw); background:var(--panel); border:1px solid var(--line2);
    box-shadow:0 30px 80px rgba(0,0,0,.55);
  }
  .cmdk-input-row{ display:flex; align-items:center; gap:.75rem; padding:1rem 1.2rem; border-bottom:1px solid var(--line); }
  .cmdk-input-row .glyph{ color:var(--steady); font-family:var(--mono); }
  #cmdk-input{
    flex:1; background:none; border:none; outline:none; color:var(--ink);
    font-family:var(--mono); font-size:.9rem; letter-spacing:.02em;
  }
  #cmdk-input::placeholder{ color:var(--dim); }
  .cmdk-list{ max-height:320px; overflow-y:auto; padding:.5rem; }
  .cmdk-item{
    display:flex; align-items:center; justify-content:space-between;
    padding:.75rem .9rem; cursor:pointer; font-family:var(--disp); font-weight:500;
    font-size:.9rem; color:var(--muted); border-left:2px solid transparent;
  }
  .cmdk-item .k{ font-family:var(--mono); font-size:.62rem; color:var(--dim); text-transform:uppercase; letter-spacing:.08em; }
  .cmdk-item.sel{ background:rgba(63,224,192,.06); color:var(--ink); border-left-color:var(--steady); }
  .cmdk-item.sel .k{ color:var(--steady); }
  .cmdk-empty{ padding:1.5rem; text-align:center; font-family:var(--mono); font-size:.72rem; color:var(--dim); }

  /*  STABILIZER DEMO  */
  .demo-block{ border:1px solid var(--line); background:var(--panel2); padding:1.6rem; margin-bottom:1.6rem; }
  .demo-head{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-bottom:1rem; }
  .demo-title{ font-family:var(--disp); font-weight:600; font-size:1rem; color:var(--ink); }
  .demo-sub{ font-family:var(--serif); font-size:.85rem; color:var(--muted); margin-top:.3rem; }
  .demo-toggle{
    display:flex; border:1px solid var(--line2); font-family:var(--mono); font-size:.65rem;
    text-transform:uppercase; letter-spacing:.08em; overflow:hidden;
  }
  .demo-toggle button{
    background:transparent; border:none; color:var(--muted); padding:.55rem 1rem; cursor:pointer; transition:all .2s;
  }
  .demo-toggle button.on{ background:var(--steady); color:#04140f; }
  .demo-canvas-wrap{ position:relative; border:1px solid var(--line); background:#070a0d; }
  .demo-canvas-wrap::before{
    content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
    background-image:linear-gradient(rgba(63,224,192,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(63,224,192,.05) 1px, transparent 1px);
    background-size:24px 24px;
  }
  #demo-canvas{ display:block; width:100%; height:220px; touch-action:none; cursor:crosshair; }
  .demo-placeholder{
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    font-family:var(--mono); font-size:.72rem; color:var(--dim); letter-spacing:.06em;
    text-transform:uppercase; pointer-events:none; text-align:center; padding:1rem;
  }
  .demo-placeholder.hidden{ display:none; }
  .demo-legend{ display:flex; gap:1.5rem; margin-top:1rem; flex-wrap:wrap; }
  .demo-legend span{ display:flex; align-items:center; gap:.5rem; font-family:var(--mono); font-size:.65rem; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; }
  .demo-legend .sw{ width:14px; height:2px; display:inline-block; }
  .sw-tremor{ background:var(--tremor); }
  .sw-steady{ background:var(--steady); }

  @media (max-width:640px){
    .cmdk-hint{ display:none; }
  }

  /*  AMBIENT SIGNAL FIELD  */
  #bg-signal{ position:fixed; inset:0; z-index:0; pointer-events:none; }

  /*  PAGE TRANSITION SWEEP  */
  #sweep{
    position:fixed; inset:0; z-index:9996; pointer-events:none;
    opacity:0;
  }
  #sweep .line{
    position:absolute; left:0; right:0; height:2px; top:-2px;
    background:linear-gradient(90deg, transparent, var(--steady), var(--tremor), transparent);
    box-shadow:0 0 24px 2px rgba(63,224,192,.5);
  }
  #sweep.go{ animation: sweepFade .5s ease forwards; }
  #sweep.go .line{ animation: sweepMove .5s cubic-bezier(.6,0,.3,1) forwards; }
  @keyframes sweepFade{ 0%{opacity:0;} 12%{opacity:1;} 88%{opacity:1;} 100%{opacity:0;} }
  @keyframes sweepMove{ 0%{ top:-2px; } 100%{ top:100%; } }

  /*  SIGNAL HUD  */
  #hud{
    display:none;
  }
  #page-try #hud{
    position:relative; left:auto; bottom:auto; z-index:1;
    font-family:var(--mono); font-size:.6rem; color:var(--dim);
    background:rgba(10,12,16,.72); backdrop-filter:blur(8px);
    border:1px solid var(--line); padding:.8rem 1rem;
    display:flex; align-items:center; gap:.65rem;
    letter-spacing:.05em; user-select:none; width:max-content;
    margin-bottom:1.5rem;
  }
  #hud .hud-label{ text-transform:uppercase; color:var(--muted); line-height:1.6; }
  #hud .hud-label b{ color:var(--steady); font-weight:500; }
  #hud canvas{ display:block; width:76px; height:26px; }
  @media (max-width:900px){ #page-try #hud{ display:none; } }

  .try-shell{
    border:1px solid var(--line); background:var(--panel); padding:2rem; max-width:900px;
  }
  .try-stack{ display:grid; grid-template-columns:auto 1fr; gap:2rem; align-items:center; }
  .try-copy{ max-width:540px; }
  @media (max-width:900px){ .try-stack{ grid-template-columns:1fr; } }

  /*  TEAM VITALS  */
  .vitals-row{ display:flex; align-items:center; gap:.6rem; margin-top:1.2rem; padding-top:1.1rem; border-top:1px solid var(--line); }
  .vitals-row canvas{ width:100px; height:28px; display:block; }
  .vitals-tag{ font-family:var(--mono); font-size:.6rem; color:var(--dim); text-transform:uppercase; letter-spacing:.08em; display:flex; align-items:center; gap:.4rem; }
  .vitals-tag .vdot{ width:5px; height:5px; border-radius:50%; background:var(--steady); animation:pulse 2.4s infinite; }

  /*  PARTICLE BURST LAYER  */
  #burst-canvas{ position:fixed; inset:0; z-index:9995; pointer-events:none; }

  /*  EASTER EGG FLASH  */
  #egg-flash{
    position:fixed; inset:0; z-index:9997; pointer-events:none;
    display:flex; align-items:center; justify-content:center;
    opacity:0;
  }
  #egg-flash.show{ animation:eggFade 1.7s ease forwards; }
  #egg-flash span{
    font-family:var(--mono); font-size:.9rem; letter-spacing:.2em; text-transform:uppercase;
    color:var(--steady); text-shadow:0 0 20px rgba(63,224,192,.6);
  }
  @keyframes eggFade{ 0%{opacity:0;} 15%{opacity:1;} 75%{opacity:1;} 100%{opacity:0;} }

  /*  ACHIEVEMENT TOAST  */
  #achievement-toast{
    position:fixed; right:1.25rem; bottom:1.25rem; z-index:9994;
    background:var(--panel); border:1px solid var(--steady-dim);
    padding:1.1rem 1.4rem; max-width:280px;
    box-shadow:0 20px 50px rgba(0,0,0,.5);
    transform:translateX(120%); opacity:0;
    transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .5s;
  }
  #achievement-toast.show{ transform:translateX(0); opacity:1; }
  #achievement-toast .ach-title{ font-family:var(--disp); font-weight:600; font-size:.92rem; color:var(--steady); margin-bottom:.4rem; }
  #achievement-toast .ach-sub{ font-family:var(--serif); font-size:.82rem; color:var(--muted); line-height:1.55; }

  /*  SOUND TOGGLE STATE  */
  #sound-toggle.on kbd{ background:var(--steady); color:#04140f; border-color:var(--steady); }

  /*  ACCESSIBILITY / DIAGNOSTIC MODE  */
  .a11y-btn{
    display:flex; align-items:center; gap:.4rem;
    font-family:var(--mono); font-size:.64rem; color:var(--dim);
    border:1px solid var(--line); padding:.4rem .65rem; letter-spacing:.05em;
    cursor:pointer; transition:border-color .2s, color .2s; background:transparent;
  }
  .a11y-btn:hover{ border-color:var(--tremor-dim); color:var(--tremor); }
  .a11y-btn.on{ border-color:var(--tremor); color:var(--tremor); background:rgba(255,90,95,.08); }

  body.diagnostic-mode{ --muted:#c2c5d1; --dim:#8b92a6; }
  body.diagnostic-mode .reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
  body.diagnostic-mode #bg-signal,
  body.diagnostic-mode #burst-canvas,
  body.diagnostic-mode #cc-dot,
  body.diagnostic-mode #cc-ring,
  body.diagnostic-mode #hud,
  body.diagnostic-mode .tremor-line,
  body.diagnostic-mode .wf-draw{ display:none !important; }
  body.diagnostic-mode.cc-on, body.diagnostic-mode.cc-on *{ cursor:auto !important; }
  body.diagnostic-mode{ font-size:105%; }
  body.diagnostic-mode :focus-visible{ outline:3px solid var(--steady); outline-offset:3px; }
  body.diagnostic-mode .btn, body.diagnostic-mode a{ text-underline-offset:3px; }
  #a11y-banner{
    display:none; position:fixed; top:64px; left:0; right:0; z-index:997;
    background:var(--steady); color:#04140f; text-align:center;
    font-family:var(--mono); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase;
    padding:.5rem; z-index:996;
  }
  body.diagnostic-mode #a11y-banner{ display:block; }

  /*  RESEARCH PAGE  */
  .paper-grid{ display:flex; flex-direction:column; gap:1px; background:var(--line); border:1px solid var(--line); margin-bottom:3rem; }
  .paper-row{ background:var(--bg); padding:1.8rem 2rem; display:grid; grid-template-columns:auto 1fr auto; gap:1.5rem; align-items:center; transition:background .25s; }
  .paper-row:hover{ background:var(--panel); }
  .paper-status{ font-family:var(--mono); font-size:.6rem; text-transform:uppercase; letter-spacing:.08em; padding:.35rem .7rem; border:1px solid var(--line2); color:var(--muted); white-space:nowrap; }
  .paper-status.active{ color:var(--steady); border-color:var(--steady-dim); }
  .paper-info h4{ font-family:var(--disp); font-weight:600; font-size:.98rem; color:var(--ink); margin-bottom:.35rem; }
  .paper-info p{ font-family:var(--serif); font-size:.86rem; color:var(--muted); line-height:1.6; }
  .paper-tags{ display:flex; gap:.4rem; flex-wrap:wrap; justify-self:end; }
  @media (max-width:700px){ .paper-row{ grid-template-columns:1fr; } .paper-tags{ justify-self:start; } }

  .method-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-bottom:3rem; }
  @media (max-width:700px){ .method-grid{ grid-template-columns:1fr; } }