@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080b16;--surface:#101527;--soft:#141c31;--line:#282d44;--ink:#f5f6ff;--muted:#a0a8bf;--violet:#9e83ff;--cyan:#5ce6ec;--grad:linear-gradient(115deg,#8ec8ff 0%,#a18bff 60%,#e5a8ff 100%);font-family:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.container{max-width:1190px;margin:0 auto;padding-left:28px;padding-right:28px}.skip{position:absolute;top:-60px;left:20px;background:#fff;color:#111;padding:12px;z-index:1000}.skip:focus{top:20px}.background-orb{position:absolute;pointer-events:none;filter:blur(75px);border-radius:50%;z-index:-1}.orb-1{width:420px;height:380px;background:#4c32aa30;right:-120px;top:130px}.orb-2{width:300px;height:280px;background:#0b8b9a20;left:-170px;top:750px}.site-header{position:relative;z-index:20;border-bottom:1px solid #ffffff10;background:#080b16e8;backdrop-filter:blur(16px)}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:29px;font-weight:700;letter-spacing:-1.8px}.brand-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;border:1px solid #93d7ff7a;background:linear-gradient(135deg,#70d0f02b,#8067e82e);box-shadow:inset 0 0 15px #78bfff23;color:#dfedff;font-size:23px;font-weight:700}.brand-period{color:#8dc9ff}.nav-links{display:flex;align-items:center;gap:36px}.nav-links>a{font-size:14px;font-weight:600;color:#bfc5d7;transition:color .2s}.nav-links>a:hover{color:#fff}.nav-links .nav-button{padding:12px 20px;border:1px solid #454964;border-radius:9px;color:#fff;background:#171d30}.nav-toggle{display:none}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1.07fr;align-items:center;gap:30px;padding-top:70px;padding-bottom:90px}.hero-copy{z-index:2}.eyebrow,.section-label,.tiny-label{color:#a4adca;letter-spacing:2.3px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#70e7d7;box-shadow:0 0 15px #70e7d7}.preview-pill{border:1px solid #a88fff45;background:#a88fff16;border-radius:30px;padding:7px 10px;color:#bdabff;font-size:9px;letter-spacing:1px;white-space:nowrap}.hero h1,h2,h3{font-family:'Space Grotesk',sans-serif}.hero h1{font-size:clamp(54px,5.7vw,86px);letter-spacing:-5px;line-height:1.04;margin:26px 0 24px;font-weight:700}.gradient-text{background:var(--grad);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-subtitle{font-size:18px;line-height:1.82;color:#adb6cf;max-width:530px;margin:0}.hero-subtitle em{color:#fff;font-style:normal}.hero-actions,.get-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:16px 24px;min-height:51px;border-radius:9px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(130deg,#9a9bff,#7cdcf2);color:#0b1223;box-shadow:0 10px 35px #9b95fe20}.btn-outline{border:1px solid #3b435d;color:#f0f1ff;background:#151a2b}.hero-details{margin-top:42px;display:flex;flex-wrap:wrap;gap:22px;color:#98a3be;font-size:12px}.hero-details b{color:#6cebdc;margin-right:5px}.hero-stage{height:500px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.stage-glow{position:absolute;inset:14% 2% 9% 2%;background:radial-gradient(ellipse,#6550bc4c,transparent 70%);filter:blur(30px);z-index:-1}.mock-browser{width:100%;max-width:555px;height:365px;display:flex;overflow:hidden;border-radius:15px;border:1px solid #68739c70;box-shadow:0 45px 100px #050711,0 0 55px #5659bb30;transform:perspective(1000px) rotateY(-5deg) rotateX(3deg);background:#101429}.mock-sidebar{width:55px;flex-shrink:0;background:#0e1425;border-right:1px solid #ffffff13;display:flex;align-items:center;flex-direction:column;padding:16px 0;gap:20px;color:#727c9c}.sidebar-mark{font-family:'Space Grotesk',sans-serif;color:#b0d7ff;font-weight:700;font-size:24px;margin-bottom:8px}.mock-sidebar>span{font-size:20px;width:35px;text-align:center}.mock-sidebar .sidebar-active{background:#7a75d633;color:#b5b0ff;border-radius:8px;padding:5px}.mock-sidebar .sidebar-settings{margin-top:auto;font-size:18px}.mock-main{padding:16px 19px;flex:1;min-width:0;background:#101629}.mock-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;font-weight:600}.mock-topbar i{color:#b1a2ff;font-style:normal}.mock-profile{background:linear-gradient(120deg,#86e0f5,#a895fc);color:#17203a;border-radius:50%;padding:6px 9px}.mock-hero{height:175px;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(120deg,#111a3b,#453f85 55%,#9378aa)}.mock-planet{width:210px;height:210px;position:absolute;right:3%;top:-78px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#b4c8e9,#6b6eb0 43%,#282c60 72%);box-shadow:0 0 60px #e5c5ff45;opacity:.93}.mock-lights{position:absolute;right:-2%;bottom:-22px;width:330px;height:100px;background:linear-gradient(165deg,transparent 25%,#e4a1c95e 26%,transparent 30%,#73a7df7d 53%,transparent 55%,#a98bec55 76%,transparent 78%);transform:rotate(-8deg)}.mock-feature{position:absolute;top:23px;left:22px}.mock-feature small{font-size:7px;letter-spacing:1px;color:#d3d9ff}.mock-feature strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:25px;line-height:1.05;letter-spacing:1px;margin:10px 0}.mock-play{display:inline-block;background:#f7f9ff;color:#111b33;padding:7px 13px;font-size:9px;font-weight:800;border-radius:5px}.mock-row-heading{display:flex;justify-content:space-between;margin:15px 0 10px;font-size:11px}.mock-row-heading span{color:#a5aed4}.mock-posters{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.mock-poster{height:101px;border-radius:6px;display:flex;align-items:end;padding:10px;position:relative;overflow:hidden;box-shadow:inset 0 -50px 30px -25px #000a}.mock-poster b{font-size:13px;font-family:'Space Grotesk';line-height:1.1;z-index:1;letter-spacing:1px}.mock-poster i{position:absolute;bottom:0;left:0;height:3px;width:60%;background:#a7adff}.poster-1{background:radial-gradient(circle at 65% 10%,#9edcf2,#183354 72%)}.poster-2{background:radial-gradient(circle at 50% 7%,#ffca9b,#7b456d 63%,#1a2448)}.poster-3{background:radial-gradient(circle at 65% 20%,#bdc4fb,#5a518d 50%,#26274b)}.poster-4{background:radial-gradient(circle at 60% 15%,#71b9d7,#244d63 60%,#121f35)}.float-card{position:absolute;display:flex;align-items:center;gap:12px;background:#1a2036ef;border:1px solid #5155729c;border-radius:12px;padding:12px 17px;box-shadow:0 14px 32px #050716a0;z-index:3}.float-card strong,.float-card small{display:block}.float-card strong{font-size:12px}.float-card small{font-size:10px;color:#a5aec9;margin-top:5px}.float-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#58bfc32d;color:#7ff3f2;font-size:22px}.float-icon.purple{background:#9a7de22a;color:#b99cff}.float-top{right:-12px;top:32px}.float-bottom{left:-18px;bottom:30px}.illustration-note{position:absolute;bottom:0;right:10px;font-size:8px;letter-spacing:1.8px;color:#636e8f}.statement-band{border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;background:#12172878}.statement-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:15px}.statement-inner strong{font-family:'Space Grotesk';font-size:16px;color:#c8cfe0;font-weight:500}.asterisk{color:#aaa1fe;font-size:25px}.section{padding-top:112px;padding-bottom:112px;scroll-margin-top:30px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:43px}.section-title h2,.center-heading h2,.domain-panel h2,.get-panel h2,.faq h2{font-size:clamp(35px,4.2vw,55px);letter-spacing:-2.8px;line-height:1.13;margin:18px 0 0}.section-title>p{max-width:365px;margin:0 0 8px;color:#a7afc3;line-height:1.8;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{min-height:330px;border-radius:18px;border:1px solid #ffffff15;background:radial-gradient(circle at 85% 100%,#292f6545,transparent 60%),#121727;position:relative;overflow:hidden;padding:30px 32px}.feature-card:hover{border-color:#8a83cd8a;transform:translateY(-3px);transition:.2s}.feature-card h3{font-size:23px;letter-spacing:-.7px;margin:17px 0 10px}.feature-card p{font-size:14px;line-height:1.8;color:#a6b0c7;max-width:390px;margin:0}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #9f99ff66;border-radius:10px;background:#9d93fa1f;color:#bbacff;font-size:23px}.feature-large{min-height:350px}.server-visual{position:absolute;right:30px;bottom:24px;display:flex;flex-direction:column;align-items:center;opacity:.8}.server-box{width:145px;background:#222c46;border:1px solid #7880b3;border-radius:9px;padding:9px;transform:skewY(-7deg);box-shadow:20px 18px 0 #141f37,20px 18px 0 1px #566180}.server-box div{height:25px;border-radius:4px;background:#0e172e;border:1px solid #525a83;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:6px;color:#73edc3;letter-spacing:3px}.server-box div:last-child{margin:0}.server-box i{width:52px;height:3px;background:#53617c}.server-connector{height:22px;width:1px;background:#8690b3;margin-top:20px}.server-visual small{font-size:8px;letter-spacing:2px;color:#a0abca}.play-visual{position:absolute;bottom:-45px;right:34px;width:220px;height:150px;display:flex;align-items:center;justify-content:center}.play-circle{display:grid;place-items:center;width:105px;height:105px;border-radius:50%;border:1px solid #9da8f0;background:radial-gradient(circle,#7a80e04a,#30355c);color:#dbe2ff;font-size:29px;box-shadow:0 0 0 18px #7d80d70c,0 0 0 40px #7d80d70d}.equalizer{position:absolute;right:-6px;bottom:35px;display:flex;gap:3px;align-items:center;height:50px}.equalizer i{width:3px;height:20px;background:#72d9ed;border-radius:5px}.equalizer i:nth-child(2n){height:35px}.equalizer i:nth-child(3n){height:12px}.card-visual{position:absolute;bottom:-48px;right:48px;width:230px;height:155px}.card-visual span{position:absolute;width:92px;height:145px;border-radius:9px;border:2px solid #b5a6ff66;box-shadow:0 9px 20px #0005}.card-visual span:first-child{left:8px;top:10px;transform:rotate(-15deg);background:linear-gradient(155deg,#8ee6eb,#213c64)}.card-visual span:nth-child(2){left:72px;top:-5px;transform:rotate(4deg);background:linear-gradient(155deg,#ffc7b1,#763c66)}.card-visual span:last-child{left:130px;top:17px;transform:rotate(16deg);background:linear-gradient(155deg,#b8b3ff,#312651)}.domain-preview{margin-top:28px;border:1px solid #6774ad66;border-radius:10px;background:#0a1223;padding:15px 17px;display:flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-size:17px;color:#e2e8ff;word-break:break-word}.domain-dot{height:9px;width:9px;border-radius:50%;background:#69dfbb;box-shadow:0 0 15px #69dfbb}.domain-suffix{color:#818eac}.domain-copy{margin-left:auto;color:#a899ec}.how-section{background:linear-gradient(180deg,#0e1322,#0b101c)}.center-heading{text-align:center;max-width:660px;margin:0 auto 65px}.center-heading .section-label{justify-content:center}.center-heading p{color:#a6aec5;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step{position:relative;border-top:1px solid #3d4763;padding-top:21px}.step-number{color:#8c91ff;font-family:'Space Grotesk';font-size:13px}.step-illustration{display:grid;place-items:center;height:160px;border-radius:16px;margin:19px 0;background:radial-gradient(circle at 50% 50%,#6d6bac3d,transparent 65%),#171d30;border:1px solid #ffffff10}.step-emoji{font-size:64px;color:#c2bdff;text-shadow:0 12px 33px #7f78ff}.step h3{font-size:22px;margin:17px 0 10px}.step p{color:#abb3ca;line-height:1.7;font-size:14px}.domain-panel{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;border:1px solid #ffffff13;border-radius:23px;background:linear-gradient(120deg,#161a31,#121928);padding:55px}.domain-panel h2{font-size:clamp(33px,3.5vw,48px)}.domain-panel p{color:#aeb7ce;line-height:1.8;font-size:14px}.domain-panel ul{padding-left:22px;color:#d4dbeb;font-size:13px;line-height:2.2}.domain-panel li::marker{color:#70e2d8}.domain-panel .fine-print{font-size:11px;color:#828faa}.domain-demo{position:relative;background:#0c1224;border:1px solid #475174;border-radius:16px;min-height:340px;padding:25px;box-shadow:0 30px 70px #02041152}.domain-demo-bar{display:flex;align-items:center;gap:10px;border:1px solid #364665;background:#141d34;border-radius:9px;padding:13px;font-size:11px;color:#b9cde4;white-space:nowrap;overflow:hidden}.domain-demo-bar>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.domain-demo-bar button{margin-left:auto;color:#b5c4e8;border:0;background:transparent;font-size:21px;cursor:pointer}.demo-lock{color:#67decb}.domain-demo-content{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:41px 0 13px;gap:11px}.demo-server{display:grid;place-items:center;width:76px;height:76px;border:1px solid #a39dfc;border-radius:19px;background:linear-gradient(150deg,#7fe3e82a,#9984f433);font-size:43px;font-weight:800;font-family:'Space Grotesk';color:#daebff;box-shadow:0 0 55px #777ded2b}.domain-demo-content strong{font-size:17px;font-family:'Space Grotesk'}.domain-demo-content>span{font-size:11px;color:#9fabc4}.demo-rule{height:1px;background:#34415c;width:80%;margin:12px}.demo-bottom{font-size:10px;color:#7f8aa5}.demo-circle{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a5a4bb;margin-right:6px}.demo-spark{position:absolute;color:#aaa0ff;font-size:25px}.spark-a{right:11px;top:85px}.spark-b{left:13px;bottom:35px}.roadmap-section{background:#101526}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.roadmap-card{border:1px solid #343c57;background:#151c2e;border-radius:14px;padding:28px;min-height:255px}.roadmap-badge{font-size:10px;letter-spacing:1px;font-weight:800;border-radius:25px;padding:7px 12px;display:inline-block}.roadmap-badge.available{background:#3dd5a81a;color:#84e9c9}.roadmap-badge.developing{background:#aaa0ff26;color:#c4baff}.roadmap-badge.planned{background:#6aaad624;color:#9cd4ec}.roadmap-card h3{font-size:23px;margin:31px 0 11px}.roadmap-card p{font-size:14px;line-height:1.7;color:#aab5cc}.get-panel{border:1px solid #6162a266;border-radius:23px;padding:60px;background:radial-gradient(circle at 84% 50%,#6f62c84f,transparent 38%),linear-gradient(120deg,#191d38,#111c31);display:flex;align-items:center;justify-content:space-between;gap:60px}.get-panel>div:first-child{max-width:620px}.get-panel p{line-height:1.8;color:#acb9d3}.get-panel small{display:block;margin-top:20px;color:#8995ac}.cta-mark{width:190px;height:190px;flex-shrink:0;border:2px solid #9d9cf880;border-radius:45px;display:grid;place-items:center;font:bold 120px 'Space Grotesk';color:#d5d8ff;background:linear-gradient(135deg,#91d8fd27,#b48cfc36);box-shadow:0 0 0 25px #8586ff10,0 0 75px #9987ff38}.faq{padding-top:50px}.faq-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:45px}.faq details{border-bottom:1px solid #293249}.faq summary{cursor:pointer;list-style:none;padding:22px 36px 22px 0;position:relative;font-size:15px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:8px;font-size:24px;top:15px;color:#9ca6e1}.faq details[open] summary:after{content:'−'}.faq details p{line-height:1.8;color:#a6b2cb;font-size:14px;margin:0 0 23px}.footer{margin-top:60px;background:#0c1020;border-top:1px solid #ffffff14}.footer-main{display:flex;justify-content:space-between;gap:25px;padding:60px 0}.footer-main p{line-height:1.8;font-size:13px;color:#97a3be}.footer-main nav{display:flex;gap:23px;align-items:flex-start;flex-wrap:wrap;font-size:13px;color:#abb6d0}.footer-bottom{border-top:1px solid #ffffff12;display:flex;justify-content:space-between;gap:15px;padding:20px 0;color:#7986a4;font-size:11px}
@media(max-width:1040px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:760px}.hero-stage{max-width:620px;width:100%;margin:0 auto}.hero h1{font-size:70px}.statement-inner{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.feature-large p{max-width:290px}.domain-panel{padding:35px}.cta-mark{width:140px;height:140px;font-size:95px}}
@media(max-width:720px){.container{padding-left:20px;padding-right:20px}.nav{min-height:70px}.brand{font-size:25px}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid #41475e;border-radius:9px;width:43px;height:40px;background:#151a2c;padding:10px}.nav-toggle span{height:2px;width:100%;background:#dce7f6}.nav-links{position:absolute;top:70px;left:0;right:0;background:#0d1222;border-bottom:1px solid #313b54;display:none;padding:20px;flex-direction:column;align-items:stretch;gap:20px}.nav-links.open{display:flex}.hero{padding-top:45px;padding-bottom:40px;min-height:unset;gap:0}.hero h1{font-size:clamp(47px,12vw,64px);letter-spacing:-3.5px}.hero-subtitle{font-size:16px}.eyebrow{flex-wrap:wrap;font-size:9px;letter-spacing:1px}.hero-details{gap:13px}.hero-stage{height:370px;transform:scale(.88);transform-origin:center}.mock-browser{height:320px;min-width:440px}.mock-main{padding:13px}.mock-hero{height:153px}.mock-poster{height:80px}.float-top{right:-30px;top:1px}.float-bottom{left:-24px;bottom:-5px}.illustration-note{bottom:-18px}.statement-inner{justify-content:center;text-align:center;gap:14px}.tiny-label{width:100%;justify-content:center}.statement-inner strong{font-size:13px}.asterisk{font-size:15px}.section{padding-top:70px;padding-bottom:70px}.section-title{display:block}.section-title>p{max-width:unset;margin-top:22px}.section-title h2,.center-heading h2,.domain-panel h2,.get-panel h2,.faq h2{font-size:36px;letter-spacing:-1.5px}.feature-grid,.steps,.roadmap-grid,.domain-panel,.faq-columns{grid-template-columns:1fr}.feature-card{min-height:320px}.feature-large p{max-width:70%}.feature-card h3{font-size:21px}.feature-card p{font-size:13px}.steps{gap:30px}.center-heading{margin-bottom:36px}.domain-panel{padding:30px 21px}.domain-demo{padding:15px;min-height:320px}.get-panel{padding:34px 25px;display:block}.cta-mark{display:none}.footer-main,.footer-bottom{display:block}.footer-main nav{margin-top:25px}.footer-bottom>span{display:block;margin:10px 0}}
@media(max-width:420px){.hero-stage{transform:scale(.72);margin:-28px 0 -38px}.mock-browser{min-width:455px}.feature-large p{max-width:85%}.server-visual{opacity:.23}.domain-preview{font-size:12px;padding:12px 9px}.hero-actions .btn{padding:13px 18px}.float-card{padding:10px}.float-top{right:-18px}.float-bottom{left:-16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}