@layer reset, tokens, frame, parts, motion;

/* ═══════════════ type ═══════════════ */
@font-face{font-family:"Tektur";font-style:normal;font-weight:500;font-display:swap;
  src:url(type/display-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Tektur";font-style:normal;font-weight:500;font-display:swap;
  src:url(type/display-lat.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(type/text-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(type/text-lat.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


/* ═══════════════ reset ═══════════════ */
@layer reset{
  *,::before,::after{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;hanging-punctuation:first}
  body,h1,h2,h3,p,ul,dl,dd,figure{margin:0}
  ul{list-style:none;padding:0}
  img,svg{display:block;max-width:100%}
  a{color:inherit}
  button,input{font:inherit;color:inherit}
}

/* ═══════════════ tokens (палитра логотипа) ═══════════════ */
@layer tokens{
  :root{
    --night:#060606;
    --night-up:#0d0e0d;
    --night-lift:#151716;
    --tone:#45d483;
    --tone-pale:#d3f5d0;
    --tone-mist:#f3f6f1;
    --tone-deep:#1f9e5a;
    --lime:#c8f26b;
    --coal:#0a0b0a;
    --tx:#ececea;
    --tx-2:#cfd1cd;
    --tx-3:#8d918c;
    --hair:rgba(255,255,255,.09);
    --hair-faint:rgba(255,255,255,.055);
    --glass:rgba(20,21,20,.6);

    --face-a:"Tektur",system-ui,sans-serif;
    --face-b:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;

    --rad-xl:1.25rem;--rad-l:.875rem;--rad-m:.625rem;
    --curve:cubic-bezier(.2,.8,.2,1);
    --gutter:clamp(1rem,4vw,1.25rem);
  }
}

/* ═══════════════ frame ═══════════════ */
@layer frame{
  body{
    min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;overflow-x:clip;
    background:var(--night);color:var(--tx);
    font:400 1rem/1.55 var(--face-b);
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  }
  :focus-visible{outline:2px solid var(--tone);outline-offset:3px;border-radius:.375rem}

  .shell{width:min(100%,70rem);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left))}

  /* Фон: свет сверху, точечная сетка, два медленных пятна */
  .aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
    background:
      radial-gradient(70% 55% at 50% -12%,rgba(255,255,255,.06),transparent 70%),
      radial-gradient(55% 40% at 50% 108%,rgba(69,212,131,.09),transparent 70%),
      linear-gradient(180deg,#0b0b0b,var(--night) 60%,#040404)}
  .aurora::before{content:"";position:absolute;inset:0;
    background:radial-gradient(rgba(255,255,255,.085) 1px,transparent 1.3px) 0 0/1.375rem 1.375rem;
    -webkit-mask:radial-gradient(75% 60% at 50% 25%,#000 20%,transparent 75%);
            mask:radial-gradient(75% 60% at 50% 25%,#000 20%,transparent 75%)}
  .aurora > span{position:absolute;width:80vmax;aspect-ratio:1;border-radius:50%;will-change:transform}
  .aurora-a{top:-40vmax;right:-30vmax;background:radial-gradient(closest-side,rgba(69,212,131,.11),rgba(69,212,131,.03) 55%,transparent)}
  .aurora-b{bottom:-50vmax;left:-35vmax;background:radial-gradient(closest-side,rgba(200,242,107,.07),rgba(120,170,60,.02) 55%,transparent)}

  .stage{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;padding-block:.75rem 3rem}
  @media (min-width:60rem){
    .stage{grid-template-columns:29rem minmax(0,1fr);column-gap:5rem;align-items:center;padding-block:2.25rem 5rem}
    .deal{order:-1}
  }
}

/* ═══════════════ parts ═══════════════ */
@layer parts{

  /* — topbar — */
  .topbar{padding-top:max(.75rem,env(safe-area-inset-top))}
  .topbar-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .5rem .5rem .75rem;
    border-radius:1rem;background:rgba(17,18,17,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    box-shadow:inset 0 0 0 1px var(--hair-faint),0 .75rem 2rem -1.25rem rgba(0,0,0,.8)}
  .sign{display:inline-flex;align-items:center;gap:.625rem;text-decoration:none}
  .sign-mark{width:2rem;height:2rem;filter:drop-shadow(0 0 .6rem rgba(69,212,131,.32))}
  .sign-name{font:500 1.125rem/1 var(--face-a);letter-spacing:.01em}

  .chat-link{display:inline-flex;align-items:center;gap:.5rem;height:2.5rem;padding-inline:.8rem 1rem;
    border-radius:var(--rad-m);text-decoration:none;font:500 .875rem/1 var(--face-a);color:var(--tone-pale);
    background:rgba(69,212,131,.05);box-shadow:inset 0 0 0 1px var(--hair);
    transition:color .25s,background-color .25s,box-shadow .25s}
  .chat-link-ico{width:1.05rem;height:1.05rem;fill:currentColor}
  .chat-link:hover{color:var(--tone-mist);background:rgba(69,212,131,.1);
    box-shadow:inset 0 0 0 1px rgba(69,212,131,.4),0 0 1.1rem -.4rem var(--tone)}

  /* — pitch: всё слева чуть тише, чтобы акцент был на сделке — */
  .pitch{display:grid;grid-template-columns:minmax(0,1fr);gap:1.125rem;align-content:start}
  .pitch-h{max-width:15ch;font:500 clamp(1.75rem,4.4vw,2.75rem)/1.12 var(--face-a);letter-spacing:-.005em;text-wrap:balance;
    background:linear-gradient(100deg,#f5f6f3 20%,#d3f5d0 60%,#c8f26b 105%);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .pitch-sub{max-width:42ch;color:var(--tx-3)}

  .cur-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .875rem}
  .cur-strip-row{display:flex;gap:.3rem}
  .cur-strip-row img{width:1.5rem;height:1rem;border-radius:.1875rem;object-fit:cover;
    box-shadow:0 0 0 1px rgba(255,255,255,.14);transition:transform .25s var(--curve)}
  .cur-strip-row img:hover{transform:translateY(-2px)}
  .cur-strip figcaption{font-size:.8125rem;color:var(--tx-3);white-space:nowrap}

  .trust-note{display:flex;align-items:center;gap:.875rem;max-width:32.5rem;padding:.75rem 1rem .75rem .75rem;border-radius:var(--rad-l);
    background:var(--glass);box-shadow:inset 0 0 0 1px var(--hair-faint)}
  .trust-note svg{flex:none;width:2.5rem;height:2.5rem;padding:.55rem;border-radius:50%;background:rgba(69,212,131,.1);
    box-shadow:inset 0 0 0 1px rgba(69,212,131,.25);fill:none;stroke:var(--tone);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .trust-note p{font-size:.906rem;line-height:1.5;color:var(--tx-2)}
  .trust-note b{font-weight:600;color:var(--tone-mist)}

  .pickup{display:flex;flex-wrap:wrap;gap:.5rem}
  .pickup-opt{display:inline-flex;align-items:center;gap:.5rem;height:2.375rem;padding-inline:.7rem .875rem;border-radius:var(--rad-m);
    font-size:.875rem;color:var(--tx-2);background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px var(--hair-faint)}
  .pickup-opt svg{width:1.125rem;height:1.125rem;fill:none;stroke:var(--tone);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

  /* — deal: калькулятор + CTA, главный акцент страницы — */
  .deal{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:.875rem;
    width:100%;max-width:32.5rem;justify-self:center}
  @media (min-width:60rem){.deal{justify-self:stretch}}
  /* мягкий ореол за блоком */
  .deal::before{content:"";position:absolute;z-index:-1;inset:-12% -4% -6%;pointer-events:none;
    background:radial-gradient(56% 48% at 50% 42%,rgba(69,212,131,.26),rgba(200,242,107,.06) 55%,transparent 75%)}
  /* отражение кнопки на «полу» — как свечение под логотипом */
  .deal::after{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:-1.75rem;height:2rem;pointer-events:none;
    background:radial-gradient(closest-side,rgba(69,212,131,.38),transparent);filter:blur(4px)}

  .quote-box{position:relative;padding:1.25rem;border-radius:1.5rem;border:1px solid transparent;
    background:
      linear-gradient(180deg,var(--night-lift),var(--night-up) 65%) padding-box,
      linear-gradient(120deg,rgba(69,212,131,.85),rgba(200,242,107,.25) 30%,rgba(69,212,131,.12) 55%,rgba(200,242,107,.75) 85%,rgba(69,212,131,.85)) 0 0/300% 300% border-box;
    box-shadow:0 2rem 4rem -2rem rgba(0,0,0,.95),0 0 3.5rem -1.5rem rgba(69,212,131,.45)}
  .quote-box::before{content:"";position:absolute;inset:0 15% auto;height:1px;
    background:linear-gradient(90deg,transparent,rgba(243,250,240,.7),transparent)}

  .quote-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}
  .quote-top h2{font:500 1rem/1 var(--face-a)}
  .quote-floor{display:inline-flex;align-items:center;gap:.375rem;font:500 .8125rem/1 var(--face-a);color:var(--tx-3)}

  .amount{padding:.875rem 1rem .75rem;border-radius:var(--rad-l);background:rgba(0,0,0,.34);
    box-shadow:inset 0 0 0 1px var(--hair-faint);transition:box-shadow .25s}
  .amount:focus-within{box-shadow:inset 0 0 0 1px rgba(69,212,131,.5),0 0 0 .25rem rgba(69,212,131,.08)}
  .amount-cap{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--tx-3);cursor:text}
  .amount-line{display:flex;align-items:baseline;gap:.625rem;margin-top:.375rem}
  .amount-input{flex:1;min-width:0;padding:0;border:0;outline:0;background:none;color:var(--tone-mist);caret-color:var(--tone);
    font:500 clamp(1.75rem,7vw,2.125rem)/1.15 var(--face-a);font-variant-numeric:tabular-nums}
  .amount-ccy{font:500 .9375rem/1 var(--face-a);color:var(--tx-3)}

  .amount-track{height:3px;margin-top:.75rem;border-radius:3px;overflow:hidden;background:rgba(255,255,255,.06)}
  .amount-track i{display:block;height:100%;border-radius:inherit;transform-origin:0 50%;transform:scaleX(var(--fill,1));
    background:linear-gradient(90deg,var(--tone-deep),var(--tone),var(--tone-pale),var(--tone)) 0 0/200% 100%;
    transition:transform .5s var(--curve)}
  .amount-msg{margin-top:.5rem;font-size:.78rem;color:var(--tx-3);transition:color .25s}
  .quote-box[data-short] .amount-track i{background:linear-gradient(90deg,#8a6a3a,#f0c38a)}
  .quote-box[data-short] .amount-msg{color:#f0c38a}

  .markup{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0 1.125rem;padding:.55rem .75rem;
    border-radius:var(--rad-m);font-size:.84rem;color:var(--tx-2);background:rgba(69,212,131,.06);box-shadow:inset 0 0 0 1px var(--hair)}
  .markup-val{padding:.25rem .45rem;border-radius:.375rem;font:500 .84rem/1 var(--face-a);color:var(--coal);background:linear-gradient(90deg,var(--tone-pale),#e8f8b8)}
  .markup-at{margin-left:auto;font-size:.75rem;color:var(--tx-3)}
  .markup-led{width:7px;height:7px;border-radius:50%;background:var(--tone)}

  .payout-title{margin-bottom:.5rem;font-size:.8125rem;font-weight:500;color:var(--tx-3)}
  .payout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem}
  .payout-cell{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0;padding:.7rem .125rem;
    border-bottom:1px solid var(--hair-faint)}
  .payout-cell:nth-last-child(-n+2){border-bottom:0}
  .payout-cell dt{display:flex;align-items:center;gap:.5rem;font:500 .78rem/1 var(--face-a);color:var(--tx-3)}
  .payout-cell dt img{width:1.375rem;height:.9375rem;border-radius:.1875rem;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
  .payout-cell dd{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font:500 1rem/1 var(--face-a);font-variant-numeric:tabular-nums;color:var(--tone-mist);transition:opacity .25s}
  .quote-box[data-short] .payout-cell dd{opacity:.45}

  /* — CTA (по шаблону, выше и ярче) — */
  .cta-cash{
    --c1:#d7f6c8;--c2:#f7fdf1;--c3:#ddf5a3;--halo:69,212,131;
    position:relative;overflow:hidden;isolation:isolate;
    display:flex;align-items:center;justify-content:space-between;gap:.875rem;
    height:3.625rem;padding-inline:1.375rem .5rem;border-radius:.75rem;text-decoration:none;color:var(--coal);
    font:500 1.0625rem/1 var(--face-a);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;
    background:
      radial-gradient(120% 140% at 45% 40%,var(--c2),transparent 60%),
      linear-gradient(90deg,var(--c1),var(--c2) 45%,var(--c3));
    box-shadow:inset 0 0 0 1.5px rgba(240,252,236,.6),0 0 1.5rem -.125rem rgba(var(--halo),.6),0 .75rem 2rem -1rem rgba(var(--halo),.55);
    transition:box-shadow .3s,transform .15s,filter .3s}
  .cta-cash::after{content:"";position:absolute;inset:0;z-index:-1;transform:translateX(-120%);
    background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%)}
  .cta-cash:hover{filter:brightness(1.04);
    box-shadow:inset 0 0 0 1.5px rgba(248,255,244,.85),0 0 2rem 0 rgba(var(--halo),.8),0 .75rem 2rem -1rem rgba(var(--halo),.6)}
  .cta-cash:active{transform:scale(.97)}
  .cta-cash-text{white-space:nowrap}
  .cta-cash-ico{display:grid;place-items:center;width:2.625rem;height:2.625rem;border-radius:.5625rem;
    background:var(--coal);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
  .cta-cash-ico svg{width:1.125rem;height:1.125rem}
  .cta-cash-ico rect{fill:#fff}

  /* — вторичная CTA: тёмная, полупрозрачная, акцент рамкой — */
  .cta-cash.is-quiet{color:var(--tone-mist);
    background:linear-gradient(90deg,rgba(69,212,131,.16),rgba(120,200,110,.08) 50%,rgba(200,242,107,.16));
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    box-shadow:0 0 1.5rem -.35rem rgba(var(--halo),.5),0 0 2.75rem -1rem rgba(200,242,107,.55)}
  .cta-cash.is-quiet::before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;pointer-events:none;
    background:linear-gradient(90deg,var(--tone-pale),var(--tone) 35%,var(--lime) 70%,#eafcc4);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
            mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
  .cta-cash.is-quiet::after{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%)}
  .cta-cash.is-quiet:hover{filter:none;
    background:linear-gradient(90deg,rgba(69,212,131,.24),rgba(120,200,110,.12) 50%,rgba(200,242,107,.24));
    box-shadow:0 0 2rem -.2rem rgba(var(--halo),.65),0 0 3rem -1rem rgba(200,242,107,.7)}
  .cta-cash.is-quiet .cta-cash-ico{
    background:radial-gradient(120% 140% at 45% 40%,var(--c2),transparent 60%),linear-gradient(135deg,var(--c1),var(--c2) 45%,var(--c3));
    box-shadow:inset 0 0 0 1px rgba(240,252,236,.6),0 0 .9rem -.2rem rgba(var(--halo),.6)}
  .cta-cash.is-quiet .cta-cash-ico rect{fill:var(--coal)}
  .pitch .cta-cash{width:100%;max-width:28rem}

  /* — base / ledger — */
  .base-in{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;padding-block:.5rem max(2rem,env(safe-area-inset-bottom))}
  @media (min-width:60rem){.base-in{grid-template-columns:minmax(0,1fr) 28rem;column-gap:5rem;align-items:end;padding-bottom:2.5rem}.ledger{order:2}}

  .ledger{position:relative;padding:1.375rem 1.5rem 1.125rem;color:#1c1d1b;opacity:.94;border-radius:var(--rad-m);
    background:radial-gradient(120% 90% at 100% 0,rgba(255,255,255,.6),transparent 60%),#ecece7;
    -webkit-mask:radial-gradient(circle .625rem at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,
                 radial-gradient(circle .625rem at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat;
            mask:radial-gradient(circle .625rem at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,
                 radial-gradient(circle .625rem at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat;
    box-shadow:0 1.25rem 2.5rem -1.5rem rgba(0,0,0,.9)}
  .ledger-h{margin-bottom:.875rem;padding-bottom:.75rem;border-bottom:1px dashed rgba(28,29,27,.3);padding-right:3.5rem;font:500 .875rem/1 var(--face-a)}
  .ledger-lines{display:grid;gap:.5625rem;font-size:.84rem}
  .ledger-lines li{display:flex;align-items:baseline;gap:.5rem}
  .ledger-lines span{color:#64675f;white-space:nowrap}
  .ledger-lines i{flex:1;min-width:1rem;border-bottom:1px dotted rgba(28,29,27,.35);transform:translateY(-.2rem)}
  .ledger-lines strong{text-align:right;font:500 .84rem/1.35 var(--face-a)}
  .ledger-seal{position:absolute;top:.625rem;right:.875rem;display:grid;place-items:center;width:3.25rem;height:3.25rem;
    border:1.5px solid rgba(31,128,74,.42);border-radius:50%;box-shadow:inset 0 0 0 3px #ecece7,inset 0 0 0 4px rgba(31,128,74,.3);
    font:500 .5625rem/1 var(--face-a);letter-spacing:.04em;color:rgba(31,128,74,.62);transform:rotate(-14deg)}

  .base-info{display:grid;gap:.5rem;font-size:.8125rem;color:var(--tx-3)}
  .base-nav{display:flex;flex-wrap:wrap;gap:.375rem 1.25rem;margin-bottom:.375rem}
  .base-nav a,.base-nav-btn{padding:0;border:0;background:linear-gradient(var(--tone),var(--tone)) 0 100%/0 1px no-repeat;
    cursor:pointer;text-decoration:none;color:var(--tx-2);transition:background-size .3s var(--curve),color .2s}
  .base-nav a:hover,.base-nav-btn:hover{color:var(--tone-mist);background-size:100% 1px}
  

  /* — consent gate — */
  .gate{position:fixed;z-index:20;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));translate:-50% 0;
    display:grid;gap:.75rem;width:min(40rem,calc(100% - 1.5rem));max-height:calc(100dvh - 2rem);overflow:auto;
    padding:1rem 1rem .875rem 1.125rem;border-radius:var(--rad-l);background:rgba(14,15,14,.92);
    -webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);
    box-shadow:inset 0 0 0 1px var(--hair),0 1.5rem 3rem -1rem rgba(0,0,0,.9)}
  .gate-h{display:flex;align-items:center;gap:.625rem;margin-bottom:.375rem;font:500 1.0625rem/1.2 var(--face-a);color:var(--tone-mist)}
  .gate-h svg{flex:none;width:1.375rem;height:1.375rem;fill:none;stroke:var(--tone);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
    filter:drop-shadow(0 0 .375rem rgba(69,212,131,.45))}
  .gate-h svg circle{fill:var(--tone);stroke:none}
  .gate-txt{font-size:.84rem;line-height:1.5;color:var(--tx-2)}
  .gate-txt a{color:var(--tone-pale);white-space:nowrap}
  .gate-opts{display:grid;gap:.5rem;margin-top:.75rem}
  .gate-opts[hidden]{display:none}
  .gate-row{display:flex;align-items:center;gap:.5rem}
  .gate-btn{min-width:7.75rem;height:2.5rem;padding-inline:1rem;border:0;border-radius:var(--rad-m);cursor:pointer;
    font:500 .875rem/1 var(--face-a);color:var(--tone-mist);background:rgba(255,255,255,.06);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:background-color .2s,filter .2s}
  .gate-btn:hover{background-color:rgba(255,255,255,.1)}
  .gate-btn[data-pick="all"]{color:var(--coal);background:linear-gradient(90deg,var(--tone-pale),var(--tone-mist) 50%,#cfc6ff);
    box-shadow:inset 0 0 0 1px rgba(240,252,236,.55)}
  .gate-btn[data-pick="all"]:hover{filter:brightness(1.05)}
  .gate-tune{margin-right:auto;height:2.375rem;padding:0 .125rem;border:0;background:none;cursor:pointer;
    font:500 .875rem/1 var(--face-a);color:var(--tx-3);text-decoration:underline;text-underline-offset:3px;transition:color .2s}
  .gate-tune:hover{color:var(--tone-mist)}
  .gate[data-open] .gate-tune{padding-inline:.875rem;border-radius:var(--rad-m);text-decoration:none;color:var(--tone-pale);
    background:rgba(69,212,131,.08);box-shadow:inset 0 0 0 1px rgba(69,212,131,.35)}

  .opt{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem .75rem;border-radius:var(--rad-m);cursor:pointer;
    background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--hair-faint)}
  .opt:has(:disabled){cursor:default;opacity:.7}
  .opt input{appearance:none;flex:none;position:relative;width:2.25rem;height:1.25rem;margin:.0625rem 0 0;border-radius:999px;cursor:inherit;
    background:rgba(255,255,255,.14);transition:background-color .25s}
  .opt input::before{content:"";position:absolute;top:3px;left:3px;width:.875rem;height:.875rem;border-radius:50%;background:var(--tx-2);
    transition:translate .25s var(--curve),background-color .25s}
  .opt input:checked{background:var(--tone)}
  .opt input:checked::before{translate:1rem 0;background:var(--coal)}
  .opt span{display:grid;gap:.125rem;font-size:.78rem;line-height:1.4;color:var(--tx-3)}
  .opt strong{font-size:.84rem;font-weight:600;color:var(--tone-mist)}

  @media (max-width:35rem){
    .gate{padding:.875rem}
    .gate-row{flex-wrap:wrap}
    .gate-btn{flex:1;min-width:0;height:2.75rem}
    .gate-tune{order:3;width:100%;height:2.25rem;margin:0}
    .gate[data-open] .gate-tune{height:2.75rem}
  }

  /* — страницы документов — */
  .legal{flex:1;display:grid;gap:.875rem;align-content:start;max-width:45rem;padding-block:1.5rem 4rem;color:var(--tx-2)}
  .legal .pitch-h{max-width:none;margin-bottom:.5rem}
  .legal h2{margin-top:.875rem;font:500 1.125rem/1.3 var(--face-a);color:var(--tone-mist)}
  .legal a,.legal-btn{color:var(--tone-pale)}
  .legal-btn{padding:0;border:0;background:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
  .legal-scroll{overflow-x:auto;border-radius:var(--rad-m);box-shadow:inset 0 0 0 1px var(--hair)}
  .legal table{width:100%;min-width:35rem;border-collapse:collapse;font-size:.84rem}
  .legal th,.legal td{padding:.625rem .75rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--hair-faint)}
  .legal th{font-weight:600;color:var(--tone-mist);background:rgba(69,212,131,.05)}
  .legal tr:last-child td{border-bottom:0}

  @media (max-width:26.25rem){
    .quote-box{padding:.875rem}
    .payout-cell{padding:.5625rem .5rem}
    .payout-cell dd{font-size:.875rem}
    .chat-link{height:2.375rem}
  }
}

/* ═══════════════ motion ═══════════════ */
@layer motion{
  @media (prefers-reduced-motion:no-preference){
    .aurora-a{animation:float-a 26s ease-in-out infinite alternate}
    .aurora-b{animation:float-b 34s ease-in-out infinite alternate}
    .js [data-reveal]{animation:enter .8s var(--curve) both;animation-delay:calc(var(--d,0) * 90ms + 80ms)}
    [data-reveal="1"]{--d:1}[data-reveal="2"]{--d:2}[data-reveal="3"]{--d:3}[data-reveal="4"]{--d:4}[data-reveal="5"]{--d:5}[data-reveal="6"]{--d:6}

    /* рамка калькулятора медленно переливается */
    .quote-box{animation:edge-shift 10s ease-in-out infinite alternate}
    .amount-track i{animation:flow 2.4s linear infinite}
    .markup-led{animation:beat 2.2s ease-out infinite}
    .cta-cash::after{animation:glint 6s var(--curve) 2.2s infinite}
    .gate{animation:gate-in .6s var(--curve) .9s both}
    .gate[data-leaving]{animation:gate-out .3s ease-in both}
  }

  @keyframes float-a{to{transform:translate3d(-16vmax,12vmax,0) scale(1.1)}}
  @keyframes float-b{to{transform:translate3d(20vmax,-10vmax,0) scale(.92)}}
  @keyframes enter{from{opacity:0;transform:translateY(.875rem)}}
  @keyframes edge-shift{to{background-position:0 0,100% 100%}}
  @keyframes flow{to{background-position:-200% 0}}
  @keyframes beat{0%{box-shadow:0 0 0 0 rgba(69,212,131,.6)}70%,100%{box-shadow:0 0 0 7px rgba(69,212,131,0)}}
  @keyframes glint{0%{transform:translateX(-120%)}22%,100%{transform:translateX(120%)}}
  @keyframes gate-in{from{opacity:0;translate:-50% 1rem}}
  @keyframes gate-out{to{opacity:0;translate:-50% 1rem}}
}