:root{--ink:#0b0d14;--ink-soft:#4a5060;--ink-faint:#767d8e;--base:#fff;--base-tint:#f6f7fb;--line:#e6e8f0;--line-soft:#eef0f6;--brand:#3b4fe4;--brand-2:#8b3be4;--accent:#00c2a8;--grad:linear-gradient(135deg, #3b4fe4, #8b3be4);--grad-band:linear-gradient(160deg, #eef1fe 0%, #f4eefe 55%, #fdf3fb 100%);--grad-deep:linear-gradient(150deg, #1a1740 0%, #2a1f5c 50%, #3b2470 100%);--shell:1200px;--radius:16px;--radius-lg:24px;--ease:cubic-bezier(.22, 1, .36, 1);--font-sans:"Roboto", system-ui, -apple-system, sans-serif;--font-serif:"Roboto Serif", Georgia, serif;--font-mono:"Roboto Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--base);-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.65;overflow-x:hidden}img,svg,canvas{max-width:100%;display:block}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}h1{font-family:var(--font-serif);letter-spacing:-.035em;font-size:clamp(2.5rem,5vw,4.25rem);font-weight:700;line-height:1.04}h2{font-family:var(--font-serif);letter-spacing:-.025em;font-size:clamp(1.95rem,3.6vw,3.1rem);font-weight:600;line-height:1.1}h3{letter-spacing:-.01em;font-size:1.3125rem;font-weight:600;line-height:1.3}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brand);font-size:.75rem;font-weight:500}.gradient-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.line-clip{padding-bottom:.08em;display:block;overflow:hidden}.line-clip>span{display:block}.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.band{padding:clamp(5rem,10vw,8.5rem) 0;position:relative}.band-tint{background:var(--base-tint)}.band-gradient{background:var(--grad-band)}.band-deep{background:var(--grad-deep);color:#fff;overflow:hidden}.band-deep .eyebrow{color:#a9b4ff}.section-heading{max-width:46rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.section-heading .eyebrow{margin-bottom:1rem}.section-copy{color:var(--ink-soft);margin-top:1.25rem;font-size:1.0625rem}.button{transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);border-radius:999px;align-items:center;gap:.55rem;padding:.85rem 1.5rem;font-size:.9375rem;font-weight:500;display:inline-flex}.button-primary{background:var(--grad);color:#fff;box-shadow:0 6px 20px -8px #3b4fe4b3}.button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px #3b4fe4bf}.button-ghost{border:1px solid var(--line);background:var(--base);color:var(--ink)}.button-ghost:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}.band-deep .button-ghost{color:#fff;background:#ffffff0f;border-color:#ffffff47}.text-link{color:var(--brand);transition:gap .2s var(--ease), border-color .2s var(--ease);border-bottom:1px solid #0000;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.text-link:hover{border-bottom-color:currentColor;gap:.75rem}.band-deep .text-link{color:#b9c2ff}.page-progress{background:var(--grad);transform-origin:0;z-index:60;height:3px;position:fixed;inset:0 0 auto}.topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);background:#ffffffd1;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.1rem clamp(1.25rem,4vw,2.5rem);display:flex;position:fixed;top:0;left:0;right:0}.brand,.footer-brand{letter-spacing:-.01em;align-items:center;gap:.6rem;font-weight:700;display:inline-flex}.brand-mark{background:var(--grad);color:#fff;width:28px;height:28px;font-family:var(--font-serif);border-radius:9px;flex-shrink:0;place-items:center;font-size:.9rem;display:grid}.topbar-nav{color:var(--ink-soft);gap:1.75rem;font-size:.9375rem;display:flex}.topbar-nav a{transition:color .2s var(--ease)}.topbar-nav a:hover{color:var(--brand)}.topbar-repo{border:1px solid var(--line);transition:border-color .2s var(--ease), color .2s var(--ease);border-radius:999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.topbar-repo:hover{border-color:var(--brand);color:var(--brand)}.hero{padding:clamp(8rem,15vw,11rem) 0 clamp(4rem,8vw,6rem);position:relative;overflow:hidden}.hero-aura{pointer-events:none;background:radial-gradient(circle,#8b3be429 0%,#3b4fe41a 42%,#0000 68%);width:62vw;max-width:900px;height:62vw;max-height:900px;position:absolute;top:-22%;right:-12%}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,5vw,3.5rem);display:grid;position:relative}.hero-copy .eyebrow{margin-bottom:1.5rem}.hero-lead{max-width:34rem;color:var(--ink-soft);margin-top:1.75rem;font-size:1.125rem}.hero-actions{flex-wrap:wrap;gap:.875rem;margin-top:2.25rem;display:flex}.hero-facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:clamp(1.5rem,4vw,3rem);margin-top:3rem;padding-top:2rem;display:flex}.hero-facts strong{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;display:block}.hero-facts span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.6875rem}.hero-visual{aspect-ratio:1;min-height:340px;position:relative}.canvas-mount{position:absolute;inset:0}.canvas-mount canvas{width:100%;height:100%}.float-chip{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.04em;background:#ffffffeb;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .95rem;font-size:.75rem;display:inline-flex;position:absolute;box-shadow:0 8px 24px -14px #0b0d1466}.chip-a{top:12%;left:2%}.chip-b{bottom:14%;right:2%}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #00c2a833}.scroll-cue{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);justify-content:center;align-items:center;gap:.75rem;margin-top:clamp(2.5rem,6vw,4rem);font-size:.6875rem;display:flex}.scroll-cue span{background:linear-gradient(180deg, var(--brand), transparent);width:1px;height:34px}.card-index{font-family:var(--font-mono);letter-spacing:.1em;color:var(--brand);font-size:.75rem;font-weight:500}.card-icon{background:var(--grad);color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.ownership-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.25rem;display:grid}.ownership-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--base);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);flex-direction:column;align-items:flex-start;gap:.875rem;padding:2rem;display:flex}.ownership-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 20px 40px -24px #3b4fe473}.ownership-card h3{font-family:var(--font-serif);font-size:1.5rem}.card-copy{color:var(--ink-soft);font-size:.9375rem}.capability-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.25rem;display:grid}.capability-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--base);transition:transform .3s var(--ease), box-shadow .3s var(--ease);padding:2rem;position:relative;overflow:hidden}.capability-card:after{content:"";background:var(--grad);transform-origin:0;height:2px;transition:transform .4s var(--ease);position:absolute;bottom:0;left:2rem;right:2rem;transform:scaleX(0)}.capability-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px #0b0d1459}.capability-card:hover:after{transform:scaleX(1)}.capability-top{color:var(--brand);justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.capability-card h3{margin-bottom:.75rem}.capability-card p{color:var(--ink-soft);font-size:.9375rem}.architecture-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.architecture-canvas{aspect-ratio:1;min-height:260px;margin-top:2rem;position:relative}.architecture-stack{flex-direction:column;gap:.75rem;display:flex}.architecture-node{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s var(--ease);background:#ffffffb8;border:1px solid #ffffffb3;align-items:center;gap:1rem;padding:1.15rem 1.35rem;display:flex}.architecture-node:hover{transform:translate(4px)}.node-icon{background:var(--base);width:40px;height:40px;color:var(--brand);border:1px solid var(--line);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.node-copy{flex:1;min-width:0}.node-copy strong{font-size:.9375rem;display:block}.node-copy small{color:var(--ink-soft);font-size:.8125rem}.node-state{font-family:var(--font-mono);letter-spacing:.12em;color:var(--brand-2);flex-shrink:0;font-size:.625rem;font-weight:500}.security-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.security-core{border-radius:var(--radius-lg);background:var(--grad);color:#fff;text-align:center;padding:2.5rem 2rem}.security-core .eyebrow{color:#ffffffd9}.security-core h3{font-family:var(--font-serif);margin:.5rem 0 .75rem;font-size:1.625rem}.security-core p:last-child{color:#ffffffe0;font-size:.9375rem}.core-rings{color:#fff;place-items:center;width:130px;height:130px;margin:0 auto 1.75rem;display:grid;position:relative}.core-rings span{border:1px solid #ffffff59;border-radius:50%;position:absolute}.core-rings span:first-child{inset:0}.core-rings span:nth-child(2){inset:16px}.core-rings span:nth-child(3){border-color:#ffffff8c;inset:32px}.security-list{flex-direction:column;gap:.75rem;display:flex}.security-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--base);color:var(--brand);transition:border-color .25s var(--ease), transform .25s var(--ease);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.security-row:hover{border-color:var(--brand);transform:translate(4px)}.security-row>div{flex:1;min-width:0}.security-row strong{color:var(--ink);font-size:.9375rem;display:block}.security-row span{color:var(--ink-soft);font-size:.8125rem}.comparison-scroll{border:1px solid var(--line);border-radius:var(--radius-lg);overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%;min-width:46rem;font-size:.875rem}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--line-soft);vertical-align:top;padding:1rem 1.25rem}.comparison-table thead th{background:var(--base-tint);color:var(--ink-soft);font-weight:500}.comparison-table thead th strong{color:var(--ink);font-size:1rem;display:block}.comparison-table tbody th{color:var(--ink);font-weight:500}.comparison-table tbody td{color:var(--ink-soft)}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}.own-column{background:#3b4fe40d}.comparison-table td.own-column{color:var(--ink);font-weight:500}.comparison-table td.own-column svg{color:var(--accent);vertical-align:-2px;margin-right:.4rem;display:inline}.pill{background:var(--grad);color:#fff;font-family:var(--font-mono);letter-spacing:.12em;border-radius:999px;margin-bottom:.4rem;padding:.2rem .55rem;font-size:.5625rem;display:inline-block}.col-note{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:.625rem}.comparison-foot{color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;font-size:.8125rem;display:flex}.foot-links{flex-wrap:wrap;gap:1.25rem;display:flex}.foot-links a{color:var(--brand);align-items:center;gap:.3rem;display:inline-flex}.foot-links a:hover{text-decoration:underline}.deploy-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.deploy-copy .eyebrow{margin-bottom:1rem}.deploy-copy h2{margin-bottom:1.25rem}.deploy-copy>p{color:var(--ink-soft);max-width:32rem}.deploy-actions{flex-wrap:wrap;gap:.875rem;margin-top:2rem;display:flex}.terminal-card,.code-panel{border-radius:var(--radius);background:#12141f;border:1px solid #262a3c;overflow:hidden}.terminal-bar,.code-panel-top{font-family:var(--font-mono);letter-spacing:.06em;color:#8b93ad;background:#1a1d2b;border-bottom:1px solid #262a3c;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.6875rem;display:flex}.dots{gap:.35rem;display:flex}.dots i{background:#363b52;border-radius:50%;width:10px;height:10px}.terminal-card pre,.code-panel pre{font-family:var(--font-mono);color:#d7dbe8;margin:0;padding:1.5rem;font-size:.8125rem;line-height:1.8;overflow-x:auto}.prompt{color:#b09bff;-webkit-user-select:none;user-select:none}.ok{color:var(--accent);font-weight:500}.closing{padding:clamp(5rem,10vw,8rem) 0 3rem}.closing-canvas{opacity:.75;position:absolute;inset:0}.closing-inner{z-index:1;position:relative}.closing h2{max-width:22ch;margin:1rem 0 2.25rem}.closing-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.footer{color:#ffffffb8;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:clamp(4rem,8vw,6rem);padding-top:2rem;font-size:.8125rem;display:flex}.footer-links{flex-wrap:wrap;gap:1.25rem;display:flex}.footer-links a:hover{color:#fff;text-decoration:underline}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0d148c;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.setup-modal{border-radius:var(--radius-lg);background:var(--base);width:min(46rem,100%);max-height:88vh;padding:clamp(1.5rem,4vw,2.25rem);overflow-y:auto;box-shadow:0 40px 80px -30px #0b0d1480}.modal-top{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.75rem;display:flex}.modal-top h2{margin-top:.5rem;font-size:1.75rem}.icon-button{border:1px solid var(--line);width:38px;height:38px;transition:border-color .2s var(--ease), color .2s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.icon-button:hover{border-color:var(--brand);color:var(--brand)}.setup-tabs{background:var(--base-tint);border-radius:999px;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;padding:.3rem;display:flex}.setup-tabs button{color:var(--ink-soft);transition:background .2s var(--ease), color .2s var(--ease);border-radius:999px;padding:.6rem 1.15rem;font-size:.875rem;font-weight:500}.setup-tabs button.active{background:var(--base);color:var(--brand);box-shadow:0 2px 8px -4px #0b0d144d}.setup-body h3{margin-bottom:.6rem}.setup-body>div>p{color:var(--ink-soft);margin-bottom:1.5rem;font-size:.9375rem}.code-panel-top{justify-content:space-between}.code-panel-top span,.code-panel-top button{align-items:center;gap:.4rem;display:inline-flex}.code-panel-top button{color:#b9c2ff;transition:color .2s var(--ease)}.code-panel-top button:hover{color:#fff}@media (width<=940px){.topbar-nav{display:none}.hero-grid,.architecture-grid,.security-layout,.deploy-grid{grid-template-columns:minmax(0,1fr)}.hero-visual{order:-1;min-height:300px}.architecture-canvas{max-width:24rem}}@media (width<=560px){body{font-size:1rem}.float-chip{font-size:.6875rem}.chip-a{left:0}.chip-b{right:0}.comparison-foot,.footer{flex-direction:column;align-items:flex-start}.button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}