@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#eef3ff;font-synthesis:none;--cyan:#66e4ff;--violet:#a989ff;--muted:#8993a8;--line:#a0b8e024;--surface:#0f1422c7;background:#070a12;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{color:#edf2ff;background:#070a12;min-width:320px;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#000;background:#fff;border-radius:6px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.ambient{pointer-events:none;z-index:-2;background:radial-gradient(circle at 82% 12%,#4468ff21,#0000 28%),radial-gradient(circle at 8% 38%,#4ee5ff0f,#0000 22%);position:fixed;inset:0}.ambient:after{content:"";background-image:linear-gradient(#7896c306 1px,#0000 1px),linear-gradient(90deg,#7896c306 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a12bd;justify-content:space-between;align-items:center;height:74px;padding:0 max(24px,50% - 590px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:18px;font-weight:800;display:flex}.brand-mark{width:30px;height:30px;color:var(--cyan);border:1px solid #66e4ffa6;border-radius:8px;place-items:center;font-family:DM Mono;font-size:15px;display:grid;transform:skew(-4deg);box-shadow:inset 0 0 16px #66e4ff1f,0 0 22px #66e4ff14}.nav{align-items:center;gap:28px;display:flex}.nav>a:not(.button){color:#8f99ad;text-transform:capitalize;font-size:13px;font-weight:600;transition:all .2s}.nav>a:not(.button):hover,.nav>a.active{color:#e9efff}.nav>a.active:after{content:"";background:var(--cyan);height:1px;box-shadow:0 0 8px var(--cyan);margin-top:7px;display:block}.menu-button{background:0 0;border:0;display:none}.button{color:#071019;background:linear-gradient(135deg,#7aedff,#62c9f4);border:1px solid #66e4ff80;border-radius:5px;justify-content:center;align-items:center;gap:18px;padding:13px 20px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 28px #2bc0e824}.button:hover{transform:translateY(-2px);box-shadow:0 10px 35px #2bc0e840}.button--small{padding:10px 15px}.button--ghost{color:#d9e1f1;border-color:var(--line);box-shadow:none;background:0 0}.hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:72px;max-width:1180px;min-height:calc(100vh - 74px);margin:auto;padding:100px 24px 88px;display:grid;position:relative}.hero:before{content:"";background:linear-gradient(#0000,#66e4ff33,#0000);width:1px;height:56%;position:absolute;top:15%;left:46%}.eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.eyebrow i{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan);border-radius:50%;margin-right:7px;display:inline-block}.hero h1{letter-spacing:-.055em;max-width:780px;margin:22px 0 25px;font-size:clamp(45px,5.1vw,75px);line-height:1.04}.badges{flex-wrap:wrap;gap:8px;margin:27px 0;display:flex}.badges span{border:1px solid var(--line);color:#aeb8ca;letter-spacing:.06em;background:#141b2c8f;border-radius:4px;padding:7px 10px;font-family:DM Mono;font-size:10px}.hero-actions{gap:10px;margin:30px 0 18px;display:flex}.copy-command{border:1px solid var(--line);background:#080c15cc;border-radius:5px;align-items:center;max-width:480px;height:52px;display:flex;overflow:hidden}.copy-command code{text-overflow:ellipsis;white-space:nowrap;color:#b8c4d8;flex:1;min-width:0;padding:0 16px;font:12px DM Mono,monospace;overflow:hidden}.copy-command button{border:0;border-left:1px solid var(--line);cursor:pointer;min-width:88px;color:var(--cyan);background:#71d8ff0f;align-self:stretch;font-size:11px;font-weight:700}.copy-command--compact{flex:none;width:39px;height:35px}.copy-command--compact code{display:none}.copy-command--compact button{border-left:0;min-width:38px;font-size:16px}.signal-card{background:linear-gradient(145deg,#131a2de0,#080c16d6);border:1px solid #82a6e62e;border-radius:12px;min-height:430px;padding:24px 24px 20px;position:relative;overflow:hidden;box-shadow:0 35px 90px #00000059,inset 0 0 80px #6177ff09}.signal-card:before{content:"";background-image:linear-gradient(#68e0ff0b 1px,#0000 1px),linear-gradient(90deg,#68e0ff0b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.signal-card__top{color:#7d899f;letter-spacing:.14em;border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:16px;font:9px DM Mono;display:flex;position:relative}.status-dot{color:#82eac2}.status-dot:before{content:"";background:#59d8ad;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 7px #59d8ad}.flow-row{justify-content:center;align-items:center;margin-top:64px;display:flex;position:relative}.flow-node{color:#c9d3e5;text-align:center;background:#11182a;border:1px solid #6f8ec440;border-radius:6px;place-items:center;min-width:105px;min-height:67px;padding:10px;font:11px DM Mono;display:grid;box-shadow:inset 0 0 20px #6a84dc0a}.flow-node small{color:#68758e;margin-top:5px;font-size:8px}.flow-node--core{color:#fff;border-color:#66e4ff8c;gap:6px;box-shadow:0 0 28px #49d3f41a,inset 0 0 18px #49d3f414}.flow-node--success{border-color:#5adbac40}.mark{width:23px;height:23px;color:var(--cyan);background:#66e4ff1f;border-radius:5px;place-items:center;display:grid}.flow-line{background:#66e4ff47;width:36px;height:1px;position:relative}.flow-line i{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 9px var(--cyan);border-radius:50%;animation:2.4s linear infinite signal;position:absolute;top:-2px}.branch{place-items:center;height:42px;display:grid}.branch span{background:linear-gradient(#66e4ff66,#a989ff66);width:1px;height:100%}.flow-row--small{margin-top:0}.flow-row--small .flow-node{border-color:#a989ff40;min-width:86px;min-height:47px;font-size:9px}.flow-row--small .flow-line{background:#a989ff40}.flow-row--small .flow-line i{background:var(--violet);box-shadow:0 0 9px var(--violet);animation-delay:.8s}.signal-stats{border-top:1px solid var(--line);color:#59657a;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding-top:15px;font:8px DM Mono;display:flex;position:absolute;bottom:18px;left:24px;right:24px}.signal-stats b{color:#a9b7cf;margin-right:4px}@keyframes signal{0%{left:0}to{left:calc(100% - 5px)}}.section{max-width:1180px;margin:auto;padding:110px 24px}.section-heading h2,.messaging h2,.final-cta h2{letter-spacing:-.045em;margin:17px 0;font-size:clamp(34px,4vw,54px);line-height:1.1}.path-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.path-card{border:1px solid var(--line);background:linear-gradient(145deg,#12192ac7,#0b0f1aa3);border-radius:10px;padding:34px;position:relative;overflow:hidden}.path-card:after{content:"";background:var(--cyan);filter:blur(90px);opacity:.07;border-radius:50%;width:240px;height:240px;position:absolute;top:-130px;right:-110px}.path-card--violet:after{background:var(--violet)}.path-number{color:#475269;font:12px DM Mono;position:absolute;top:25px;right:28px}.path-icon{width:46px;height:46px;color:var(--cyan);background:#66e4ff14;border:1px solid #66e4ff38;border-radius:8px;place-items:center;font-size:22px;display:grid}.path-card--violet .path-icon{color:var(--violet);background:#a989ff14;border-color:#a989ff38}.path-card h3{margin:24px 0 10px;font-size:22px}.path-card p,.path-card li{color:#8e99ad;font-size:14px;line-height:1.65}.path-card ul{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:11px;margin:20px 0 0;padding:18px 0 0;list-style:none;display:grid}.path-card li:before{content:"+";color:var(--cyan);margin-right:8px}.path-card--violet li:before{color:var(--violet)}.benefit-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:55px;display:grid}.benefit-grid article{border-right:1px solid var(--line);padding:30px 25px}.benefit-grid article:last-child{border:0}.benefit-grid article>span{color:var(--cyan);font-size:18px}.benefit-grid h3{margin:18px 0 8px;font-size:14px}.benefit-grid p{color:#778298;margin:0;font-size:12px;line-height:1.65}.architecture{background:#0b0f198c;border-block:1px solid #7d99c814;max-width:none}.architecture>.section-heading,.architecture-board,.rule{max-width:1132px;margin-left:auto;margin-right:auto}.architecture-board{border:1px solid var(--line);background:#090d17;border-radius:10px;padding:30px;overflow:hidden}.architecture-lane{grid-template-columns:repeat(4,1fr);gap:32px;padding:30px 15px 32px 105px;display:grid;position:relative}.architecture-lane--durable{border-top:1px solid var(--line);grid-template-columns:repeat(6,1fr)}.lane-label{color:#637086;letter-spacing:.14em;font:9px DM Mono;position:absolute;top:54px;left:8px}.architecture-step{text-align:center;background:#66e4ff09;border:1px solid #66e4ff30;border-radius:5px;min-width:0;padding:18px 12px;position:relative}.architecture-step:not(:last-child):after{content:"→";color:#405269;position:absolute;top:22px;left:calc(100% + 10px)}.architecture-step b{font-size:11px;display:block}.architecture-step small{color:#667188;margin-top:7px;font:8px DM Mono;display:block}.architecture-lane--durable .architecture-step{background:#a989ff09;border-color:#a989ff33}.providers{border:1px dashed #a989ff2e;border-radius:5px;flex-wrap:wrap;gap:8px;margin:0 15px 0 105px;padding:20px;display:flex}.providers span{color:#8490a5;background:#121828;border-radius:4px;padding:7px 9px;font:9px DM Mono}.rule{border-left:2px solid var(--cyan);color:#a0aabd;background:linear-gradient(90deg,#66e4ff0f,#0000);padding:20px 25px;font-size:13px;margin-top:25px!important}.rule span{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin-right:16px;font:9px DM Mono}.package-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.package-group{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:28px}.package-kicker{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;font:10px DM Mono}.package-group>div:first-child h3{color:#cbd4e5;margin:10px 0 25px;font-size:17px;font-weight:500}.package{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:17px 0;display:flex}.package h4{color:#d8e1f2;margin:0 0 5px;font:11px DM Mono}.package p{color:#737f94;margin:0;font-size:11px;line-height:1.5}.warning{color:#f1be78;text-transform:uppercase;margin-top:7px;font:8px DM Mono;display:inline-block}.quick-start{max-width:900px}.step{align-items:flex-start;gap:20px;margin:50px 0 18px;display:flex}.step>span{color:var(--cyan);border-bottom:1px solid var(--cyan);padding-bottom:5px;font:11px DM Mono}.step h3{margin:0 0 7px;font-size:20px}.step p{color:var(--muted);margin:0;font-size:13px}.code-block{border:1px solid var(--line);background:#090d16;border-radius:8px;overflow:hidden;box-shadow:0 22px 45px #00000024}.code-toolbar{border-bottom:1px solid var(--line);background:#0d121e;justify-content:space-between;align-items:center;height:46px;padding:0 16px;display:flex}.code-toolbar span{color:#6e7a8f;font:9px DM Mono}.code-toolbar i{background:#51d6ad;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.code-toolbar button{color:#8d9bb2;cursor:pointer;background:0 0;border:0;font:9px DM Mono}.code-toolbar button:hover{color:var(--cyan)}pre{color:#bdc9de;tab-size:4;margin:0;padding:24px;font:12px/1.8 DM Mono,monospace;overflow:auto}.tabs{border-bottom:1px solid var(--line);margin-top:30px;display:flex}.tabs button{color:#768297;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;margin-bottom:-1px;padding:12px 18px;font-size:12px}.tabs button[aria-selected=true]{color:var(--cyan);border-color:var(--cyan)}.messaging{border-block:1px solid var(--line);background:linear-gradient(110deg,#331f582b,#0000 55%);grid-template-columns:.8fr 1.2fr;align-items:center;gap:75px;max-width:none;padding-left:max(24px,50% - 566px);padding-right:max(24px,50% - 566px);display:grid}.messaging-copy>p{color:#8f9aae;font-size:14px;line-height:1.75}.production-note{background:#d6a66409;border:1px solid #f1be782b;border-left:2px solid #d6a664;margin-top:30px;padding:18px}.production-note b{color:#e4b875;letter-spacing:.12em;text-transform:uppercase;font:9px DM Mono}.production-note p{color:#929aac;margin:8px 0 0;font-size:12px;line-height:1.65}.final-cta{text-align:center;max-width:840px;margin:auto;padding:125px 24px}.brand-mark--large{width:54px;height:54px;margin:0 auto 26px;font-size:24px}.final-cta h2{margin-bottom:32px}.final-cta .copy-command{margin:0 auto 22px}.final-cta>a{color:var(--cyan);font-size:12px;font-weight:700}.final-cta>a span{margin-left:7px}footer{border-top:1px solid var(--line);color:#657188;align-items:center;gap:30px;max-width:1180px;margin:auto;padding:28px 24px 40px;font-size:11px;display:flex}footer p{flex:1}footer>div{gap:24px;display:flex}footer a:hover{color:var(--cyan)}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:70px}.hero:before{display:none}.signal-card{max-width:620px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article:nth-child(2){border-right:0}.package-grid,.messaging{grid-template-columns:1fr}.architecture-board{overflow-x:auto}.architecture-lane,.architecture-lane--durable{min-width:750px}.providers{min-width:630px}.nav{gap:15px}}@media (width<=680px){.header{padding-inline:18px}.menu-button{border:1px solid var(--line);border-radius:5px;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;display:flex}.menu-button span:not(.sr-only){background:#b9c4d5;width:17px;height:1px;margin:auto}.nav{border-bottom:1px solid var(--line);background:#090d17;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 22px;display:none;position:absolute;top:73px;left:0;right:0}.nav--open{display:flex}.nav>a{padding:13px}.nav>a.active:after{display:none}.hero{gap:55px;padding:65px 18px 70px}.hero h1{font-size:45px}.hero-actions{flex-direction:column}.signal-card{min-height:400px;padding-inline:12px}.flow-node{min-width:75px;font-size:9px}.flow-row--small .flow-node{min-width:68px}.flow-line{width:18px}.signal-stats{display:none}.section{padding:80px 18px}.path-grid{grid-template-columns:1fr}.path-card{padding:26px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-right:0;border-bottom:1px solid var(--line)}.package-group{padding:21px}.package h4{font-size:9px}.architecture{padding-inline:18px}.messaging{padding:80px 18px}.section-heading h2,.messaging h2,.final-cta h2{font-size:36px}pre{padding:18px;font-size:10px}.rule span{margin-bottom:8px;display:block}footer{flex-wrap:wrap;align-items:flex-start}footer p{flex-basis:100%;order:3;width:100%;margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.code-showcase{grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px;margin-top:105px;display:grid}.code-showcase h2{letter-spacing:-.045em;margin:16px 0;font-size:clamp(30px,3.6vw,47px);line-height:1.12}.code-showcase>div>p{color:var(--muted);font-size:14px;line-height:1.75}.mini-points{color:#9ca7ba;gap:11px;margin-top:28px;font-size:11px;display:grid}.mini-points span{align-items:center;gap:12px;display:flex}.mini-points i{color:var(--cyan);font:9px DM Mono}.live-code{background:#080c15;border:1px solid #66e4ff2e;border-radius:10px;overflow:hidden;transform:perspective(1000px)rotateY(-2deg);box-shadow:0 35px 75px #0000004d,0 0 70px #3cb7e80e}.live-code__bar{border-bottom:1px solid var(--line);color:#6e7b90;background:#0d121e;align-items:center;height:48px;padding:0 17px;font:9px DM Mono;display:flex}.live-code__bar>span{gap:6px;margin-right:18px;display:flex}.live-code__bar i{background:#30394a;border-radius:50%;width:7px;height:7px}.live-code__bar i:first-child{background:#9b5965}.live-code__bar i:nth-child(2){background:#ac8852}.live-code__bar i:last-child{background:#4f917e}.live-code__bar b{flex:1;font-weight:400}.live-code__bar em{color:#63d6b0;letter-spacing:.1em;font-size:8px;font-style:normal}.live-code__body{background-image:linear-gradient(#5a82b406 1px,#0000 1px);background-size:100% 34px;min-height:260px;padding:30px 26px;position:relative}.live-code__body>.line-number{color:#3c4659;margin-right:20px;font:11px DM Mono}.live-code__body>code{white-space:nowrap;font:12px DM Mono}.syntax{opacity:0;animation:.15s forwards type-token;animation-delay:calc(.35s + var(--delay))}.syntax--keyword{color:#d28cff}.syntax--method{color:#72d7ff}.syntax--type{color:#65dfb4}.syntax--variable{color:#e1bb74}.syntax--plain{color:#aebbd0}.code-caret{background:var(--cyan);vertical-align:middle;width:1px;height:16px;margin-left:3px;animation:.85s step-end infinite caret;display:inline-block}.trace-lines{border-left:1px solid #66e4ff26;margin:32px 0 0 48px;padding-left:20px;display:grid}.trace-lines span{color:#718097;opacity:0;animation:.35s forwards trace-in;animation-delay:calc(1.2s + var(--i) * .25s);gap:10px;padding:8px 0;font:10px DM Mono;display:flex;transform:translateY(4px)}.trace-lines b{color:#58cae5;font-weight:400}.trace-lines em{color:#59677c;margin-left:auto;font-style:normal}.trace-lines span:last-child{color:#8ae4c3}.trace-lines span:last-child b{color:#72e2b9}.live-code__footer{border-top:1px solid var(--line);gap:8px;padding:14px 17px;display:flex}.live-code__footer span{color:#657389;text-transform:uppercase;letter-spacing:.07em;background:#101827;border-radius:3px;padding:5px 8px;font:8px DM Mono}@keyframes type-token{to{opacity:1}}@keyframes caret{50%{opacity:0}}@keyframes trace-in{to{opacity:1;transform:none}}.production-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.production-grid article{border:1px solid var(--line);background:linear-gradient(155deg,#121828d1,#090d17ad);border-radius:8px;min-height:390px;padding:27px;transition:transform .25s,border-color .25s;position:relative}.production-grid article:hover{border-color:#66e4ff47;transform:translateY(-4px)}.feature-top{justify-content:space-between;align-items:center;display:flex}.feature-top>span{width:38px;height:38px;color:var(--cyan);background:#66e4ff12;border-radius:7px;place-items:center;font-size:18px;display:grid}.feature-top small{color:#5a667a;font:10px DM Mono}.production-grid h3{margin:24px 0 10px;font-size:20px;line-height:1.35}.production-grid p{color:#9aa5b7;font-size:13px;line-height:1.7}.feature-when,.feature-package{border-top:1px solid var(--line);grid-template-columns:95px 1fr;gap:12px;padding:11px 0;font-size:11px;line-height:1.5;display:grid}.feature-when{margin-top:17px}.feature-when b,.feature-package b{color:#657289;letter-spacing:.08em;font:8px DM Mono}.feature-when span,.feature-package span{color:#abb5c5}.feature-package span{color:#78ccdc;font-family:DM Mono;font-size:9px}.production-grid code{border-top:1px solid var(--line);color:#9aa8bd;white-space:nowrap;text-overflow:ellipsis;padding-top:14px;font:10px DM Mono;position:absolute;bottom:22px;left:27px;right:27px;overflow:hidden}.production-checklist{background:linear-gradient(100deg,#66e4ff0b,#0a0e18b8);border:1px solid #66e4ff2b;grid-template-columns:.8fr 1.2fr;gap:45px;margin-top:38px;padding:32px;display:grid}.production-checklist h3{margin:12px 0;font-size:20px;line-height:1.45}.production-checklist ul{margin:0;padding:0;list-style:none}.production-checklist li{border-bottom:1px solid var(--line);color:#a7b1c1;gap:13px;padding:11px 0;font-size:12px;line-height:1.5;display:flex}.production-checklist li span{color:var(--cyan);font:9px DM Mono}.decision-guide{border:1px solid var(--line);background:#0a0e18b3;border-radius:10px;grid-template-columns:.7fr 1.3fr;gap:55px;margin-top:38px;padding:38px;display:grid}.decision-guide h3{margin:14px 0 10px;font-size:24px;line-height:1.3}.decision-guide>div>p{color:#778399;font-size:12px;line-height:1.6}.decision-rows{border-top:1px solid var(--line)}.decision-rows>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.3fr auto;align-items:center;gap:18px;padding:15px 0;font-size:11px;display:grid}.decision-rows b{color:#ccd5e5;font-weight:600}.decision-rows span{color:#737f93}.decision-rows em{text-align:center;min-width:64px;color:var(--cyan);text-transform:uppercase;border:1px solid #66e4ff2e;border-radius:3px;padding:5px 8px;font:8px DM Mono}.repo-link{border-left:1px solid var(--line);padding-left:18px!important}.github-symbol{font-family:DM Mono;font-size:15px}.cta-links{justify-content:center;align-items:center;gap:28px;display:flex}.cta-links a{color:var(--cyan);font-size:12px;font-weight:700}.cta-links a:last-child{color:#9ba8bc}.cta-links span{margin-left:7px}@media (width<=900px){.code-showcase{grid-template-columns:1fr;gap:35px}.production-checklist,.decision-guide{grid-template-columns:1fr}.nav{gap:12px}.nav>a:not(.button){font-size:11px}}@media (width<=680px){.repo-link{border-left:0;padding-left:13px!important}.live-code{transform:none}.live-code__body{padding:24px 12px;overflow:hidden}.live-code__body>.line-number{margin-right:8px}.live-code__body>code{font-size:9px}.trace-lines{margin-left:18px}.production-grid{grid-template-columns:1fr}.decision-guide{gap:25px;padding:25px}.decision-rows>div{grid-template-columns:1fr auto}.decision-rows span{grid-area:2/1/auto/-1}.cta-links{flex-direction:column;gap:12px}}:root{--cyan:#5de7ff;--violet:#9d7cff;--magenta:#f16edb;--signal-green:#62f0b8;--panel-edge:#6ddcff33}body{background:radial-gradient(at 50% -15%,#111b34 0,#080b14 42%,#05070d 100%) fixed}body:before{content:"";z-index:-1;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 4px);position:fixed;inset:0}.ambient{overflow:hidden}.ambient:before{content:"";border:1px solid #5de7ff14;border-radius:50%;width:70vw;height:70vw;animation:24s linear infinite orbital;position:absolute;top:-48vw;left:15vw;box-shadow:0 0 0 9vw #5de7ff05,0 0 0 18vw #9d7cff03}.ambient:after{opacity:.75}.signal-rail{z-index:-1;pointer-events:none;background:linear-gradient(#0000,#5de7ff2e 20%,#9d7cff1f 70%,#0000);width:1px;position:fixed;top:18%;bottom:12%}.signal-rail--left{left:24px}.signal-rail--right{right:24px}.signal-rail i{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 12px 2px var(--cyan);border-radius:50%;animation:5s linear infinite rail-pulse;position:absolute;left:-2px}.signal-rail i:nth-child(2){animation-delay:-1.8s}.signal-rail i:nth-child(3){animation-delay:-3.6s}.signal-rail--right i{background:var(--violet);box-shadow:0 0 12px 2px var(--violet);animation-duration:7s}.brand{letter-spacing:-.04em}.brand-mark{clip-path:polygon(18% 0,82% 0,100% 20%,100% 80%,82% 100%,18% 100%,0 80%,0 20%);background:linear-gradient(145deg,#5de7ff24,#9d7cff12);border-radius:0;position:relative;overflow:hidden;transform:none}.brand-mark b{color:var(--cyan);text-shadow:0 0 9px var(--cyan);font:600 14px DM Mono}.brand-mark>i{background:var(--cyan);width:9px;height:1px;position:absolute;top:7px}.brand-mark>i:first-child{left:3px;transform:rotate(45deg)}.brand-mark>i:last-child{right:3px;transform:rotate(-45deg)}.brand-mark--large b{font-size:25px}.brand-mark--large>i{width:14px;top:10px}.header{background:linear-gradient(90deg,#060911eb,#0c101fd4,#060911eb);border-bottom-color:#5de7ff21}.header:after{content:"";background:linear-gradient(90deg,transparent,var(--cyan),transparent);width:18%;height:1px;animation:8s ease-in-out infinite header-scan;position:absolute;bottom:-1px;left:0}.system-tag{color:#65738a;letter-spacing:.16em;justify-content:space-between;align-items:center;max-width:245px;margin-bottom:22px;font:8px DM Mono;display:flex}.system-tag span:before{content:"";background:var(--violet);width:16px;height:1px;box-shadow:0 0 6px var(--violet);vertical-align:middle;margin-right:8px;display:inline-block}.system-tag b{color:var(--signal-green);font-weight:500}.system-tag b:before{content:"";background:var(--signal-green);width:4px;height:4px;box-shadow:0 0 8px var(--signal-green);border-radius:50%;margin-right:6px;animation:1.8s step-end infinite status-blink;display:inline-block}.hero h1{background:linear-gradient(105deg,#f7f9ff 10%,#bceaff 48%,#baf 76%,#fff);color:#0000;text-shadow:0 12px 55px #49b0ff17;-webkit-background-clip:text;background-clip:text}.hero-copy{position:relative}.hero-copy:before{content:"SLX\a 01";white-space:pre;color:#5de7ff38;letter-spacing:.12em;font:7px/1.7 DM Mono;position:absolute;top:95px;left:-48px}.signal-card,.path-card,.package-group,.code-block,.production-grid article,.decision-guide{position:relative}.signal-card:after,.path-card:before,.package-group:before,.production-grid article:before{content:"";pointer-events:none;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan);width:14px;height:14px;position:absolute;top:-1px;left:-1px}.package-group:after,.production-grid article:after{content:"";pointer-events:none;border-right:1px solid var(--violet);border-bottom:1px solid var(--violet);width:14px;height:14px;position:absolute;bottom:-1px;right:-1px}.path-card:hover,.package-group:hover{border-color:#5de7ff42;box-shadow:inset 0 0 45px #42c2ff06}.architecture-board{box-shadow:inset 0 0 80px #4097ff06,0 25px 65px #0003}.architecture-step{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.eyebrow{filter:drop-shadow(0 0 6px #5de7ff59)}.button{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border-radius:0}.button--ghost{background:linear-gradient(115deg,#5de7ff09,#9d7cff09)}.copy-command{border-color:#5de7ff2e;box-shadow:inset 0 0 25px #5de7ff06}.section{position:relative}.section:not(.architecture):not(.messaging):after{content:attr(id);color:#778eb229;letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl;font:8px DM Mono;position:absolute;top:72px;right:24px}@keyframes orbital{to{transform:rotate(360deg)}}@keyframes rail-pulse{0%{opacity:0;top:0}10%,80%{opacity:1}to{opacity:0;top:100%}}@keyframes header-scan{0%,to{opacity:0;transform:translate(-30%)}20%,80%{opacity:1}50%{transform:translate(500%)}}@keyframes status-blink{50%{opacity:.35}}@media (width<=800px){.signal-rail,.hero-copy:before,.section:not(.architecture):not(.messaging):after{display:none}}@media (prefers-reduced-motion:reduce){.ambient:before,.signal-rail i,.header:after,.system-tag b:before{animation:none}}.app-types{max-width:1180px}.architecture-fit-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.architecture-fit-card{border:1px solid var(--line);background:linear-gradient(150deg,#101727db,#070b14cc);min-height:390px;padding:27px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.architecture-fit-card:before{content:"";border:1px solid #5de7ff12;border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -90px -110px auto;box-shadow:0 0 0 28px #5de7ff05,0 0 0 56px #9d7cff03}.architecture-fit-card:after{content:"";border-left:1px solid var(--cyan);border-top:1px solid var(--cyan);width:18px;height:18px;position:absolute;top:-1px;left:-1px}.architecture-fit-card:hover{border-color:#5de7ff4d;transform:translateY(-5px);box-shadow:0 25px 55px #00000038,inset 0 0 45px #5de7ff06}.fit-card-top{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex;position:relative}.fit-icon{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);width:44px;height:44px;color:var(--cyan);text-shadow:0 0 12px var(--cyan);background:#5de7ff0e;border:1px solid #5de7ff3b;place-items:center;font-size:20px;display:grid}.fit-card-top small{color:#46536a;letter-spacing:.1em;font:8px DM Mono}.fit-label{color:var(--violet);letter-spacing:.14em;font:8px DM Mono}.architecture-fit-card h3{margin:10px 0;font-size:20px}.architecture-fit-card>p{color:#818da2;min-height:82px;font-size:12px;line-height:1.7;position:relative}.mini-flow{border-block:1px solid var(--line);color:#a8b5c9;justify-content:space-between;align-items:center;margin:23px 0 20px;padding:13px 10px;font:8px DM Mono;display:flex;position:relative}.mini-flow span{white-space:nowrap;align-items:center;gap:8px;display:flex}.mini-flow i{color:#3b89a0;font-style:normal}.fit-packages{flex-wrap:wrap;gap:6px;display:flex;position:relative}.fit-packages span{color:#68768d;text-transform:uppercase;background:#101625;border:1px solid #8099c121;padding:5px 7px;font:7px DM Mono}.architecture-principle{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(90deg,#5de7ff0b,#9d7cff06,#0000);border:1px solid #5de7ff2b;grid-template-columns:auto 1fr 1fr;align-items:center;gap:27px;margin-top:45px;padding:30px;display:grid}.principle-mark{border:1px solid var(--cyan);width:54px;height:54px;color:var(--cyan);place-items:center;font:20px DM Mono;display:grid;box-shadow:inset 0 0 24px #5de7ff1a,0 0 25px #5de7ff0f}.architecture-principle h3{margin:8px 0 0;font-size:19px}.architecture-principle>p{color:#7d899e;border-left:1px solid var(--line);padding-left:27px;font-size:11px;line-height:1.7}@media (width<=1050px){.menu-button{border:1px solid var(--line);border-radius:5px;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;display:flex}.menu-button span:not(.sr-only){background:#b9c4d5;width:17px;height:1px;margin:auto}.nav{border-bottom:1px solid var(--line);background:#090d17;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 22px;display:none;position:absolute;top:73px;left:0;right:0}.nav--open{display:flex}.nav>a{padding:12px}.nav>a.active:after{display:none}.repo-link{border-left:0;padding-left:12px!important}}@media (width<=900px){.architecture-fit-grid{grid-template-columns:1fr 1fr}.architecture-principle{grid-template-columns:auto 1fr}.architecture-principle>p{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding:20px 0 0}}@media (width<=620px){.architecture-fit-grid{grid-template-columns:1fr}.architecture-fit-card{min-height:365px}.architecture-principle{grid-template-columns:1fr}.architecture-principle>p{grid-column:auto}.principle-mark{width:45px;height:45px}}.hero h1{letter-spacing:-.045em;max-width:700px;font-size:clamp(40px,4.4vw,64px);line-height:1.1}.hero-lead{color:#b0b9ca;max-width:650px;font-size:18px;line-height:1.7}.section{padding-top:82px;padding-bottom:82px}.section-heading{max-width:780px;margin-bottom:42px}.section-heading p{color:#a7b0c1;font-size:17px;line-height:1.75}.eyebrow{letter-spacing:.12em;font-size:12px}.nav>a:not(.button){color:#aab3c3}.path-card p,.path-card li{color:#a1abbc}.benefit-grid p,.package p,.production-grid p,.architecture-fit-card>p{color:#929db0;font-size:13px}.package h4{font-size:12px}.package p{line-height:1.65}.fit-label,.package-kicker,.warning{font-size:9px}.fit-packages span{font-size:8px}.mini-flow{font-size:9px}.code-toolbar span,.code-toolbar button{font-size:10px}pre{font-size:13px;line-height:1.85}.messaging-copy>p{color:#a8b2c3;font-size:15px}.production-note p{color:#a5aebf;font-size:13px}.decision-rows{font-size:12px}.decision-rows em{font-size:9px}.code-showcase{margin-top:72px}.final-cta{padding-top:88px;padding-bottom:88px}.problem-statement{border-block:1px solid var(--line);grid-template-columns:.55fr 1fr 1.35fr;align-items:start;gap:28px;margin:-15px 0 35px;padding:24px 0;display:grid}.problem-statement>span{color:var(--cyan);letter-spacing:.14em;padding-top:5px;font:8px DM Mono}.problem-statement h3{margin:0;font-size:17px;line-height:1.45}.problem-statement p{color:#8490a5;margin:0;font-size:12px;line-height:1.75}.choice-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1132px;margin:0 auto 55px;display:grid}.choice-grid article{border:1px solid var(--line);background:#0c111dc7;border-radius:7px;padding:25px 22px 23px;position:relative}.choice-grid article>span{color:#738096;text-transform:uppercase;letter-spacing:.08em;font:8px DM Mono}.choice-grid h3{color:#e8effc;margin:13px 0 9px;font-size:21px}.choice-grid p{color:#7f8ba0;min-height:78px;font-size:11px;line-height:1.65}.choice-grid code{border-top:1px solid var(--line);color:var(--cyan);padding-top:13px;font:9px DM Mono;display:block}.flow-heading{color:#cfd8e8;max-width:1132px;margin:0 auto 18px;font-size:15px}.app-types+.section .section-heading{max-width:770px}.install-paths{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:-12px 0 34px;display:grid}.install-paths article{border:1px solid var(--line);background:#0b101cb8;padding:24px}.install-paths article>span{color:var(--cyan);letter-spacing:.11em;font:9px DM Mono}.install-paths h3{margin:10px 0 7px;font-size:17px}.install-paths p{color:#929daf;min-height:42px;font-size:12px;line-height:1.6}.install-paths .copy-command{max-width:none}.path-or{color:#58657a;font:9px DM Mono}.package-title{align-items:center;gap:8px;display:flex}.package-title h4{margin-bottom:5px}.package-title span{color:#7dcfe0;text-transform:uppercase;border:1px solid #5de7ff2e;padding:3px 5px;font:7px DM Mono}.start-install{border:1px solid var(--line);background:#0b101cb3;grid-template-columns:190px 1fr;align-items:center;gap:12px 18px;margin:-20px 0 40px;padding:18px;display:grid}.start-install>div{gap:4px;display:grid}.start-install>div>span{color:var(--cyan);letter-spacing:.12em;font:9px DM Mono}.start-install>div>small{color:#778398;font-size:10px}.start-install .copy-command{width:100%;max-width:none}@media (width<=900px){.problem-statement{grid-template-columns:1fr 1.5fr}.problem-statement p{grid-column:1/-1}.choice-grid{grid-template-columns:1fr 1fr}.install-paths{grid-template-columns:1fr}.path-or{text-align:center}}@media (width<=560px){.hero h1{font-size:38px}.section{padding-top:60px;padding-bottom:60px}.section-heading{margin-bottom:32px}.problem-statement{grid-template-columns:1fr}.problem-statement p{grid-column:auto}.choice-grid{grid-template-columns:1fr}.choice-grid p{min-height:0}.start-install{grid-template-columns:1fr}.start-install .copy-command{margin-bottom:10px}.code-showcase{margin-top:52px}.final-cta{padding-top:65px;padding-bottom:65px}}.architecture-fit-grid{grid-template-columns:repeat(2,1fr)}.architecture-fit-card{min-height:350px}.production-grid{grid-template-columns:repeat(3,1fr)}.production-grid article{min-height:330px;padding:25px}.production-grid h3{margin-top:22px;font-size:18px}.production-grid p{font-size:12px}.feature-package{border-top:1px solid var(--line);gap:6px;margin-top:16px;padding:11px 0;display:grid}.production-grid code{left:25px;right:25px}.production-checklist{margin-top:28px;padding:28px}.production-checklist li{padding-top:9px;padding-bottom:9px}@media (width<=900px){.production-grid{grid-template-columns:1fr}.production-grid article{min-height:300px}}@media (width<=620px){.architecture-fit-grid{grid-template-columns:1fr}}