:root {
  --ink: #f3f5ef; --ink-dark: #112019; --muted: #aab6ad; --muted-dark: #5d6d64;
  --ground: #07120e; --surface: #0c1c15; --paper: #e9ede5; --line: #29463a;
  --line-light: #cbd3ca; --signal: #a6f286; --signal-dark: #3d6e2e;
  --radius: 1.4rem;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ground); }
body {
  margin: 0; color: var(--ink);
  background: radial-gradient(circle at 83% 7%, rgba(101,214,126,.12), transparent 26rem), linear-gradient(180deg,#081711 0,var(--ground) 31rem);
  font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size: 1rem; line-height: 1.55; text-rendering: optimizeLegibility;
}
a { color: inherit; } img { display: block; max-width: 100%; } p,h1,h2,h3 { margin-top: 0; }
.site-header, main > section, footer { width: min(76rem,calc(100% - 3rem)); margin-inline: auto; }
.site-header { min-height: 6rem; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; border-bottom: 1px solid var(--line); }
.brand,.footer-brand { display: inline-flex; align-items: center; gap: .8rem; font-size: .86rem; font-weight: 650; line-height: 1.05; letter-spacing: -.01em; text-decoration: none; }
.brand b { color: var(--signal); font-weight: 700; }
.brand-mark { width: 2.55rem; height: 2.55rem; display: flex; align-items: flex-end; justify-content: center; gap: .18rem; padding: .65rem .5rem; border: 1px solid rgba(166,242,134,.45); border-radius: .72rem; background: rgba(166,242,134,.08); }
.brand-mark i { display: block; width: .25rem; border-radius: .2rem; background: var(--signal); }
.brand-mark i:nth-child(1) { height: 42%; opacity: .6; } .brand-mark i:nth-child(2) { height: 70%; opacity: .8; } .brand-mark i:nth-child(3) { height: 100%; }
.brand-mark.small { width: 2rem; height: 2rem; padding: .48rem .4rem; border-radius: .55rem; }
nav { display: flex; align-items: center; gap: 2rem; } nav a { color: var(--muted); font-size: .84rem; text-decoration: none; }
nav a:hover,nav a:focus-visible { color: var(--ink); }
.header-status { justify-self: end; display: inline-flex; align-items: center; gap: .5rem; color: var(--muted); font-size: .78rem; text-decoration: none; }
.header-status > span { width: .5rem; height: .5rem; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 .25rem rgba(166,242,134,.1); }

.hero { display: grid; grid-template-columns: minmax(0,.92fr) minmax(28rem,1.08fr); align-items: center; gap: clamp(3rem,7vw,7rem); padding: clamp(4.5rem,8vw,7.5rem) 0 6rem; }
.hero-copy { position: relative; z-index: 1; }
.eyebrow { margin-bottom: 1.15rem; color: var(--signal); font: 750 .72rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .15em; text-transform: uppercase; }
h1 { max-width: 10ch; margin-bottom: 1.55rem; font-size: clamp(3.5rem,6.5vw,6.3rem); line-height: .94; letter-spacing: -.071em; text-wrap: balance; }
h2 { margin-bottom: 1.25rem; font-size: clamp(2.25rem,4.6vw,4.5rem); line-height: 1; letter-spacing: -.061em; text-wrap: balance; }
h3 { font-size: 1.35rem; line-height: 1.2; letter-spacing: -.028em; }
.lead { max-width: 37rem; margin-bottom: 2rem; color: var(--muted); font-size: clamp(1.08rem,1.8vw,1.3rem); }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.25rem; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.45rem; padding: .8rem 1.1rem; border: 1px solid transparent; border-radius: .8rem; font-size: .88rem; font-weight: 750; text-decoration: none; }
.button-primary { min-width: 15.6rem; color: #07120e; background: var(--signal); } .button-primary:hover,.button-primary:focus-visible { background: #bbff9e; }
.button-secondary { min-width: 13rem; border-color: #61736a; } .button-secondary:hover,.button-secondary:focus-visible { border-color: var(--signal); }
.text-link { color: var(--muted); font-size: .87rem; text-decoration: none; } .text-link:hover,.text-link:focus-visible { color: var(--ink); }
.microcopy { margin: 1.3rem 0 0; color: #7f9087; font-size: .73rem; }
.hero-visual { position: relative; margin: 0; }
.hero-visual::before { content: ""; position: absolute; inset: -1rem 1rem 1rem -1rem; z-index: -1; border: 1px solid var(--line); border-radius: 1.7rem; }
.hero-visual img { width: 100%; aspect-ratio: 3/2; object-fit: cover; object-position: 54% center; border-radius: var(--radius); filter: saturate(.84) contrast(1.04); }
.hero-visual::after { content: ""; position: absolute; inset: 0; border-radius: var(--radius); background: linear-gradient(90deg,rgba(5,14,10,.34),transparent 38%),linear-gradient(0deg,rgba(5,14,10,.28),transparent 38%); pointer-events: none; }
.image-note { position: absolute; z-index: 1; top: .75rem; right: .75rem; padding: .3rem .5rem; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: rgba(255,255,255,.72); background: rgba(7,18,14,.58); font-size: .6rem; letter-spacing: .04em; text-transform: uppercase; backdrop-filter: blur(8px); }
.decision-note { position: absolute; z-index: 1; right: -1.5rem; bottom: 2rem; display: flex; align-items: center; gap: .8rem; min-width: 17rem; padding: .85rem 1rem; border: 1px solid rgba(166,242,134,.32); border-radius: .95rem; background: rgba(7,18,14,.9); box-shadow: 0 1.2rem 3rem rgba(0,0,0,.26); backdrop-filter: blur(10px); }
.decision-note small,.decision-note strong { display: block; } .decision-note small { color: var(--muted); font-size: .66rem; text-transform: uppercase; letter-spacing: .1em; } .decision-note strong { margin-top: .12rem; font-size: .86rem; }
.decision-icon { width: 2rem; height: 2rem; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: var(--ground); background: var(--signal); font-weight: 900; }

.proof-strip { display: grid; grid-template-columns: repeat(3,1fr) 1.4fr; border-block: 1px solid var(--line); }
.proof-strip > * { margin: 0; padding: 1.5rem 1.25rem; } .proof-strip > * + * { border-left: 1px solid var(--line); }
.proof-strip strong,.proof-strip span { display: block; } .proof-strip strong { color: var(--signal); font-size: 1.5rem; line-height: 1; letter-spacing: -.04em; }
.proof-strip span { margin-top: .35rem; color: var(--muted); font-size: .76rem; } .proof-strip p { align-self: center; color: #71827a; font-size: .72rem; }
.intro { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(22rem,.85fr); align-items: end; gap: clamp(3rem,8vw,8rem); padding: 9rem 0 6rem; }
.intro h2 { max-width: 14ch; } .section-lead { margin: 0 0 .5rem; color: var(--muted); font-size: 1.08rem; }

.product { width: 100%; max-width: none; display: grid; grid-template-columns: minmax(20rem,.72fr) minmax(35rem,1.28fr); gap: clamp(3rem,7vw,7rem); padding: clamp(4rem,7vw,7rem) max(1.5rem,calc((100vw - 76rem)/2)); color: var(--ink-dark); background: var(--paper); }
.product .eyebrow { color: var(--signal-dark); } .product-copy h2 { max-width: 11ch; } .product-copy > p:not(.eyebrow) { max-width: 31rem; color: var(--muted-dark); }
.check-list { margin: 2.3rem 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line-light); }
.check-list li { display: grid; grid-template-columns: 2rem 1fr; gap: .65rem; padding: .8rem 0; border-bottom: 1px solid var(--line-light); font-size: .86rem; font-weight: 650; }
.check-list span { color: var(--signal-dark); font: 700 .7rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; }
.brief { align-self: center; overflow: hidden; border: 1px solid #b9c3b9; border-radius: 1.35rem; background: #f7f8f4; box-shadow: 0 1.8rem 4rem rgba(22,44,31,.12); }
.brief-header { display: flex; justify-content: space-between; gap: 1.5rem; padding: 1.55rem; border-bottom: 1px solid var(--line-light); }
.brief-header h3 { max-width: 25rem; margin: .45rem 0 0; } .brief-kicker { color: var(--signal-dark); font: 700 .68rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .08em; text-transform: uppercase; }
.score { align-self: flex-start; min-width: 5.7rem; padding: .48rem .65rem; border: 1px solid #bbcfb6; border-radius: .7rem; color: var(--muted-dark); text-align: center; font-size: .72rem; } .score small,.score span { display: block; } .score small { margin-bottom: .15rem; font-size: .55rem; letter-spacing: .06em; text-transform: uppercase; } .score b { color: var(--signal-dark); font-size: 1.35rem; letter-spacing: -.05em; }
.brief-meta { display: grid; grid-template-columns: repeat(3,1fr); padding: 1rem 1.55rem; border-bottom: 1px solid var(--line-light); }
.brief-meta > div + div { padding-left: 1rem; border-left: 1px solid var(--line-light); } .brief-meta small,.brief-meta strong { display: block; }
.brief-meta small { color: var(--muted-dark); font-size: .66rem; text-transform: uppercase; letter-spacing: .07em; } .brief-meta strong { margin-top: .25rem; font-size: .78rem; }
.brief-grid { display: grid; grid-template-columns: 1.15fr .85fr; } .signal-panel,.decision-panel { padding: 1.45rem 1.55rem; }
.decision-panel { border-left: 1px solid var(--line-light); background: #eef2ea; }
.panel-label { margin-bottom: 1rem; color: var(--muted-dark); font-size: .67rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.signal-panel ul { margin: 0; padding: 0; list-style: none; } .signal-panel li { display: grid; grid-template-columns: .7rem 1fr; gap: .65rem; padding: .55rem 0; }
.signal-panel strong,.signal-panel small { display: block; } .signal-panel strong { font-size: .79rem; } .signal-panel small { margin-top: .12rem; color: var(--muted-dark); font-size: .7rem; }
.dot { width: .55rem; height: .55rem; margin-top: .3rem; border-radius: 50%; } .dot.positive { background: #579742; box-shadow: 0 0 0 .2rem rgba(87,151,66,.12); } .dot.caution { background: #c38b22; box-shadow: 0 0 0 .2rem rgba(195,139,34,.12); }
.decision-panel > strong { display: block; margin-bottom: .5rem; font-size: 1.35rem; letter-spacing: -.035em; } .decision-panel > p:not(.panel-label) { color: var(--muted-dark); font-size: .75rem; }
.source-chip { display: inline-block; margin-top: .7rem; padding: .4rem .6rem; border: 1px solid #bdcbb9; border-radius: 999px; color: var(--signal-dark); font-size: .66rem; font-weight: 750; }

.use-cases { padding: 9rem 0; } .section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; } .section-heading h2 { max-width: 12ch; }
.role-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 3.5rem; border-block: 1px solid var(--line); }
.role-grid article { min-height: 20rem; padding: 1.6rem 2rem 1.8rem 0; } .role-grid article + article { padding-left: 2rem; border-left: 1px solid var(--line); }
.role-number { color: var(--signal); font: 700 .7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.role { margin: 3.5rem 0 .65rem; color: var(--muted); font-size: .74rem; text-transform: uppercase; letter-spacing: .08em; }
.role-grid h3 { max-width: 13ch; margin-bottom: 1rem; font-size: 1.75rem; } .role-grid article > p:not(.role) { color: var(--muted); }
.role-grid article > strong { display: block; margin-top: 2rem; color: var(--signal); font-size: .78rem; }
.workflow { display: grid; grid-template-columns: minmax(20rem,.8fr) minmax(30rem,1.2fr); gap: clamp(3rem,8vw,8rem); padding: 7rem 0; border-top: 1px solid var(--line); }
.workflow-copy h2 { max-width: 10ch; } .workflow-copy > p:last-child { max-width: 28rem; color: var(--muted); }
.workflow ol { margin: 0; padding: 0; list-style: none; counter-reset: process; } .workflow li { counter-increment: process; display: grid; grid-template-columns: 7rem 1fr; gap: 1.5rem; padding: 1.25rem 0; border-top: 1px solid var(--line); }
.workflow li:last-child { border-bottom: 1px solid var(--line); } .workflow li > span { font-size: 1rem; font-weight: 750; }
.workflow li > span::before { content: "0" counter(process) "  "; color: var(--signal); font: 700 .68rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.workflow li p { margin: 0; color: var(--muted); font-size: .86rem; }
.sources { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; padding: 7rem 0; border-top: 1px solid var(--line); } .sources h2 { max-width: 9ch; }
.source-list { border-top: 1px solid var(--line); } .source-list a { display: flex; justify-content: space-between; gap: 1rem; padding: 1.15rem 0; border-bottom: 1px solid var(--line); font-size: .88rem; font-weight: 700; text-decoration: none; }
.source-list a span { color: var(--muted); font-size: .75rem; font-weight: 500; } .source-list a:hover,.source-list a:focus-visible { color: var(--signal); }
.closing { padding: 8rem 0; text-align: center; } .closing h2 { max-width: 15ch; margin-inline: auto; }
.closing > p:not(.eyebrow) { max-width: 42rem; margin: 0 auto 2rem; color: var(--muted); }
footer { min-height: 7rem; display: grid; grid-template-columns: 1fr 1.5fr 1fr; align-items: center; gap: 2rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .75rem; }
footer p { margin: 0; text-align: center; } footer > span { justify-self: end; }

@media (max-width: 980px) {
  .site-header { grid-template-columns: 1fr auto; } nav { display: none; } .hero { grid-template-columns: 1fr; }
  .hero-copy { max-width: 43rem; } .hero-visual { width: min(48rem,calc(100% - 1.5rem)); justify-self: center; }
  .proof-strip { grid-template-columns: repeat(3,1fr); } .proof-strip p { grid-column: 1/-1; border-top: 1px solid var(--line); border-left: 0; text-align: center; }
  .product { grid-template-columns: 1fr; } .product-copy { max-width: 42rem; }
}
@media (max-width: 720px) {
  .site-header,main > section,footer { width: min(100% - 2rem,42rem); } .site-header { min-height: 5rem; } .header-status { display: none; }
  h1 { font-size: clamp(3.1rem,15vw,4.8rem); } .hero { padding-top: 4rem; gap: 3rem; } .hero-visual { width: 100%; } .hero-visual::before { display: none; }
  .decision-note { right: .75rem; bottom: .75rem; min-width: 0; } .proof-strip { grid-template-columns: 1fr; }
  .proof-strip > * + * { border-left: 0; border-top: 1px solid var(--line); } .proof-strip p { grid-column: auto; }
  .intro,.workflow,.sources { grid-template-columns: 1fr; gap: 2.5rem; } .intro { padding-top: 6rem; }
  .product { width: 100%; grid-template-columns: 1fr; padding-inline: 1rem; }
  .brief-meta,.brief-grid { grid-template-columns: 1fr; } .brief-meta > div + div { margin-top: .8rem; padding: .8rem 0 0; border-top: 1px solid var(--line-light); border-left: 0; }
  .decision-panel { border-top: 1px solid var(--line-light); border-left: 0; } .role-grid { grid-template-columns: 1fr; }
  .role-grid article { min-height: 0; padding: 1.7rem 0; } .role-grid article + article { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
  .role { margin-top: 1.8rem; } .workflow li { grid-template-columns: 6.3rem 1fr; }
  footer { grid-template-columns: 1fr; padding: 2rem 0; } footer p { text-align: left; } footer > span { justify-self: start; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }