:root{--ink:#0d1218;--panel:#151c24;--panel-2:#1e2733;--muted:#9ca6b2;--paper:#f3f1ed;--white:#fff;--accent:#b71c50;--accent-light:#e53570;--line:#ffffff1f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--white);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}main{min-height:100vh}.site-header{z-index:30;justify-content:space-between;align-items:center;width:min(1400px,100% - 48px);height:88px;margin:auto;display:flex;position:relative}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-family:Inter,Segoe UI,sans-serif;font-size:17px;display:flex}.brand-mark{background:var(--accent);border-radius:8px;place-items:center;width:34px;height:34px;font-size:21px;font-weight:800;display:grid}.brand b{font-weight:800}.nav{color:#c6cbd1;align-items:center;gap:30px;font-size:14px;display:flex}.nav>a:not(.button):hover{color:#fff}.menu-button{background:0 0;border:0;padding:12px;display:none}.menu-button span{background:#fff;width:24px;height:2px;margin:5px;display:block}.button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:0 22px;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.button:hover{background:#ca205c;transform:translateY(-2px)}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #ff82ad}.button-small{min-height:42px;padding:0 17px;font-size:13px}.button-ghost{background:0 0;border-color:#3a4450}.button-ghost:hover{background:#1c242e;border-color:#65717f}.eyebrow{color:#d73870;letter-spacing:.17em;text-transform:uppercase;font-size:12px;font-weight:800}.hero{grid-template-columns:.82fr 1.18fr;align-items:center;gap:72px;width:min(1400px,100% - 48px);min-height:720px;margin:auto;padding:72px 0 104px;display:grid;position:relative}.ambient{filter:blur(120px);opacity:.14;background:var(--accent);pointer-events:none;border-radius:50%;width:520px;height:520px;animation:9s ease-in-out infinite alternate ambient-drift;position:absolute}.ambient-one{top:30px;left:-320px}.hero-copy{z-index:2;position:relative}.hero h1,.section-heading h2,.split-copy h2,.module-copy h2,.family-copy h2,.security-copy h2,.demo h2,.module-intro h2,.promise-banner h2{letter-spacing:-.055em;margin:22px 0;font-family:Inter,Segoe UI,sans-serif;font-weight:500;line-height:1.04}.hero h1{font-size:clamp(3.2rem,5vw,5.4rem)}h2 em,h1 em{color:#8f98a5;font-style:normal}.hero-lead{color:#aeb6c0;max-width:610px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin:36px 0;display:flex}.trust-row{color:#8f99a5;flex-wrap:wrap;gap:22px;font-size:12px;display:flex}.trust-row span{align-items:center;gap:7px;display:flex}.trust-row i{background:#36bb79;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #36bb791f}.hero-visual{position:relative;transform:perspective(1200px)rotateY(-2deg)}.status-pill{z-index:3;color:#ccd2d9;background:#17202a;border:1px solid #394553;border-radius:30px;padding:10px 15px;font-size:11px;animation:4s ease-in-out infinite status-float;position:absolute;top:-18px;right:26px;box-shadow:0 12px 35px #05080b}.status-pill span{background:#40d68d;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.screenshot-frame{background:#0b1015;border:1px solid #303b47;border-radius:16px;width:100%;transition:transform .45s,border-color .45s;overflow:hidden;box-shadow:0 30px 90px #00000061}.screenshot-frame img{object-fit:contain;object-position:center top;width:100%;height:auto;display:block}.hero-caption{color:#737e8a;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:20px;margin:18px 12px 0;font-size:10px;display:flex}.hero-caption strong{color:#c2c8cf}.reveal-target{opacity:0;transition:opacity .7s ease var(--reveal-delay,0s),transform .7s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0s);transform:translateY(26px)}.reveal-target.hero-visual,.reveal-target.promise-banner{transform:translateY(18px)scale(.985)}.reveal-target.reveal-in{opacity:1;transform:none}.module-visual:hover .screenshot-frame,.family>.screenshot-frame:hover,.security-visual:hover .screenshot-frame{border-color:#525f6d;transform:translateY(-5px)}@keyframes ambient-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(48px,24px)scale(1.08)}}@keyframes status-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.journey{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#10161d;align-items:center;gap:36px;padding:22px max(24px,50vw - 700px);display:flex;overflow:auto}.journey>p{color:#747f8c;text-transform:uppercase;letter-spacing:.15em;flex:none;font-size:11px}.journey>div{gap:10px;display:flex}.journey a{white-space:nowrap;color:#9aa4af;border-radius:8px;padding:9px 13px;font-size:12px;transition:all .2s}.journey a:hover{color:#fff;background:#202a35}.journey a span{color:#ce2d64;margin-right:7px;font-size:9px}.section{width:min(1320px,100% - 48px);margin:auto;padding:130px 0}.section-heading{max-width:720px;margin-bottom:58px}.section-heading.centered{text-align:center;margin:0 auto 60px}.section-heading h2,.split-copy h2,.module-intro h2,.family-copy h2,.security-copy h2,.demo h2{font-size:clamp(2.7rem,5vw,4.8rem)}.section-heading>p:last-child,.split-copy>p,.module-intro>p:last-child,.family-copy>p,.security-copy>p,.demo-copy>p:last-child{color:#9ea8b3;font-size:17px;line-height:1.7}.overview{padding-bottom:100px}.wide-shot{max-width:1160px;margin:auto;position:relative}.floating-note{background:#161e27f5;border:1px solid #35404c;border-radius:10px;padding:15px 18px;position:absolute;bottom:-28px;box-shadow:0 14px 50px #00000073}.floating-note span{color:#d1376d;text-transform:uppercase;letter-spacing:.14em;margin-bottom:4px;font-size:9px;display:block}.floating-note strong{font-size:12px}.note-left{left:-36px}.note-right{right:-36px}.proof-grid{background:#2a333e;border:1px solid #2a333e;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1000px;margin:92px auto 0;display:grid}.proof-grid article{background:#111820;padding:30px}.proof-grid span,.module-number{color:#bd2257;letter-spacing:.15em;font-size:10px}.proof-grid h3{margin:20px 0 8px}.proof-grid p{color:#8f99a5;margin:0;font-size:14px;line-height:1.55}.split-section{border-top:1px solid var(--line);grid-template-columns:.72fr 1.28fr;align-items:center;gap:80px;display:grid}.check-list{margin:35px 0 0;padding:0;list-style:none}.check-list li{border-bottom:1px solid var(--line);color:#c6cdd5;padding:14px 0}.check-list span{color:#e33d77;margin-right:12px}.students{background:var(--paper);color:var(--ink);width:100%;max-width:none;padding-left:max(24px,50vw - 660px);padding-right:max(24px,50vw - 660px)}.students .section-heading p:last-child{color:#5c6570}.student-tabs{grid-template-columns:1fr 1fr;max-width:800px;margin-bottom:26px;display:grid}.student-tabs button{text-align:left;color:#6b7178;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #ccc6be;padding:20px 22px;position:relative}.student-tabs button[aria-selected=true]{color:#14191f;border-color:var(--accent)}.student-tabs span{color:var(--accent);margin-right:16px;font-size:10px}.student-tabs b{display:inline-block}.student-tabs small{margin:8px 0 0 32px;display:block}.students .screenshot-frame{border-color:#d5d0c9;box-shadow:0 28px 80px #14181e2e}.modules{background:#0b1016}.module-intro{text-align:center}.module-row{border-top:1px solid var(--line);grid-template-columns:.72fr 1.28fr;align-items:center;gap:75px;width:min(1400px,100% - 48px);margin:0 auto;padding:90px 0;display:grid}.module-row.reverse{grid-template-columns:1.28fr .72fr}.module-row.reverse .module-copy{order:2}.module-row.reverse .module-visual{order:1}.module-copy{padding:20px}.module-copy h2{font-size:clamp(2rem,3.4vw,3.7rem)}.module-copy>p:not(.eyebrow){color:#9ca6b2;line-height:1.7}.module-copy ul{margin-top:30px;padding:0;list-style:none}.module-copy li{border-top:1px solid var(--line);color:#cbd1d7;gap:14px;padding:13px 0;font-size:13px;display:flex}.module-copy li span{color:#dc3c74}.family{grid-template-columns:.7fr 1.3fr;align-items:center;gap:80px;display:grid}.feature-pills{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.feature-pills span{color:#aeb6bf;border:1px solid #37424e;border-radius:30px;padding:9px 12px;font-size:11px}.security{background:#171f28;padding-top:20px}.security-inner{grid-template-columns:.72fr 1.28fr;align-items:center;gap:80px;display:grid}.security-steps{margin-top:35px}.security-steps details{border-top:1px solid #39434f}.security-steps details:last-child{border-bottom:1px solid #39434f}.security-steps summary{cursor:pointer;grid-template-columns:42px 1fr auto;align-items:center;padding:17px 0;list-style:none;display:grid}.security-steps summary::-webkit-details-marker{display:none}.security-steps summary span{color:#df3c75;font-size:10px}.security-steps summary i{color:#d5d9de;font-style:normal}.security-steps details[open] summary i{transform:rotate(45deg)}.security-steps details p{color:#98a2ad;margin:0 0 20px 42px;font-size:13px;line-height:1.6}.promise-banner{border-radius:18px;width:min(1480px,100% - 48px);height:600px;margin:0 auto 100px;position:relative;overflow:hidden}.promise-banner:after{content:"";background:linear-gradient(90deg,#070a0ee6 5%,#070a0e7a 48%,#070a0e1f);position:absolute;inset:0}.promise-banner img{object-fit:cover;width:100%;height:100%}.promise-banner>div{z-index:2;position:absolute;top:50%;left:8%;transform:translateY(-50%)}.promise-banner h2{font-size:clamp(3rem,6vw,6rem)}.promise-banner p{color:#dc3b73;letter-spacing:.16em;font-size:11px;font-weight:800}.demo{background:var(--paper);width:min(1200px,100% - 48px);color:var(--ink);border-radius:22px;grid-template-columns:1fr .8fr;gap:80px;margin:120px auto;padding:70px;display:grid;position:relative;overflow:hidden}.demo:before{content:"";background:var(--accent);opacity:.13;border-radius:50%;width:280px;height:280px;position:absolute;top:-160px;right:-160px}.demo h2 em{color:#7e8186}.demo-copy>p:last-child{color:#5d6570;max-width:560px}.demo form{z-index:2;gap:15px;display:grid;position:relative}.demo label{color:#4c535b;text-transform:uppercase;letter-spacing:.08em;gap:7px;font-size:11px;font-weight:700;display:grid}.demo input,.demo select{color:#161a1f;background:#fff;border:1px solid #d1cdc6;border-radius:7px;outline:none;width:100%;height:50px;padding:0 14px}.demo input:focus,.demo select:focus{border-color:var(--accent)}.demo form small{color:#777d84;line-height:1.4}.demo .button{border:0}.demo .button:disabled{opacity:.68;cursor:wait;transform:none}.demo-module-picker{border:1px solid #d1cdc6;border-radius:7px;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:14px;display:grid}.demo-module-picker legend{color:#4c535b;text-transform:uppercase;letter-spacing:.08em;padding:0 6px;font-size:11px;font-weight:700}.demo-module-picker label{text-transform:none;letter-spacing:0;grid-template-columns:none;align-items:center;gap:8px;font-size:11px;display:flex}.demo-module-picker input{width:16px;height:16px;accent-color:var(--accent)}.form-trap{width:1px;height:1px;left:-10000px;overflow:hidden;position:absolute!important}.form-message{border-radius:7px;margin:0;padding:12px 14px;font-size:13px;line-height:1.5}.form-message.success{color:#155b3a;background:#dff5e9}.form-message.error{color:#8c1d3f;background:#f9dfe8}footer{border-top:1px solid var(--line);color:#7f8994;grid-template-columns:1fr 1fr 1fr;align-items:center;width:min(1400px,100% - 48px);min-height:150px;margin:auto;font-size:12px;display:grid}footer p{text-align:center}footer>a:last-child{text-align:right;color:#cbd1d7}.footer-brand{align-items:center;gap:14px;display:flex}.site-version{color:#909aa5;letter-spacing:.08em;text-transform:uppercase;border:1px solid #313b46;border-radius:20px;padding:5px 8px;font-size:9px}@media (width<=1000px){.hero,.split-section,.family,.security-inner,.module-row,.module-row.reverse,.demo{grid-template-columns:1fr}.hero{padding-top:40px}.hero-visual{transform:none}.split-copy,.family-copy,.security-copy,.module-copy{max-width:720px}.module-row.reverse .module-copy,.module-row.reverse .module-visual{order:initial}.module-row.reverse .module-visual{order:2}.module-row.reverse .module-copy{order:1}.floating-note{display:none}.demo{gap:35px}.promise-banner{height:470px}}@media (width<=760px){.site-header{width:calc(100% - 32px);height:72px}.menu-button{color:#fff;display:block}.nav{background:#161e27;border:1px solid #303a46;border-radius:12px;flex-direction:column;align-items:stretch;padding:24px;display:none;position:absolute;top:66px;left:0;right:0;box-shadow:0 20px 60px #05080b}.nav.open{display:flex}.nav .button{text-align:center}.hero,.section,.module-row,.journey,.promise-banner,.demo,footer{width:calc(100% - 32px)}.hero{grid-template-columns:1fr;gap:48px;padding:55px 0 80px}.hero h1{font-size:3.25rem}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.button{width:100%}.trust-row{gap:14px}.hero-caption{display:none}.journey{width:100%;padding-left:16px;padding-right:16px}.journey>p{display:none}.section{padding:90px 0}.section-heading h2,.split-copy h2,.module-intro h2,.family-copy h2,.security-copy h2,.demo h2{font-size:2.7rem}.section-heading.centered{text-align:left}.proof-grid{grid-template-columns:1fr}.split-section,.family,.security-inner,.module-row,.module-row.reverse{gap:45px}.student-tabs{grid-template-columns:1fr}.student-tabs button{border-bottom:1px solid #cfcac3}.students{width:100%;padding-left:16px;padding-right:16px}.module-row{padding:72px 0}.module-intro{text-align:left}.screenshot-frame{border-radius:10px}.promise-banner{height:480px;margin-bottom:70px}.promise-banner img{object-position:62% center}.promise-banner>div{left:7%;right:7%}.promise-banner:after{background:linear-gradient(90deg,#070a0ee0,#070a0e4d)}.demo{margin:70px auto;padding:40px 22px}.demo .button{width:100%}footer{text-align:center;grid-template-columns:1fr;gap:25px;padding:35px 0}.footer-brand{flex-wrap:wrap;justify-content:center}footer p,footer>a:last-child{text-align:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal-target{opacity:1!important;transform:none!important}}
