:root {
  --bg: #070a0f;
  --surface: #0e141d;
  --surface-2: #131b25;
  --line: #23303b;
  --text: #f4f8f6;
  --muted: #8e9da9;
  --green: #5ee89a;
  --green-soft: #b9ff8d;
  --ink: #06120a;
  --radius: 18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-gutter: stable both-edges; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: radial-gradient(circle at 72% 5%, rgba(48,123,83,.22), transparent 34rem), var(--bg); }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, black, transparent 78%); }
a { color: inherit; }
button { font: inherit; }
.skip-link { position: fixed; top: -60px; left: 20px; z-index: 30; padding: 10px 14px; color: var(--ink); border-radius: 8px; background: var(--green); }
.skip-link:focus { top: 16px; }
.site-header { position: relative; z-index: 10; display: flex; align-items: center; justify-content: space-between; width: min(100% - 48px, 1240px); height: 86px; margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,.08); }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; font-size: 1rem; font-weight: 780; letter-spacing: -.02em; }
.brand img { width: 34px; height: 34px; }
.site-header nav { display: flex; align-items: center; gap: 28px; }
.site-header nav a { color: #a9b5bd; text-decoration: none; font-size: .83rem; font-weight: 650; }
.site-header nav a:hover { color: var(--text); }
.site-header .nav-cta { padding: 10px 15px; color: var(--text); border: 1px solid rgba(94,232,154,.34); border-radius: 999px; background: rgba(94,232,154,.08); }
.hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(54px,6vw,86px); align-items: center; width: min(100% - 48px,1240px); min-height: 690px; margin: 0 auto; padding: 86px 0 78px; }
.hero-copy { min-width: 0; padding-right: clamp(0px,1vw,14px); }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 25px; color: var(--green); font: 800 .7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .16em; }
.eyebrow span { width: 22px; height: 1px; background: var(--green); }
h1 { max-width: 650px; margin: 0; font-size: clamp(3rem,5.15vw,4.75rem); line-height: .98; letter-spacing: -.062em; font-weight: 740; }
h1 em { color: var(--green); font-style: normal; font-weight: inherit; }
.hero-lead { max-width: 610px; margin: 29px 0 0; color: #a5b2bb; font-size: clamp(1rem,1.4vw,1.13rem); line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 34px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 21px; text-decoration: none; border-radius: 11px; font-size: .86rem; font-weight: 780; }
.button.primary { color: var(--ink); background: linear-gradient(135deg,var(--green-soft),var(--green)); box-shadow: 0 12px 34px rgba(94,232,154,.16); }
.button.secondary { color: #dbe4e8; border: 1px solid var(--line); background: rgba(14,20,29,.72); }
.button:hover { transform: translateY(-1px); }
.trust-list { display: flex; flex-wrap: wrap; gap: 19px; margin: 27px 0 0; padding: 0; list-style: none; color: #84939e; font-size: .72rem; }
.trust-list span { margin-right: 5px; color: var(--green); }
.hero-product { position: relative; justify-self: end; width: 100%; max-width: 590px; padding-top: 16px; }
.glow { position: absolute; inset: 10% 8% 0; z-index: -1; border-radius: 50%; background: rgba(58,210,128,.14); filter: blur(70px); }
.command-card { position: relative; z-index: 2; width: 100%; margin: 0 0 22px; padding: 16px 18px; border: 1px solid rgba(94,232,154,.28); border-radius: 16px; background: rgba(11,17,24,.94); box-shadow: 0 20px 50px rgba(0,0,0,.35); }
.command-heading { display: flex; justify-content: space-between; margin-bottom: 10px; color: #75848e; font: 750 .57rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .11em; }
.platforms { color: #64717a; letter-spacing: .02em; }
.command-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }
.command-line code { overflow: hidden; color: var(--green); text-overflow: ellipsis; white-space: nowrap; font: 650 .79rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
.command-line button { flex: 0 0 auto; padding: 7px 10px; color: #dfe8e3; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-2); cursor: pointer; font-size: .65rem; }
.console-window { overflow: hidden; border: 1px solid #25323d; border-radius: 18px; background: rgba(12,17,24,.96); box-shadow: 0 36px 100px rgba(0,0,0,.48); }
.console-bar { display: flex; align-items: center; justify-content: space-between; height: 66px; padding: 0 22px; border-bottom: 1px solid #202b35; background: #0b1017; }
.mini-brand { display: flex; align-items: center; gap: 9px; font-size: .76rem; font-weight: 750; }
.mini-brand img { width: 25px; height: 25px; }
.online { display: flex; align-items: center; gap: 7px; color: #84929b; font-size: .61rem; }
.online i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(94,232,154,.1); }
.console-body { padding: 30px 23px 24px; }
.account-row,.grant-head,.approval-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.label { display: block; margin-bottom: 6px; color: #65737d; font: 750 .55rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .11em; }
.account-row strong,.account-row code { display: block; }
.account-row strong { margin-bottom: 4px; font-size: .88rem; }
.account-row code { color: #71808a; font-size: .66rem; }
.secure-pill,.live-dot,.approved { padding: 6px 8px; border-radius: 999px; font: 760 .53rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .07em; }
.secure-pill { color: var(--green); border: 1px solid rgba(94,232,154,.25); background: rgba(94,232,154,.07); }
.grant-card { margin: 24px 0 13px; padding: 20px; border: 1px solid #283541; border-radius: 13px; background: linear-gradient(145deg,#151e28,#101720); }
.grant-head strong { font-size: .85rem; }
.live-dot { color: var(--green); background: rgba(94,232,154,.09); }
.scope-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 19px 0; }
.scope-row span { padding: 6px 8px; color: #bdc8ce; border: 1px solid #2d3a46; border-radius: 6px; background: #18212b; font: 700 .52rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.grant-card dl { display: grid; grid-template-columns: repeat(3,1fr); margin: 0; padding-top: 15px; border-top: 1px solid #27333e; }
.grant-card dl div + div { padding-left: 14px; border-left: 1px solid #27333e; }
.grant-card dt { color: #64717b; font: 700 .49rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.grant-card dd { margin: 7px 0 0; color: #d8e1e5; font-size: .67rem; font-weight: 700; }
.approval-row { justify-content: flex-start; padding: 14px; border: 1px solid #26333e; border-radius: 11px; background: #0d141c; }
.approval-icon { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; color: var(--green); border-radius: 9px; background: rgba(94,232,154,.09); }
.approval-row>div:nth-child(2) { min-width: 0; flex: 1; }
.approval-row strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .7rem; }
.approved { color: var(--green); background: rgba(94,232,154,.08); }
.proof-strip { display: grid; grid-template-columns: repeat(4,1fr); width: min(100% - 48px,1240px); margin: 0 auto 80px; border-block: 1px solid rgba(255,255,255,.08); }
.proof-strip div { padding: 28px 24px; }
.proof-strip div + div { border-left: 1px solid rgba(255,255,255,.08); }
.proof-strip strong,.proof-strip span { display: block; }
.proof-strip strong { color: var(--green); font: 720 1.4rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: -.04em; }
.proof-strip span { margin-top: 8px; color: #788791; font-size: .7rem; }
.toast { position: fixed; right: 22px; bottom: 22px; z-index: 30; padding: 11px 14px; color: var(--ink); border-radius: 9px; background: var(--green); box-shadow: 0 15px 40px rgba(0,0,0,.35); font-size: .75rem; font-weight: 760; }
.section { width: min(100% - 48px,1240px); margin: 0 auto; padding: 110px 0; }
.section-heading { max-width: 780px; margin-bottom: 48px; }
.section-heading h2,.security-heading h2,.network-copy h2,.install-copy h2,.faq-section h2 { margin: 0; font-size: clamp(2.25rem,4.5vw,4.15rem); line-height: 1.04; letter-spacing: -.055em; }
.section-heading>p:not(.eyebrow),.security-heading>p,.network-copy>p:not(.eyebrow),.install-copy>p:not(.eyebrow),.split-heading>p { color: var(--muted); line-height: 1.75; }
.narrow-heading>p:not(.eyebrow) { max-width: 660px; }
.boundary-grid { display: grid; grid-template-columns: minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr); align-items: stretch; }
.boundary-card { min-width: 0; padding: 25px; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg,rgba(18,26,36,.9),rgba(10,15,22,.94)); }
.boundary-card h3 { min-height: 48px; margin: 20px 0; font-size: 1.03rem; line-height: 1.4; }
.card-index { color: var(--green); font: 750 .56rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .12em; }
.boundary-card ul { display: grid; gap: 9px; margin: 20px 0 0; padding: 16px 0 0; border-top: 1px solid var(--line); list-style: none; color: #80909a; font-size: .68rem; }
.boundary-card li::before { content: "·"; margin-right: 8px; color: var(--green); }
.intent-message { padding: 15px; border: 1px solid #25333e; border-radius: 10px; background: #0b1118; }
.intent-message span { color: var(--green); font: 700 .56rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.intent-message p { margin: 8px 0 0; color: #c5d0d5; font-size: .74rem; line-height: 1.55; }
.boundary-arrow { display: grid; place-items: center; align-content: center; gap: 8px; color: var(--green); font-size: 1rem; }
.boundary-arrow span { color: #55636d; font: 700 .46rem ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .1em; }
.policy-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.policy-checks div { display: grid; grid-template-columns: auto 1fr; gap: 2px 7px; padding: 10px; border: 1px solid #273641; border-radius: 9px; background: #0d141c; }
.policy-checks span { grid-row: 1/3; align-self: center; color: var(--green); }
.policy-checks b { font-size: .65rem; }.policy-checks small { color: #687680; font-size: .56rem; }
.result-status { display: flex; align-items: center; gap: 11px; min-height: 79px; padding: 15px; border: 1px solid rgba(94,232,154,.22); border-radius: 10px; background: rgba(94,232,154,.055); }
.result-status i { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(94,232,154,.1); }
.result-status b,.result-status code { display: block; }.result-status b { font-size: .69rem; }.result-status code { margin-top: 5px; color: #71808a; font-size: .58rem; }
.security-section { position: relative; }
.security-section::before { content: ""; position: absolute; inset: 40px -100vw; z-index: -1; border-block: 1px solid rgba(255,255,255,.06); background: #090e14; }
.security-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.55fr); gap: 80px; align-items: end; margin-bottom: 54px; }
.security-heading>p { margin: 0; }
.security-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-radius: 17px; background: #0c1219; }
.security-grid article { position: relative; min-height: 330px; padding: 30px; }
.security-grid article + article { border-left: 1px solid var(--line); }
.security-number { color: #50606a; font: 700 .55rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.security-symbol { display: grid; place-items: center; width: 76px; height: 76px; margin: 48px 0 29px; color: var(--green); border: 1px solid rgba(94,232,154,.24); border-radius: 22px; background: radial-gradient(circle,rgba(94,232,154,.14),rgba(94,232,154,.03)); font: 780 .75rem ui-monospace,SFMono-Regular,Consolas,monospace; box-shadow: inset 0 0 30px rgba(94,232,154,.05); }
.security-grid h3 { margin: 0 0 12px; font-size: 1.03rem; }.security-grid p { margin: 0; color: var(--muted); font-size: .77rem; line-height: 1.72; }
.security-note { display: grid; grid-template-columns: 130px 1fr; gap: 24px; margin-top: 16px; padding: 18px 24px; border: 1px solid rgba(94,232,154,.18); border-radius: 12px; background: rgba(94,232,154,.045); }
.security-note span { color: var(--green); font: 750 .62rem ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .1em; }.security-note p { margin: 0; color: #91a19b; font-size: .72rem; line-height: 1.65; }
.split-heading { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(280px,.6fr); gap: 80px; align-items: end; max-width: none; }
.split-heading>p { margin: 0; }
.capability-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-radius: 17px; overflow: hidden; }
.capability-grid article { min-height: 230px; padding: 27px; background: linear-gradient(145deg,rgba(17,24,33,.85),rgba(9,14,20,.9)); }
.capability-grid article:nth-child(n+4) { border-top: 1px solid var(--line); }.capability-grid article:not(:nth-child(3n+1)) { border-left: 1px solid var(--line); }
.capability-grid span { color: var(--green); font: 760 .57rem ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .12em; }
.capability-grid h3 { margin: 42px 0 12px; font-size: 1.12rem; }.capability-grid p { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.7; }
.network-section { display: grid; grid-template-columns: minmax(320px,.72fr) minmax(0,1.28fr); gap: 90px; width: min(100% - 48px,1240px); margin: 20px auto; padding: 72px; border: 1px solid rgba(94,232,154,.18); border-radius: 20px; background: radial-gradient(circle at 15% 0,rgba(94,232,154,.1),transparent 45%),#0b1118; }
.network-copy h2 { font-size: clamp(2rem,3.7vw,3.3rem); }.network-copy p:not(.eyebrow) { margin-bottom: 0; }
.network-list { display: grid; grid-template-columns: repeat(2,1fr); align-content: center; gap: 8px; }
.network-list span { display: flex; justify-content: space-between; padding: 13px 15px; color: #a6b3ba; border: 1px solid #24313c; border-radius: 9px; background: rgba(8,13,19,.68); font-size: .72rem; }.network-list b { color: #5d6d77; font: 650 .64rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.workflow-section { padding-bottom: 130px; }
.workflow-list { display: grid; grid-template-columns: repeat(3,1fr); margin: 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.workflow-list li { padding: 30px; }.workflow-list li + li { border-left: 1px solid var(--line); }
.workflow-list>li>span { color: var(--green); font: 700 .68rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.workflow-list h3 { margin: 54px 0 13px; font-size: 1.1rem; }.workflow-list p { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.75; }
.install-section { position: relative; width: min(100% - 48px,1240px); margin: 0 auto; padding: 80px; overflow: hidden; border: 1px solid rgba(94,232,154,.24); border-radius: 23px; background: radial-gradient(circle at 85% 15%,rgba(94,232,154,.16),transparent 35%),linear-gradient(135deg,#101921,#091017); }
.install-section::after { content: "AS"; position: absolute; right: 4%; bottom: -24%; z-index: 0; color: rgba(94,232,154,.035); font-size: 20rem; font-weight: 900; letter-spacing: -.13em; }
.install-copy,.install-terminal,.install-links { position: relative; z-index: 1; }
.install-copy { max-width: 730px; }.install-copy>p:not(.eyebrow) { max-width: 570px; }
.install-terminal { max-width: 780px; margin-top: 40px; overflow: hidden; border: 1px solid #2b3945; border-radius: 13px; background: #070c11; box-shadow: 0 24px 60px rgba(0,0,0,.34); }
.install-terminal>div { display: flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border-bottom: 1px solid #1d2831; background: #0e151d; }.install-terminal>div span { width: 7px; height: 7px; border-radius: 50%; background: #34424d; }.install-terminal>div b { margin-left: 8px; color: #65747e; font: 650 .55rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.install-terminal pre { margin: 0; padding: 26px 22px 17px; overflow-x: auto; }.install-terminal code { color: #dce5e1; font: 650 clamp(.75rem,1.7vw,.97rem) ui-monospace,SFMono-Regular,Consolas,monospace; }.install-terminal code i { margin-right: 12px; color: var(--green); font-style: normal; }
.install-terminal button { margin: 0 0 19px 22px; padding: 8px 11px; color: var(--green); border: 1px solid rgba(94,232,154,.24); border-radius: 7px; background: rgba(94,232,154,.06); cursor: pointer; font-size: .65rem; }
.install-links { display: flex; flex-wrap: wrap; gap: 26px; margin-top: 27px; }.install-links a { color: #9eacb4; text-decoration: none; font-size: .75rem; }.install-links a:hover { color: var(--green); }.install-links span { color: var(--green); }
.faq-section { display: grid; grid-template-columns: minmax(260px,.65fr) minmax(0,1.35fr); gap: 100px; }
.faq-section h2 { font-size: clamp(2rem,4vw,3.5rem); }
.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 0; cursor: pointer; list-style: none; font-size: .9rem; font-weight: 680; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { content: "+"; color: var(--green); font-size: 1.3rem; font-weight: 400; }.faq-list details[open] summary::after { content: "−"; }.faq-list p { max-width: 680px; margin: -5px 0 24px; color: var(--muted); font-size: .78rem; line-height: 1.75; }
footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; width: min(100% - 48px,1240px); margin: 0 auto; padding: 35px 0 50px; border-top: 1px solid rgba(255,255,255,.08); }footer p { color: #65737c; font-size: .7rem; }footer>div { display: flex; justify-content: flex-end; gap: 22px; }footer>div a { color: #87959e; text-decoration: none; font-size: .7rem; }
@media (max-width: 980px) { .hero { grid-template-columns: 1fr; padding-top: 70px; }.hero-copy { max-width: 760px; padding-right: 0; }.hero-product { justify-self: center; width: min(100%,590px); }.proof-strip { grid-template-columns: repeat(2,1fr); }.proof-strip div:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255,255,255,.08); }.proof-strip div:nth-child(4) { border-top: 1px solid rgba(255,255,255,.08); } }
@media (max-width: 980px) { .boundary-grid { grid-template-columns: 1fr; gap: 12px; }.boundary-arrow { min-height: 34px; transform: rotate(90deg); }.boundary-card h3 { min-height: 0; }.security-heading,.split-heading,.network-section,.faq-section { grid-template-columns: 1fr; gap: 30px; }.security-grid { grid-template-columns: 1fr; }.security-grid article { min-height: 0; }.security-grid article + article { border-left: 0; border-top: 1px solid var(--line); }.security-symbol { margin: 30px 0 24px; }.capability-grid { grid-template-columns: repeat(2,1fr); }.capability-grid article:nth-child(3) { border-top: 1px solid var(--line); }.capability-grid article:not(:nth-child(3n+1)) { border-left: 0; }.capability-grid article:nth-child(2n) { border-left: 1px solid var(--line); }.network-section { padding: 52px; }.workflow-list { grid-template-columns: 1fr; }.workflow-list li + li { border-top: 1px solid var(--line); border-left: 0; }.workflow-list h3 { margin-top: 24px; } }
@media (max-width: 620px) { .site-header { width: min(100% - 32px,1240px); height: 70px; }.site-header nav>a:not(.nav-cta) { display: none; }.hero { width: min(100% - 32px,1240px); min-height: 0; padding: 58px 0; }.hero h1 { font-size: clamp(2.8rem,15vw,4.2rem); }.hero-lead { font-size: .96rem; }.hero-actions { display: grid; }.button { width: 100%; }.trust-list { display: grid; gap: 9px; }.command-card { width: calc(100% - 20px); }.platforms { display: none; }.console-body { padding-inline: 15px; }.secure-pill { display: none; }.grant-card { padding: 16px; }.grant-card dl { gap: 11px; }.grant-card dl div + div { padding-left: 9px; }.approved { display: none; }.proof-strip { width: min(100% - 32px,1240px); }.proof-strip div { padding: 22px 14px; } }
@media (max-width: 620px) { .section { width: min(100% - 32px,1240px); padding: 80px 0; }.security-note { grid-template-columns: 1fr; gap: 9px; }.capability-grid { grid-template-columns: 1fr; }.capability-grid article { min-height: 190px; }.capability-grid article:nth-child(n+2),.capability-grid article:nth-child(2n) { border-top: 1px solid var(--line); border-left: 0; }.network-section { width: min(100% - 32px,1240px); padding: 34px 22px; }.network-list { grid-template-columns: 1fr; }.workflow-list li { padding: 26px 8px; }.install-section { width: min(100% - 32px,1240px); padding: 48px 22px; }.install-section::after { display: none; }.install-terminal pre { padding-inline: 14px; }.install-terminal button { margin-left: 14px; }.faq-section { gap: 42px; }footer { grid-template-columns: 1fr auto; width: min(100% - 32px,1240px); }footer p { grid-column: 1/-1; grid-row: 2; margin: 0; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.button:hover { transform: none; } }