:root{
    --bg:#060b16;--bg-2:#0a1120;--panel:#0e1526;--panel-2:#111c34;--panel-3:#0c1424;
    --line:rgba(120,150,220,.14);--line-strong:rgba(120,160,255,.28);
    --ink:#eaf0ff;--ink-dim:#93a1c4;--ink-faint:#5f6d90;
    --brand:#2f7bff;--brand-2:#5ea2ff;--brand-3:#7cc0ff;--cyan:#3fd0ff;
    --glow:rgba(47,123,255,.55);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}
  body{background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
  h1,h2,h3,h4,.disp{font-family:'Sora',sans-serif;letter-spacing:-.02em}
  img{max-width:100%;display:block}

  /* ===== LOADING ===== */
  #loader{position:fixed;inset:0;z-index:999;background:radial-gradient(ellipse 60% 50% at 50% 42%,rgba(20,40,80,.5),transparent 70%),linear-gradient(180deg,#0a1526,#060b16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;transition:opacity .6s,visibility .6s}
  #loader.hide{opacity:0;visibility:hidden}
  .ld-orb{position:relative;width:150px;height:150px;display:grid;place-items:center}
  .ld-orb .ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(120,170,255,.15)}
  .ld-orb .ring.spin{border-top-color:var(--cyan);border-right-color:rgba(63,208,255,.4);animation:spin 1.4s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
  .ld-orb .glow{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle,rgba(47,123,255,.4),transparent 65%);filter:blur(10px);animation:breathe 2s ease-in-out infinite}
  @keyframes breathe{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
  .ld-orb img{width:64px;height:auto;position:relative;z-index:2;filter:drop-shadow(0 0 16px rgba(47,123,255,.7))}
  .ld-txt{font-family:'Sora';font-weight:600;font-size:13px;letter-spacing:.42em;color:var(--brand-3);text-indent:.42em}
  .ld-bar{width:230px;height:3px;border-radius:3px;background:rgba(120,160,255,.12);overflow:hidden}
  .ld-bar i{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,transparent,var(--cyan),var(--brand));animation:load 1.4s ease-in-out infinite}
  @keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(330%)}}

  /* ===== ambient ===== */
  .aura{position:fixed;inset:0;z-index:0;pointer-events:none}
  .aura::before{content:"";position:absolute;top:-22%;left:50%;transform:translateX(-50%);width:1000px;height:1000px;border-radius:50%;background:radial-gradient(circle,rgba(47,123,255,.20),transparent 62%);filter:blur(30px)}
  .aura::after{content:"";position:absolute;bottom:-30%;right:-12%;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(63,208,255,.09),transparent 60%);filter:blur(30px)}
  .grid-lines{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.45;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:66px 66px;mask-image:radial-gradient(ellipse 82% 62% at 50% 28%,#000 30%,transparent 76%)}

  header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:linear-gradient(180deg,rgba(6,11,22,.86),rgba(6,11,22,.35));border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
  .nav .logo img{height:30px}
  .nav-links{display:flex;gap:30px}
  .nav-links a{color:var(--ink-dim);text-decoration:none;font-size:14.5px;font-weight:500;transition:.2s}
  .nav-links a:hover{color:var(--ink)}
  .nav-cta{font-family:'Sora';font-weight:600;font-size:14px;padding:10px 20px;border-radius:11px;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--brand),#1f5fd6);box-shadow:0 6px 20px rgba(47,123,255,.35);border:1px solid rgba(140,190,255,.4);transition:.2s}
  .nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(47,123,255,.5)}

  /* ===== HERO ===== */
  .hero{position:relative;z-index:1;padding:64px 0 30px;text-align:center}
  .cat{display:inline-flex;align-items:center;gap:10px;font-family:'Sora';font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-3);padding:8px 16px;border-radius:100px;border:1px solid var(--line-strong);background:rgba(47,123,255,.08)}
  .cat .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse 1.8s infinite}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
  h1.title{font-size:clamp(38px,6.4vw,74px);font-weight:800;line-height:1.02;margin:26px auto 0;max-width:16ch}
  h1.title .grad{background:linear-gradient(100deg,var(--brand-2),var(--cyan) 55%,#c9e6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .sub{margin:24px auto 0;font-size:19px;color:var(--ink-dim);max-width:620px}
  .sub b{color:var(--ink)}
  .hero-actions{display:flex;gap:14px;margin:34px 0 0;justify-content:center;flex-wrap:wrap}
  .btn-primary{font-family:'Sora';font-weight:600;font-size:15px;padding:15px 30px;border-radius:13px;color:#fff;text-decoration:none;cursor:pointer;border:1px solid rgba(140,190,255,.45);background:linear-gradient(135deg,var(--brand),#1f5fd6);box-shadow:0 10px 30px rgba(47,123,255,.4);transition:.2s;display:inline-flex;align-items:center;gap:10px}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(47,123,255,.55)}
  .btn-ghost{font-family:'Sora';font-weight:600;font-size:15px;padding:15px 26px;border-radius:13px;color:var(--ink);text-decoration:none;border:1px solid var(--line-strong);background:rgba(255,255,255,.02);transition:.2s;display:inline-flex;align-items:center;gap:9px}
  .btn-ghost:hover{border-color:var(--brand-2);background:rgba(47,123,255,.06)}
  .micro{margin-top:18px;font-size:13.5px;color:var(--ink-faint)}

  /* ===== browser frame (shared) ===== */
  .frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-strong);background:var(--panel);box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px rgba(120,160,255,.05)}
  .fbar{display:flex;align-items:center;gap:8px;padding:11px 15px;background:var(--panel-3);border-bottom:1px solid var(--line)}
  .fbar i{width:11px;height:11px;border-radius:50%}
  .fbar i:nth-child(1){background:#ff5f57}.fbar i:nth-child(2){background:#febc2e}.fbar i:nth-child(3){background:#28c840}
  .fbar .u{margin-left:12px;font-size:12px;color:var(--ink-faint);font-family:'Sora'}

  /* hero shot */
  .shot{position:relative;z-index:1;margin:52px auto 0;max-width:1040px;padding:0 24px}
  .shot .halo{position:absolute;inset:-6% -4% auto;height:60%;background:radial-gradient(ellipse at 50% 0,rgba(47,123,255,.35),transparent 62%);filter:blur(30px);z-index:-1}

  /* ===== APP MOCKUP ===== */
  .app{display:grid;grid-template-columns:180px 1fr 220px;height:440px;background:linear-gradient(180deg,var(--panel),var(--bg-2));font-size:13px}
  .app.mini{grid-template-columns:150px 1fr;height:360px}
  .side{border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:3px;background:var(--panel-3)}
  .side .brand{display:flex;align-items:center;gap:8px;padding:2px 6px 14px}
  .side .brand img{height:20px}
  .side .grp{font-size:9.5px;letter-spacing:.12em;color:var(--ink-faint);font-family:'Sora';font-weight:700;padding:12px 8px 6px}
  .navi{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;color:var(--ink-dim);font-weight:500;font-size:12.5px;transition:.2s;cursor:default}
  .navi svg{width:15px;height:15px;stroke:currentColor;flex:0 0 auto}
  .navi.on{background:linear-gradient(135deg,rgba(47,123,255,.22),rgba(47,123,255,.08));color:#fff;border:1px solid var(--line-strong)}
  .navi.on svg{stroke:var(--brand-3)}

  .main{display:flex;flex-direction:column;min-width:0}
  .topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line)}
  .lia-head{display:flex;align-items:center;gap:11px}
  .lia-head .fc{width:38px;height:38px;border-radius:11px;overflow:hidden;border:1px solid var(--line-strong);position:relative;flex:0 0 auto}
  .lia-head .fc img{width:100%;height:100%;object-fit:cover}
  .lia-head .fc::after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-radius:50%;background:var(--cyan);border:2px solid var(--panel);box-shadow:0 0 6px var(--cyan)}
  .lia-head .nm{font-family:'Sora';font-weight:700;font-size:14px}
  .lia-head .tg{font-size:11px;color:var(--ink-dim)}
  .aut{display:flex;gap:3px;padding:3px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
  .aut span{font-family:'Sora';font-size:10.5px;font-weight:600;padding:5px 10px;border-radius:7px;color:var(--ink-faint);transition:.3s}
  .aut span.on{color:#fff;background:linear-gradient(135deg,var(--brand),#1f5fd6);box-shadow:0 3px 10px rgba(47,123,255,.4)}

  .canvas{flex:1;padding:20px 22px;overflow:hidden;position:relative}
  .suggest{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:rgba(255,255,255,.015)}
  .suggest h5{font-family:'Sora';font-size:14px;font-weight:700}
  .suggest p{font-size:12px;color:var(--ink-dim);margin:3px 0 12px}
  .chips{display:flex;flex-wrap:wrap;gap:8px}
  .chip{font-size:11.5px;padding:8px 13px;border-radius:100px;border:1px solid var(--line);color:var(--ink-dim);background:rgba(255,255,255,.02);transition:.3s;cursor:default}
  .chip.hot{color:#fff;background:linear-gradient(135deg,rgba(47,123,255,.3),rgba(47,123,255,.12));border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 6px 16px rgba(47,123,255,.3)}

  .stream{display:flex;flex-direction:column;gap:11px;margin-top:16px}
  .bub{max-width:82%;padding:10px 13px;border-radius:14px;font-size:12.5px;line-height:1.5;opacity:0;transform:translateY(8px)}
  .bub.show{opacity:1;transform:none;transition:.4s}
  .bub.user{align-self:flex-end;background:linear-gradient(135deg,var(--brand),#1f5fd6);color:#fff;border-bottom-right-radius:4px;box-shadow:0 5px 14px rgba(47,123,255,.3)}
  .bub.bot{align-self:flex-start;background:rgba(255,255,255,.045);border:1px solid var(--line);border-bottom-left-radius:4px}
  .bub.bot .lbl{display:block;font-family:'Sora';font-size:9.5px;font-weight:700;letter-spacing:.06em;color:var(--brand-3);margin-bottom:4px}
  .typing{align-self:flex-start;display:flex;gap:4px;padding:11px 14px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:14px;opacity:0;transition:.3s}
  .typing.show{opacity:1}
  .typing i{width:6px;height:6px;border-radius:50%;background:var(--brand-3);animation:blink 1.2s infinite}
  .typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
  @keyframes blink{0%,60%,100%{opacity:.25}30%{opacity:1}}
  .caret{display:inline-block;width:2px;height:1em;background:var(--brand-3);margin-left:1px;vertical-align:-2px;animation:cursor .8s steps(1) infinite}
  @keyframes cursor{50%{opacity:0}}

  .composer{display:flex;align-items:center;gap:9px;padding:12px 16px;border-top:1px solid var(--line);background:rgba(255,255,255,.012)}
  .composer .ic{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto}
  .composer .ic svg{width:15px;height:15px;stroke:var(--ink-faint)}
  .composer .inp{flex:1;font-size:12px;color:var(--ink-faint);min-height:18px;text-align:left}
  .composer .snd{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#1f5fd6);box-shadow:0 4px 12px rgba(47,123,255,.4);flex:0 0 auto}
  .composer .snd svg{width:15px;height:15px}

  .rail{border-left:1px solid var(--line);padding:16px 14px;background:var(--panel-3)}
  .rail .tabs{display:flex;gap:6px;margin-bottom:12px}
  .rail .tabs span{font-family:'Sora';font-size:11px;font-weight:600;padding:6px 11px;border-radius:8px;color:var(--ink-faint)}
  .rail .tabs span.on{color:#fff;background:linear-gradient(135deg,var(--brand),#1f5fd6)}
  .rail .rlab{font-size:11px;color:var(--ink-faint);margin-bottom:10px}
  .approve{border:1px solid var(--line);border-radius:12px;padding:13px;background:rgba(255,255,255,.02);opacity:0;transform:translateY(10px)}
  .approve.show{opacity:1;transform:none;transition:.5s}
  .approve .ah{display:flex;gap:9px;align-items:flex-start}
  .approve .ah .mini-av{width:26px;height:26px;border-radius:7px;overflow:hidden;flex:0 0 auto;border:1px solid var(--line-strong)}
  .approve .ah .mini-av img{width:100%;height:100%;object-fit:cover}
  .approve .ah b{font-family:'Sora';font-size:12px}
  .approve .ah p{font-size:10.5px;color:var(--ink-dim);margin-top:2px}
  .approve .btn{margin-top:11px;width:100%;text-align:center;font-family:'Sora';font-size:11px;font-weight:600;padding:8px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--brand),#1f5fd6);box-shadow:0 4px 12px rgba(47,123,255,.35)}

  .genwrap{margin-top:12px;align-self:flex-start;max-width:88%;opacity:0;transform:translateY(10px)}
  .genwrap.show{opacity:1;transform:none;transition:.5s}
  .gencard{border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,var(--panel-2),var(--bg-2))}
  .gencard .gtop{height:70px;position:relative;background:linear-gradient(135deg,rgba(47,123,255,.5),rgba(63,208,255,.25));display:flex;align-items:flex-end;padding:8px 11px}
  .gencard .gtop b{font-family:'Sora';font-size:11px;color:#fff;position:relative;z-index:1}
  .gencard .gtop .pill{position:absolute;top:7px;right:7px;font-size:9px;font-family:'Sora';font-weight:700;padding:3px 8px;border-radius:100px;background:rgba(0,0,0,.4);color:var(--cyan);border:1px solid rgba(63,208,255,.4)}
  .gencard .gbody{padding:9px 11px;font-size:11px;color:var(--ink-dim)}
  .gencard .gact{display:flex;gap:6px;padding:0 11px 11px}
  .gencard .gact a{font-family:'Sora';font-size:10px;font-weight:600;padding:6px 11px;border-radius:7px}
  .gencard .gact .ap{background:linear-gradient(135deg,var(--brand),#1f5fd6);color:#fff}
  .gencard .gact .ed{border:1px solid var(--line-strong);color:var(--ink)}

  /* ===== CAMPAIGN mockup ===== */
  .camp{padding:20px 22px;display:flex;flex-direction:column;gap:14px;height:440px}
  .camp-h{display:flex;align-items:center;justify-content:space-between}
  .camp-h h5{font-family:'Sora';font-size:15px;font-weight:700}
  .camp-h .st{font-family:'Sora';font-size:10.5px;font-weight:600;padding:5px 11px;border-radius:100px;color:#3ee08a;background:rgba(62,224,138,.1);border:1px solid rgba(62,224,138,.3);transition:.3s}
  .camp-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;flex:1;min-height:0}
  .lp-prev{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel-3);display:flex;flex-direction:column}
  .lp-prev .lph{height:82px;background:linear-gradient(135deg,rgba(47,123,255,.45),rgba(63,208,255,.2));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative}
  .lp-prev .lph .t{font-family:'Sora';font-weight:700;font-size:13px;color:#fff;opacity:0;transform:translateY(6px)}
  .lp-prev .lph .t.show{opacity:1;transform:none;transition:.5s}
  .lp-prev .lph .b{font-size:9px;color:#fff;padding:4px 10px;border-radius:100px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25);opacity:0}
  .lp-prev .lph .b.show{opacity:1;transition:.5s .2s}
  .lp-prev .lpb{flex:1;padding:11px;display:flex;flex-direction:column;gap:7px}
  .skl{height:8px;border-radius:5px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.11),rgba(255,255,255,.05));background-size:200% 100%;opacity:0}
  .skl.show{opacity:1;animation:shimmer 1.4s infinite;transition:opacity .4s}
  @keyframes shimmer{to{background-position:-200% 0}}
  .form-mini{border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:9px;background:rgba(255,255,255,.015)}
  .form-mini .fl{font-family:'Sora';font-size:11px;font-weight:700;color:var(--brand-3)}
  .fld{height:26px;border-radius:7px;border:1px solid var(--line);background:rgba(6,11,22,.5);font-size:10px;color:var(--ink-faint);display:flex;align-items:center;padding:0 9px}
  .qr{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border:1px solid var(--line);background:rgba(47,123,255,.05)}
  .qr .qbox{width:38px;height:38px;border-radius:6px;background:conic-gradient(from 0deg,#0e1526 0 25%,#7cc0ff 0 50%,#0e1526 0 75%,#7cc0ff 0);background-size:8px 8px;flex:0 0 auto;border:2px solid #fff}
  .qr .qt b{font-family:'Sora';font-size:11px;display:block}
  .qr .qt span{font-size:9.5px;color:var(--ink-dim)}
  .leadbar{display:flex;gap:9px}
  .leadbar .lc{flex:1;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:rgba(255,255,255,.015)}
  .leadbar .lc .n{font-family:'Sora';font-weight:800;font-size:18px;color:var(--brand-2)}
  .leadbar .lc .l{font-size:9.5px;color:var(--ink-faint);margin-top:1px}

  /* ===== CREATIVES mockup ===== */
  .cria{padding:20px 22px;display:flex;flex-direction:column;gap:14px;height:440px}
  .cria-h{display:flex;align-items:center;gap:10px}
  .cria-h .fc{width:30px;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line-strong);flex:0 0 auto}
  .cria-h .fc img{width:100%;height:100%;object-fit:cover}
  .cria-h b{font-family:'Sora';font-size:14px}
  .cria-h span{font-size:11px;color:var(--ink-dim)}
  .prompt-line{border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:12px;color:var(--ink-dim);background:rgba(255,255,255,.015);min-height:39px}
  .prompt-line b{color:var(--ink)}
  .cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;flex:1}
  .ctile{border-radius:12px;overflow:hidden;border:1px solid var(--line);position:relative;background:var(--panel-3);opacity:0;transform:scale(.9)}
  .ctile.show{opacity:1;transform:none;transition:.5s cubic-bezier(.2,.8,.2,1)}
  .ctile .ph{height:100%;min-height:150px;display:flex;align-items:flex-end;padding:9px}
  .ctile .fmt{font-family:'Sora';font-size:9px;font-weight:700;color:#fff;padding:3px 7px;border-radius:100px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}
  .ctile .load{position:absolute;inset:0;display:grid;place-items:center;background:var(--panel-3)}
  .ctile .load svg{width:22px;height:22px;animation:spin 1s linear infinite}
  .ctile.done .load{opacity:0;transition:.4s;pointer-events:none}
  .g1{background:linear-gradient(135deg,#2f7bff,#123a86)}
  .g2{background:linear-gradient(135deg,#3fd0ff,#1f6fbf)}
  .g3{background:linear-gradient(135deg,#7c5cff,#2f7bff)}
  .g4{background:linear-gradient(135deg,#1f5fd6,#0a1930)}

  /* ===== marquee ===== */
  .strip{position:relative;z-index:1;margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;overflow:hidden;background:rgba(255,255,255,.012)}
  .strip .track{display:flex;white-space:nowrap;animation:scroll 26s linear infinite;font-family:'Sora';font-weight:600;font-size:14.5px;color:var(--ink-faint)}
  .strip .track span{display:inline-flex;align-items:center;gap:34px;padding-right:34px}
  .strip .track b{color:var(--brand-3)}
  @keyframes scroll{to{transform:translateX(-50%)}}

  section.block{position:relative;z-index:1;padding:92px 0}
  .sec-head{text-align:center;max-width:720px;margin:0 auto 56px}
  .sec-eyebrow{font-family:'Sora';font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-3)}
  .sec-head h2{font-size:clamp(30px,4vw,46px);font-weight:800;margin:14px 0 0;line-height:1.08}
  .sec-head p{margin-top:16px;font-size:17px;color:var(--ink-dim)}

  .thesis{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:stretch}
  .tcard{border-radius:20px;padding:34px 30px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--bg-2))}
  .tcard.new{border-color:var(--line-strong);background:linear-gradient(180deg,rgba(47,123,255,.10),rgba(63,208,255,.03)),var(--panel);box-shadow:0 30px 70px rgba(0,0,0,.4)}
  .tcard .tk{font-family:'Sora';font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
  .tcard.old .tk{color:var(--ink-faint)}
  .tcard.new .tk{color:var(--cyan)}
  .tcard h3{font-size:22px;font-weight:700;margin:12px 0 18px}
  .tlist{display:flex;flex-direction:column;gap:13px}
  .tlist li{list-style:none;display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--ink-dim)}
  .tlist li svg{width:19px;height:19px;flex:0 0 auto;margin-top:1px}
  .tcard.new .tlist li{color:var(--ink)}
  .arrow{display:grid;place-items:center;color:var(--brand-2)}
  .arrow svg{width:34px;height:34px}

  .flow{display:flex;flex-direction:column;gap:100px}
  .frow{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
  .frow.rev{grid-template-columns:1.1fr .9fr}
  .frow.rev .ftext{order:2}
  .fstep{display:inline-flex;align-items:center;gap:10px;font-family:'Sora';font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-3)}
  .fstep .n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(47,123,255,.12);border:1px solid var(--line-strong);font-size:12px}
  .ftext h3{font-size:clamp(24px,3vw,34px);font-weight:800;margin:16px 0 0;line-height:1.12}
  .ftext p{margin-top:14px;font-size:16px;color:var(--ink-dim);max-width:460px}
  .ftags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
  .ftags span{font-family:'Sora';font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:100px;color:var(--brand-3);background:rgba(47,123,255,.08);border:1px solid var(--line)}
  .mock{position:relative}
  .mock .glow{position:absolute;inset:-8%;background:radial-gradient(ellipse at 50% 50%,rgba(47,123,255,.22),transparent 60%);filter:blur(30px);z-index:-1}

  .assist-wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .assist{display:flex;gap:20px;padding:28px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--bg-2));transition:.25s}
  .assist:hover{border-color:var(--line-strong);box-shadow:0 24px 50px rgba(0,0,0,.4);transform:translateY(-3px)}
  .assist .av{flex:0 0 auto;width:82px;height:82px;border-radius:18px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:0 8px 24px rgba(47,123,255,.3)}
  .assist .av img{width:100%;height:100%;object-fit:cover}
  .assist h3{font-size:21px;font-weight:700}
  .assist .role{font-size:13px;color:var(--brand-3);font-family:'Sora';font-weight:600;margin-top:2px}
  .assist p{margin-top:12px;font-size:14px;color:var(--ink-dim);line-height:1.55}
  .assist .chk{margin-top:12px;font-size:13.5px;color:var(--ink);display:flex;align-items:center;gap:8px}
  .assist .chk svg{width:16px;height:16px;flex:0 0 auto;stroke:var(--cyan)}

  .aut-band{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .autc{padding:28px 26px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--bg-2));transition:.25s;overflow:hidden}
  .autc.mid{border-color:var(--line-strong);background:linear-gradient(180deg,rgba(47,123,255,.10),rgba(63,208,255,.03)),var(--panel)}
  .autc .tag{font-family:'Sora';font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:100px;display:inline-block}
  .autc.mid .tag{color:#fff;background:linear-gradient(135deg,var(--brand),#1f5fd6)}
  .autc:not(.mid) .tag{color:var(--ink-faint);background:rgba(255,255,255,.04);border:1px solid var(--line)}
  .autc h4{font-size:19px;font-weight:700;margin:16px 0 8px}
  .autc p{font-size:14px;color:var(--ink-dim)}
  .guard{display:flex;gap:18px;align-items:flex-start;margin-top:22px;padding:24px 26px;border-radius:18px;border:1px solid var(--line-strong);background:linear-gradient(135deg,rgba(63,208,255,.07),rgba(47,123,255,.03)),var(--panel)}
  .guard-ico{flex:0 0 auto;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(63,208,255,.10);border:1px solid var(--line-strong)}
  .guard-ico svg{width:23px;height:23px}
  .guard h4{font-family:'Sora';font-size:17px;font-weight:700;line-height:1.35;margin:2px 0 8px}
  .guard p{font-size:14.5px;color:var(--ink-dim);line-height:1.62;max-width:760px}

  .stats{display:flex;justify-content:center;gap:68px;flex-wrap:wrap}
  .stat-b{text-align:center}
  .stat-b .n{font-family:'Sora';font-weight:800;font-size:50px;background:linear-gradient(120deg,var(--brand-2),var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
  .stat-b .l{margin-top:8px;font-size:14px;color:var(--ink-dim)}
  .fitrow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
  .fitcard{padding:26px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--bg-2))}
  .fitcard.yes{border-color:var(--line-strong);background:linear-gradient(180deg,rgba(47,123,255,.08),rgba(63,208,255,.02)),var(--panel)}
  .fit-tk{font-family:'Sora';font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
  .fitcard.yes .fit-tk{color:var(--brand-3)}
  .fitcard.no .fit-tk{color:var(--ink-faint)}
  .fitcard ul{display:flex;flex-direction:column;gap:13px}
  .fitcard li{list-style:none;display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.5}
  .fitcard.yes li{color:var(--ink)}
  .fitcard.no li{color:var(--ink-dim)}
  .fitcard li svg{width:19px;height:19px;flex:0 0 auto;margin-top:1px}

  .cta{position:relative;z-index:1;padding:20px 0 116px}
  .cta-card{position:relative;border-radius:28px;overflow:hidden;padding:66px 48px;text-align:center;border:1px solid var(--line-strong);background:linear-gradient(135deg,rgba(47,123,255,.16),rgba(63,208,255,.06)),var(--panel)}
  .cta-card::before{content:"";position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(47,123,255,.32),transparent 60%);filter:blur(30px)}
  .cta-card>*{position:relative;z-index:1}
  .cta-card h2{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.1}
  .cta-card p{margin:16px auto 0;max-width:520px;font-size:17px;color:var(--ink-dim)}
  /* Mobile-first: um campo por linha — evita botão espremido */
  .cta-form{
    margin:28px auto 0;
    display:flex;
    flex-direction:column;
    gap:12px;
    max-width:440px;
    width:100%;
    text-align:left;
  }
  .cta-form input{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    padding:15px 18px;
    border-radius:13px;
    border:1px solid var(--line-strong);
    background:rgba(6,11,22,.6);
    color:var(--ink);
    font-size:16px; /* evita zoom iOS */
    font-family:'Inter',system-ui,sans-serif;
    outline:none;
  }
  .cta-form input::placeholder{color:var(--ink-faint)}
  .cta-form input:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(47,123,255,.2)}
  .cta-form .btn-primary,
  .cta-form #join{
    width:100%;
    box-sizing:border-box;
    justify-content:center;
    margin:0;
    flex-shrink:0;
  }
  .cta-note{margin-top:14px;font-size:13px;color:var(--ink-faint);text-align:center;max-width:440px;margin-left:auto;margin-right:auto;line-height:1.5}


  footer{position:relative;z-index:1;border-top:1px solid var(--line);padding:40px 0;text-align:center;color:var(--ink-faint);font-size:13.5px}
  footer .logo img{height:26px;margin:0 auto 14px;opacity:.9}
  footer b{color:var(--brand-3);font-family:'Sora'}
  .socials{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 0 20px}
  .socials a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--ink-dim);transition:.22s}
  .socials a:hover{border-color:var(--brand-2);background:rgba(47,123,255,.12);color:#fff;transform:translateY(-2px)}
  .socials a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
  .socials svg{width:19px;height:19px;fill:currentColor}
  .lang{display:inline-flex;gap:4px;padding:4px;border-radius:100px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
  .lang button{font-family:'Sora';font-size:11.5px;font-weight:700;letter-spacing:.06em;padding:6px 12px;border-radius:100px;border:0;background:transparent;color:var(--ink-faint);cursor:pointer;transition:.2s}
  .lang button:hover{color:var(--ink)}
  .lang button[aria-pressed="true"]{background:var(--brand);color:#fff}
  .foot-legal{margin-top:18px;font-size:12.5px;line-height:1.7}


  .nav-right{display:flex;align-items:center;gap:14px}
  .lang-top{padding:3px}
  .lang-top button{padding:5px 9px;font-size:11px;letter-spacing:.04em}
  .nav-toggle{display:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--line-strong);background:rgba(255,255,255,.03);align-items:center;justify-content:center;cursor:pointer;padding:0}
  .nav-toggle span{display:block;width:18px;height:2px;background:var(--ink);position:relative}
  .nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink)}
  .nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}
  .nav-links.open{display:flex!important;position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;padding:12px 24px 18px;background:rgba(6,11,22,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
  .nav-links.open a{padding:12px 4px;border-bottom:1px solid var(--line)}
  .nav-cta-mob{display:none}
  .nav-links.open .nav-cta-mob{display:block;margin-top:12px;padding:13px 4px!important;border-bottom:0!important;text-align:center;border-radius:12px;background:var(--brand);color:#fff!important;font-family:'Sora';font-weight:700;font-size:14px}

  .crm{padding:18px 20px;display:flex;flex-direction:column;gap:12px;height:440px}
  .crm-h{display:flex;align-items:center;justify-content:space-between}
  .crm-h h5{font-family:'Sora';font-size:14px;font-weight:700}
  .crm-h .st{font-family:'Sora';font-size:10px;font-weight:600;padding:4px 10px;border-radius:100px;color:var(--cyan);background:rgba(63,208,255,.1);border:1px solid rgba(63,208,255,.3)}
  .crm-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1;min-height:0}
  .crm-col{border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(255,255,255,.015);display:flex;flex-direction:column;gap:8px}
  .crm-col .ch{font-family:'Sora';font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);display:flex;justify-content:space-between}
  .crm-col .ch em{font-style:normal;color:var(--brand-3)}
  .lead-card{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:var(--panel-3);opacity:0;transform:translateY(8px)}
  .lead-card.show{opacity:1;transform:none;transition:.45s}
  .lead-card.hot{border-color:var(--line-strong);box-shadow:0 8px 20px rgba(47,123,255,.25)}
  .lead-card .ln{font-family:'Sora';font-size:12px;font-weight:700}
  .lead-card .lm{font-size:10px;color:var(--ink-dim);margin-top:2px}
  .lead-card .lt{font-size:9.5px;color:var(--ink-faint);margin-top:6px}
  .crm-ping{margin-top:2px;border:1px solid var(--line-strong);border-radius:11px;padding:10px 12px;background:rgba(47,123,255,.08);font-size:11.5px;color:var(--ink-dim);opacity:0;transform:translateY(8px)}
  .crm-ping.show{opacity:1;transform:none;transition:.5s}
  .crm-ping b{color:var(--ink);font-family:'Sora'}

  .team{padding:18px 20px;display:flex;flex-direction:column;gap:12px;height:440px}
  .team-h{display:flex;align-items:center;gap:10px}
  .team-h .fc{width:28px;height:28px;border-radius:8px;overflow:hidden;border:1px solid var(--line-strong);flex:0 0 auto}
  .team-h .fc img{width:100%;height:100%;object-fit:cover}
  .team-h b{font-family:'Sora';font-size:14px}
  .team-h span{font-size:11px;color:var(--ink-dim)}
  .team-prompt{border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:12px;color:var(--ink-dim);background:rgba(255,255,255,.015);min-height:36px}
  .team-prompt b{color:var(--ink)}
  .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1}
  .agent{border:1px solid var(--line);border-radius:12px;padding:14px 12px;background:linear-gradient(180deg,var(--panel-2),var(--bg-2));opacity:0;transform:scale(.92);display:flex;flex-direction:column;gap:8px}
  .agent.show{opacity:1;transform:none;transition:.5s cubic-bezier(.2,.8,.2,1)}
  .agent .ab{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-family:'Sora';font-weight:800;font-size:13px;color:#fff}
  .agent .ab.a1{background:linear-gradient(135deg,#2f7bff,#1f5fd6)}
  .agent .ab.a2{background:linear-gradient(135deg,#3fd0ff,#1f6fbf)}
  .agent .ab.a3{background:linear-gradient(135deg,#7c5cff,#2f7bff)}
  .agent .an{font-family:'Sora';font-size:12.5px;font-weight:700}
  .agent .ar{font-size:10.5px;color:var(--ink-dim)}
  .agent .as{margin-top:auto;font-family:'Sora';font-size:9.5px;font-weight:700;color:#3ee08a;display:inline-flex;align-items:center;gap:5px}
  .agent .as i{width:6px;height:6px;border-radius:50%;background:#3ee08a;box-shadow:0 0 8px #3ee08a}

  .fin{padding:18px 20px;display:flex;flex-direction:column;gap:12px;height:440px}
  .fin-h{display:flex;align-items:center;justify-content:space-between}
  .fin-h h5{font-family:'Sora';font-size:14px;font-weight:700}
  .fin-h .st{font-family:'Sora';font-size:10px;font-weight:600;padding:4px 10px;border-radius:100px;color:#3ee08a;background:rgba(62,224,138,.1);border:1px solid rgba(62,224,138,.3)}
  .fin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .fin-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(255,255,255,.015);opacity:0;transform:translateY(8px)}
  .fin-card.show{opacity:1;transform:none;transition:.45s}
  .fin-card .fl{font-size:10px;color:var(--ink-faint);font-family:'Sora';font-weight:600;letter-spacing:.06em;text-transform:uppercase}
  .fin-card .fv{font-family:'Sora';font-weight:800;font-size:18px;margin-top:6px;color:var(--brand-2)}
  .fin-card .fv.neg{color:#ff8a8a}
  .fin-card .fv.pos{color:#3ee08a}
  .fin-stream{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;min-height:0}
  .fin-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel-3);font-size:11.5px;opacity:0;transform:translateY(8px)}
  .fin-row.show{opacity:1;transform:none;transition:.45s}
  .fin-row .fr{color:var(--ink-dim)}
  .fin-row .fa{font-family:'Sora';font-weight:700}
  .fin-row .fa.out{color:#ff8a8a}
  .fin-ok{border:1px solid var(--line-strong);border-radius:11px;padding:10px 12px;background:rgba(62,224,138,.08);font-size:11.5px;color:var(--ink-dim);opacity:0}
  .fin-ok.show{opacity:1;transition:.5s}
  .fin-ok b{color:#3ee08a;font-family:'Sora'}

  @media(max-width:1080px){
    .nav-toggle{display:inline-flex}
    .nav-links{display:none}
    .nav{position:relative}
    .nav-cta{display:none}
    .nav-right{gap:10px}
  }
  @media(max-width:920px){
    .thesis{grid-template-columns:1fr;gap:18px}.arrow{transform:rotate(90deg)}
    .frow,.frow.rev{grid-template-columns:1fr;gap:26px}.frow.rev .ftext{order:0}
    .assist-wrap{grid-template-columns:1fr}.aut-band{grid-template-columns:1fr}
    .fitrow{grid-template-columns:1fr;gap:16px;margin-top:40px}
    .guard{flex-direction:column;gap:14px;padding:22px}
    .stats{gap:40px}.flow{gap:64px}
    .app{grid-template-columns:1fr;height:auto}.side,.rail{display:none}
    .app.mini{grid-template-columns:1fr}
    .cgrid{grid-template-columns:repeat(2,1fr)}.ctile .ph{min-height:120px}
    .camp-grid{grid-template-columns:1fr}.camp,.cria,.crm,.team,.fin{height:auto}
    .crm-cols,.team-grid,.fin-cards{grid-template-columns:1fr}
    .shot{padding:0 12px;margin-top:36px}
    .cta{padding:12px 0 80px}
  }
  @media(min-width:640px){
    .cta-form{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      max-width:480px;
    }
    .cta-form #name{grid-column:1}
    .cta-form #whatsapp{grid-column:2}
    .cta-form #email,
    .cta-form #join,
    .cta-form .btn-primary{grid-column:1 / -1;width:100%}
  }
  @media(max-width:620px){
    .wrap{padding-left:16px;padding-right:16px}
    .block{padding:56px 0}
    .hero{padding-top:88px;padding-bottom:20px}
    .title{font-size:clamp(28px,8.5vw,42px);line-height:1.06}
    .sub{font-size:15.5px;padding:0 4px}
    .sec-head{margin-bottom:36px}
    .sec-head h2{font-size:clamp(24px,6.5vw,32px)}
    .sec-head p{font-size:15.5px}
    .ftext h3{font-size:clamp(21px,5.6vw,26px)}
    .ftext p{font-size:15px}
    .hero-actions{flex-direction:column;align-items:stretch;gap:10px}
    .hero-actions a{justify-content:center;width:100%}
    .cta-card{padding:36px 18px;border-radius:22px}
    .cta-card h2{font-size:clamp(24px,7vw,34px)}
    .cta-card p{font-size:15.5px}
    .cta-form{max-width:100%;gap:10px}
    .stats{gap:26px}
    .stat-b .n{font-size:38px}
    .assist{flex-direction:column;gap:14px;padding:22px}
    .assist .av{width:64px;height:64px}
    .autc{padding:22px 20px}
    .ftags span{font-size:12px;padding:6px 11px}
    .cgrid{grid-template-columns:1fr 1fr}
    .socials a{width:38px;height:38px}
    footer{padding:32px 0}
    .micro{font-size:12.5px;padding:0 8px}
  }
  @media(max-width:400px){
    .cgrid{grid-template-columns:1fr}
    .socials{gap:9px}
    .socials a{width:36px;height:36px}
    .lang button{padding:6px 10px;font-size:11px}
    .cta-card{padding:28px 14px}
  }
  @media (prefers-reduced-motion:reduce){*{animation-duration:.001s!important;transition-duration:.001s!important}}