:root{color-scheme:dark;--bg:#090a10;--panel:#101118;--line:#252630;--text:#f1f0f5;--muted:#999aa9;--accent:#b4a1ff;--mint:#74dfc3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:7px}::selection{background:#63529a;color:white}.site-shell{max-width:1320px;margin:auto;padding:0 56px}.skip{position:fixed;left:20px;top:-100px;background:white;color:#111;padding:12px;z-index:10}.skip:focus{top:16px}.header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:650;letter-spacing:-.9px}.brand img{flex-shrink:0}.muted-brand{color:#aaa3c6}nav{display:flex;gap:32px;font-size:13px;color:#b7b6c3}nav a:hover,.closing a:hover{color:var(--accent)}nav a span{margin-left:8px;color:var(--accent)}.header-status{font-size:11px;color:#b8b8c3;display:flex;align-items:center;gap:9px;border:1px solid #2c2c39;border-radius:30px;padding:7px 13px}.header-status i,.dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;flex-shrink:0}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:12px;padding:63px 0 51px;min-height:593px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:2px;font-weight:500;color:var(--accent);margin:0 0 25px;display:flex;align-items:center;gap:10px}.tiny-line{width:20px;height:1px;background:var(--accent)}h1{font-size:clamp(42px,4.7vw,66px);font-weight:550;line-height:1.08;letter-spacing:-3.3px;margin:0 0 27px}h1>span{color:var(--accent)}.intro{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 18px;border:1px solid #c3b4ff;border-radius:5px;color:#191423;background:#c1afff;font-size:12px;font-weight:650;transition:background .2s,transform .2s}.button:hover{background:#d0c3ff;transform:translateY(-2px)}.button span{font-size:18px}.coming{display:flex;align-items:center;gap:8px;color:#9b9aa9;font-size:11px}.coming .dot{background:#b4a1ff;width:5px;height:5px}.hero-meta{display:flex;gap:24px;margin-top:48px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px;letter-spacing:1.5px;color:#858492}.hero-meta span+span{padding-left:24px;border-left:1px solid #35333e}.visual{min-width:0;position:relative;aspect-ratio:1/1;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#46317730,transparent 65%)}.visual-grid{position:absolute;inset:8%;background-image:linear-gradient(#8f74db0b 1px,transparent 1px),linear-gradient(90deg,#8f74db0b 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,black,transparent 72%)}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:144px;height:144px;display:grid;place-items:center;border:1px solid #74629d6b;border-radius:32px;background:linear-gradient(145deg,#262136,#101016);box-shadow:0 0 80px #9062eb22,inset 0 1px 0 #c1a4ff27}.core img{width:80px;height:auto;filter:drop-shadow(0 0 18px #9272ff38)}.visual-label{position:absolute;display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:5px;border:1px solid #373043;background:#14111d;box-shadow:0 4px 24px #0003;color:#c4b0ff;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}.visual-label span:last-child{font-size:9px;letter-spacing:1px;color:#b2a9c5}.label-api{left:12%;top:18%}.label-pay{right:0;top:46%}.label-tools{left:6%;bottom:20%}.symbol{font-size:18px;line-height:1}.visual-caption{position:absolute;bottom:4%;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px;letter-spacing:1.2px;color:#aaa0bd}.visual-caption .dot{width:4px;height:4px;background:#b4a1ff}.visual-coordinate{position:absolute;right:6%;top:5%;font:8px ui-monospace,monospace;letter-spacing:2px;color:#777083}.index-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.index-strip>span{font:9px ui-monospace,monospace;letter-spacing:1.3px;color:#898795}.index-strip>div{display:flex;align-items:center;gap:26px;font-size:12px;color:#b7b5c2}.index-strip b{font-size:12px;font-weight:400;color:#655c79}.index-strip>a{font-size:22px;color:#a797cc;min-width:44px;min-height:44px;display:grid;place-items:center}.section{padding:84px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:33px}.section-heading .eyebrow,.build-section .eyebrow{margin-bottom:15px}h2{font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-1.1px;margin:0}.section-heading>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:9px;padding:27px;background:linear-gradient(140deg,#14131e,#0e0f15 75%);transition:border-color .2s,transform .2s}.card:hover{border-color:#5a4e79;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.card-icon{font:23px ui-monospace,monospace;color:#bba5ff}.card-number{font:10px ui-monospace,monospace;color:#8b819c}.card h3{font-size:18px;font-weight:550;letter-spacing:-.35px;margin:0 0 12px}.card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;min-height:70px}.code-detail{display:flex;align-items:center;gap:13px;font:10px ui-monospace,monospace;color:#b9adc9;background:#0a0b11;border:1px solid #23212c;padding:14px 12px;margin:28px 0 24px;border-radius:4px;white-space:nowrap}.code-detail i{font-style:normal;color:#827296}.test-dot{height:5px;width:5px;background:var(--mint);border-radius:50%}.card-tags{font:8px ui-monospace,monospace;letter-spacing:1.4px;color:#a39baa}.card-tags span{margin:0 8px;color:#62596f}.build-section{display:grid;grid-template-columns:1fr 1.12fr;gap:90px;border-top:1px solid var(--line);padding-top:75px;padding-bottom:77px}.build-section h2{font-size:37px}.build-copy{max-width:360px;font-size:13px;color:var(--muted);line-height:1.9;margin:22px 0 0}.build-panel{border:1px solid var(--line);background:#0e0f16;border-radius:8px;overflow:hidden}.panel-heading{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);font:8px ui-monospace,monospace;letter-spacing:1px;color:#b5adbf}.panel-heading>span:first-child{display:flex;gap:8px;align-items:center}.panel-heading .dot{width:5px;height:5px;background:#c4a1fe}.status-badge{font-size:7px;color:#c8b0ff;padding:5px 7px;background:#282036;border:1px solid #48375b;border-radius:3px}.build-row{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid #20202a}.step{font:10px ui-monospace,monospace;color:#81728d}.build-row h3{font-size:12px;font-weight:500;line-height:1.4;margin:0 0 4px}.build-row p{font-size:10px;color:#98929f;margin:0}.row-status{margin-left:auto;font:8px ui-monospace,monospace;color:#c7b0fa;white-space:nowrap}.done{color:#8ad7c4}.next{color:#a19aa8}.active{background:#b298ff07}.panel-foot{font:9px ui-monospace,monospace;color:#94899f;margin:0;padding:15px 20px}.closing{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.closing-cross{font:28px ui-monospace,monospace;color:#ad93d5}.closing p{font-size:17px;letter-spacing:-.4px;margin:0;color:#ccc6d7}.closing a{margin-left:auto;font-size:11px;color:#a39aaf;padding:12px 0}.closing a span{margin-left:15px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 35px;color:#898491;font-size:10px}.footer-brand{font-size:15px;gap:7px;letter-spacing:-.5px;color:#dad4e3}footer button{color:#aaa1b7;border:1px solid #34303e;border-radius:4px;background:transparent;padding:10px 12px;cursor:pointer;font-size:10px}footer button:hover{color:#e6d7ff;border-color:#76628c}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:650px}}@media(max-width:1050px){.site-shell{padding:0 32px}.header-status{display:none}h1{font-size:52px}.hero{grid-template-columns:1.15fr 1fr;min-height:560px}.hero-meta{gap:12px;font-size:7px;letter-spacing:1px}.hero-meta span+span{padding-left:12px}.core{width:115px;height:115px;border-radius:25px}.core img{width:68px}.index-strip>div{gap:15px}.card{padding:22px}.card h3{font-size:16px}.card p{min-height:90px}.card-tags{font-size:7px;letter-spacing:1px}.build-section{gap:40px}.visual-caption{font-size:7px;letter-spacing:.5px}.label-pay{right:-3%}}
@media(max-width:760px){.site-shell{padding:0 24px}.header{min-height:88px;gap:12px}.brand{font-size:20px}.brand img{width:31px;height:35px}nav{gap:18px;font-size:11px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:48px 0 26px;gap:15px;min-height:auto}.hero-copy{max-width:560px}h1{font-size:clamp(40px,8.8vw,60px);letter-spacing:-2px}.intro{font-size:14px}.hero-meta{margin-top:30px;font-size:8px}.visual{width:100%;max-width:460px;margin:0 auto;aspect-ratio:1.2}.core{width:125px;height:125px}.core img{width:74px}.visual-label{padding:7px 10px}.label-api{top:12%}.label-pay{right:4%}.label-tools{bottom:18%}.visual-caption{bottom:1%;font-size:7px;letter-spacing:1px}.index-strip{flex-wrap:wrap;padding:20px 0;gap:14px}.index-strip>span{width:100%;font-size:8px}.index-strip>div{gap:16px;font-size:11px}.index-strip>a{display:none}.section{padding:53px 0}.section-heading{display:block}.section-heading>p{margin-top:18px}.section-heading>p br{display:none}h2{font-size:28px}.cards{grid-template-columns:1fr;gap:14px}.card{padding:25px}.card-top{margin-bottom:22px}.card h3{font-size:19px}.card p{min-height:0;max-width:430px}.code-detail{margin:21px 0}.card-tags{font-size:8px}.build-section{grid-template-columns:1fr;gap:30px}.build-section h2{font-size:32px}.build-copy{max-width:100%}.build-row{padding:18px 15px;gap:12px}.panel-heading{padding:16px 15px}.panel-foot{padding:16px 15px}.closing{gap:12px}.closing p{font-size:14px}.closing a{font-size:10px}.closing a span{margin-left:7px}footer{flex-wrap:wrap;gap:18px}footer>span{margin-left:auto}footer button{margin-left:auto}.footer-brand img{width:25px;height:28px}}
@media(max-width:360px){.site-shell{padding:0 18px}h1{font-size:38px}.hero-actions{gap:15px}.button{padding:11px 14px}.coming{font-size:10px}.index-strip>div{gap:11px;font-size:10px}.build-row p{font-size:9px}.row-status{font-size:7px}.status-badge{font-size:6px}.closing p{font-size:12px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Focused coming-soon layout. Content remains in normal document flow. */
.muted-brand{background:linear-gradient(115deg,#56e8f4,#7277ff 48%,#bb65ef);background-clip:text;-webkit-background-clip:text;color:transparent}
.site-shell{min-height:100svh;display:flex;flex-direction:column}
main{flex:1;display:flex;align-items:center}
.hero{width:100%;min-height:620px;padding:55px 0 65px}
h1{font-size:clamp(40px,4.5vw,62px);letter-spacing:-2.7px}
h1>span{background:linear-gradient(110deg,#7ed9f1,#9a8aff 48%,#c18bee);background-clip:text;-webkit-background-clip:text;color:transparent}
.construction-note{display:flex;align-items:center;gap:9px;font-size:12px;color:#b7accb;margin:0}
.construction-note .dot{background:#b4a1ff}
.hero-meta{gap:18px;margin-top:38px;font-size:9px}
.hero-meta span+span{padding-left:18px}
footer{border-top:1px solid var(--line)}
@media(max-width:1050px){.header-status{display:flex}.hero{min-height:570px}.hero-meta{gap:12px;font-size:8px}.hero-meta span+span{padding-left:12px}}
@media(max-width:760px){.hero{min-height:0;padding:48px 0 30px;gap:27px}h1{font-size:clamp(39px,8.7vw,57px);letter-spacing:-1.9px}.header-status{font-size:9px;padding:6px 9px;gap:6px}.header{gap:10px}.brand{font-size:19px}.hero-meta{margin-top:29px}.visual{max-width:420px}.hero-copy{padding-bottom:0}footer{padding:24px 0}}
@media(max-width:360px){.header-status{font-size:8px;padding:5px 7px}.brand{font-size:17px;gap:6px}.brand img{width:27px}.hero-meta{font-size:7px;gap:10px}.hero-meta span+span{padding-left:10px}h1{font-size:37px}}