@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--navy:#07131f;--navy2:#0c1d2c;--panel:#142638;--white:#f6f8fb;--muted:#b6c4d2;--mint:#68e2d0;--violet:#a991ff;--line:#355066;color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;color:var(--white);background:var(--navy)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{text-decoration:none;color:inherit}a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}img{display:block;width:100%}button,a{transition:transform .18s ease,background .18s ease,border-color .18s ease}a:hover{transform:translateY(-2px)}.skip-link{position:absolute;left:-9999px;top:10px;z-index:20;background:var(--mint);color:#07212a;padding:10px}.skip-link:focus{left:10px}.site-header{height:84px;max-width:1600px;padding:0 clamp(22px,4vw,70px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:700 25px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.06em;white-space:nowrap}.brand strong,.footer-brand strong{color:var(--violet)}.brand small{display:block;font:700 9px/1 'DM Sans',Arial,sans-serif;color:var(--muted);letter-spacing:.28em;margin-top:9px}.site-header nav{display:flex;align-items:center;gap:27px;margin-left:auto}.site-header nav a{font-size:13px;font-weight:700;color:#d4e0ea}.site-header nav a:hover{color:var(--mint)}.header-demo{font-size:13px;font-weight:800;background:#1a3444;border:1px solid #416778;border-radius:10px;color:var(--mint);padding:12px 16px;white-space:nowrap}.header-demo:hover{background:#244d5c}.section-shell{max-width:1500px;margin:auto;padding-left:clamp(22px,4vw,70px);padding-right:clamp(22px,4vw,70px)}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.eyebrow-line{display:inline-block;width:22px;height:1px;background:var(--mint);vertical-align:middle;margin-right:10px}.hero{position:relative;max-width:1600px;min-height:650px;margin:auto;padding:70px clamp(22px,4vw,70px) 80px;display:grid;grid-template-columns:minmax(450px,.98fr) minmax(0,1.02fr);align-items:center;gap:50px;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 40%,#193c4b99 0%,transparent 40%),radial-gradient(circle at 20% 20%,#20253b99 0%,transparent 40%);pointer-events:none}.hero-copy,.hero-art{position:relative;z-index:1}.hero h1{font:700 clamp(58px,5.9vw,96px)/1.04 'Space Grotesk',Arial,sans-serif;letter-spacing:-.065em;margin:28px 0 23px}.hero h1 em{color:var(--violet);font-style:normal}.hero-lead{color:#d0dbe4;font-size:clamp(18px,1.6vw,23px);line-height:1.5;max-width:690px;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:11px;padding:16px 21px;font-size:14px;font-weight:800;min-height:53px}.button-primary{background:var(--mint);color:#0b2a30}.button-primary:hover{background:#a2f4e4}.button-secondary{border:1px solid #7a90a5;background:#172b3e;color:#fff}.button-secondary:hover{background:#263f58}.hero-tertiary{display:inline-flex;align-items:center;gap:10px;color:#d6caff;font-size:14px;font-weight:800;margin-top:25px}.play-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #b5a4fb;border-radius:50%;font-size:11px;color:#d9cdff}.hero-art{height:540px}.hero-image-main,.hero-image-small{position:absolute;overflow:hidden;border:1px solid #6b7f91;border-radius:18px;box-shadow:0 28px 80px #0008;background:#1c3446}.hero-image-main{width:88%;height:76%;top:5%;right:0;transform:rotate(-2deg)}.hero-image-small{width:56%;height:43%;bottom:0;left:0;transform:rotate(3deg);border:5px solid var(--navy2)}.hero-image-main img,.hero-image-small img{height:100%;object-fit:cover}.hero-image-main img{object-position:center}.hero-image-small img{object-position:center}.image-shade{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#06111be8)}.image-caption{position:absolute;left:23px;bottom:22px;display:grid;gap:6px}.image-caption span{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--mint)}.image-caption strong{font:700 22px/1.1 'Space Grotesk',Arial,sans-serif}.hero-art-note{position:absolute;right:10px;bottom:4px;background:#0c2032;padding:12px 15px;border-radius:8px;border:1px solid #4b6e7d;font-size:10px;font-weight:800;letter-spacing:.12em}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);margin-right:7px}.section-intro{max-width:800px}.section-intro h2,.platform-heading h2,.demo-strip h2,.presentation h2{font:700 clamp(38px,4vw,58px)/1.08 'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em;margin:14px 0 16px}.section-intro>p:last-child{font-size:18px;color:var(--muted);line-height:1.6;margin:0}.explain{padding-top:88px;padding-bottom:105px;border-top:1px solid #263d51}.explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:43px}.explain-grid article{background:linear-gradient(145deg,#173043,#102435);border:1px solid #3d5d73;border-radius:16px;padding:28px 29px;min-height:226px}.explain-num{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--mint)}.explain-grid h3{font:700 25px/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em;margin:24px 0 10px}.explain-grid p{color:#c0cdd7;font-size:15px;line-height:1.6;margin:0}.explain-grid strong{color:#fff}.platform{padding-top:74px;padding-bottom:82px;background:linear-gradient(120deg,#101d35,#132f39 75%);max-width:none}.platform>*{max-width:1360px;margin-left:auto;margin-right:auto}.platform-heading{text-align:center}.platform-grid{display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;gap:15px;margin-top:35px}.platform-card{min-height:213px;padding:28px 31px;border:1px solid #496174;border-radius:15px;background:#0b1b2bcf}.platform-card>span{color:var(--mint);font-size:10px;font-weight:800;letter-spacing:.15em}.platform-card h3{font:700 34px/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.045em;margin:16px 0 12px}.platform-card p{color:#c6d4df;font-size:16px;line-height:1.6;margin:0}.platform-worlds h3{color:#c4b3ff}.platform-join{text-align:center;color:#98eadd;font-size:36px;font-weight:700}.platform-note{font-size:13px;color:#aabfd0;line-height:1.6;margin-top:23px;text-align:center}.choose{padding-top:94px;padding-bottom:100px}.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-top:35px}.path-card{overflow:hidden;border:1px solid #38566d;border-radius:17px;background:#13283a}.path-card:hover{border-color:var(--mint);box-shadow:0 20px 50px #0005}.path-picture{height:265px;position:relative;overflow:hidden}.path-picture img{height:100%;object-fit:cover}.path-card:hover img{transform:scale(1.025)}.path-picture img{transition:transform .3s}.concept-tag{position:absolute;right:16px;top:16px;background:#102637e8;border:1px solid #8aa9b0;padding:7px 9px;border-radius:6px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em}.path-content{padding:26px 28px 31px}.path-content>span{font-size:10px;letter-spacing:.16em;color:var(--mint);font-weight:800}.path-content h3{font:700 34px/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.045em;margin:12px 0 13px}.path-content p{color:var(--muted);font-size:15px;line-height:1.6;min-height:49px;margin:0 0 22px}.path-content b{color:var(--mint);font-size:14px}.demo-strip{border-top:1px solid #315068;border-bottom:1px solid #315068;padding-top:56px;padding-bottom:56px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(100deg,#0d2333,#182d42)}.demo-strip h2{margin-bottom:8px}.demo-strip p:last-child{color:var(--muted);line-height:1.5;margin:0}.demo-strip .button{white-space:nowrap}.presentation{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:60px}.presentation-copy p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.6;max-width:570px}.button-outline{border:1px solid var(--mint);color:var(--mint);margin-top:15px}.button-outline:hover{background:#1b3f46}.presentation>img{height:300px;object-fit:cover;border:1px solid #5e778c;border-radius:17px;box-shadow:0 23px 60px #0005}.preview-note{border-top:1px solid #31485b;padding-top:22px;padding-bottom:45px;color:#9fb3c1;font-size:12px;line-height:1.6}.preview-note strong{color:#fff}.preview-note a{color:var(--mint);font-weight:700}footer{border-top:1px solid #31485b;padding:35px clamp(22px,4vw,70px);display:flex;align-items:center;gap:25px;max-width:1600px;margin:auto;color:#91a9ba;font-size:12px}.footer-brand{font:700 21px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em;color:#fff}footer p{margin:0 auto 0 0}footer nav{display:flex;gap:18px}footer nav a:hover{color:var(--mint)}
@media(max-width:1080px){.site-header nav{gap:14px}.hero{grid-template-columns:1fr 1fr;gap:24px}.hero h1{font-size:clamp(52px,6vw,70px)}.hero-art{height:450px}.image-caption strong{font-size:18px}}
@media(max-width:760px){.site-header{height:auto;padding-top:19px;padding-bottom:16px;flex-wrap:wrap}.site-header nav{order:3;width:100%;overflow:auto;gap:18px;padding:5px 0}.site-header nav a{white-space:nowrap}.header-demo{margin-left:auto}.hero{display:block;padding-top:52px;padding-bottom:44px;min-height:0}.hero h1{font-size:clamp(48px,11vw,70px)}.hero-lead{font-size:18px}.hero-art{height:360px;margin-top:26px}.hero-image-main{width:88%;height:72%}.hero-image-small{width:57%;height:42%}.image-caption{left:14px;bottom:13px}.image-caption strong{font-size:15px}.hero-art-note{font-size:8px}.explain,.choose{padding-top:62px;padding-bottom:70px}.explain-grid,.path-grid{grid-template-columns:1fr}.explain-grid article{min-height:0}.platform{padding-top:55px;padding-bottom:55px}.platform-grid{grid-template-columns:1fr}.platform-join{font-size:26px}.platform-card{min-height:0}.demo-strip{display:block}.demo-strip .button{margin-top:23px;white-space:normal}.presentation{grid-template-columns:1fr;gap:26px;padding-top:70px;padding-bottom:70px}.presentation>img{height:230px}footer{display:block}footer p{margin:10px 0 20px}footer nav{flex-wrap:wrap}}
@media(max-width:460px){.brand{font-size:21px}.header-demo{font-size:11px;padding:10px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-art{height:310px}.hero-image-main{width:91%}.hero-image-small{width:60%}.section-intro h2,.platform-heading h2,.demo-strip h2,.presentation h2{font-size:38px}.platform-card h3{font-size:28px}}
.hero-image-main .image-caption{left:auto;right:20px;text-align:right}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button,.path-picture img{transition:none}a:hover{transform:none}}