.arch-root{--bg:#05060f;--bg-deep:#02030a;--surface:#bad7f70a;--surface-2:#bad7f70f;--surface-strong:#bad7f714;--text-loud:#c7d3ea;--text:#c8d4eac7;--muted:#c7d3eaa3;--dim:#c7d3ea66;--line:#bad7f71f;--line-strong:#bad7f73d;--primary:#6a38ff;--primary-soft:#6a38ff29;--gradient-loud:linear-gradient(0deg, #d8ecf8 0%, #98c0ef 100%);--gradient-subdued:linear-gradient(0deg, #d8ecf81f 0%, #98c0ef1f 100%);--glow-blue:0 0 80px #bacff766, 0 0 24px #bacff733;--glow-purple:0 0 80px #ed98ef2e;--shadow-card:0 0 0 1px #bad7f714, 0 1px 2px #0006, 0 12px 32px #00000052;--shadow-elevated:0 0 0 1px #bad7f71a, 0 1px 2px #0006, 0 24px 60px #00000080, 0 0 80px #bacff70f;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:28px;--max:1160px;font-family:var(--font-inter), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(70% 50% at 50% -10%,#6a38ff2e,#0000 60%),radial-gradient(60% 40% at 80% 0,#bacff714,#0000 55%),radial-gradient(50% 40% at 20% 0,#ed98ef0f,#0000 55%);background-attachment:fixed;min-height:100vh;margin:0}.arch-root *{box-sizing:border-box}.arch-root a{color:inherit;text-decoration:none}.arch-root img{max-width:100%;display:block}.arch-root .container{width:min(calc(100% - 40px), var(--max));margin:0 auto}.arch-root .nav-wrap{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(140%);border-bottom:1px solid var(--line);background:#05060fb8;position:sticky;top:0}.arch-root nav{justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.arch-root .brand{letter-spacing:-.02em;color:var(--text-loud);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.arch-root .brand-badge{background:var(--gradient-loud);color:#05060f;letter-spacing:0;border-radius:8px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid;box-shadow:0 0 0 1px #bad7f72e,0 0 24px #bacff752}.arch-root .nav-links{color:var(--muted);flex-wrap:wrap;align-items:center;gap:22px;font-size:13px;font-weight:500;display:flex}.arch-root .nav-links a:hover{color:var(--text-loud)}.arch-root .nav-cta{border-radius:var(--radius-xs);background:var(--primary);color:#fff;padding:8px 14px;font-size:13px;font-weight:500;transition:background-color .15s;box-shadow:0 0 0 1px #ffffff14,0 8px 20px #6a38ff52}.arch-root .nav-cta:hover{background:color-mix(in srgb, var(--primary), #fff 8%)}.arch-root .hero{padding:96px 0 56px;position:relative}.arch-root .hero-grid{flex-direction:column;align-items:center;gap:40px;display:flex}.arch-root .glass-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(8px)}.arch-root .hero-card{text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;width:100%;max-width:820px;padding:0;position:relative;overflow:visible}.arch-root .eyebrow{background:var(--surface-2);border:1px solid var(--line);color:var(--text-loud);letter-spacing:.01em;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.arch-root h1{letter-spacing:-.045em;color:var(--text-loud);text-wrap:balance;margin:0;font-size:clamp(2.4rem,5vw,4rem);font-weight:500;line-height:1.05}.arch-root .hero h1 span{background:var(--gradient-loud);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.arch-root .lead{color:var(--muted);word-break:keep-all;text-wrap:balance;max-width:680px;margin:24px auto 0;font-size:17px;line-height:1.65}.arch-root .hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.arch-root .btn{border-radius:var(--radius-xs);letter-spacing:-.005em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:14px;font-weight:500;transition:background-color .15s,box-shadow .15s,border-color .15s;display:inline-flex}.arch-root .btn-primary{background:var(--primary);color:#fff;box-shadow:0 0 0 1px #ffffff14,0 8px 20px #6a38ff52}.arch-root .btn-primary:hover{background:color-mix(in srgb, var(--primary), #fff 8%)}.arch-root .btn-secondary{background:var(--surface);color:var(--text-loud);border-color:var(--line)}.arch-root .btn-secondary:hover{background:var(--surface-strong);border-color:var(--line-strong)}.arch-root .facts{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:820px;margin-top:8px;display:grid}.arch-root .fact{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);text-align:left;padding:18px 20px}.arch-root .fact strong{letter-spacing:-.015em;color:var(--text-loud);margin-bottom:6px;font-size:15px;font-weight:600;display:block}.arch-root .fact span{color:var(--muted);font-size:13px;line-height:1.55}.arch-root main section{padding:64px 0 0}.arch-root .section-head{margin-bottom:24px}.arch-root .section-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600;display:inline-block}.arch-root h3{letter-spacing:-.035em;color:var(--text-loud);text-wrap:balance;margin:0;font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:500;line-height:1.1}.arch-root .section-desc{color:var(--muted);word-break:keep-all;max-width:760px;margin:14px 0 0;font-size:16px;line-height:1.65}.arch-root .grid-4,.arch-root .grid-3,.arch-root .grid-2{gap:16px;display:grid}.arch-root .grid-4{grid-template-columns:repeat(4,1fr)}.arch-root .grid-3{grid-template-columns:repeat(3,1fr)}.arch-root .grid-2{grid-template-columns:repeat(2,1fr)}.arch-root .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px;transition:border-color .2s,background-color .2s}.arch-root .panel:hover{border-color:var(--line-strong)}.arch-root .panel h4{letter-spacing:-.02em;color:var(--text-loud);margin:0 0 12px;font-size:18px;font-weight:600}.arch-root .panel p,.arch-root .panel li{color:var(--muted);word-break:keep-all;font-size:14px;line-height:1.65}.arch-root .panel ul,.arch-root .panel ol{margin:0;padding-left:18px}.arch-root .panel li+li{margin-top:8px}.arch-root .tag-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.arch-root .tag{background:var(--surface-2);border:1px solid var(--line);color:var(--text-loud);letter-spacing:.005em;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.arch-root .quote-card{border:1px solid var(--line-strong);color:var(--text-loud);border-radius:var(--radius-xl);box-shadow:var(--shadow-card), 0 0 80px #6a38ff1f;background:linear-gradient(#6a38ff1f 0%,#05060f66 100%);padding:32px;position:relative;overflow:hidden}.arch-root .quote-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#bacff71f,#0000 65%);width:320px;height:320px;position:absolute;inset:-50% -20% auto auto}.arch-root .quote-card p{letter-spacing:-.02em;margin:0;font-size:clamp(1.1rem,1.7vw,1.4rem);font-weight:500;line-height:1.4;position:relative}.arch-root .timeline{gap:0;margin-top:20px;display:grid;position:relative}.arch-root .timeline-item{border-top:1px solid var(--line);grid-template-columns:130px 1fr;gap:14px;padding:16px 0;display:grid}.arch-root .timeline-item:first-child{border-top:none}.arch-root .timeline-year{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:600}.arch-root .timeline-text{color:var(--text);font-size:14px;line-height:1.6}.arch-root .channel-list{gap:8px;margin-top:14px;display:grid}.arch-root .channel{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,200px);align-items:center;gap:16px;padding:14px 16px;transition:border-color .15s,background-color .15s;display:grid}.arch-root .channel:hover{border-color:var(--line-strong);background:var(--surface-2)}.arch-root .channel small{color:var(--dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.arch-root .channel strong{color:var(--text-loud);word-break:break-all;font-size:13px;font-weight:600}.arch-root .channel-when{color:var(--text-loud);letter-spacing:.02em;font-size:12px;font-weight:500}.arch-root .channel-tag{color:var(--text-loud);border-radius:var(--radius-xs);border:1px solid var(--line);background:var(--surface);text-align:right;word-break:break-all;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px}.arch-root .endpoints{gap:8px;margin-top:16px;display:grid}.arch-root .endpoint{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);grid-template-columns:80px 200px 1fr;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:grid}.arch-root .endpoint .method{letter-spacing:.06em;color:#fff;background:var(--primary);border-radius:var(--radius-xs);text-align:center;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11px;font-weight:600}.arch-root .endpoint .path{color:var(--text-loud);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:13px}.arch-root .endpoint .note{color:var(--muted);font-size:13px}.arch-root .flow-block{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:linear-gradient(#bad7f70a 0%,#bad7f703 100%);padding:28px}.arch-root .flow-block+.flow-block{margin-top:16px}.arch-root .flow-title{color:var(--text-loud);letter-spacing:-.005em;margin:0 0 16px;font-size:14px;font-weight:600}.arch-root .flow{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.arch-root .flow-step{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);flex-direction:column;flex:160px;gap:4px;min-width:160px;padding:14px 16px;display:flex;position:relative}.arch-root .flow-step strong{color:var(--text-loud);letter-spacing:-.005em;font-size:13px;font-weight:600}.arch-root .flow-step span{color:var(--muted);font-size:12px;line-height:1.5}.arch-root .flow-arrow{color:var(--dim);-webkit-user-select:none;user-select:none;align-items:center;font-size:18px;font-weight:500;display:flex}.arch-root .footer{padding:80px 0 64px}.arch-root .footer-card{border:1px solid var(--line-strong);color:var(--text-loud);border-radius:var(--radius-xl);box-shadow:var(--shadow-card), 0 0 100px #6a38ff29;background:linear-gradient(#6a38ff29 0%,#05060f66 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:36px;display:flex;position:relative;overflow:hidden}.arch-root .footer-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#bacff724,#0000 65%);width:360px;height:360px;position:absolute;inset:-30% -10% auto auto}.arch-root .footer-card>div{position:relative}.arch-root .footer-card p{color:var(--text);margin:0;font-size:14px;line-height:1.6}@media (max-width:1080px){.arch-root .grid-4{grid-template-columns:repeat(2,1fr)}.arch-root .grid-3,.arch-root .grid-2,.arch-root .facts{grid-template-columns:1fr}.arch-root .endpoint{grid-template-columns:64px 1fr}.arch-root .endpoint .note{grid-column:1/-1}.arch-root .channel{grid-template-columns:1fr;gap:8px}.arch-root .channel-tag{text-align:left}}@media (max-width:780px){.arch-root .container{width:min(calc(100% - 28px), var(--max))}.arch-root nav{flex-direction:column;align-items:flex-start;gap:10px}.arch-root .nav-links{gap:14px;font-size:12px}.arch-root .hero{padding:64px 0 32px}.arch-root .panel,.arch-root .quote-card,.arch-root .footer-card,.arch-root .flow-block{padding:22px}.arch-root .timeline-item{grid-template-columns:1fr;gap:4px}.arch-root .grid-4{grid-template-columns:1fr}.arch-root main section{padding-top:48px}.arch-root .flow-arrow{align-self:center;transform:rotate(90deg)}}
