:root{--ink:#eaf3ff;--muted:#93a6bb;--navy:#07111f;--panel:#0b192b;--cyan:#27d7e7;--gold:#e9b85e;--line:rgba(155,190,220,.16);--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{background:var(--navy);scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 80% 20%,#12314b 0,transparent 32%),linear-gradient(145deg,#050b14,#09182a 60%,#06101d);overflow-x:hidden}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden}.ambient span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.14}.ambient span:nth-child(1){width:35vw;height:35vw;background:#1cd9f0;right:-10vw;top:-8vw}.ambient span:nth-child(2){width:28vw;height:28vw;background:#ad7b2f;left:-12vw;bottom:-10vw}.ambient span:nth-child(3){width:18vw;height:18vw;background:#2e68a5;left:43%;top:43%}.demo-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-rows:76px 1fr 96px;max-width:1600px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(4,12,22,.5);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--cyan);clip-path:polygon(0 12%,65% 0,100% 30%,88% 100%,18% 88%);font:700 17px Georgia;color:var(--cyan)}.brand b,.brand small{display:block;letter-spacing:.12em}.brand b{font-size:12px}.brand small{font-size:9px;color:var(--muted);margin-top:3px}.top-actions{display:flex;gap:24px}.text-button,.nav-button{appearance:none;border:0;background:none;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.11em;cursor:pointer;padding:12px;border-radius:8px;transition:.2s}.text-button:hover,.text-button:focus-visible,.nav-button:hover,.nav-button:focus-visible{color:var(--cyan);background:rgba(39,215,231,.06);outline:none}.stage{position:relative;min-height:620px}.scene{display:none;min-height:100%;padding:clamp(38px,5vw,78px) clamp(28px,6vw,92px);animation:sceneIn .6s var(--ease)}.scene.is-active{display:flex}.scene--intro{align-items:center;position:relative;overflow:hidden}.intro-copy{width:min(570px,52%);z-index:2}.eyebrow,.step-kicker{color:var(--cyan);font-size:11px;letter-spacing:.24em;font-weight:800;margin:0 0 18px}.intro-copy h1{font:300 clamp(54px,6vw,92px)/.85 Georgia,serif;letter-spacing:-.045em;margin:0}.intro-copy h1 span,.scene-copy h2 span,.transition-mark+ .eyebrow+ h2 span,.offer-head h2 span{color:var(--cyan);font-style:italic}.product-name{font-size:clamp(16px,1.8vw,23px);letter-spacing:.2em;margin:28px 0}.product-name b{color:var(--gold)}.lead{font:300 clamp(17px,1.5vw,22px)/1.55 Georgia,serif;color:#c2ceda;max-width:520px}.primary-button,.cta-button,.secondary-button{border:0;border-radius:6px;padding:18px 24px;font-weight:850;letter-spacing:.08em;cursor:pointer;transition:.25s var(--ease)}.primary-button{background:linear-gradient(135deg,#2be0ed,#0aa6bd);color:#03121b;box-shadow:0 10px 32px rgba(20,200,220,.2)}.primary-button:hover,.primary-button:focus-visible{transform:translateY(-2px);box-shadow:0 16px 42px rgba(20,200,220,.3);outline:2px solid white;outline-offset:3px}.primary-button span,.cta-button span{margin-left:18px;font-size:18px}.microcopy{font-size:10px;letter-spacing:.08em;color:#74889c;margin:13px 4px}.intro-visual{position:absolute;width:min(49vw,690px);aspect-ratio:1;right:3vw;top:50%;transform:translateY(-50%);display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(39,215,231,.14);border-radius:50%}.orbit-a{inset:8%;animation:spin 35s linear infinite}.orbit-b{inset:24%;border-color:rgba(233,184,94,.2);animation:spin 25s linear infinite reverse}.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);top:18%;left:8%;box-shadow:0 0 18px var(--cyan)}.glass-emblem{width:42%;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(22,56,82,.85),rgba(5,16,29,.65));backdrop-filter:blur(15px);transform:rotate(-8deg);clip-path:polygon(8% 0,85% 5%,100% 30%,90% 91%,24% 100%,0 76%,3% 18%);box-shadow:0 25px 70px #0008}.glass-emblem span{font:italic 700 clamp(50px,6vw,86px) Georgia;color:var(--cyan);text-shadow:0 0 30px #16c9dd88}.glass-emblem b{position:absolute;margin-top:100px;color:var(--gold);letter-spacing:.18em}.floating-card{position:absolute;background:rgba(10,27,44,.85);border:1px solid var(--line);padding:13px 18px;border-radius:9px;box-shadow:0 15px 40px #0007;font-size:11px;letter-spacing:.08em}.floating-card i{color:var(--cyan);font-style:normal;margin-right:8px}.fc-one{left:3%;top:26%}.fc-two{right:2%;bottom:22%}.intro-tagline{position:absolute;right:5vw;bottom:24px;color:#6f859b;font:italic 14px Georgia}.scene--tour{align-items:center;gap:clamp(30px,5vw,80px)}.scene-copy{width:32%;max-width:420px}.step-kicker{color:var(--gold)}.scene-copy h2{font:300 clamp(35px,3.5vw,58px)/.97 Georgia;margin:0 0 24px;letter-spacing:-.03em}.scene-copy>p:not(.step-kicker){font:300 18px/1.55 Georgia;color:#c0ceda}.feature-list{list-style:none;padding:0;margin:30px 0}.feature-list li{padding:12px 0 12px 28px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.04em;color:#9fb1c2;position:relative}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan)}.screen-wrap{width:68%;position:relative;perspective:1200px}.browser-frame{background:#081422;border:1px solid rgba(137,188,219,.2);border-radius:12px;overflow:hidden;box-shadow:0 35px 90px #0009;transform:rotateY(-2deg) rotateX(1deg)}.browser-bar{height:42px;background:#0b1b2b;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid var(--line)}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#294055}.browser-bar i:first-child{background:#b9645b}.browser-bar i:nth-child(2){background:#ba9856}.browser-bar span{margin:auto;color:#627b91;font-size:9px;letter-spacing:.1em}.capture-slot{aspect-ratio:16/9;position:relative;background:linear-gradient(145deg,#0a1929,#0c2337);overflow:hidden}.capture-slot img{width:100%;height:100%;object-fit:cover;display:block}.placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(rgba(77,133,165,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(77,133,165,.06) 1px,transparent 1px);background-size:32px 32px}.placeholder:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(80,167,190,.2);border-radius:5px}.placeholder-icon{font-size:40px;color:var(--cyan);opacity:.7;margin-bottom:15px}.placeholder b{font-size:12px;letter-spacing:.18em}.placeholder small{color:var(--gold);letter-spacing:.16em;margin-top:8px}.placeholder em{position:absolute;bottom:12%;font-style:normal;font-size:9px;color:#5b7690;letter-spacing:.14em}.hotspot{position:absolute;left:var(--x);top:var(--y);width:30px;height:30px;margin:-15px;border-radius:50%;border:1px solid white;background:var(--cyan);color:#02151d;font-weight:900;cursor:pointer;box-shadow:0 0 0 8px rgba(39,215,231,.13),0 0 25px var(--cyan);animation:pulse 2s infinite}.hotspot aside{display:none;position:absolute;width:210px;left:42px;top:-12px;background:#f0f7fa;color:#071321;text-align:left;padding:14px;border-radius:7px;box-shadow:0 10px 35px #0008}.hotspot aside:before{content:"";position:absolute;left:-7px;top:18px;border-width:7px 7px 7px 0;border-style:solid;border-color:transparent #f0f7fa transparent transparent}.hotspot aside b,.hotspot aside small{display:block}.hotspot aside b{font:700 13px Georgia}.hotspot aside small{margin-top:5px;line-height:1.35;color:#4a6072}.hotspot:hover aside,.hotspot:focus aside,.hotspot.is-open aside{display:block}.scene--document .scene-copy{width:34%}.flow-mini{display:flex;flex-direction:column;gap:7px;margin-top:28px}.flow-mini span{padding:11px 14px;border-left:2px solid #24394b;color:#6f8498;font-size:11px}.flow-mini .is-on{border-color:var(--cyan);color:var(--cyan);background:#0e2738}.document-flow{display:flex;align-items:center;justify-content:center;gap:clamp(15px,3vw,45px);flex:1}.doc-card{width:min(270px,42%);aspect-ratio:.78;padding:28px 20px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,rgba(20,44,65,.85),rgba(7,18,31,.9));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 25px 60px #0008}.doc-icon{width:80px;height:96px;display:grid;place-items:center;background:#2368b3;color:white;font-weight:900;border-radius:5px 18px 5px 5px;margin-bottom:28px}.doc-card>b{font-size:12px;letter-spacing:.12em}.doc-card small{color:var(--muted);margin-top:9px}.transfer{text-align:center;color:var(--cyan)}.transfer span{font-size:40px;display:block}.transfer small{font-size:8px;letter-spacing:.15em}.paper{width:100px;height:130px;background:#ecf1f1;border-radius:3px;color:#102030;padding:25px 14px;margin-bottom:20px;box-shadow:8px 8px 0 #173148}.paper i{display:block;height:3px;background:#81919b;margin:7px}.paper strong{display:block;font:700 15px Georgia;margin-top:18px}.scene--transition{flex-direction:column;align-items:center;justify-content:center;text-align:center}.transition-mark{width:70px;height:70px;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:28px;margin-bottom:24px;box-shadow:0 0 35px #1fd6e733}.scene--transition h2{font:300 clamp(35px,4vw,60px)/1.05 Georgia;margin:0}.scene--transition>p:not(.eyebrow){font:300 20px/1.6 Georgia;color:#aebecd;margin:24px}.scene--offer{display:none;flex-direction:column;padding-top:40px}.scene--offer.is-active{display:flex}.offer-head{text-align:center}.offer-head h2{font:300 clamp(35px,4vw,58px) Georgia;margin:0}.offer-head>p:last-child{font-size:13px;letter-spacing:.16em;line-height:1.6;color:#bac8d5}.offer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;max-width:1120px;width:100%;margin:25px auto}.bonus-card,.license-card{position:relative;border:1px solid var(--line);background:rgba(9,24,40,.78);border-radius:12px;padding:clamp(24px,3vw,38px)}.bonus-card{text-align:center}.plus{position:absolute;left:-15px;top:45px;width:30px;height:30px;display:grid;place-items:center;background:var(--gold);color:#10151b;border-radius:50%;font-weight:900}.bonus-card>p:first-of-type,.license-card .eyebrow{font-size:10px;letter-spacing:.16em;color:var(--gold)}.bonus-card h3{font:300 30px Georgia;margin:13px}.bonus-card h3 b{color:var(--cyan)}.lifetime{display:inline-block;border:1px solid var(--cyan);padding:9px 15px;color:var(--cyan);font-size:12px;letter-spacing:.13em}.bonus-card>strong{display:block;font-size:11px;letter-spacing:.22em;margin:12px}.offer-message{font:300 15px/1.55 Georgia;color:#aebfce;max-width:610px;margin:20px auto}.urgency{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px}.urgency i{width:8px;height:8px;background:#ff8e56;border-radius:50%;box-shadow:0 0 12px #ff8e56}.urgency b,.urgency small{display:block}.urgency b{font-size:9px;letter-spacing:.13em}.urgency small{font-size:10px;color:#9fb0bd;margin-top:4px}.cta-button{width:100%;background:linear-gradient(135deg,#e9c273,#c58a35);color:#15110a;box-shadow:0 12px 35px #bb7f3130}.cta-button:hover,.cta-button:focus-visible{transform:translateY(-2px);outline:2px solid white;outline-offset:3px}.cta-feedback{min-height:20px;color:var(--gold);font-size:11px;margin-top:10px}.license-card ol{list-style:none;padding:0}.license-card li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.1em}.license-card li span{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan)}.license-card>p:not(.eyebrow),.license-card>small{font:300 13px/1.5 Georgia;color:#9eb0bf}.whatsapp{display:flex;align-items:center;gap:8px;color:#68e29b;text-decoration:none;border:1px solid #68e29b55;padding:12px;margin:16px 0;border-radius:6px}.promise-row{display:flex;justify-content:center;gap:3vw;flex-wrap:wrap;color:#91a6b6;font:italic 13px Georgia}.scene--offer blockquote{text-align:center;font:300 17px Georgia;color:#b8c7d3;margin:22px}.scene--offer blockquote b{color:var(--cyan)}.controls{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);border-top:1px solid var(--line);background:rgba(4,12,22,.72);backdrop-filter:blur(18px)}.controls.is-hidden{display:none}.nav-button{font-size:11px}.nav-button--next{color:var(--ink)}.progress-box{width:min(480px,50vw)}.progress-copy{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#6f8498}.progress-copy b{color:var(--cyan);font-size:10px}.progress-track{height:2px;background:#1d3244;margin-top:10px}.progress-track i{display:block;height:100%;width:16.67%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:.45s var(--ease)}.progress-dots{display:flex;justify-content:space-between;margin-top:-5px}.progress-dots i{width:8px;height:8px;border:2px solid #0a1725;background:#284052;border-radius:50%}.progress-dots i.is-done{background:var(--cyan)}.exit-modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#02070dcf;backdrop-filter:blur(10px)}.exit-modal[hidden]{display:none}.modal-card{position:relative;width:min(480px,90vw);padding:40px;background:#0b1b2d;border:1px solid var(--line);border-radius:12px;text-align:center;box-shadow:0 30px 90px #000}.modal-card h2{font:300 32px Georgia}.modal-card>p:not(.eyebrow){color:var(--muted)}.modal-card>div{display:flex;gap:10px;justify-content:center;margin:28px 0}.modal-card small{color:#587086}.modal-close{position:absolute;right:15px;top:15px;background:none;border:0;color:var(--muted);cursor:pointer}.secondary-button{background:transparent;color:var(--ink);border:1px solid var(--line)}@keyframes sceneIn{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 13px rgba(39,215,231,0),0 0 25px var(--cyan)}}
@media(max-width:900px){.demo-shell{grid-template-rows:65px auto 82px}.scene{min-height:calc(100vh - 147px)}.scene--tour{flex-direction:column;align-items:flex-start;padding-top:30px}.scene-copy,.scene--document .scene-copy,.screen-wrap{width:100%;max-width:none}.scene-copy h2{font-size:34px;margin-bottom:12px}.scene-copy>p:not(.step-kicker){font-size:16px}.feature-list{display:flex;gap:8px;margin:15px 0;width:100%}.feature-list li{flex:1;border:1px solid var(--line);padding:9px;font-size:10px}.feature-list li:before{display:none}.screen-wrap{margin:auto}.intro-copy{width:58%}.intro-visual{right:-10%;opacity:.75}.offer-grid{grid-template-columns:1fr}.scene--offer{padding:30px 24px}.controls{position:sticky;bottom:0}.document-flow{width:100%}}
@media(max-width:600px){.topbar{padding:0 14px}.text-button span{display:none}.top-actions{gap:2px}.scene{padding:28px 18px}.scene--intro{align-items:flex-start;padding-top:9vh}.intro-copy{width:100%}.intro-copy h1{font-size:54px}.intro-copy .lead{max-width:88%;font-size:17px}.intro-visual{width:330px;right:-155px;top:62%;opacity:.45}.floating-card{display:none}.intro-tagline{display:none}.primary-button{width:100%}.scene--tour{gap:15px}.step-kicker{margin-bottom:9px}.scene-copy h2{font-size:30px}.scene-copy>p:not(.step-kicker){font-size:14px;margin:7px 0}.feature-list{margin:8px 0}.feature-list li:nth-child(3){display:none}.browser-bar{height:30px}.hotspot aside{width:175px;left:auto;right:40px}.document-flow{gap:8px}.doc-card{padding:14px 8px}.doc-card>b{font-size:9px}.doc-card small{font-size:9px}.doc-icon{width:56px;height:70px;font-size:11px}.transfer small{display:none}.paper{width:65px;height:85px;padding:8px}.paper strong{font-size:11px;margin-top:8px}.scene--transition>p:not(.eyebrow){font-size:17px}.progress-box{width:46vw}.progress-copy span{display:none}.nav-button span{display:none}.controls{padding:0 14px}.offer-head h2{font-size:33px}.offer-grid{margin:12px auto}.bonus-card,.license-card{padding:22px 17px}.promise-row{flex-direction:column;align-items:center;gap:8px}.scene--offer blockquote{font-size:15px}.cta-button{font-size:11px}.modal-card>div{flex-direction:column}.modal-card .primary-button{width:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}