:root{--ink:#0a0d14;--panel:#161c28;--panel-light:#141a25;--hairline:#2a3446;--hairline-light:#35415a;--text:#f2efea;--text-secondary:#8494ab;--accent:#d98a3d;--accent-light:#e8c49a;--on-accent:#16120c;--state-free:#33b85c;--state-bgm:#f0c020;--state-live:#2f7fe8;--state-emergency:#e0484d;--state-fault:#f2762e}*{box-sizing:border-box}html{height:100%}body{background:var(--ink);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-family:Archivo,sans-serif;display:flex}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-light)}::selection{background:var(--accent-light);color:var(--on-accent)}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:1}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}img{max-width:100%;display:block}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.container{max-width:1240px;margin:0 auto;padding:0 32px}.section{padding-top:72px}.section-home{padding-top:80px}.section-first{padding-top:88px}main{flex:1}main.sub-page{animation:.5s cubic-bezier(.2,.7,.2,1) both enter}h1,h2,h3,h4,p{margin:0}.h1-home{letter-spacing:-.035em;text-wrap:balance;max-width:17ch;font:600 clamp(40px,6.6vw,72px)/1.02 Archivo,sans-serif}.h1-sub{letter-spacing:-.035em;text-wrap:balance;max-width:22ch;font:600 clamp(36px,5.4vw,68px)/1.02 Archivo,sans-serif}.h2-section{letter-spacing:-.03em;max-width:26ch;font:600 clamp(30px,3.4vw,44px)/1.1 Archivo,sans-serif}.h2-small,.h3-card{letter-spacing:-.02em;font:600 28px/1.2 Archivo,sans-serif}.stat-number{letter-spacing:-.03em;font:600 clamp(30px,3.2vw,44px)/1.1 Archivo,sans-serif}.lead{color:var(--text-secondary);max-width:64ch;font:400 20px/1.5 Archivo,sans-serif}.lead-hero{color:var(--text-secondary);max-width:60ch;font:400 clamp(18px,1.5vw,20px)/1.5 Archivo,sans-serif}.body-text{max-width:52ch;font:400 17px/1.6 Archivo,sans-serif}.caption{color:var(--text-secondary);font:400 14px/1.5 Archivo,sans-serif}.site-header{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline);background:#0a0d14db;align-items:center;height:72px;display:flex;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{letter-spacing:-.01em;color:var(--text);font:600 20px/1 Archivo,sans-serif}.nav{align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-secondary);border-radius:4px;padding:11px 14px;font:400 17px/1 Archivo,sans-serif;transition:color .15s}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-toggle{border:1px solid var(--hairline);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;padding:8px 10px;display:none}@media (max-width:720px){.nav-toggle{display:inline-flex}.nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline);background:#0a0d14f7;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;display:none;position:absolute;top:72px;left:0;right:0}.nav.open{display:flex}.nav-link{padding:14px 16px}}.btn{cursor:pointer;white-space:nowrap;border:0;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.btn-light{background:var(--text);color:var(--on-accent);padding:17px 26px;font:600 16px/1 Archivo,sans-serif;transition:background .15s}.btn-light:hover{background:#fff}.btn-outline{border:1px solid var(--hairline);color:var(--text);background:0 0;padding:17px 26px;font:600 16px/1 Archivo,sans-serif;transition:border-color .15s}.btn-outline:hover{border-color:var(--text)}.btn-accent{background:var(--accent);color:var(--on-accent);padding:18px 28px;font:600 17px/1 Archivo,sans-serif;transition:background .15s}.btn-accent:hover{background:var(--accent-light)}.btn-accent:disabled{opacity:.6;cursor:not-allowed}.divider-grid{border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 56px;margin-top:32px;display:grid}.divider-grid.tight{gap:0 48px}.divider-cell{border-bottom:1px solid var(--hairline);padding:22px 0 26px}.divider-list{border-top:1px solid var(--hairline);margin-top:20px}.divider-row{border-bottom:1px solid var(--hairline);max-width:52ch;padding:16px 0;font:400 17px/1.6 Archivo,sans-serif}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:32px;display:grid}.card{border:1px solid var(--hairline);background:var(--panel);border-radius:8px;overflow:hidden}.card-image{aspect-ratio:16/10;background:var(--ink);border-bottom:1px solid var(--hairline);justify-content:center;align-items:center;min-height:150px;padding:18px;display:flex}.card-image img{object-fit:contain;width:100%;height:100%}.card-body{padding:22px 24px 24px}.panel-card{border:1px solid var(--hairline);background:var(--panel);border-radius:8px;padding:28px}.stats-grid{border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px;margin-top:32px;padding-top:26px;display:grid}.stat-label{color:var(--text-secondary);margin-top:8px;font:400 14px/1.5 Archivo,sans-serif}.cta-band-wrap{max-width:1240px;margin:0 auto;padding:88px 32px 0}.cta-band{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding-top:40px;display:flex}.site-footer{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;max-width:1240px;margin:96px auto 0;padding:32px;display:flex}.footer-links{flex-wrap:wrap;gap:48px;display:flex}.footer-col{gap:12px;display:grid}.footer-col-label{color:var(--text-secondary);font:400 14px/1.5 Archivo,sans-serif}.footer-col a{color:var(--text);font:400 17px/1 Archivo,sans-serif}.footer-col a:hover{color:var(--text-secondary)}.sub-nav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);background:#0a0d14eb;height:54px;position:sticky;top:72px;overflow-x:auto}.sub-nav .container{align-items:center;gap:4px;height:100%;display:flex}.sub-nav a{white-space:nowrap;color:var(--text-secondary);border-radius:4px;padding:8px 12px;font:400 17px/1 Archivo,sans-serif}.sub-nav a:hover{color:var(--text)}section[id]{scroll-margin-top:140px}.form-panel{border:1px solid var(--hairline);background:var(--panel);border-radius:8px;gap:18px;padding:clamp(24px,3vw,36px);display:grid}.form-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;display:grid}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}.field label{color:var(--text-secondary);font:400 14px/1.5 Archivo,sans-serif}.field input,.field select,.field textarea{background:var(--ink);border:1px solid var(--hairline);color:var(--text);border-radius:4px;padding:13px 14px;font:400 17px/1.2 Archivo,sans-serif}.field textarea{resize:vertical;font:400 17px/1.6 Archivo,sans-serif}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent-light);outline-offset:1px;border-color:var(--accent-light)}.field-error{color:var(--state-emergency);font:400 14px/1.5 Archivo,sans-serif}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--state-emergency)}.form-status{font:400 14px/1.5 Archivo,sans-serif}.form-status.error{color:var(--state-emergency)}.form-status.success{color:var(--state-free)}.zone-legend{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:28px;margin-top:28px;padding-top:22px;display:flex}.zone-legend-item{align-items:center;gap:10px;display:flex}.zone-swatch{border-radius:2px;width:10px;height:10px}.hero{align-items:flex-end;min-height:560px;animation:.6s cubic-bezier(.2,.7,.2,1) both enter;display:flex;position:relative;overflow:hidden}.hero-skyline{z-index:0;justify-content:flex-end;align-items:flex-end;gap:clamp(10px,1.4vw,22px);padding-right:clamp(16px,4vw,72px);display:flex;position:absolute;inset:0}.hero-scrim-h{z-index:1;background:linear-gradient(90deg,#0a0d14 0%,#0a0d14f5 44%,#0a0d14ad 68%,#0a0d141f 100%);position:absolute;inset:0}.hero-scrim-v{z-index:1;background:linear-gradient(#0a0d1400,#0a0d14);height:22%;position:absolute;bottom:0;left:0;right:0}.tower{border-top:1px solid var(--hairline);background:#0c111a;border-left:1px solid #1b2230;border-right:1px solid #1b2230;gap:clamp(3px,.5vw,7px);max-width:14vw;padding:clamp(5px,.8vw,11px);display:grid;overflow:hidden}.window{aspect-ratio:1/1.5;border-radius:1px;display:block}.hero-copy{z-index:2;gap:24px;width:100%;max-width:1240px;margin:0 auto;padding:clamp(56px,7vw,88px) 32px clamp(48px,6vw,72px);display:grid;position:relative}.hero-buttons{flex-wrap:wrap;gap:12px;display:flex}.hw-stage{aspect-ratio:16/9;background:radial-gradient(120% 90% at 50% 12%, var(--panel-light) 0%, var(--ink) 62%);border:1px solid var(--hairline);border-radius:8px;min-height:300px;margin-top:32px;position:relative;overflow:hidden}.hw-desk{border-top:1px solid var(--hairline-light);background:linear-gradient(#161c28,#0e131c);height:17%;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 -30px 60px -30px #e8c49a1a}.hw-contact-shadow{background:radial-gradient(60% 100% at 50% 100%,#000000bf,#0000 70%);height:5%;position:absolute;bottom:14%;left:10%;right:10%}.hw-monitor-shell{background:linear-gradient(#232a34,#12161d);border-radius:6px;padding:.6%;position:absolute;bottom:28%;left:13.5%;right:32.5%;box-shadow:inset 0 1px #ffffff0f,0 22px 40px -18px #000000e6}.hw-screen{aspect-ratio:16/9;background:var(--ink);border-radius:2px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #05070b}.hw-screen img{object-fit:cover;width:100%;height:100%}.hw-screen-glare{pointer-events:none;background:linear-gradient(115deg,#ffffff0f 0%,#fff0 30%);position:absolute;inset:0}.hw-chin{height:.9vw;min-height:5px;max-height:14px}.hw-monitor-stand{background:linear-gradient(90deg,#10141b,#2a323d 45%,#0d1118);width:2.6%;height:9.5%;position:absolute;bottom:19%;left:39.2%}.hw-monitor-base{background:linear-gradient(#2a323d,#12161d);border-radius:50%/60%;width:17.5%;height:3.4%;position:absolute;bottom:16%;left:31.75%}.hw-server{box-sizing:border-box;background:linear-gradient(100deg,#1e242e,#0f131a 60%,#191f29);border-radius:3px;align-content:space-between;width:15.5%;height:58%;padding:clamp(8px,1.4vw,20px) clamp(6px,1.1vw,16px);display:grid;position:absolute;bottom:17%;right:13.5%}.hw-server-bay{background:#8494ab2e;border-radius:2px;height:8%}.hw-server-dot{background:var(--text-secondary);opacity:.55;border-radius:50%;width:6px;height:6px}.hw-server-vents{gap:4px;display:grid}.hw-server-vent{background:#8494ab2e;height:2px}.hw-caption{margin-top:14px}.duck-card{margin-bottom:24px;padding:clamp(22px,3vw,36px)}.duck-bars{grid-template-columns:repeat(5,1fr);align-items:end;gap:6px;height:110px;margin-top:24px;display:grid}.duck-bar{border-radius:4px 4px 0 0}.duck-labels{border-top:1px solid var(--hairline);text-align:center;grid-template-columns:repeat(5,1fr);margin-top:12px;padding-top:12px;font:400 14px/1.4 Archivo,sans-serif;display:grid}.flow-card{margin-top:20px;padding:26px}.flow-grid{text-align:center;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:16px;display:grid}.flow-node{color:var(--text);border:1px solid var(--hairline);background:var(--ink);border-radius:4px;padding:14px 10px;font:600 17px/1.4 Archivo,sans-serif}.flow-label{color:var(--text-secondary);font:400 17px/1.4 Archivo,sans-serif}.flow-connector{color:var(--text-secondary);white-space:nowrap;font:400 14px/1.4 Archivo,sans-serif}@media (max-width:640px){.flow-grid{grid-template-columns:1fr}.flow-connector{white-space:normal}}.two-col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:32px;margin-top:32px;display:grid}.two-col.narrow{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 56px}.media-4-3{aspect-ratio:4/3;border:1px solid var(--hairline);background:var(--ink);border-radius:8px;min-height:250px;overflow:hidden}.media-16-10{aspect-ratio:16/10;border:1px solid var(--hairline);background:var(--ink);border-radius:8px;min-height:250px;overflow:hidden}.media-16-9{aspect-ratio:16/9;border:1px solid var(--hairline);background:var(--ink);border-radius:8px;min-height:300px;overflow:hidden}.media-4-3 img,.media-16-10 img,.media-16-9 img{object-fit:cover;width:100%;height:100%}.demo-layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:28px;padding-top:48px;display:grid}.demo-aside{gap:20px;display:grid}