@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #061025;--panel: #0d1630;--line: rgba(173, 191, 240, .2);--text: #eaf0ff;--muted: #98a4d1;--accent: #70e3ff;--accent-soft: #2f5cf8;--success: #4fdfb3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Manrope,Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(47,92,248,.25),transparent 35%),radial-gradient(circle at 90% 0%,rgba(112,227,255,.2),transparent 35%),var(--bg)}img{max-width:100%}a{color:inherit;text-decoration:none}.page-shell{width:min(1180px,92vw);margin:0 auto}.hero,main{width:min(1180px,92vw);margin:0 auto;padding-bottom:2.8rem}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.7rem;font-size:1.15rem;font-weight:800;letter-spacing:.04em;color:var(--text)}.brand-icon{width:2.2rem;height:2.2rem;object-fit:contain;border-radius:12px;border:1px solid rgba(112,227,255,.28);padding:.12rem;background:#0d1630d9}.nav-links{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-links a{color:var(--muted);font-size:.9rem;padding:.35rem .55rem;border-radius:999px;transition:color .2s ease,background .2s ease}.nav-links a:hover{color:var(--text);background:#70e3ff1a}.nav-more{color:var(--text);border:1px solid rgba(112,227,255,.45);background:transparent;border-radius:999px;padding:.38rem .8rem;cursor:pointer;font:inherit;line-height:1;transition:background .2s ease}.nav-more:hover{background:#70e3ff1f}.hero-content{margin:3.5rem auto;max-width:68ch;padding:0 .3rem}.eyebrow{text-transform:uppercase;color:var(--accent);letter-spacing:.09em;font-size:.78rem;margin-bottom:.9rem}h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;font-weight:800}.hero-content p{color:var(--muted);line-height:1.7;margin-top:1.2rem;max-width:56ch}.quick-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.quick-link{color:#dbe7ff;border:1px solid rgba(112,227,255,.35);border-radius:999px;padding:.33rem .68rem;font-size:.82rem;background:#0d1630b3}.quick-link:hover{border-color:#70e3ffd9;background:#70e3ff1a}.hero-actions{margin-top:1.8rem;display:flex;gap:.85rem;flex-wrap:wrap}.cta{font-weight:700;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:.72rem 1.05rem;transition:transform .2s ease,box-shadow .2s ease}.cta:hover{transform:translateY(-2px)}.cta-solid{background:linear-gradient(130deg,var(--accent),var(--success));color:#041127}.cta-ghost{border:1px solid rgba(112,227,255,.45);color:var(--text)}.section{margin:1.4rem 0;padding:1.6rem;border-radius:14px;background:color-mix(in oklab,var(--panel),black 6%);border:1px solid var(--line);box-shadow:0 20px 50px #06102559}.section-highlight{border:1px solid rgba(79,223,179,.42);background:linear-gradient(160deg,#4fdfb314,color-mix(in oklab,var(--panel),black 10%))}.section h2{margin:0 0 .9rem;font-size:clamp(1.25rem,2.5vw,1.7rem)}.section-content p{color:var(--muted);margin:.7rem 0;line-height:1.75}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.95rem}.values-grid{margin-top:.85rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.95rem}.card{padding:1rem;border-radius:12px;background:#0d1630b8;border:1px solid rgba(173,191,240,.2)}.card h3{margin:.45rem 0 .35rem}.card p{margin:0;color:var(--muted);line-height:1.6}.card-icon{font-size:1.45rem;font-weight:800;color:var(--success)}.topology-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.95rem}.flow-step{border-radius:12px;background:#0d1630b8;border:1px solid rgba(173,191,240,.2);padding:1rem}.flow-step-badge{display:inline-block;margin-bottom:.4rem;color:var(--success);font-family:Space Mono,Consolas,Liberation Mono,monospace;font-weight:700;letter-spacing:.06em}.flow-step h3{margin:0}.flow-step p{margin:.45rem 0 0;color:var(--muted)}.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.95rem}.flow-card{background:#0d1630b8;border:1px solid rgba(173,191,240,.2);border-radius:12px;padding:1rem}.flow-stage-label{margin:0 0 .5rem;color:var(--success);font-family:Space Mono,Consolas,Liberation Mono,monospace;font-size:.84rem;letter-spacing:.05em}.flow-card h3{margin:0}.flow-card p{margin:.55rem 0;color:var(--muted)}.inline-link{color:var(--accent);font-size:.9rem;text-decoration:underline;text-underline-offset:2px}.inline-link:hover{color:#e6fcff}.inline-caption{margin-top:.85rem;color:#dbe7ff;border-left:3px solid rgba(112,227,255,.55);padding-left:.75rem;font-family:Space Mono,Consolas,Liberation Mono,monospace;font-size:.93rem;line-height:1.5}.section-intro{margin:0 0 1rem;color:var(--muted)}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:.9rem}.component-card{border-radius:12px;border:1px solid rgba(112,227,255,.24);padding:.95rem;background:#0d1630b8}.component-card h3{margin:0;font-size:1.05rem}.component-card ul{margin:.55rem 0 0;padding-left:1.05rem;color:var(--muted)}.component-card li+li{margin-top:.45rem}.process-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.process-step{padding:1rem;border-radius:12px;background:#0d1630b8;border:1px solid rgba(173,191,240,.2)}.process-step h3{margin:0;color:var(--text)}.process-step p{margin:.55rem 0 0;color:var(--muted)}.transport-list{display:grid;gap:.8rem}.transport-card{background:#0d1630b8;border:1px solid rgba(79,223,179,.24);border-radius:12px;padding:.9rem}.transport-card p{color:var(--muted);margin:0}.diagram-shell{margin:1rem 0 1.2rem;border:1px solid var(--line);background:#061025b8;border-radius:14px;padding:1rem;overflow-x:auto}.diagram-svg{width:100%;height:auto;display:block}.muted-note{margin-top:.9rem;color:#d8e1ff;font-family:Space Mono,Consolas,Liberation Mono,monospace;font-size:.94rem;border-left:3px solid var(--accent);padding-left:.8rem}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem}.role-card{border-radius:12px;border:1px solid rgba(173,191,240,.22);padding:.9rem;background:#0d1630b8}.role-card h3{margin:0}.role-card ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--muted)}.role-card li+li{margin-top:.5rem}.check-list{margin:0;padding:0 0 0 1rem;color:var(--muted)}.check-list li{margin-bottom:.65rem;display:flex;align-items:baseline;gap:.6rem;color:var(--text)}.check-mark{color:var(--success);font-weight:700;font-size:1rem;flex-shrink:0}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.95rem;margin-bottom:.9rem}.highlight-card{border-radius:12px;background:#2f5cf81a;border:1px solid rgba(112,227,255,.24);padding:.9rem}.highlight-card h3{margin:0;font-size:1.05rem}.highlight-card p{margin:.4rem 0 0;color:var(--muted)}ol{margin:0;padding-left:1.4rem;color:var(--muted);line-height:1.75}li+li{margin-top:.6rem}.install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.install-card{border:1px solid rgba(47,92,248,.35);border-radius:12px;padding:1rem;background:linear-gradient(140deg,#70e3ff17,#0d16308c)}.install-icon{font-size:1.8rem}.install-status{font-size:.78rem;color:var(--success);margin-top:.5rem;margin-bottom:.15rem;text-transform:uppercase;letter-spacing:.06em}.install-card h3{margin:0}.install-card p{color:var(--muted);margin:.55rem 0 1.05rem}.cta-small{background:var(--accent-soft);color:#fff;border-radius:9px}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.text-link{display:block;padding:.85rem .95rem;border-radius:10px;border:1px solid rgba(112,227,255,.3);background:#0d163094;color:#c7d4ff;font-size:.95rem;transition:all .2s ease}.text-link:hover{border-color:#70e3ffbf;color:#fff;transform:translateY(-2px)}@media (max-width: 860px){.nav{flex-wrap:wrap;gap:.9rem}.nav-links{justify-content:flex-start}.hero-content{margin-top:2.2rem;margin-bottom:2.5rem}}@media (max-width: 620px){.hero-content{margin-top:2rem}.section{margin:1rem 0;padding:1.25rem}h1{font-size:clamp(1.8rem,9vw,2.2rem)}}code{color:#9dc6ff}
