:root{--purple:#5b4be7;--ink:#14172b;--muted:#717284;--line:#e7e6ef;--lilac:#f1efff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:16px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ab9dff;outline-offset:5px}.wrap{max-width:1240px;margin:0 auto;width:calc(100% - 96px)}.announcement{min-height:36px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;letter-spacing:.3px;background:#f2f0ff;color:#51478c}.announcement-sep{opacity:.35;margin:0 7px}.status-dot{display:inline-block;background:#71b78f;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #71b78f12;flex-shrink:0}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:28px;letter-spacing:-1.4px;font-weight:700}.wordmark>span{color:var(--purple)}.wordmark small{display:block;font-size:8px;letter-spacing:2.4px;font-weight:500;margin-top:7px;color:var(--muted)}nav{display:flex;gap:34px;font-size:13px}nav a:hover{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:33px;background:var(--purple);border:1px solid transparent;border-radius:8px;color:white;min-height:54px;padding:15px 23px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);background:#4939d6;box-shadow:0 9px 25px #5b4be72b}.button span{font-size:21px;font-weight:400}.button.small{min-height:43px;padding:8px 19px;font-size:12px;gap:25px}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:18px;align-items:center;padding-top:68px;padding-bottom:64px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.9px;line-height:1.7;color:var(--purple);display:block}.hero .eyebrow{display:flex;align-items:center;gap:10px}.tiny-star{font-size:22px}h1{font-size:clamp(44px,5vw,69px);font-weight:500;letter-spacing:-3.8px;line-height:1.075;margin:24px 0}h2{font-size:clamp(30px,3.3vw,44px);font-weight:500;line-height:1.15;letter-spacing:-1.8px;margin:18px 0 0}.purple{color:var(--purple)}.hero-description{font-size:17px;line-height:1.75;color:var(--muted);margin:0}.hero-description strong{font-weight:500;color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:29px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:500;background:none;border:0;padding:0}.text-link:hover{color:var(--purple)}.hero-note{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:23px}.visual{height:484px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;background:radial-gradient(ellipse,#e7e0ff 0%,#f5f2ff 43%,#fff 71%)}.visual-grid{position:absolute;inset:0;background-image:radial-gradient(#9c8ade65 .8px,transparent .8px);background-size:20px 20px;mask-image:radial-gradient(ellipse,#000 15%,transparent 66%)}.orbital{position:absolute;border:1px solid #d9d3f8;border-radius:50%;width:86%;height:86%;transform:rotate(-30deg)}.orbit-two{width:106%;height:44%;transform:rotate(-34deg);border-color:#c5bbed99}.orbit-three{width:98%;height:45%;transform:rotate(38deg);border-color:#d3caee80}.si-core{width:225px;height:246px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:58px;position:relative;background:linear-gradient(145deg,#a599ff,#6853e9 44%,#4530b9);color:white;box-shadow:inset 2px 2px 3px #ffffff80,inset -5px -7px 12px #321aa077,18px 35px 55px #6550c947;transform:rotate(-10deg);animation:float 7s ease-in-out infinite}.si-core:before{content:'';position:absolute;inset:10px;border:1px solid #ffffff33;border-radius:49px}.si-core>span{font-size:130px;letter-spacing:-10px;font-weight:600;line-height:1.15;text-shadow:0 4px 2px #4831b322}.si-core small{font-size:8px;letter-spacing:2px;margin-top:11px}.floating-label{position:absolute;background:#ffffffde;backdrop-filter:blur(10px);border:1px solid #fff;box-shadow:0 8px 32px #4e378b12;border-radius:11px;display:flex;align-items:center;gap:13px;padding:15px 18px;font-size:11px;z-index:3}.label-top{top:67px;left:4%;transform:rotate(-7deg)}.spark{color:var(--purple);font-size:20px}.label-bottom{bottom:65px;right:0;transform:rotate(5deg);font-size:15px;padding:21px 22px}.label-arrow{color:var(--purple);margin-left:30px}.visual-coordinate{position:absolute;font:8px monospace;letter-spacing:1px;color:#9a90b7}.coord-top{right:36px;top:37px}.coord-bottom{left:24px;bottom:32px}.orbit-dot{position:absolute;border-radius:50%;background:linear-gradient(135deg,#cabdff,#7559d9);width:17px;height:17px;box-shadow:0 3px 6px #8b70c944;z-index:2}.dot-one{top:30%;right:6%;animation:float 6s infinite}.dot-two{bottom:17%;left:15%;width:10px;height:10px}.domain-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;display:grid;grid-template-columns:1fr 1fr 1fr}.domain-strip>div{padding:0 40px;border-left:1px solid var(--line)}.domain-strip>div:first-child{padding-left:0;border:0}.micro{display:block;font-size:8px;letter-spacing:1.9px;color:#8d899d;margin-bottom:10px}.domain-strip strong{font-size:17px;font-weight:500;letter-spacing:-.3px}.domain-strip>div:first-child strong{font-size:23px;letter-spacing:-1px}.domain-strip>div:first-child strong span{color:var(--purple)}.section{padding-top:98px;padding-bottom:78px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:39px}.section-top>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 15px 2px 0}.concept{display:grid;grid-template-columns:.92fr 1.08fr;border:1px solid var(--line);border-radius:18px;overflow:hidden}.concept-controls{padding:37px 32px}.concept-controls>.micro{margin:0 0 21px 8px}.concept-button{width:100%;background:transparent;border:1px solid transparent;display:flex;text-align:left;align-items:center;gap:19px;padding:21px 16px;border-radius:9px;color:var(--muted);margin-bottom:8px;transition:background .2s}.concept-button:hover{background:#f8f7fd}.concept-button.active{background:#f2efff;border-color:#e7e0ff;color:var(--purple)}.concept-number{font-size:10px;align-self:flex-start;padding-top:3px}.concept-button>span:nth-child(2){font-size:16px;font-weight:500}.concept-button small{display:block;font-size:11px;font-weight:400;margin-top:8px;color:var(--muted)}.concept-arrow{margin-left:auto;font-size:22px}.concept-disclaimer{font-size:10px;line-height:1.65;color:#8e8999;margin:27px 8px 0;max-width:295px}.concept-preview{background:#efecff;margin:12px;border-radius:10px;position:relative;overflow:hidden;min-height:420px;transition:background .25s}.browser-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ded8f1;font-size:9px;letter-spacing:.4px;padding:16px 20px;color:#8a80a6}.browser-dots{font-size:7px;letter-spacing:3px;color:#baafd4}.preview-inner{padding:31px 41px 46px;position:relative}.preview-symbol{position:absolute;right:22px;top:21px;font-size:109px;color:#cec4fb;line-height:1;animation:spin 50s linear infinite}.preview-kicker{position:relative;font-size:8px;letter-spacing:1.7px;color:#87799f;display:block;margin-top:26px}.preview-inner h3{position:relative;font-size:40px;line-height:1.1;letter-spacing:-1.8px;font-weight:500;margin:22px 0 16px;color:#332357}.preview-inner p{position:relative;font-size:12px;line-height:1.8;max-width:290px;color:#81738f}.preview-tag{display:inline-block;margin-top:13px;background:#ffffff80;padding:8px 12px;border-radius:5px;color:#69519b;font-size:9px}.concept-caption{position:absolute;right:18px;bottom:13px;font-size:6px;letter-spacing:1.5px;color:#9b8bac}.si-note{font-size:10px;line-height:1.7;color:#8d8898;margin:17px 0 0}.si-note strong{font-weight:500;color:#71667e}.statement{background:#f7f6fc;text-align:center;padding:74px 0 63px;position:relative;overflow:hidden}.statement:before,.statement:after{content:'';width:450px;height:450px;border:1px solid #e9e5f5;border-radius:50%;position:absolute;top:30px;left:-220px;pointer-events:none}.statement:after{left:auto;right:-220px;top:-70px}.statement h2{font-size:46px}.statement h2 span{color:#a69aca}.statement p{color:var(--muted);font-size:13px;line-height:1.8;margin:22px 0}.copy-domain{background:white;border:1px solid #e8e3f2;padding:17px 25px;border-radius:9px;font-size:22px;font-weight:500;letter-spacing:-.6px;color:var(--ink);box-shadow:0 6px 13px #40306505}.copy-domain>span:first-child{color:var(--purple)}.copy-icon{margin-left:30px;font-size:19px;color:#a197ba}.copy-feedback{display:block;font-size:9px;color:#9b94a6;margin-top:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.step-number{color:var(--purple);font-size:11px;border:1px solid #e5defa;display:inline-flex;width:36px;height:36px;justify-content:center;align-items:center;border-radius:50%}.steps h3{font-size:17px;font-weight:500;margin:22px 0 12px;letter-spacing:-.3px}.steps p{font-size:12px;line-height:1.8;color:var(--muted);max-width:300px;margin:0}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;border-top:1px solid var(--line);padding-top:65px;padding-bottom:80px;gap:55px}.faq-section h2{font-size:33px}.faqs details{border-bottom:1px solid var(--line)}.faqs summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:23px 0;font-size:13px;font-weight:500;gap:20px}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:22px;color:#9d94b7;transition:transform .2s}.faqs details[open] summary span{transform:rotate(45deg)}.faqs p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 25px 23px 0}.faqs a{text-decoration:underline}.final-cta{background:var(--purple);color:white;border-radius:18px;padding:50px 58px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;gap:35px}.final-cta:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #ffffff14;right:10px;top:-230px;border-radius:50%;pointer-events:none}.final-cta .eyebrow{color:#c8bfff;font-size:8px}.final-cta h2{font-size:47px;margin-top:15px}.final-cta h2 span{color:#c6baff}.final-cta p{color:#d5ceff;font-size:12px;margin-top:21px}.button.white{background:white;color:var(--purple);font-size:12px;gap:30px}.button.white:hover{background:#efebff}.final-actions{display:flex;flex-direction:column;align-items:center;gap:20px}.final-actions>a{font-size:11px;color:#d3cbff}footer{padding:45px 0 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px}.footer-top .wordmark{font-size:23px}.footer-top>span,.footer-top>a:last-child{font-size:10px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:50px;color:#93909d;font-size:8px;line-height:1.8}.footer-bottom p{max-width:620px;margin:0}.footer-bottom>span{white-space:nowrap}dialog{width:min(570px,calc(100% - 28px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:39px;color:var(--ink);box-shadow:0 30px 100px #15102c40}dialog::backdrop{background:#17102b80;backdrop-filter:blur(6px)}.close-dialog{position:absolute;right:16px;top:12px;width:34px;height:34px;border:0;background:#f3f0fa;border-radius:50%;font-size:24px;color:#746787}dialog h2{font-size:36px}dialog>p{font-size:13px;line-height:1.7;color:var(--muted)}form{margin-top:26px}label{display:block;font-size:11px;font-weight:500;margin:0 0 16px}.optional{color:#938c9f;font-weight:400}input,textarea{display:block;width:100%;margin-top:8px;border:1px solid #dfdbe9;border-radius:7px;padding:12px 13px;font-size:12px;color:var(--ink);background:#fff}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid #ac9dfa;outline-offset:1px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}form>.button{width:100%}.form-note{font-size:10px;line-height:1.7;color:var(--muted)}#email-result{border-top:1px solid var(--line);margin-top:20px;padding-top:10px;font-size:12px;line-height:1.6}#email-result a{text-decoration:underline}#copy-inquiry{margin-top:12px;color:var(--purple)}#draft-feedback{font-size:10px;margin-left:12px}.modal-open{overflow:hidden}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1450px){.hero{padding-top:86px;padding-bottom:82px}.visual{height:525px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}h1{font-size:53px;letter-spacing:-2.7px}.visual{height:390px}.si-core{width:185px;height:207px;border-radius:45px}.si-core:before{border-radius:38px}.si-core>span{font-size:105px}.si-core small{font-size:6px}.label-top{left:0;top:45px}.label-bottom{bottom:33px;padding:17px;font-size:12px}.domain-strip>div{padding:0 24px}.domain-strip strong{font-size:15px}.concept-controls{padding:30px 17px}.concept-button{gap:12px}.concept-button>span:nth-child(2){font-size:14px}.preview-inner{padding:30px 27px 45px}.preview-inner h3{font-size:36px}.final-cta{padding:42px 36px}.final-cta h2{font-size:41px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.announcement{font-size:9px;min-height:32px}.announcement-sep,.announcement>span:last-child{display:none}.header{height:82px}nav{display:none}.wordmark{font-size:25px}.wordmark small{font-size:6px;letter-spacing:2px}.button.small{font-size:11px;padding:8px 13px;gap:15px}.hero{grid-template-columns:1fr;padding-top:39px;padding-bottom:30px;gap:4px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:clamp(43px,11vw,64px);letter-spacing:-2.7px;margin-top:22px}.hero-description{font-size:15px}.hero-actions{gap:25px;margin-top:25px}.hero-note{font-size:9px}.visual{height:380px;max-width:470px;width:100%;margin:10px auto 0}.si-core{width:190px;height:205px}.label-top{top:45px;left:2%;font-size:10px}.label-bottom{right:1%;bottom:40px}.coord-top{top:15px}.coord-bottom{bottom:17px;font-size:7px}.domain-strip{grid-template-columns:1fr 1fr;gap:23px;padding:25px 0}.domain-strip>div{padding:0 0 0 20px}.domain-strip>div:last-child{display:none}.micro{font-size:7px;letter-spacing:1.4px}.domain-strip strong{font-size:13px}.domain-strip>div:first-child strong{font-size:20px}.section{padding-top:61px;padding-bottom:48px}.section-top{display:block;margin-bottom:28px}.section-top>p{margin-top:22px;font-size:13px}.eyebrow{font-size:8px}h2{font-size:34px;letter-spacing:-1.4px}.concept{grid-template-columns:1fr}.concept-controls{padding:26px 20px 17px}.concept-button{padding:16px 12px;margin-bottom:5px}.concept-button>span:nth-child(2){font-size:15px}.concept-disclaimer{margin-top:16px;max-width:none;font-size:9px}.concept-preview{min-height:378px;margin-top:0}.preview-inner h3{font-size:38px}.preview-symbol{font-size:95px}.si-note{font-size:9px}.statement{padding:52px 0}.statement h2{font-size:34px}.statement:before,.statement:after{opacity:.5}.steps{grid-template-columns:1fr;gap:29px;margin-top:32px}.steps article{position:relative;padding-left:54px}.step-number{position:absolute;left:0;top:0}.steps h3{margin:3px 0 10px;font-size:16px}.steps p{max-width:none}.faq-section{grid-template-columns:1fr;gap:20px;padding:48px 0}.faq-section h2{font-size:31px}.faqs summary{font-size:12px;padding:21px 0}.final-cta{flex-direction:column;align-items:flex-start;padding:34px 27px;gap:17px;border-radius:13px}.final-cta h2{font-size:42px}.final-actions{width:100%;align-items:flex-start;gap:15px}.final-actions .button{width:100%;justify-content:space-between}.final-actions>a{padding-left:2px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>span{display:none}.footer-bottom{gap:15px;align-items:flex-start;flex-direction:column}footer{padding-top:32px}.form-grid{grid-template-columns:1fr;gap:0}dialog{padding:33px 23px}dialog .eyebrow{font-size:7px}.hero-actions .button{padding:13px 18px;gap:22px}.hero-actions .text-link{font-size:12px;gap:10px}}


/* Motion v2: transform-based animation with an explicit accessible control. */
.visual{perspective:900px}
.visual .si-core{translate:none;animation:core-bob 4s ease-in-out infinite;will-change:transform}
.visual .label-top{animation:label-drift 5s ease-in-out infinite;--label-angle:-7deg}
.visual .label-bottom{animation:label-drift 5s -2.5s ease-in-out infinite;--label-angle:5deg}
.visual .orbit-one{animation:ring-turn 22s linear infinite;--ring-start:-30deg;border-style:dashed;border-color:#c5b6f2}
.visual .orbit-two{animation:ring-turn 16s linear infinite;--ring-start:-34deg}
.visual .orbit-three{animation:ring-turn 20s linear infinite reverse;--ring-start:38deg}
.visual .orbital:after{content:'';position:absolute;left:50%;top:-7px;width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,#baadff,#6546d7);box-shadow:0 0 17px #8062e96b}
.visual .dot-one{animation:particle-drift 4s ease-in-out infinite;translate:none}
.visual .dot-two{animation:particle-drift 3.5s -1.2s ease-in-out infinite}
.preview-symbol{animation:spin 16s linear infinite}
.motion-toggle{position:absolute;z-index:5;bottom:-10px;left:50%;transform:translateX(-50%);border:1px solid #e6e0f6;border-radius:24px;background:#fffefeff;color:#76678d;padding:9px 14px;font-size:10px;white-space:nowrap;box-shadow:0 4px 15px #5b4be709}
.motion-toggle:hover{border-color:#9c8fe5;color:var(--purple)}
@keyframes core-bob{0%,100%{transform:translateY(10px) rotate(-12deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}50%{transform:translateY(-20px) rotate(-3deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}}
@keyframes label-drift{0%,100%{transform:translateY(6px) rotate(var(--label-angle))}50%{transform:translateY(-14px) rotate(var(--label-angle))}}
@keyframes ring-turn{from{transform:rotate(var(--ring-start))}to{transform:rotate(calc(var(--ring-start) + 360deg))}}
@keyframes particle-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-18px,-25px) scale(1.2)}}
html[data-motion="paused"] .visual *,html[data-motion="paused"] .preview-symbol{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html:not([data-motion="on"]) .visual *,html:not([data-motion="on"]) .preview-symbol{animation-play-state:paused!important}button,a{transition:none}}
@media(max-width:700px){.motion-toggle{bottom:-6px}.visual{margin-bottom:20px}.visual .orbit-two{width:98%}}
@media(max-width:700px){.hero{overflow:clip}}
