*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface-alt:#eef2f5;--ink:#111827;--ink-strong:#07111f;--muted:#5c6674;--soft:#7d8794;--line:#d8dee6;--line-strong:#bdc7d3;--primary:#0b5d69;--primary-dark:#073f49;--primary-soft:#e3f3f5;--accent:#9f6b18;--success:#12805c;--warning:#b7791f;--shadow:0 18px 45px #1118271a}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,Tahoma,system-ui,-apple-system,sans-serif;line-height:1.65}a{color:inherit}.site-shell{min-height:100vh;overflow-x:hidden}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f7f9e6;border-bottom:1px solid #d8dee6d9;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:14px clamp(20px,5vw,72px);display:grid;position:sticky;top:0}.brand-link,.nav-links a,.nav-actions a,.footer a{text-decoration:none}.logo{color:var(--ink-strong);align-items:center;gap:10px;display:inline-flex}.logo-mark{background:var(--primary);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.logo-text{line-height:1.15;display:grid}.logo-text strong{font-size:1rem}.logo-text small{color:var(--muted);font-size:.72rem}.nav-links{justify-content:center;align-items:center;gap:4px;display:flex}.nav-links a,.text-link{color:var(--muted);border-radius:8px;padding:8px 12px;font-size:.92rem;font-weight:600}.nav-links a:hover,.text-link:hover{color:var(--primary-dark);background:var(--surface-alt)}.nav-actions{align-items:center;gap:8px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:9px 16px;font-size:.95rem;font-weight:750;text-decoration:none;display:inline-flex}.button-primary{background:var(--primary);color:#fff;box-shadow:0 10px 24px #0b5d6933}.button-primary:hover{background:var(--primary-dark)}.button-secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button-secondary:hover{border-color:var(--line-strong);background:#fdfefe}.hero{background:linear-gradient(180deg, #fff 0%, #fff0 42%), var(--bg);grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:calc(100svh - 65px);padding:clamp(44px,8vw,88px) clamp(20px,5vw,72px) 48px;display:grid}.hero-content{max-width:760px}.eyebrow{color:var(--primary);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{max-width:780px;color:var(--ink-strong);letter-spacing:0;margin-bottom:22px;font-size:clamp(2.35rem,5.2vw,5.15rem);font-weight:850;line-height:1.08}.hero-copy{max-width:700px;color:var(--muted);margin-bottom:28px;font-size:clamp(1.02rem,1.5vw,1.22rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.hero-proof{flex-wrap:wrap;gap:8px;max-width:680px;display:flex}.hero-proof span{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;border-radius:8px;padding:7px 10px;font-size:.82rem;font-weight:700}.product-panel{border:1px solid var(--line);background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:8px;padding:clamp(18px,3vw,28px)}.panel-header,.route-card,.log-row,.provider-band,.enterprise-section,.footer{justify-content:space-between;align-items:center;display:flex}.panel-header{gap:16px;margin-bottom:18px}.panel-kicker,.route-card span,.metric span{color:var(--soft);font-size:.76rem;font-weight:700;display:block}.panel-header strong,.route-card strong{color:var(--ink-strong);font-size:1rem}.environment{color:var(--success);background:#effaf5;border:1px solid #b9dfd2;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:800}.route-card{border:1px solid var(--line);background:var(--surface-alt);border-radius:8px;gap:16px;margin-bottom:14px;padding:14px}.status-dot{background:var(--success);border-radius:999px;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #12805c1f}.status-dot.warn{background:var(--warning);box-shadow:0 0 0 4px #b7791f24}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.metric{border:1px solid var(--line);border-radius:8px;min-width:0;padding:12px}.metric strong{color:var(--ink-strong);margin-top:4px;font-size:clamp(1rem,1.8vw,1.35rem);display:block}.request-log{gap:8px;margin-bottom:14px;display:grid}.log-row{border:1px solid var(--line);color:var(--muted);border-radius:8px;gap:10px;padding:10px 12px;font-size:.88rem}.log-row span:nth-child(2){flex:1}.log-row strong{color:var(--ink)}.code-sample{color:#d7e7ec;text-align:left;white-space:pre;direction:ltr;background:#101820;border:1px solid #1d2b38;border-radius:8px;margin:0;padding:14px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.7;overflow-x:auto}.provider-band{border-block:1px solid var(--line);background:var(--surface);gap:18px;padding:20px clamp(20px,5vw,72px)}.provider-band>span{color:var(--muted);font-size:.9rem;font-weight:700}.provider-band div{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.provider-band strong{border:1px solid var(--line);color:var(--ink);background:#fbfcfd;border-radius:8px;padding:7px 10px;font-size:.82rem}.section{padding:clamp(64px,8vw,104px) clamp(20px,5vw,72px)}.section-heading{max-width:760px;margin-bottom:34px}.section-heading.compact{max-width:560px;margin-bottom:0}.section-heading h2,.enterprise-section h2{color:var(--ink-strong);letter-spacing:0;margin-bottom:14px;font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:1.15}.section-heading p:not(.eyebrow),.enterprise-section p:not(.eyebrow){color:var(--muted);font-size:1.02rem}.capability-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.capability-card,.workflow-step{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:22px}.capability-card h3,.workflow-step h3{color:var(--ink-strong);margin-bottom:9px;font-size:1.04rem}.capability-card p,.workflow-step p{color:var(--muted);margin-bottom:0;font-size:.92rem}.split-section{border-block:1px solid var(--line);background:var(--surface-alt);grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:start;gap:clamp(28px,5vw,70px);display:grid}.control-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.control-item{border:1px solid var(--line);min-height:58px;color:var(--ink);background:#ffffffc7;border-radius:8px;align-items:center;gap:10px;padding:12px;font-size:.92rem;font-weight:650;display:flex}.workflow{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.workflow-step span{color:var(--accent);margin-bottom:30px;font-size:.82rem;font-weight:850;display:inline-flex}.enterprise-section{border:1px solid var(--line);background:var(--ink-strong);color:#fff;border-radius:8px;gap:30px;margin:0 clamp(20px,5vw,72px) clamp(48px,7vw,80px);padding:clamp(28px,5vw,48px)}.enterprise-section>div{max-width:840px}.enterprise-section h2,.enterprise-section p:not(.eyebrow){color:#fff}.enterprise-section p:not(.eyebrow){color:#cbd5df;margin-bottom:0}.enterprise-section .eyebrow{color:#7ec6cf}.footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);flex-wrap:wrap;gap:24px;padding:26px clamp(20px,5vw,72px)}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.footer-links a{font-weight:650}.footer-links a:hover{color:var(--primary-dark)}.footer p{margin:0;font-size:.86rem}@media (width<=1060px){.topbar{grid-template-columns:auto auto}.nav-links{display:none}.hero,.split-section{grid-template-columns:1fr}.product-panel{max-width:680px}.capability-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.topbar{padding:12px 16px}.text-link,.logo-text small{display:none}.hero{min-height:auto;padding:42px 16px 34px}h1{font-size:2.35rem}.hero-actions,.provider-band,.enterprise-section,.footer{flex-direction:column;align-items:stretch}.button{width:100%}.product-panel{padding:16px}.metrics-grid,.capability-grid,.control-list,.workflow{grid-template-columns:1fr}.provider-band{padding:18px 16px}.provider-band div{justify-content:flex-start}.section{padding:58px 16px}.section-heading.compact{margin-bottom:28px}.enterprise-section{margin:0 16px 46px}}