:root{--bg:#08080f;--bg-1:#0d0d1a;--surface:#14142a;--surface-2:#1b1b36;--line:#ffffff17;--line-strong:#ffffff2b;--ink:#ecebf7;--ink-dim:#a9a7c6;--ink-faint:#6d6b8e;--slack:#c06fd0;--slack-core:#611f69;--discord:#6b78ff;--discord-core:#5865f2;--champagne:#ecd6a6;--champagne-deep:#d8b673;--live:#4fe6c1;--danger:#ff6b7d;--conduit:linear-gradient(90deg, var(--slack), var(--discord));--conduit-soft:linear-gradient(90deg, #c06fd029, #6b78ff29);--r-xs:7px;--r-sm:10px;--r:15px;--r-lg:22px;--r-xl:30px;--shadow-card:0 1px 0 #ffffff0a inset, 0 24px 60px -30px #000c;--glow-discord:0 0 0 1px #6b78ff59, 0 18px 50px -18px #6b78ff8c;--glow-champagne:0 0 0 1px #ecd6a64d, 0 16px 42px -16px #d8b67380;--font-display:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--maxw:1140px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f3f2fb;--bg-1:#fff;--surface:#fff;--surface-2:#f1effa;--line:#18143c1c;--line-strong:#18143c33;--ink:#171532;--ink-dim:#565377;--ink-faint:#8a88a8;--slack:#8a2f97;--slack-core:#611f69;--discord:#4a54dd;--discord-core:#5865f2;--champagne:#a5822f;--champagne-deep:#8a6a1f;--live:#12a583;--danger:#d13a4e;--shadow-card:0 1px 0 #fff9 inset, 0 22px 48px -30px #18143c59;--glow-discord:0 0 0 1px #4a54dd47, 0 18px 44px -20px #4a54dd66;--glow-champagne:0 0 0 1px #a5822f4d, 0 16px 40px -18px #a5822f59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.55;overflow-x:hidden}img,svg{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--discord);outline-offset:3px;border-radius:4px}::selection{color:#fff;background:#6b78ff59}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(42vw 42vw at 8% -6%,#c06fd024,#0000 60%),radial-gradient(46vw 46vw at 100% 4%,#6b78ff29,#0000 62%);position:fixed;inset:0}:root[data-theme=light] body:before{background:radial-gradient(42vw 42vw at 8% -6%,#8a2f9717,#0000 60%),radial-gradient(46vw 46vw at 100% 4%,#4a54dd1a,#0000 62%)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}.section{padding-block:clamp(64px,9vw,128px)}.stack{flex-direction:column;display:flex}.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:10px;font-size:12px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--line-strong);width:22px;height:1px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.04}.h-hero{letter-spacing:-.035em;font-size:clamp(2.6rem,6.2vw,4.5rem);line-height:.98}.h-section{font-size:clamp(1.9rem,3.6vw,2.9rem)}.lede{color:var(--ink-dim);max-width:46ch;font-size:clamp(1.05rem,1.5vw,1.22rem)}.gradient-text{background:linear-gradient(92deg, var(--slack) 8%, var(--discord) 92%);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{--btn-bg:var(--surface-2);border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--btn-bg);font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;justify-content:center;align-items:center;gap:9px;padding:13px 22px;font-size:.98rem;font-weight:500;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(180deg, var(--champagne), var(--champagne-deep));color:#241a05;box-shadow:var(--glow-champagne);border-color:#0000;font-weight:600}.btn-primary:hover{box-shadow:var(--glow-champagne), 0 0 0 4px #ecd6a624}.btn-discord{background:linear-gradient(180deg, var(--discord), var(--discord-core));color:#fff;box-shadow:var(--glow-discord);border-color:#0000}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--discord)}.btn-sm{padding:9px 15px;font-size:.88rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.pill{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-dim);font-size:.78rem;font-family:var(--font-mono);letter-spacing:.02em;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;display:inline-flex}.dot-live{background:var(--live);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #4fe6c199}@keyframes pulse{0%{box-shadow:0 0 #4fe6c18c}70%{box-shadow:0 0 0 8px #4fe6c100}to{box-shadow:0 0 #4fe6c100}}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg) 72%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:66px;display:flex}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{color:var(--ink-dim);font-size:.92rem;transition:color .15s}.nav-links a:hover{color:var(--ink)}.nav-actions{align-items:center;gap:12px;display:flex}@media (width<=760px){.nav-links{display:none}}.logo{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:11px;font-size:1.16rem;font-weight:700;display:inline-flex}.logo-mark{background:var(--conduit);border-radius:9px;width:30px;height:30px;position:relative;overflow:hidden;box-shadow:0 6px 18px -8px #6b78ffcc}.logo-mark:after{content:"";background:linear-gradient(115deg,#0000 40%,#ffffff8c 50%,#0000 60%);animation:4.5s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes sheen{0%,60%{transform:translate(-120%)}80%,to{transform:translate(120%)}}.theme-toggle{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;transition:border-color .2s,transform .2s;display:inline-grid}.theme-toggle:hover{border-color:var(--discord);transform:rotate(-12deg)}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(32px,5vw,72px);padding-block:clamp(52px,7vw,104px);display:grid}.hero-copy{flex-direction:column;gap:26px;display:flex}.hero-badges{flex-wrap:wrap;gap:10px;display:flex}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:4px;display:flex}.hero-note{color:var(--ink-faint);font-size:.86rem;font-family:var(--font-mono)}@media (width<=900px){.hero{grid-template-columns:1fr}}.conduit{border-radius:var(--r-xl);border:1px solid var(--line);background:radial-gradient(120% 80% at 50% 0%, var(--surface-2), var(--surface) 70%);box-shadow:var(--shadow-card);padding:22px;position:relative}.conduit-rail{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:20px;display:grid}.pole{text-align:center;flex-direction:column;align-items:center;gap:8px;width:74px;display:flex}.pole-badge{width:52px;height:52px;font-family:var(--font-display);color:#fff;border-radius:15px;place-items:center;font-size:1.4rem;font-weight:700;display:grid}.pole-slack .pole-badge{background:linear-gradient(160deg, var(--slack), var(--slack-core))}.pole-discord .pole-badge{background:linear-gradient(160deg, var(--discord), var(--discord-core))}.pole-label{color:var(--ink-faint);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.04em}.bridge{background:var(--conduit-soft);border:1px solid var(--line);border-radius:999px;height:54px;position:relative;overflow:hidden}.bridge-line{background:var(--conduit);opacity:.5;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.chip{background:linear-gradient(90deg, var(--slack), var(--discord));border-radius:6px;width:26px;height:18px;animation:3.4s linear infinite flow;position:absolute;top:50%;left:-12%;transform:translateY(-50%);box-shadow:0 4px 10px -4px #6b78ffb3}.chip:after{content:"";background:#ffffffb3;border-radius:3px;position:absolute;inset:4px 5px}.chip:nth-child(2){animation-delay:.7s;top:34%}.chip:nth-child(3){animation-delay:1.5s;top:66%}.chip:nth-child(4){animation-delay:2.3s;top:46%}@keyframes flow{0%{opacity:0;left:-12%}12%{opacity:1}88%{opacity:1}to{opacity:0;left:108%}}.score{flex-direction:column;gap:12px;display:flex}.score-head{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.score-row{grid-template-columns:96px 1fr 42px;align-items:center;gap:12px;display:grid}.score-name{font-family:var(--font-mono);color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.meter{background:var(--surface-2);border-radius:999px;height:8px;position:relative;overflow:hidden}.meter>span{background:var(--conduit);border-radius:999px;height:100%;display:block;position:relative}.meter.animate>span:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.8s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.score-pct{font-family:var(--font-mono);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;font-size:.8rem}.stripe-facts{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.fact{background:var(--bg);padding:30px 26px}.fact b{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.9rem;font-weight:600;display:block}.fact span{color:var(--ink-dim);font-size:.92rem}@media (width<=720px){.stripe-facts{grid-template-columns:1fr}}.steps{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;display:grid}.step{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);padding:26px 22px;position:relative;overflow:hidden}.step:before{content:"";background:var(--conduit);opacity:.65;width:100%;height:3px;position:absolute;top:0;left:0}.step-n{font-family:var(--font-mono);color:var(--discord);letter-spacing:.1em;font-size:.82rem}.step h3{margin:14px 0 8px;font-size:1.16rem}.step p{color:var(--ink-dim);font-size:.94rem}@media (width<=900px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.steps{grid-template-columns:1fr}}.boundary{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(28px,4vw,56px);display:grid}.boundary-diagram{flex-direction:column;gap:14px;padding:26px;display:flex}.lane{border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono);align-items:center;gap:14px;padding:16px 18px;font-size:.86rem;display:flex}.lane .tag{color:var(--ink-faint);margin-left:auto;font-size:.76rem}.lane.bytes{border-color:#6b78ff66}.lane.control{border-color:#4fe6c159}.lane .lane-ico{background:var(--bg);border:1px solid var(--line);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}@media (width<=860px){.boundary{grid-template-columns:1fr}}.calc{grid-template-columns:1fr auto;align-items:center;gap:28px;margin-bottom:32px;padding:28px;display:grid}.calc-controls{flex-direction:column;gap:22px;display:flex}.field label{font-family:var(--font-mono);color:var(--ink-dim);justify-content:space-between;margin-bottom:10px;font-size:.82rem;display:flex}.field label b{color:var(--ink);font-weight:600}input[type=range]{background:var(--surface-2);appearance:none;cursor:pointer;border-radius:999px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(180deg, var(--champagne), var(--champagne-deep));border:3px solid var(--bg);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px -2px #0009}input[type=range]::-moz-range-thumb{border:3px solid var(--bg);background:var(--champagne-deep);border-radius:50%;width:20px;height:20px}.calc-result{text-align:center;border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--conduit-soft);min-width:210px;padding:24px 30px}.calc-result .eyebrow{justify-content:center}.calc-result .plan{font-family:var(--font-display);margin:8px 0 2px;font-size:2rem;font-weight:700}@media (width<=720px){.calc{grid-template-columns:1fr}}.plans{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.plan-card{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:16px;padding:28px 24px;transition:transform .2s,border-color .2s;display:flex}.plan-card:hover{transform:translateY(-4px)}.plan-card.featured{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--conduit) border-box;box-shadow:var(--glow-discord);border:1px solid #0000}.plan-name{font-family:var(--font-display);font-size:1.3rem;font-weight:600}.plan-price{font-family:var(--font-display);letter-spacing:-.02em;font-size:2.4rem;font-weight:700}.plan-price small{color:var(--ink-faint);letter-spacing:0;font-size:.9rem;font-weight:500}.plan-tag{color:var(--ink-dim);min-height:42px;font-size:.92rem}.plan-features{flex-direction:column;gap:10px;margin-top:4px;padding:0;list-style:none;display:flex}.plan-features li{color:var(--ink-dim);gap:10px;font-size:.9rem;display:flex}.plan-features li:before{content:"→";color:var(--discord);flex:none}@media (width<=860px){.plans{grid-template-columns:1fr}}.discord-embed{border-radius:var(--r);border:1px solid var(--line);border-left:4px solid var(--discord);background:var(--surface-2);font-family:var(--font-body);flex-direction:column;gap:14px;padding:20px 22px;display:flex}.embed-head{align-items:center;gap:10px;display:flex}.embed-title{font-family:var(--font-display);font-weight:600}.embed-btns{flex-wrap:wrap;gap:8px;display:flex}.embed-btn{background:var(--bg-1);border:1px solid var(--line-strong);color:var(--ink-dim);font-size:.8rem;font-family:var(--font-mono);border-radius:6px;padding:7px 12px}.footer{border-top:1px solid var(--line);padding-block:48px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:30px;display:flex}.footer small{color:var(--ink-faint);font-size:.84rem}.footer-cols{flex-wrap:wrap;gap:56px;display:flex}.footer-col h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);margin-bottom:12px;font-size:.76rem}.footer-col a{color:var(--ink-dim);padding:4px 0;font-size:.9rem;display:block}.footer-col a:hover{color:var(--ink)}.overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04040ab8;place-items:center;padding:20px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.auth-card{border-radius:var(--r-xl);width:100%;max-width:420px;padding:34px 32px;animation:.28s cubic-bezier(.2,.7,.2,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.auth-card h2{font-size:1.6rem}.auth-tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;margin:18px 0 22px;padding:4px;display:inline-flex}.auth-tab{font-family:var(--font-display);color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:.9rem;font-weight:500;transition:color .15s,background .15s}.auth-tab[aria-selected=true]{background:var(--bg-1);color:var(--ink);box-shadow:var(--shadow-card)}.form{flex-direction:column;gap:14px;display:flex}.input{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--bg-1);width:100%;padding:13px 15px;transition:border-color .15s}.input:focus{border-color:var(--discord);outline:none}.input::placeholder{color:var(--ink-faint)}.form-error{color:var(--danger);font-size:.86rem;font-family:var(--font-mono)}.form-hint{color:var(--ink-faint);text-align:center;font-size:.82rem}.close-x{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;font-size:1.3rem;line-height:1;position:absolute;top:16px;right:18px}.app{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--bg-1);flex-direction:column;gap:22px;height:100vh;padding:20px 18px;display:flex;position:sticky;top:0}.side-section h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);margin-bottom:10px;font-size:.72rem}.tenant-item{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:11px 13px;transition:background .15s,color .15s;display:flex}.tenant-item:hover{background:var(--surface);color:var(--ink)}.tenant-item[aria-current=true]{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.tenant-badge{width:26px;height:26px;font-family:var(--font-display);color:#fff;background:var(--conduit);border-radius:8px;flex:none;place-items:center;font-size:.82rem;font-weight:700;display:grid}.side-foot{flex-direction:column;gap:12px;margin-top:auto;display:flex}.side-user{color:var(--ink-faint);font-size:.82rem;font-family:var(--font-mono);word-break:break-all}.main{max-width:1000px;padding:clamp(24px,4vw,46px)}.main-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.main-head h1{font-size:clamp(1.7rem,3vw,2.3rem)}@media (width<=820px){.app{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;height:auto;position:static}.side-foot{flex-direction:row;margin:0 0 0 auto}}.wizard{flex-direction:column;gap:20px;display:flex}.wizard-steps{flex-wrap:wrap;gap:10px;display:flex}.wstep{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);opacity:.6;flex:1;align-items:center;gap:12px;min-width:130px;padding:16px;display:flex}.wstep[data-state=active]{opacity:1;border-color:var(--discord);box-shadow:var(--glow-discord)}.wstep[data-state=done]{opacity:1}.wstep-n{width:30px;height:30px;font-family:var(--font-mono);border:1px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;font-size:.82rem;display:grid}.wstep[data-state=active] .wstep-n{background:var(--conduit);color:#fff;border-color:#0000}.wstep[data-state=done] .wstep-n{background:var(--live);color:#04120e;border-color:#0000}.wstep b{font-family:var(--font-display);font-size:.96rem;display:block}.wstep span{color:var(--ink-faint);font-size:.78rem}.panel{border-radius:var(--r-lg);padding:28px}.panel-connect{grid-template-columns:1fr 1fr;gap:16px;display:grid}.connect-card{border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:12px;padding:22px;display:flex}@media (width<=620px){.panel-connect{grid-template-columns:1fr}}.empty{border-radius:var(--r-lg);border:1px dashed var(--line-strong);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:46px 30px;display:flex}.empty .empty-ico{background:var(--conduit-soft);border:1px solid var(--line);border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.soon-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--champagne);border:1px solid var(--line-strong);border-radius:999px;padding:3px 9px;font-size:.72rem}.dash-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);padding:18px 20px}.stat .k{font-family:var(--font-mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.stat .v{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:6px;font-size:1.8rem;font-weight:600}@media (width<=720px){.dash-grid{grid-template-columns:repeat(2,1fr)}}.center-screen{place-items:center;min-height:100vh;padding:20px;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--discord);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--ink-dim)}.mono{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
