@font-face{font-family:Inter;src:url(assets/inter-regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(assets/inter-semibold.ttf) format("truetype");font-style:normal;font-weight:600 900;font-display:swap}
:root{--bg:#08080c;--surface:#111116;--panel:#15141d;--line:#292730;--muted:#a5a3b1;--white:#f6f5fa;--purple:#7951ef;--lavender:#bba5ff;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--white);background:var(--bg);font:14px/1.65 Inter,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lavender);outline-offset:6px}::selection{background:#7951ef;color:white}.container{width:min(1240px,calc(100% - 100px));margin-inline:auto}.section{padding-block:100px}.progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--lavender);transform-origin:left;transform:scaleX(0);z-index:30}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 50px;max-width:1440px;margin:auto}.logo{display:block;width:175px;object-fit:contain}.header nav{display:flex;gap:33px;font-size:12px;color:#c2bfcc}.header nav a{position:relative}.header nav a:after,.inline-link:after{content:"";position:absolute;height:1px;background:var(--lavender);bottom:-5px;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .2s}.header nav a:hover:after,.inline-link:hover:after{transform:scaleX(1)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--purple);color:white;padding:16px 22px;border:1px solid #9774f2;border-radius:7px;font-size:12px;line-height:1.4;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#8b64f6;transform:translateY(-2px);box-shadow:0 6px 25px #7951ef20}.button span{font-size:19px;line-height:1}.button.small{padding:11px 17px;font-size:11px}.button.outline{background:transparent;border-color:#49454f}.button.outline:hover{border-color:var(--lavender)}.text-button{display:inline-flex;align-items:center;gap:12px;background:none;border:0;color:var(--white);padding:10px 0;font-size:12px}.text-button:hover{color:var(--lavender)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--lavender);display:flex;align-items:center;gap:8px;margin-bottom:24px}.dot{width:6px;height:6px;flex-shrink:0;background:var(--lavender);border-radius:50%;display:inline-block}.hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;min-height:655px;padding-bottom:50px;position:relative}.hero-copy{z-index:2}.hero h1{font-size:clamp(44px,4.7vw,68px);font-weight:600;line-height:1.09;letter-spacing:-3.3px;margin:0 0 26px}.hero h1 span,h2 span{color:var(--lavender)}.lede{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 30px}.actions{display:flex;align-items:center;gap:22px}.play{border:1px solid #696374;width:28px;height:28px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;font-size:16px}.hero-notes{display:flex;gap:18px;color:#a5a1b1;font-size:9px;margin-top:28px}.hero-notes span:before{content:"✓";color:var(--lavender);margin-right:5px}.hero-art{height:565px;position:relative;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:40px -45px -10px -70px;background:radial-gradient(ellipse,#442d9759 0,transparent 68%);z-index:-1}.prism{position:absolute;width:95%;top:64px;left:5%;filter:drop-shadow(0 0 50px #5831aa20);animation:float 8s ease-in-out infinite;transform:rotate(-7deg)}.orbit{border:1px solid #63587524;border-radius:50%;position:absolute;inset:18px 0 0;z-index:-1;transform:rotate(-20deg)}.orbit-two{inset:65px -15px 50px 10px;transform:rotate(32deg)}.art-caption{position:absolute;right:0;top:17px;font-size:8px;letter-spacing:1.4px;color:#91899e;display:flex;align-items:center;gap:8px}.signal{position:absolute;z-index:3;background:#15121fe8;border:1px solid #51426788;box-shadow:0 8px 35px #0005;border-radius:10px;display:flex;align-items:center;gap:12px;padding:14px 17px;backdrop-filter:blur(15px)}.signal-one{left:-8px;top:160px}.signal-two{right:-8px;bottom:92px}.signal-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#7951ef22;color:var(--lavender);font-size:19px}.signal b{font-size:10px;display:block;font-weight:600}.signal div>span{font-size:9px;color:var(--muted);display:block;margin-top:2px}.signal-status{width:5px;height:5px;background:var(--lavender);border-radius:100%;margin-left:14px}.art-footer{position:absolute;bottom:20px;left:22%;font-size:8px;letter-spacing:2px;color:#a29aaf}.art-footer span{margin:0 14px;color:var(--lavender)}@keyframes float{50%{transform:translateY(-12px) rotate(-3deg)}}
.principles{border-block:1px solid var(--line);background:#0e0d13}.principles .container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;font-size:11px;color:#93909e}.principles strong{color:#d8d2e5;font-weight:400}.principles strong:before{content:"↗";color:var(--lavender);margin-right:12px}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.intro .eyebrow{margin-bottom:20px}h2{font-size:clamp(30px,3.1vw,44px);line-height:1.17;letter-spacing:-1.7px;font-weight:600;margin:0}p{color:var(--muted)}.intro-right{padding-top:7px}.intro-right p:first-child{margin-top:0}.intro-right p{line-height:1.9;margin-bottom:20px}.inline-link{font-size:12px;position:relative;color:var(--lavender);display:inline-flex;gap:24px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading>p{font-size:12px;line-height:1.9;margin:0 0 4px;color:var(--muted)}.systems-section{background:#0d0c12;border-block:1px solid #1d1b25}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.system-card{border:1px solid #2b2735;border-radius:var(--radius);background:linear-gradient(135deg,#17141f,#111015);padding:28px 27px 19px;transition:transform .25s,border-color .25s;display:flex;flex-direction:column}.system-card:hover{transform:translateY(-5px);border-color:#6e548d}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.system-number{font-size:10px;letter-spacing:1px;color:#837c91}.line-icon{font-size:26px;line-height:1;color:var(--lavender);height:35px;width:35px;display:grid;place-items:center}.system-card h3{font-size:23px;line-height:1.25;letter-spacing:-.7px;font-weight:600;margin:0 0 15px}.system-name{font-size:10px;color:var(--lavender);min-height:32px;line-height:1.6}.system-card p{font-size:12px;line-height:1.85;margin:12px 0 22px;flex:1}.outcome{border-top:1px solid #2d2739;padding-top:15px;font-size:11px;color:#d8d1e6;min-height:62px}.outcome>span{display:block;font-size:8px;letter-spacing:1.4px;color:#837b90;margin-bottom:5px}.system-detail{color:#c7b4f7;font-size:10px;padding:18px 0 0;background:none;border:none;display:flex;align-items:center;justify-content:space-between}.system-detail span{font-size:17px}.system-detail:hover{color:white}.explorer-shell{border:1px solid #35303f;border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:320px 1fr}.system-tabs{display:flex;flex-direction:column;padding:18px;background:#101014;border-right:1px solid #302a3a}.system-tabs button{background:none;border:1px solid transparent;border-radius:7px;display:flex;align-items:center;text-align:left;gap:18px;padding:15px;color:#ada6b8;font-size:12px}.system-tabs button span{font-size:9px;color:#6c6479}.system-tabs button b{font-weight:400;margin-left:auto}.system-tabs button[aria-selected=true]{color:white;background:#241a36;border-color:#483259}.system-tabs button[aria-selected=true] span{color:var(--lavender)}.workflow-panel{background:radial-gradient(ellipse at 90% 10%,#281d3d70,transparent 65%),#131117;padding:32px}.workflow-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#92859f;margin-bottom:24px}.workflow-type{color:var(--lavender)}.workflow-panel h3{font-size:24px;line-height:1.25;letter-spacing:-.7px;margin:0 0 11px;font-weight:600}.workflow-panel>p{font-size:12px;max-width:500px;min-height:44px;margin-bottom:22px}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.workflow-step{position:relative;background:#191520;border:1px solid #3a2c49;border-radius:9px;padding:18px 14px;min-height:130px}.workflow-step:not(:last-child):after{content:"→";position:absolute;right:-15px;top:50%;z-index:2;color:var(--lavender);font-size:12px}.workflow-step>span{display:block;color:#a78ed0;font-size:8px;letter-spacing:1px;margin-bottom:16px}.workflow-step b{font-weight:400;font-size:11px;line-height:1.6;display:block}.workflow-note{font-size:9px;color:#897e96;margin-top:23px}
.roadmap-section{background:#100e17;border-block:1px solid #292133}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:58px}.roadmap article{padding-right:40px}.phase{font-size:10px;letter-spacing:1.5px;color:var(--lavender)}.phase-line{position:relative;height:70px;display:flex;align-items:center}.phase-line:before{content:"";height:1px;width:calc(100% + 40px);background:#40314e;position:absolute;left:0}.phase-line>span{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid #7951ef;background:#26193b;display:grid;place-items:center;font-size:11px;color:var(--lavender)}.roadmap article:last-child .phase-line:before{width:100%}.roadmap h3{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:0 0 14px}.roadmap p{font-size:12px;max-width:260px;line-height:1.85}.phase-detail{font-size:11px;line-height:1.8;color:#827a90;max-width:280px;margin-top:20px}.fineprint{font-size:9px;line-height:1.8;color:#8c8598}.roadmap-section .fineprint{margin-top:42px;margin-bottom:0}.pricing-section{display:grid;grid-template-columns:1.15fr 1fr;gap:110px;align-items:center}.pricing-copy>p{font-size:13px;max-width:430px;margin-top:25px;line-height:1.9}.included{padding:0;list-style:none;margin:28px 0}.included li{font-size:12px;margin:13px 0;color:#d2cbdc;display:flex;gap:12px}.included li:before{content:"✓";color:var(--lavender)}.pricing-copy .fineprint{font-size:9px;max-width:400px}.price-card{border:1px solid #695082;border-radius:16px;background:linear-gradient(140deg,#21192e,#121016 75%);padding:34px}.price-label{font-size:9px;color:var(--lavender);letter-spacing:1.7px}.price{font-size:62px;letter-spacing:-3px;font-weight:600;line-height:1.2;margin:22px 0 28px}.price>span{display:block;font-size:11px;letter-spacing:0;color:#a59bb4;font-weight:400;margin-top:7px}.price-rule{height:1px;background:#3d304c}.subscription{margin-top:23px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#ccc2d9}.subscription strong{font-size:16px;font-weight:600;color:white}.subscription small{font-size:10px;font-weight:400;color:var(--muted)}.price-fine{font-size:10px;line-height:1.8;margin:14px 0 25px;color:#9c91a9}.price-card .button{display:flex;width:100%;justify-content:space-between}.price-bottom{text-align:center;font-size:9px;color:#b5a8c6;margin-top:14px}.price-card .fineprint{font-size:8px;text-align:center;margin:20px 0 0}.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-top:30px}.faqs details{border-bottom:1px solid #2c2635}.faqs summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;padding:20px 0}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:22px;font-weight:400;color:var(--lavender);transition:transform .25s}.faqs details[open] summary span{transform:rotate(45deg)}.faqs details p{font-size:12px;margin:0 25px 22px 0;line-height:1.9}.contact-section{background:radial-gradient(ellipse at 5% 80%,#30204748,transparent 65%),#100e16;border-block:1px solid #2c2438}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.contact-grid h2{font-size:48px}.contact-grid p{font-size:13px;line-height:1.9;margin-top:25px}.preview-note{font-size:10px;color:#9c8cae;line-height:1.9;margin-top:30px}.preview-note .dot{margin-right:6px;width:5px;height:5px}form{display:flex;flex-direction:column;gap:17px}label{font-size:11px;color:#d6cfdf;display:block}label>span{color:#80748e;font-size:10px}input,select,textarea{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #42344f;border-radius:6px;background:#15111d;color:#e4ddeb;outline:none;font-size:12px}input:focus,select:focus,textarea:focus{border-color:var(--lavender)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#796e86}form>.button{width:100%;justify-content:space-between}#brief-result{padding:20px;border:1px solid #634880;border-radius:7px;background:#24182f;font-size:12px}#brief-result p{margin:7px 0;font-size:11px}#brief-text{font-size:11px}#copy-status{display:block;font-size:10px;color:var(--lavender)}.footer{padding-top:45px;padding-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:25px}.footer p,.footer>a:last-of-type{font-size:10px;color:#9a8fa7}.footer .logo{width:155px}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid #24202a;padding-top:18px;margin-top:12px;color:#71667c;font-size:8px}
dialog{width:min(660px,calc(100% - 32px));max-height:90vh;border:1px solid #5e437b;border-radius:16px;padding:40px;background:#15101e;color:var(--white);box-shadow:0 30px 140px #000b;overflow:auto}dialog::backdrop{background:#050309ce;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:12px;background:none;color:#b3a5c4;border:0;font-size:28px}.dialog-intro{font-size:12px;margin:20px 0}.walk-progress{display:flex;gap:6px;margin:25px 0}.walk-progress i{height:3px;flex:1;background:#382745;border-radius:2px}.walk-progress i.active{background:var(--lavender)}#walk-content h3{font-size:23px;letter-spacing:-.5px;line-height:1.3;font-weight:600}#walk-content p{font-size:13px}#walk-content ol{padding-left:22px;color:#d2c4e3;font-size:12px}#walk-content li{margin:15px 0}.walk-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:30px}.walk-controls>span{font-size:10px;color:#9a89ae}.text-button:disabled{opacity:.3;cursor:default}
@media(min-width:1600px){.hero{min-height:700px}.hero-art{height:610px}.prism{top:50px}}@media(max-width:1100px){.container{width:calc(100% - 64px)}.header{padding:0 32px}.hero{min-height:610px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-art{height:500px}.hero-notes{gap:10px;flex-wrap:wrap}.actions{gap:12px;align-items:flex-start;flex-direction:column}.signal-one{left:10px;top:130px}.signal-two{bottom:100px;right:0}.signal{padding:10px}.prism{top:95px}.intro,.pricing-section,.contact-grid,.faq-section{gap:50px}.system-card{padding:23px 20px 18px}.system-card h3{font-size:21px}.explorer-shell{grid-template-columns:270px 1fr}.workflow-panel{padding:27px}.workflow-steps{gap:12px}.workflow-step{padding:13px 9px}.workflow-step:not(:last-child):after{right:-11px}.contact-grid h2{font-size:40px}.section{padding-block:80px}}
@media(max-width:760px){html{scroll-padding-top:20px}.container{width:calc(100% - 40px)}.header{height:85px;padding:0 20px;gap:15px}.header .logo{width:145px}.header nav{display:none}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:28px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:23px}.hero h1{font-size:clamp(38px,8.5vw,60px);letter-spacing:-2px;line-height:1.12;margin-bottom:23px}.lede{font-size:13px}.desktop{display:none}.actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:15px}.actions .button{padding:15px 17px;font-size:11px;gap:13px}.actions .text-button{font-size:11px}.hero-notes{font-size:8px;gap:8px 15px;margin-top:22px}.hero-art{height:380px;max-width:460px;width:100%;margin:5px auto 0}.prism{width:83%;left:9%;top:25px;max-height:340px;object-fit:contain}.orbit{inset:8px 7px 10px}.orbit-two{inset:35px 0 40px}.art-caption{display:none}.signal-one{left:0;top:90px}.signal-two{right:0;bottom:60px}.signal{padding:10px 12px;gap:9px}.signal b{font-size:9px}.signal div>span{font-size:8px}.signal-icon{width:26px;height:26px;font-size:16px}.signal-status{margin-left:0}.art-footer{bottom:10px;left:0;width:100%;text-align:center;font-size:7px}.hero-art:before{inset:0 -10px}.principles .container{flex-direction:column;align-items:flex-start;justify-content:center;padding-block:22px;gap:8px;font-size:10px}.principles strong:before{margin-right:7px}.section{padding-block:60px}.intro{grid-template-columns:1fr;gap:25px}.intro h2,h2{font-size:32px;letter-spacing:-1.1px}.intro-right{font-size:13px}.intro-right p{margin-bottom:17px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:18px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:30px}.section-heading>p{font-size:11px}.system-grid{grid-template-columns:1fr;gap:14px}.system-card{padding:25px}.system-card h3{font-size:25px}.system-card h3 br{display:none}.card-top{margin-bottom:15px}.system-name{min-height:0;font-size:11px}.system-card p{margin-top:13px;margin-bottom:20px;font-size:12px}.outcome{min-height:0}.system-detail{padding-top:17px}.explorer-shell{grid-template-columns:1fr}.system-tabs{border-right:0;border-bottom:1px solid #302a3a;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.system-tabs button{font-size:9px;padding:12px 7px;gap:8px}.system-tabs button span{font-size:8px}.workflow-panel{padding:23px 18px}.workflow-panel h3{font-size:23px}.workflow-steps{grid-template-columns:1fr;gap:16px}.workflow-step{min-height:0;padding:14px;display:flex;align-items:center;gap:17px}.workflow-step>span{margin-bottom:0;min-width:47px}.workflow-step:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-18px}.workflow-top{font-size:7px;letter-spacing:1px}.workflow-note{font-size:9px}.roadmap{grid-template-columns:1fr;margin-top:30px;gap:35px}.roadmap article{padding:0 0 0 50px;position:relative}.phase-line{position:absolute;top:7px;left:0;height:100%;align-items:flex-start}.phase-line:before,.roadmap article:last-child .phase-line:before{height:calc(100% + 35px);width:1px;left:14px}.roadmap article:last-child .phase-line:before{height:100%}.phase-line>span{flex-shrink:0}.phase{font-size:9px}.roadmap h3{margin:10px 0;font-size:23px}.roadmap p{max-width:none;margin-top:10px}.phase-detail{max-width:none;margin-top:14px}.pricing-section,.faq-section,.contact-grid{grid-template-columns:1fr;gap:35px}.pricing-copy>p{font-size:12px}.price-card{padding:27px}.price{font-size:58px}.faq-section{padding-top:5px}.faqs summary{font-size:11px;gap:15px}.contact-grid h2{font-size:38px}.contact-grid p{font-size:12px}.preview-note{font-size:9px;margin-top:20px}.footer{gap:20px;padding-top:35px}.footer>p{order:3;width:100%;margin:0}.footer .logo{width:140px}.footer-bottom{order:4;flex-direction:column;gap:8px;font-size:8px}.footer>a:last-of-type{font-size:9px}dialog{padding:35px 23px}dialog h2{font-size:28px}.walk-controls{gap:10px}.walk-controls .button{font-size:10px;padding:11px 12px}.walk-controls .text-button{font-size:10px}.walk-controls>span{font-size:9px}}
.logo{mix-blend-mode:screen}
@media(max-width:760px){.hero-art{overflow:clip}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
