:root{color-scheme:dark;--bg:#0b0b0e;--text:#f6f5f7;--muted:#a2a0ac;--brand:#ff0096;--line:#ffffff17}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ff70c3;outline-offset:6px}header,footer,.section,.hero{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.logo{font-size:29px;font-weight:800;letter-spacing:-1.8px;display:inline-flex;align-items:baseline}.logo span{font-weight:400}.logo i{width:6px;height:6px;background:var(--brand);border-radius:50%;margin-left:4px}nav{display:flex;gap:34px;align-items:center;font-size:13px;color:#c2bfca}.nav-contact{border:1px solid #ffffff30;padding:11px 18px;border-radius:7px;color:white}.nav-contact span{margin-left:20px}nav a:hover,.text-link:hover,.email:hover{color:#ff69bf}.hero{position:relative;min-height:720px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;overflow:hidden;padding-top:80px;padding-bottom:110px;background:radial-gradient(ellipse at 75% 35%,#ff009610,transparent 55%)}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ff009609 1px,transparent 1px),linear-gradient(90deg,#ff009609 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 70% 50%,black,transparent 75%);pointer-events:none}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:650;color:#c1b6c3;margin:0 0 28px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--brand);border-radius:50%;margin-right:9px;box-shadow:0 0 15px var(--brand)}h1{font-size:clamp(46px,5.1vw,78px);line-height:1.06;letter-spacing:-3.6px;font-weight:600;margin:0 0 28px}em{font-style:normal;color:var(--brand)}.intro{font-size:17px;line-height:1.8;max-width:440px;color:var(--muted)}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:32px}.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;padding:16px 22px;font-size:13px;font-weight:650;border-radius:7px;transition:transform .2s,background .2s}.primary{background:var(--brand);color:white}.primary:hover{background:#d90080;transform:translateY(-2px)}.text-link{font-size:13px}.text-link span{margin-left:10px}.ecosystem{height:440px;position:relative;margin-left:16px}.orbit{position:absolute;width:300px;height:300px;border:1px solid #ff009623;border-radius:50%;top:60px;left:calc(50% - 150px);box-shadow:0 0 0 40px #ffffff02,0 0 0 80px #ffffff01}.orbit:after,.orbit:before{content:"";position:absolute;inset:45px;border:1px dashed #ff009632;border-radius:50%}.orbit:after{inset:100px}.core{position:absolute;top:170px;left:calc(50% - 42px);height:84px;width:84px;background:#171019;border:1px solid #ff009652;border-radius:23px;display:flex;justify-content:center;align-items:center;font-size:66px;font-weight:750;letter-spacing:-9px;padding-right:10px;box-shadow:0 0 70px #ff00961a}.core span{color:var(--brand)}.node{position:absolute;background:linear-gradient(110deg,#202024,#141217);border:1px solid #ffffff21;display:flex;align-items:center;gap:13px;padding:17px;width:238px;border-radius:10px;box-shadow:0 16px 45px #0005;transition:transform .2s,border-color .2s}.node:hover{transform:translateY(-5px);border-color:#ff009670}.node-icon{color:#ff52b7;font-size:25px;width:25px}.node b{font-size:15px;font-weight:550}.node small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.node-arrow{margin-left:auto;color:#727079}.pm{top:22px;left:3%}.shift{top:112px;right:-2%}.convert{top:254px;left:-1%}.host{top:344px;right:1%}.diagram-note{position:absolute;bottom:-30px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#6e6874}.hero-bottom{position:absolute;bottom:0;left:max(6vw,24px);right:max(6vw,24px);display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:9px;letter-spacing:1.5px;color:#7e7885}.hero-bottom a{color:#bcb5c4;letter-spacing:0}.hero-bottom a span{margin-left:18px}.section{padding-top:104px;padding-bottom:104px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}h2{font-size:clamp(30px,3.4vw,48px);font-weight:500;line-height:1.2;letter-spacing:-1.8px;margin:0}h2 span{color:#8b8592}.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:355px;margin:0 0 4px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product{padding:34px;background:linear-gradient(130deg,#17151b,#101013);border:1px solid var(--line);border-radius:13px;scroll-margin-top:30px;transition:border-color .2s}.product:hover{border-color:#ff00964a}.product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.product-symbol{color:#ff49b3;background:#ff009610;border:1px solid #ff00962b;width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-size:28px}.badge{font-size:10px;color:#c1b7ca;background:#ffffff06;border:1px solid #ffffff16;border-radius:20px;padding:6px 10px}.available{color:#8fdeb5;border-color:#75d6a02a;background:#75d6a009}.product-name{font-size:13px;color:#ff5abb;letter-spacing:.3px;margin-bottom:12px}.product h3{font-size:27px;line-height:1.23;font-weight:500;letter-spacing:-.7px;margin:0 0 18px}.product>p:not(.product-name){font-size:14px;line-height:1.8;color:var(--muted);max-width:510px}.product ul{list-style:none;margin:25px 0 30px;padding:0;display:grid;gap:12px;font-size:12px;color:#c4becb}.product li:before{content:"↗";color:#ff56b9;margin-right:11px}.product-footer{border-top:1px solid var(--line);padding-top:22px}.product-footer a{font-size:13px;display:flex;justify-content:space-between}.product-footer a:hover{color:#ff67bd}.product-footer small{display:block;color:#827a8c;font-size:10px;margin-top:12px}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff02}.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.about h2{font-size:38px}.about p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 16px}.contact{text-align:center;background:radial-gradient(ellipse at 50% 70%,#ff009611,transparent 65%)}.contact h2{font-size:clamp(30px,3.5vw,50px)}.contact>p:not(.eyebrow){color:var(--muted);font-size:14px;margin:25px 0 30px}.email{display:block;font-size:12px;color:#aaa0b0;margin-top:22px}footer{padding-top:30px;padding-bottom:30px;display:flex;align-items:center;gap:35px;border-top:1px solid var(--line)}footer .logo{font-size:24px}footer p,footer>span{font-size:11px;color:#827a8b}footer>span{margin-left:auto}.skip{position:absolute;top:-100px;left:20px;z-index:10;padding:12px;background:var(--brand)}.skip:focus{top:10px}@media(min-width:1600px){header,footer,.section,.hero{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.ecosystem{transform:scale(.85);margin-left:-20px}.hero-actions{gap:18px;flex-wrap:wrap}h1{letter-spacing:-2px}.node{width:210px}.about-grid{gap:35px}.product h3{font-size:24px}}@media(max-width:760px){header{height:76px}nav{gap:18px}nav>a:nth-child(2){display:none}.nav-contact{padding:9px 12px}.nav-contact span{margin-left:7px}.logo{font-size:26px}.hero{grid-template-columns:1fr;padding-top:60px;padding-bottom:80px;min-height:auto}.hero h1{font-size:clamp(43px,9vw,64px)}.eyebrow{font-size:9px;letter-spacing:1.5px}.intro{font-size:16px}.ecosystem{width:min(100%,440px);margin:32px auto 25px;height:440px;transform:scale(.92)}.node{width:210px}.shift{right:0}.host{right:0}.hero-bottom>span{display:none}.hero-bottom{justify-content:flex-end}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block}.section-heading>p{margin-top:24px}.product-grid{grid-template-columns:1fr}.product{padding:27px}.product h3{font-size:27px}.about-grid{grid-template-columns:1fr;gap:28px}.about h2{font-size:32px}footer{flex-wrap:wrap;gap:15px}footer p{width:100%;order:3;margin:0}footer>span{font-size:10px}.hero-actions .button{padding:15px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
