:root{
    --bg:#0B0C0E;
    --surface:#141519;
    --surface-2:#1B1D22;
    --surface-raised:#202226;
    --line:rgba(245,245,241,0.09);
    --line-strong:rgba(245,245,241,0.18);
    --accent:#F1BE23;
    --accent-strong:#FFD54A;
    --accent-deep:#B98C0E;
    --accent-ink:#1A1404;
    --text:#F5F5F1;
    --text-muted:#ABABAB;
    --text-faint:#75777D;
    --success:#35C488;
    --danger:#E2604F;
    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:26px;
    --font-sans:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --font-mono:'JetBrains Mono','SFMono-Regular',Menlo,Consolas,monospace;
    --shadow-soft:0 24px 70px -30px rgba(0,0,0,0.7);
    --container:1180px;
    color-scheme:dark;
  }

  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-sans);
    font-size:16px;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  img{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;padding:0;margin:0;}
  h1,h2,h3,h4,p,figure{margin:0;}
  button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;}
  input{font:inherit;color:inherit;}
  svg{display:block;}

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;}
    html{scroll-behavior:auto;}
  }

  /* content is visible at rest; reveal only adds a brief, already-resolved-by-load entrance for the hero */
  .reveal{opacity:1;transform:none;}
  .hero .reveal{animation:heroIn .7s cubic-bezier(.2,.7,.2,1) both;}
  .hero .hero-grid > *:nth-child(2){animation-delay:.12s;}
  @keyframes heroIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

  .container{max-width:var(--container);margin:0 auto;padding:0 24px;}
  .eyebrow{
    font-family:var(--font-mono);
    font-size:.75rem;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--accent);
    display:inline-flex;
    align-items:center;
    gap:.5em;
  }
  .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(241,190,35,.18);}
  h2.h2{
    font-size:clamp(1.75rem,3.4vw,2.5rem);
    font-weight:800;
    letter-spacing:-.01em;
    text-wrap:balance;
    margin-top:.6em;
  }
  .lead{
    color:var(--text-muted);
    font-size:clamp(1rem,1.4vw,1.15rem);
    max-width:640px;
    margin-top:1rem;
    text-wrap:pretty;
  }
  .section{padding:96px 0;position:relative;border-top:1px solid var(--line);}
  .section--alt{background:var(--surface);}
  .section-head{max-width:760px;}
  .section-head.center{margin:0 auto;text-align:center;}

  /* ---------- buttons ---------- */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:.55em;
    padding:.9em 1.6em;border-radius:999px;font-weight:700;font-size:.95rem;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    white-space:nowrap;
  }
  .btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px;}
  .btn-primary{background:linear-gradient(180deg,var(--accent-strong),var(--accent));color:var(--accent-ink);box-shadow:0 10px 30px -10px rgba(241,190,35,.55);}
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 36px -10px rgba(241,190,35,.7);}
  .btn-outline{border:1px solid var(--line-strong);color:var(--text);}
  .btn-outline:hover{border-color:var(--accent);color:var(--accent-strong);}
  .btn-ghost{color:var(--text-muted);padding:.9em 1em;}
  .btn-ghost:hover{color:var(--text);}
  .btn-sm{padding:.6em 1.1em;font-size:.85rem;}
  .btn-block{width:100%;}

  /* ---------- header ---------- */
  header.site{
    position:sticky;top:0;z-index:60;
    background:rgba(11,12,14,.86);
    backdrop-filter:blur(14px) saturate(140%);
    border-bottom:1px solid var(--line);
    transition:border-color .25s ease, background .25s ease;
  }
  header.site.scrolled{background:rgba(11,12,14,.97);}
  .nav-wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px;}
  .logo-img{height:38px;width:auto;}
  nav.main-nav{display:flex;align-items:center;gap:28px;}
  nav.main-nav a{font-size:.9rem;font-weight:600;color:var(--text-muted);transition:color .15s ease;position:relative;}
  nav.main-nav a:hover{color:var(--text);}
  .nav-actions{display:flex;align-items:center;gap:10px;}
  .nav-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line-strong);}
  .nav-toggle svg{width:18px;height:18px;}

  /* ---------- hero ---------- */
  .hero{
    padding:76px 0 90px;
    background:
      radial-gradient(760px 420px at 82% -10%, rgba(241,190,35,.14), transparent 60%),
      var(--bg);
    position:relative;
    overflow:hidden;
    border-top:none;
  }
  .hero::before{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
    background-image:radial-gradient(circle, rgba(245,245,241,.08) 1px, transparent 1px);
    background-size:26px 26px;
    -webkit-mask-image:linear-gradient(180deg, transparent, rgba(0,0,0,.7) 30%, transparent 78%);
    mask-image:linear-gradient(180deg, transparent, rgba(0,0,0,.7) 30%, transparent 78%);
  }
  .hero-illustration{position:absolute;right:-10px;top:-58px;width:min(760px,58vw);height:auto;opacity:1;pointer-events:none;z-index:0;}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative;z-index:1;}
  .hero h1{
    font-size:clamp(2.5rem,5.4vw,4.2rem);
    font-weight:900;line-height:1.03;letter-spacing:-.02em;text-wrap:balance;
    margin-top:.5em;
  }
  .hero h1 em{font-style:normal;color:var(--accent);}
  .hero-sub{color:var(--text-muted);font-size:clamp(1.02rem,1.5vw,1.2rem);max-width:520px;margin-top:1.3rem;text-wrap:pretty;}
  .hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:2.1rem;}
  .trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:2.6rem;}
  .trust-item{display:flex;align-items:center;gap:.6em;color:var(--text-muted);font-size:.85rem;font-weight:600;}
  .trust-item svg{width:18px;height:18px;color:var(--accent);flex:none;}

  .ticker-card{
    background:linear-gradient(180deg,var(--surface-raised),var(--surface));
    border:1px solid var(--line-strong);
    border-radius:var(--radius-lg);
    padding:26px;
    box-shadow:var(--shadow-soft);
  }
  .ticker-top{display:flex;align-items:center;justify-content:space-between;}
  .ticker-pair{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);letter-spacing:.04em;}
  .ticker-live{display:flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:.7rem;color:var(--success);text-transform:uppercase;letter-spacing:.08em;}
  .ticker-live .dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(53,196,136,.2);animation:pulse 1.8s infinite;}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
  .ticker-price{font-family:var(--font-mono);font-weight:700;font-size:clamp(1.8rem,3vw,2.3rem);margin-top:14px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;transition:color .3s ease;}
  .ticker-note{font-size:.72rem;color:var(--text-faint);margin-top:6px;}
  .ticker-flow{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);}
  .flow-node{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.68rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;}
  .flow-node .dot2{width:10px;height:10px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line-strong);}
  .flow-node.active .dot2{background:var(--accent);border-color:var(--accent);}
  .flow-line{flex:1;height:1px;background:var(--line-strong);position:relative;top:-9px;}

  /* ---------- simulator ---------- */
  .sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-top:52px;}
  .sim-card{
    background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);
    padding:32px;box-shadow:var(--shadow-soft);
  }
  .sim-row{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line-strong);border-radius:999px;padding:8px 8px 8px 20px;transition:border-color .15s ease;}
  .sim-row:focus-within{border-color:var(--accent);}
  .sim-row + .sim-row{margin-top:14px;}
  .sim-row input{flex:1;background:none;border:none;font-family:var(--font-mono);font-size:1.15rem;color:var(--text);min-width:0;font-variant-numeric:tabular-nums;}
  .sim-row input::placeholder{color:var(--text-faint);}
  .sim-chip{display:flex;align-items:center;gap:.5em;background:var(--surface-raised);border-radius:999px;padding:.55em 1em;font-weight:700;font-size:.85rem;flex:none;}
  .sim-chip .coin-dot{width:16px;height:16px;border-radius:50%;flex:none;}
  .sim-arrow{display:flex;justify-content:center;color:var(--text-faint);margin:2px 0;}
  .sim-meta{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--line-strong);}
  .sim-meta-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted);}
  .sim-meta-row b{color:var(--text);font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;}
  .sim-disclaimer{font-size:.72rem;color:var(--text-faint);margin-top:16px;line-height:1.5;}
  .sim-card .btn{margin-top:20px;}

  .steps{display:flex;flex-direction:column;gap:0;}
  .step{display:flex;gap:18px;padding:20px 0;position:relative;}
  .step:not(:last-child)::after{content:"";position:absolute;left:19px;top:56px;bottom:-4px;width:1px;background:var(--line-strong);}
  .step-num{
    flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);
    display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;
    font-size:.85rem;color:var(--accent);background:var(--surface);
  }
  .step h3{font-size:1.05rem;font-weight:700;}
  .step p{color:var(--text-muted);font-size:.92rem;margin-top:4px;max-width:440px;}

  /* ---------- generic card grids ---------- */
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
  .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;}
  .card{
    background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);
    padding:26px;transition:border-color .2s ease, transform .2s ease, background .2s ease;
  }
  .card:hover{border-color:var(--line-strong);transform:translateY(-3px);}
  .card .icon-badge{
    width:44px;height:44px;border-radius:12px;background:rgba(241,190,35,.12);
    display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:16px;
  }
  .card .icon-badge svg{width:22px;height:22px;}
  .card h3{font-size:1.05rem;font-weight:700;}
  .card p{color:var(--text-muted);font-size:.9rem;margin-top:8px;}
  .card .card-link{display:inline-flex;align-items:center;gap:.4em;margin-top:16px;font-size:.82rem;font-weight:700;color:var(--accent);}
  .card .card-link svg{width:14px;height:14px;transition:transform .15s ease;}
  .card:hover .card-link svg{transform:translateX(3px);}

  .card.dim{opacity:.85;}
  .card-compare{border-color:var(--line);}
  .card-compare.is-kira{border-color:rgba(241,190,35,.4);background:linear-gradient(180deg,rgba(241,190,35,.07),var(--surface) 60%);}
  .card-compare .tag{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);}
  .card-compare.is-kira .tag{color:var(--accent);}

  /* ---------- escrow flow ---------- */
  .escrow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:52px;position:relative;}
  .escrow-step{background:var(--surface);border:1px solid var(--line);padding:26px 24px;position:relative;}
  .escrow-step:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);}
  .escrow-step:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;}
  .escrow-step:not(:last-child)::after{
    content:"";position:absolute;right:-13px;top:50%;transform:translateY(-50%);
    width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--line-strong);
    display:flex;align-items:center;justify-content:center;z-index:2;
  }
  .escrow-num{font-family:var(--font-mono);color:var(--accent);font-size:.75rem;}
  .escrow-step h3{margin-top:10px;font-size:1rem;font-weight:700;}
  .escrow-step p{margin-top:6px;color:var(--text-muted);font-size:.87rem;}

  /* ---------- volumes progression ---------- */
  .volumes{display:flex;align-items:stretch;gap:0;margin-top:52px;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;}
  .vol-stage{flex:1;padding:30px 26px;position:relative;}
  .vol-stage:not(:last-child){border-right:1px solid var(--line);}
  .vol-stage.is-current{background:var(--surface);}
  .vol-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);}
  .vol-stage h3{font-size:1.15rem;font-weight:800;margin-top:8px;}
  .vol-stage p{color:var(--text-muted);font-size:.87rem;margin-top:8px;}

  /* ---------- OTC section ---------- */
  .section--otc{
    background:
      radial-gradient(900px 500px at 15% 0%, rgba(241,190,35,.09), transparent 60%),
      repeating-linear-gradient(135deg, rgba(245,245,241,.025) 0 2px, transparent 2px 44px),
      #08090A;
    border-top:1px solid rgba(241,190,35,.25);
    border-bottom:1px solid rgba(241,190,35,.25);
  }
  .otc-badge{
    display:inline-flex;align-items:center;gap:.5em;border:1px solid rgba(241,190,35,.4);
    color:var(--accent-strong);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;
    text-transform:uppercase;padding:.5em 1em;border-radius:999px;
  }
  .otc-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-top:44px;}
  .otc-list{display:flex;flex-direction:column;gap:16px;}
  .otc-list li{display:flex;gap:14px;align-items:flex-start;color:var(--text-muted);font-size:.94rem;}
  .otc-list svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:2px;}
  .otc-panel{background:var(--surface);border:1px solid rgba(241,190,35,.25);border-radius:var(--radius-lg);padding:30px;}
  .otc-panel .currencies{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
  .otc-panel .currencies span{font-family:var(--font-mono);font-size:.76rem;border:1px solid var(--line-strong);border-radius:8px;padding:.4em .7em;color:var(--text-muted);}

  /* ---------- transparency table ---------- */
  .transp-table{margin-top:44px;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);}
  .transp-row{display:flex;justify-content:space-between;padding:16px 24px;font-size:.92rem;}
  .transp-row:not(:last-child){border-bottom:1px solid var(--line);}
  .transp-row span:first-child{color:var(--text-muted);}
  .transp-row span:last-child{font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;}
  .transp-row.total{background:var(--surface-2);font-weight:700;}
  .transp-row.total span:last-child{color:var(--accent);}

  /* ---------- atendimento ---------- */
  .atend-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;max-width:640px;margin:0 auto;}

  /* ---------- mascot ---------- */
  .mascot-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:56px;align-items:center;margin-top:16px;}
  .mascot-portrait{
    background:radial-gradient(circle at 50% 30%, rgba(241,190,35,.22), transparent 65%), var(--surface);
    border:1px solid var(--line-strong);border-radius:var(--radius-lg);
    display:flex;align-items:center;justify-content:center;padding:40px;
  }
  .mascot-photo{
    background:#FAFAF7;border-radius:20px;padding:22px 26px 18px;
    box-shadow:0 24px 50px -18px rgba(0,0,0,.55);
    display:flex;align-items:center;justify-content:center;
  }
  .mascot-portrait img{width:170px;height:auto;}
  .mascot-quote{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;line-height:1.5;text-wrap:balance;color:var(--text);}
  .mascot-quote em{color:var(--accent);font-style:normal;}
  .trait-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;}
  .trait{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;}
  .trait b{font-size:.85rem;color:var(--accent-strong);}
  .trait p{font-size:.8rem;color:var(--text-muted);margin-top:4px;}

  /* ---------- blog ---------- */
  .blog-card{display:flex;flex-direction:column;height:100%;}
  .blog-card .cat{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);}
  .blog-card h3{margin-top:10px;font-size:1.02rem;line-height:1.4;}
  .blog-card .meta{margin-top:auto;padding-top:16px;font-size:.76rem;color:var(--text-faint);display:flex;gap:10px;}

  /* ---------- footer ---------- */
  footer.site{background:var(--surface);border-top:1px solid var(--line);padding:70px 0 32px;}
  .footer-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:36px;}
  .footer-brand p{color:var(--text-muted);font-size:.85rem;margin-top:14px;max-width:280px;}
  .footer-col h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:14px;}
  .footer-col ul{display:flex;flex-direction:column;gap:10px;}
  .footer-col a{font-size:.87rem;color:var(--text-muted);}
  .footer-col a:hover{color:var(--accent-strong);}
  .social-row{display:flex;gap:10px;margin-top:20px;}
  .social-row a{width:36px;height:36px;border-radius:10px;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--text-muted);}
  .social-row a:hover{color:var(--accent);border-color:var(--accent);}
  .social-row svg{width:16px;height:16px;}
  .footer-legal{margin-top:56px;padding-top:26px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;}
  .footer-legal-links{display:flex;flex-wrap:wrap;gap:18px;}
  .footer-legal-links a{font-size:.78rem;color:var(--text-faint);}
  .footer-legal-links a:hover{color:var(--text-muted);}
  .footer-copy{font-size:.78rem;color:var(--text-faint);}
  .risk-note{margin-top:26px;font-size:.76rem;color:var(--text-faint);line-height:1.6;border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;background:var(--bg);}

  /* ---------- AI Kira fab + panel ---------- */
  .ai-fab{
    position:fixed;bottom:28px;right:28px;z-index:80;
    width:60px;height:60px;border-radius:50%;
    background:var(--surface-raised);border:1px solid rgba(241,190,35,.5);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 14px 34px -12px rgba(0,0,0,.6);
    transition:transform .2s ease;
  }
  .ai-fab::before{
    content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(241,190,35,.35);
    animation:ringpulse 2.6s infinite;
  }
  @keyframes ringpulse{0%{transform:scale(.9);opacity:.7;}70%{transform:scale(1.18);opacity:0;}100%{opacity:0;}}
  .ai-fab img{width:38px;height:38px;border-radius:50%;object-fit:cover;}
  .ai-fab:hover{transform:translateY(-2px);}

  .ai-panel{
    position:fixed;top:0;right:0;height:100%;width:380px;max-width:92vw;z-index:90;
    background:var(--surface);border-left:1px solid var(--line-strong);
    box-shadow:-30px 0 60px -30px rgba(0,0,0,.7);
    transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.7,.2,1);
    display:flex;flex-direction:column;
  }
  .ai-panel.open{transform:translateX(0);}
  .ai-panel-head{display:flex;align-items:center;gap:12px;padding:22px 22px 18px;border-bottom:1px solid var(--line);}
  .ai-panel-head img{width:42px;height:42px;border-radius:50%;}
  .ai-panel-head h3{font-size:1.02rem;font-weight:800;}
  .ai-panel-head span{display:block;font-size:.76rem;color:var(--text-muted);margin-top:2px;}
  .ai-panel-close{margin-left:auto;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);}
  .ai-panel-close:hover{color:var(--text);background:var(--surface-2);}
  .ai-panel-body{padding:20px 22px;flex:1;overflow-y:auto;}
  .ai-panel-body > p{color:var(--text-muted);font-size:.87rem;line-height:1.6;}
  .ai-suggestions{display:flex;flex-direction:column;gap:8px;margin-top:18px;}
  .ai-suggestions button{
    text-align:left;font-size:.83rem;color:var(--text);border:1px solid var(--line-strong);
    border-radius:12px;padding:10px 14px;transition:border-color .15s ease, background .15s ease;
  }
  .ai-suggestions button:hover{border-color:var(--accent);background:rgba(241,190,35,.06);}
  .ai-panel-foot{padding:16px 22px 22px;border-top:1px solid var(--line);}
  .ai-input-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:999px;padding:6px 6px 6px 16px;}
  .ai-input-row input{flex:1;background:none;border:none;font-size:.85rem;color:var(--text);min-width:0;}
  .ai-input-row input::placeholder{color:var(--text-faint);}
  .ai-input-row button{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;flex:none;}
  .ai-input-row button svg{width:16px;height:16px;}
  .ai-disclaimer{font-size:.68rem;color:var(--text-faint);margin-top:12px;line-height:1.5;}
  .ai-scrim{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:85;opacity:0;pointer-events:none;transition:opacity .3s ease;}
  .ai-scrim.open{opacity:1;pointer-events:auto;}

  /* ---------- mobile bottom bar ---------- */
  .mobile-bar{
    display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;
    background:rgba(20,21,25,.96);backdrop-filter:blur(10px);
    border-top:1px solid var(--line-strong);
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    gap:10px;
  }
  .mobile-bar .btn{flex:1;padding:.85em 1em;font-size:.87rem;}

  /* ---------- responsive ---------- */
  @media (max-width:1020px){
    .hero-illustration{display:none;}
    .hero-grid{grid-template-columns:1fr;}
    .sim-grid{grid-template-columns:1fr;gap:40px;}
    .otc-layout{grid-template-columns:1fr;}
    .mascot-grid{grid-template-columns:1fr;}
    .mascot-portrait{max-width:280px;margin:0 auto;}
    .footer-top{grid-template-columns:repeat(3,1fr);row-gap:36px;}
  }
  @media (max-width:860px){
    nav.main-nav{display:none;}
    .nav-toggle{display:flex;}
    .grid-3{grid-template-columns:1fr;}
    .grid-2{grid-template-columns:1fr;}
    .escrow{grid-template-columns:1fr;}
    .escrow-step:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0;}
    .escrow-step:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);}
    .escrow-step:not(:last-child)::after{display:none;}
    .volumes{flex-direction:column;}
    .vol-stage:not(:last-child){border-right:none;border-bottom:1px solid var(--line);}
    .footer-top{grid-template-columns:repeat(2,1fr);}
    .section{padding:64px 0;}
    body{padding-bottom:78px;}
    .mobile-bar{display:flex;}
    .ai-fab{bottom:96px;right:18px;width:54px;height:54px;}
    .ai-fab img{width:34px;height:34px;}
  }
  @media (max-width:540px){
    .footer-top{grid-template-columns:1fr 1fr;}
    .trust-row{gap:14px;}
  }