:root {
  --ink: #07110f;
  --ink-2: #0b1815;
  --panel: #10201c;
  --paper: #f5f7f2;
  --paper-2: #e9eee8;
  --muted: #9eb0a9;
  --muted-dark: #5e6d67;
  --line: rgba(182, 211, 199, .16);
  --green: #43f2b5;
  --green-dark: #1cae7b;
  --cyan: #68d7e8;
  --amber: #ffc56b;
  --white: #f9fffc;
  --radius: 22px;
  --max: 1220px;
  --shadow: 0 30px 90px rgba(1, 12, 9, .28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--white);
  background: var(--ink);
  font-family: Inter, "SF Pro Display", "Segoe UI", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
button, input, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
::selection { background: var(--green); color: var(--ink); }

.skip-link { position: fixed; left: 16px; top: -100px; z-index: 100; padding: 10px 16px; color: var(--ink); background: var(--green); border-radius: 8px; }
.skip-link:focus { top: 16px; }
.site-header {
  position: fixed;
  z-index: 50;
  top: 18px;
  left: 50%;
  width: min(calc(100% - 32px), 1360px);
  height: 68px;
  padding: 0 10px 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid transparent;
  border-radius: 17px;
  transform: translateX(-50%);
  transition: background .3s ease, border .3s ease, box-shadow .3s ease, top .3s ease;
}
.site-header.scrolled { top: 10px; background: rgba(7, 17, 15, .82); border-color: var(--line); box-shadow: 0 15px 50px rgba(0,0,0,.24); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: 172px; }
.brand-mark { width: 36px; height: 36px; color: var(--green); filter: drop-shadow(0 0 16px rgba(67,242,181,.24)); }
.brand-copy { display: flex; align-items: baseline; gap: 7px; letter-spacing: -.03em; }
.brand-copy strong { font-size: 19px; }
.brand-copy small { font: 700 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .16em; color: var(--green); }
.nav-links { display: flex; gap: 32px; font-size: 14px; color: #c2d0ca; }
.nav-links a { position: relative; padding: 12px 0; transition: color .2s; }
.nav-links a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 7px; height: 1px; background: var(--green); transition: right .2s ease; }
.nav-links a:hover { color: var(--white); }
.nav-links a:hover::after { right: 0; }

.button { border: 0; border-radius: 12px; min-height: 50px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; font-weight: 720; font-size: 14px; cursor: pointer; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--green); color: #03100c; box-shadow: 0 12px 32px rgba(67,242,181,.17); }
.button-primary:hover { background: #66fac8; box-shadow: 0 16px 38px rgba(67,242,181,.25); }
.button-ghost { background: rgba(255,255,255,.05); border: 1px solid var(--line); color: var(--white); }
.button-small { min-height: 46px; border-radius: 11px; padding: 0 17px; }
.button-light { width: 100%; color: var(--ink); background: var(--white); }
.button-wide { width: 100%; }

.hero {
  position: relative;
  min-height: 930px;
  padding: 184px max(24px, calc((100vw - var(--max))/2)) 120px;
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 68px;
  align-items: center;
  isolation: isolate;
}
.hero-grid { position: absolute; inset: 0; z-index: -3; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 92%); }
.hero::after { content:""; position:absolute; inset:0; z-index:-2; background: radial-gradient(circle at 86% 35%, rgba(47,184,145,.14), transparent 34%), linear-gradient(180deg, rgba(7,17,15,.1), var(--ink) 94%); }
.orb { position: absolute; width: 520px; height: 520px; z-index:-1; border-radius: 50%; filter: blur(90px); opacity: .13; background: var(--green); }
.orb-one { right: 6%; top: 12%; }
.hero-copy { max-width: 570px; position: relative; z-index: 2; }
.eyebrow, .kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 26px; color: var(--green); font: 700 11px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; text-transform: uppercase; }
.live-dot { position: relative; width: 7px; height: 7px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(67,242,181,.1); }
.live-dot::after { content:""; position:absolute; inset:-5px; border:1px solid var(--green); border-radius:50%; animation: ping 2s infinite; }
@keyframes ping { 0% { transform:scale(.5); opacity:1 } 80%,100% { transform:scale(1.7); opacity:0 } }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 620px; margin-bottom: 27px; font-size: clamp(50px, 5.25vw, 78px); line-height: .98; letter-spacing: -.058em; font-weight: 760; }
.hero-lead { max-width: 590px; margin-bottom: 34px; color: #b5c6bf; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.6; letter-spacing: -.015em; }
.hero-actions { display: flex; align-items: center; gap: 27px; }
.text-link { padding: 12px 0; border:0; background:transparent; color:#d8e4df; font-size:14px; font-weight:680; cursor:pointer; }
.text-link span { color: var(--green); margin-left: 8px; }
.trust-row { margin-top: 36px; padding-top: 26px; display:flex; flex-wrap:wrap; gap:22px; border-top:1px solid var(--line); color:#9fb1aa; font-size:12px; }
.trust-row span { display:inline-flex; align-items:center; gap:7px; }
.trust-row svg { width:15px; height:15px; fill:none; stroke:var(--green); stroke-width:2; }

.console-wrap { position: relative; width: 100%; min-width: 0; perspective: 1200px; }
.console-glow { position:absolute; inset:12% 6% 0; background:rgba(67,242,181,.18); filter:blur(60px); }
.console { position:relative; overflow:hidden; border:1px solid rgba(153,204,184,.22); border-radius:20px; background:rgba(10,25,21,.91); box-shadow:0 35px 110px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.03); transform:rotateY(-3deg) rotateX(1deg); transform-origin:left center; }
.console-topbar { height:58px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(255,255,255,.018); }
.console-brand { display:flex; align-items:center; gap:9px; font:650 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; color:#cfddd8; }
.mini-shield { color: var(--green); }
.console-status { display:flex; align-items:center; gap:8px; color:#9aada5; font-size:10px; }
.console-status span { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
.console-body { padding:20px; }
.metric-row { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:10px; }
.metric { min-width:0; padding:17px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.025); }
.metric.featured { background:linear-gradient(145deg, rgba(67,242,181,.12), rgba(255,255,255,.02)); border-color:rgba(67,242,181,.25); }
.metric small,.metric em { display:block; overflow:hidden; color:#82958d; font-size:9px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.metric strong { display:block; margin:8px 0 6px; font-size:27px; letter-spacing:-.05em; }
.metric strong span { color:#61736b; font-size:11px; letter-spacing:0; }
.metric.featured strong { color:var(--green); }
.console-panels { display:grid; grid-template-columns:1.35fr .9fr; gap:10px; margin-top:10px; }
.threat-panel,.pulse-panel { min-width:0; padding:17px; border:1px solid var(--line); border-radius:13px; background:#0a1714; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; font-size:10px; color:#b9c8c2; }
.panel-heading small { color:var(--green); font:700 8px/1 ui-monospace, monospace; letter-spacing:.08em; }
.event-list { display:flex; flex-direction:column; gap:7px; }
.event { min-width:0; display:grid; grid-template-columns:48px 34px minmax(0,1fr) auto; align-items:center; gap:8px; padding:9px 8px; color:#99aaa3; border:1px solid transparent; border-radius:9px; transition:background .3s,border .3s; }
.event.active { background:rgba(67,242,181,.07); border-color:rgba(67,242,181,.15); }
.event time { color:#60736b; font:8px/1 ui-monospace,monospace; }
.event-icon { display:grid; place-items:center; width:32px; height:26px; border-radius:6px; color:var(--green); background:rgba(67,242,181,.08); font:700 7px/1 ui-monospace,monospace; }
.event div { min-width:0; }
.event b,.event small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.event b { margin-bottom:4px; color:#c7d6d0; font-size:9px; font-weight:600; }
.event small { color:#667a71; font-size:8px; }
.event i { padding:4px 6px; border-radius:5px; color:var(--green); background:rgba(67,242,181,.08); font-size:7px; font-style:normal; }
.pulse-panel svg { width:100%; height:auto; overflow:visible; }
.pulse-panel .grid-line { fill:none; stroke:rgba(255,255,255,.05); stroke-width:1; }
.pulse-panel .area { fill:url(#area); }
.pulse-panel .line { fill:none; stroke:var(--green); stroke-width:2; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 4px rgba(67,242,181,.4)); }
.pulse-panel circle { fill:var(--ink); stroke:var(--green); stroke-width:2; }
.pulse-footer { display:flex; justify-content:space-between; gap:10px; margin-top:13px; color:#64766e; font-size:7px; }
.pulse-footer b { display:block; margin-bottom:3px; color:#b9c9c2; font-size:11px; }
.demo-note { padding:8px 20px; text-align:right; border-top:1px solid var(--line); color:#546860; background:rgba(0,0,0,.12); font-size:8px; letter-spacing:.05em; text-transform:uppercase; }

.platform { padding:120px max(24px, calc((100vw - var(--max))/2)) 140px; background:var(--paper); color:var(--ink); }
.section-intro { display:grid; grid-template-columns:1fr .62fr; gap:80px; align-items:end; margin-bottom:64px; }
.section-intro .kicker { margin-bottom:23px; color:#16845f; }
.section-intro h2 { margin-bottom:0; font-size:clamp(40px,5vw,64px); line-height:1.02; letter-spacing:-.052em; }
.section-intro > p { max-width:460px; margin:0 0 5px; color:var(--muted-dark); font-size:16px; line-height:1.7; }
.flow-shell { overflow:hidden; border:1px solid #cfdbd4; border-radius:var(--radius); background:#fff; box-shadow:0 24px 70px rgba(10,36,28,.09); }
.flow-tabs { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #dce5e0; }
.flow-tab { position:relative; min-height:72px; padding:0 24px; display:flex; align-items:center; justify-content:center; gap:12px; border:0; border-right:1px solid #e1e8e4; background:#f9fbf8; color:#7e8d86; font-size:14px; font-weight:680; cursor:pointer; transition:background .2s,color .2s; }
.flow-tab:last-child { border-right:0; }
.flow-tab span { color:#9eaaa4; font:700 10px/1 ui-monospace,monospace; }
.flow-tab::after { content:""; position:absolute; left:24px; right:24px; bottom:-1px; height:2px; background:var(--green-dark); transform:scaleX(0); transition:transform .25s; }
.flow-tab.active { color:var(--ink); background:#fff; }
.flow-tab.active span { color:#16845f; }
.flow-tab.active::after { transform:scaleX(1); }
.flow-content { min-height:430px; padding:58px; display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:68px; }
.flow-visual { min-height:280px; display:grid; grid-template-columns:1fr 82px 1fr 82px 1fr; align-items:center; padding:40px 30px; border-radius:17px; background:#071511; color:white; }
.flow-source,.flow-destination { min-width:0; padding:18px 14px; border:1px solid rgba(255,255,255,.12); border-radius:10px; text-align:center; background:rgba(255,255,255,.04); }
.flow-source span,.flow-destination span { display:block; margin-bottom:8px; color:#758b82; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.flow-source b,.flow-destination b { display:block; overflow:hidden; text-overflow:ellipsis; font:600 9px/1.2 ui-monospace,monospace; white-space:nowrap; }
.flow-destination b { color:var(--green); }
.flow-line { position:relative; height:1px; background:#34544a; }
.flow-line i { position:absolute; top:-2px; width:5px; height:5px; border-radius:50%; background:var(--amber); animation:packet 2s linear infinite; }
.flow-line i:nth-child(2) { animation-delay:.65s; }.flow-line i:nth-child(3){animation-delay:1.3s}.flow-line.out i{background:var(--green)}
@keyframes packet { 0%{left:0;opacity:0} 20%{opacity:1} 80%{opacity:1} 100%{left:calc(100% - 5px);opacity:0} }
.flow-core { position:relative; display:flex; flex-direction:column; align-items:center; gap:15px; text-align:center; }
.flow-core::before { content:""; position:absolute; width:116px; height:116px; top:50%; left:50%; border:1px solid rgba(67,242,181,.13); border-radius:50%; transform:translate(-50%,-65%); box-shadow:0 0 0 14px rgba(67,242,181,.035); }
.flow-core svg { position:relative; width:58px; height:58px; overflow:visible; fill:rgba(67,242,181,.1); stroke:var(--green); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.flow-core span { color:#a8bbb3; font-size:8px; }
.flow-label,.capability > span,.config-head span,.rec-label { display:block; margin-bottom:15px; color:#16845f; font:750 10px/1 ui-monospace,monospace; letter-spacing:.11em; }
.flow-copy h3 { max-width:370px; margin-bottom:18px; font-size:29px; line-height:1.18; letter-spacing:-.035em; }
.flow-copy p { color:#697a72; font-size:14px; line-height:1.7; }
.flow-copy ul { margin:23px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; list-style:none; }
.flow-copy li { padding:8px 10px; border-radius:7px; color:#4e655b; background:#eff4f0; font-size:10px; }
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px; }
.capability { padding:34px; min-height:290px; border:1px solid #d7e0da; border-radius:18px; background:#f9fbf8; }
.capability-icon { width:44px; height:44px; margin-bottom:36px; display:grid; place-items:center; border:1px solid #cbd8d1; border-radius:12px; color:#16845f; background:#fff; font-size:20px; }
.capability > span { margin-bottom:14px; }
.capability h3 { margin-bottom:14px; font-size:23px; letter-spacing:-.035em; }
.capability p { margin-bottom:0; color:#64756d; font-size:14px; line-height:1.65; }

.conversion { position:relative; overflow:hidden; padding:130px max(24px, calc((100vw - var(--max))/2)) 120px; background:#091512; }
.conversion-orb { position:absolute; width:600px; height:600px; right:-180px; top:18%; border-radius:50%; background:rgba(67,242,181,.08); filter:blur(110px); }
.section-intro.light { position:relative; }
.section-intro.light .kicker { color:var(--green); }
.section-intro.light > p { color:#95aaa1; }
.fit-grid { position:relative; display:grid; grid-template-columns:1.35fr .65fr; gap:18px; }
.configurator,.recommendation { border:1px solid var(--line); border-radius:var(--radius); background:#0d1d19; }
.configurator { min-height:520px; padding:34px; display:flex; flex-direction:column; }
.config-head { display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:28px; border-bottom:1px solid var(--line); }
.config-head span { color:var(--green); margin-bottom:11px; }
.config-head h3 { margin:0; font-size:24px; letter-spacing:-.035em; }
.step-indicator { color:#657b72; font:600 12px/1 ui-monospace,monospace; }
.step-indicator b { color:var(--green); font-size:22px; }
.config-stage { display:none; flex:1; padding:32px 0 22px; }
.config-stage.active { display:block; animation:stageIn .35s ease both; }
@keyframes stageIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
.config-stage > p { margin-bottom:25px; color:#a2b4ad; font-size:14px; }
.choice-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; }
.choice { position:relative; min-width:0; min-height:155px; padding:19px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.018); cursor:pointer; transition:border .2s,background .2s,transform .2s; }
.choice:hover { transform:translateY(-2px); border-color:rgba(67,242,181,.28); }
.choice.selected { border-color:rgba(67,242,181,.55); background:rgba(67,242,181,.07); box-shadow:inset 0 0 0 1px rgba(67,242,181,.08); }
.choice input,.support input { position:absolute; opacity:0; pointer-events:none; }
.choice-icon { position:absolute; left:18px; top:18px; width:32px; height:32px; display:grid; place-items:center; border-radius:9px; color:#82988f; background:rgba(255,255,255,.05); font:700 15px/1 ui-monospace,monospace; }
.choice.selected .choice-icon { color:var(--ink); background:var(--green); }
.choice b { margin-bottom:7px; font-size:14px; }
.choice small { color:#6f827a; font-size:9px; line-height:1.4; }
.range-output { margin:34px 0 28px; display:flex; align-items:baseline; justify-content:center; gap:12px; }
.range-output strong { color:var(--green); font-size:72px; letter-spacing:-.07em; }
.range-output span { color:#758a81; font-size:13px; }
.range { width:100%; height:5px; border-radius:9px; appearance:none; background:linear-gradient(90deg,var(--green) 0 12%,#23362f 12%); outline:none; }
.range::-webkit-slider-thumb { width:22px; height:22px; border:5px solid #0d1d19; border-radius:50%; appearance:none; background:var(--green); box-shadow:0 0 0 1px var(--green),0 0 22px rgba(67,242,181,.3); cursor:grab; }
.range::-moz-range-thumb { width:13px; height:13px; border:5px solid #0d1d19; border-radius:50%; background:var(--green); box-shadow:0 0 0 1px var(--green); cursor:grab; }
.range-labels { margin-top:13px; display:flex; justify-content:space-between; color:#53685f; font:10px/1 ui-monospace,monospace; }
.support-options { display:grid; gap:11px; }
.support { position:relative; padding:20px; display:flex; align-items:center; gap:15px; border:1px solid var(--line); border-radius:13px; cursor:pointer; }
.support > span { width:18px; height:18px; flex:0 0 auto; border:1px solid #50675d; border-radius:50%; }
.support.selected { border-color:rgba(67,242,181,.45); background:rgba(67,242,181,.055); }
.support.selected > span { border:5px solid var(--green); }
.support b,.support small { display:block; }
.support b { margin-bottom:5px; font-size:13px; }.support small{color:#748880;font-size:10px}
.config-actions { padding-top:22px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); }
.config-back { border:0; background:transparent; color:#889c94; cursor:pointer; }
.config-back:disabled { opacity:.3; cursor:default; }
.recommendation { padding:34px; background:linear-gradient(155deg,#15372c,#0c1b17 55%); }
.rec-label { color:var(--green); }
.rec-plan { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:18px; }
.rec-plan h3 { margin:0; font-size:27px; letter-spacing:-.045em; }
.rec-plan span { flex:0 0 auto; padding:6px 8px; border-radius:6px; color:var(--green); background:rgba(67,242,181,.09); font-size:8px; }
.recommendation > p { min-height:66px; color:#9aada5; font-size:13px; line-height:1.65; }
.recommendation dl { margin:25px 0; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.recommendation dl div { display:flex; justify-content:space-between; gap:20px; margin:10px 0; }
.recommendation dt { color:#657b72; font-size:10px; }.recommendation dd{margin:0;max-width:68%;text-align:right;color:#c1d0ca;font-size:10px}
.rec-features { margin:0 0 28px; padding:0; list-style:none; }
.rec-features li { position:relative; padding:8px 0 8px 22px; color:#b8cac2; font-size:11px; }
.rec-features li::before { content:"✓"; position:absolute; left:0; color:var(--green); }
.recommendation > small { display:block; margin-top:13px; text-align:center; color:#647970; font-size:8px; }
.audit-panel { position:relative; margin-top:80px; padding:58px; display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:center; border:1px solid rgba(67,242,181,.22); border-radius:var(--radius); background:linear-gradient(120deg,rgba(67,242,181,.09),rgba(255,255,255,.025)); }
.audit-copy .kicker { margin-bottom:22px; }
.audit-copy h2 { margin-bottom:20px; font-size:clamp(34px,4vw,50px); line-height:1.05; letter-spacing:-.05em; }
.audit-copy p { color:#9aada5; font-size:14px; line-height:1.7; }
.audit-proof { margin-top:28px; display:flex; flex-direction:column; gap:10px; color:#97aaa2; font-size:10px; }
.audit-proof span::first-letter { color:var(--green); }
.audit-form { padding:29px; border:1px solid var(--line); border-radius:16px; background:rgba(2,12,9,.33); }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.audit-form label { display:block; margin-bottom:14px; }
.audit-form label > span { display:block; margin-bottom:9px; color:#91a59d; font-size:10px; }
.audit-form input,.audit-form textarea { width:100%; border:1px solid var(--line); border-radius:10px; outline:none; color:var(--white); background:rgba(255,255,255,.035); transition:border .2s,box-shadow .2s; }
.audit-form input { height:49px; padding:0 14px; }.audit-form textarea{padding:13px 14px;resize:vertical;min-height:90px}
.audit-form input:focus,.audit-form textarea:focus { border-color:rgba(67,242,181,.58); box-shadow:0 0 0 3px rgba(67,242,181,.07); }
.audit-form input.invalid { border-color:#f08080; }
.form-note { margin:12px 0 0; color:#596e65; text-align:center; font-size:8px; }
.form-message { display:none; margin-top:12px; padding:11px; border-radius:8px; color:var(--green); background:rgba(67,242,181,.08); font-size:11px; }
.form-message.visible { display:block; }

.site-footer { min-height:130px; padding:34px max(24px,calc((100vw - var(--max))/2)); display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:34px; border-top:1px solid var(--line); color:#768a82; background:#06100d; }
.site-footer .brand { color:var(--white); }.site-footer p{margin:0;font-size:11px}.footer-links{display:flex;gap:22px;font-size:11px}.footer-links a:hover{color:var(--white)}.copyright{font-size:10px}
.toast { position:fixed; z-index:80; left:50%; bottom:24px; padding:13px 18px; border:1px solid rgba(67,242,181,.3); border-radius:10px; color:var(--green); background:#10231d; box-shadow:var(--shadow); font-size:11px; opacity:0; pointer-events:none; transform:translate(-50%,20px); transition:.3s; }
.toast.visible { opacity:1; transform:translate(-50%,0); }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1); }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 1050px) {
  .hero { grid-template-columns:1fr; gap:70px; padding-top:155px; }
  .hero-copy { max-width:720px; }
  .console-wrap { max-width:760px; }
  .flow-content { grid-template-columns:1fr; }
  .flow-visual { min-height:250px; }
  .fit-grid { grid-template-columns:1fr; }.recommendation{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.recommendation .rec-label,.recommendation .rec-plan,.recommendation>p{grid-column:1}.recommendation dl,.recommendation .rec-features,.recommendation .button,.recommendation>small{grid-column:2}.recommendation dl{grid-row:1/4;margin:0 0 20px}.recommendation .rec-features{grid-row:4}.recommendation .button{grid-row:5}.recommendation>small{grid-row:6}
  .audit-panel { gap:45px; }
}

@media (max-width: 760px) {
  .site-header { top:8px; height:60px; width:calc(100% - 18px); padding-left:13px; }
  .site-header .brand { min-width:auto; }.brand-mark{width:32px;height:32px}.brand-copy strong{font-size:16px}.brand-copy small{font-size:7px}
  .nav-links { display:none; }.site-header .button{min-height:40px;padding:0 12px;font-size:11px}.site-header .button span{display:none}
  .hero { min-height:auto; padding:135px 18px 85px; gap:52px; }
  .hero h1 { font-size:clamp(46px,14vw,65px); }
  .hero-lead { font-size:16px; }
  .hero-actions { align-items:stretch; flex-direction:column; gap:9px; }.hero-actions .button{width:100%}.text-link{text-align:center}
  .trust-row { gap:12px 18px; }
  .console { transform:none; border-radius:15px; }.console-topbar{height:50px;padding:0 13px}.console-body{padding:11px}.metric-row{grid-template-columns:1fr 1fr}.metric:last-child{display:none}.metric{padding:13px}.metric strong{font-size:22px}.console-panels{grid-template-columns:1fr}.pulse-panel{display:none}.threat-panel{padding:12px}.event{grid-template-columns:40px 30px minmax(0,1fr)}.event i{display:none}.demo-note{padding-right:13px}
  .platform,.conversion { padding:82px 18px; }
  .section-intro { grid-template-columns:1fr; gap:26px; margin-bottom:40px; }.section-intro h2{font-size:42px}.section-intro>p{font-size:14px}
  .flow-tabs { overflow-x:auto; grid-template-columns:repeat(3,minmax(150px,1fr)); }.flow-tab{padding:0 16px;min-height:62px}
  .flow-content { min-height:auto; padding:22px; gap:36px; }.flow-visual{grid-template-columns:1fr 48px 1fr;min-height:220px;padding:28px 16px}.flow-destination,.flow-line.out{display:none}.flow-core::before{width:90px;height:90px}.flow-core svg{width:45px}.flow-copy h3{font-size:25px}
  .capability-grid { grid-template-columns:1fr; }.capability{min-height:240px;padding:27px}.capability-icon{margin-bottom:28px}
  .configurator,.recommendation{padding:23px}.choice-grid{grid-template-columns:1fr 1fr}.choice{min-height:130px}.config-actions .button{min-height:46px}
  .recommendation { display:block; }.recommendation dl{margin:24px 0}.rec-plan{display:block}.rec-plan span{display:inline-block;margin-top:12px}
  .audit-panel { margin-top:58px; padding:28px 20px; grid-template-columns:1fr; gap:30px; }.audit-copy h2{font-size:38px}.field-row{grid-template-columns:1fr}.audit-form{padding:20px}
  .site-footer { grid-template-columns:1fr auto; gap:20px; }.site-footer>p,.footer-links{display:none}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}

/* Shared navigation and multi-page product system */
.nav-primary { gap: 4px; align-items: center; white-space: nowrap; }
.nav-primary a { padding: 10px 8px; border: 1px solid transparent; border-radius: 10px; transition: color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease; }
.nav-primary a::after { display: none; }
.nav-primary a[aria-current="page"] { color: var(--white); }
.nav-primary a[aria-current="page"] { background: rgba(254,215,165,.1); border-color: rgba(254,215,165,.2); }
.header-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; white-space: nowrap; }
.site-header > .brand { flex: 0 0 auto; }
.site-header .button-small { white-space: nowrap; }
.site-header .language-switcher { display:inline-flex; flex:0 0 auto; align-items:center; gap:2px; padding:3px; border:1px solid rgba(254,215,165,.28); border-radius:9px; background:rgba(255,255,255,.04); }
.site-header .language-switcher button { min-width:31px; height:28px; padding:0 6px; border:0; border-radius:6px; color:#d9cbc1; background:transparent; font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.05em; cursor:pointer; transition:color .22s ease, background .22s ease, box-shadow .22s ease; }
.site-header .language-switcher button span { display:none; }
.site-header .language-switcher button:hover { color:#fff0db; }
.site-header .language-switcher button:hover:not(.active),.site-header .language-switcher button:focus-visible { background:rgba(254,215,165,.13); box-shadow:inset 0 1px rgba(255,240,219,.12); }
.site-header .language-switcher button.active { color:#20212b; background:#fed7a5; }
.login-link { color: #aebfb8; font-size: 12px; transition: color .2s; }
.login-link:hover { color: var(--white); }
.menu-button { display: none; flex:0 0 42px; width: 42px; height: 42px; padding: 0; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.04); cursor: pointer; transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease; }
.menu-button span { display: block; width: 17px; height: 1px; margin: 5px auto; background: var(--white); transition: transform .2s; }
.menu-button[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }
.mobile-menu { display: none; }

.inner-page { min-height: 100vh; background: var(--paper); color: var(--ink); }
.page-shell { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; }
.page-hero { position: relative; min-height: 600px; padding: 170px 0 90px; overflow: hidden; color: var(--white); background: var(--ink); isolation: isolate; }
.page-hero.compact { min-height: 500px; }
.page-hero::before { content: ""; position: absolute; inset: 0; z-index: -3; opacity: .17; background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,black,transparent); }
.page-hero::after { content: ""; position: absolute; z-index: -2; width: 680px; height: 680px; right: -180px; top: -170px; border-radius: 50%; background: rgba(67,242,181,.1); filter: blur(110px); }
.page-hero-grid { display: grid; grid-template-columns: 1fr .78fr; gap: 90px; align-items: center; }
.page-hero-copy { max-width: 710px; }
.page-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 26px; color: var(--green); font: 700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .11em; text-transform: uppercase; }
.page-eyebrow::before { content: ""; width: 25px; height: 1px; background: currentColor; }
.page-hero h1 { margin-bottom: 27px; font-size: clamp(48px,5.6vw,76px); line-height: .98; letter-spacing: -.058em; }
.page-hero p { max-width: 690px; margin-bottom: 0; color: #aebfb8; font-size: 18px; line-height: 1.65; }
.page-hero-actions { display: flex; gap: 12px; margin-top: 34px; }
.page-hero .outline-button { min-height: 50px; padding: 0 20px; display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 12px; color: #d5e2dd; font-size: 13px; font-weight: 700; transition: border .2s,transform .2s; }
.page-hero .outline-button:hover { border-color: rgba(67,242,181,.45); transform: translateY(-2px); }
.outline-button { min-height: 50px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 12px; color: #d5e2dd; font-size: 13px; font-weight: 700; transition: border .2s,transform .2s; }
.outline-button:hover { border-color: rgba(67,242,181,.45); transform: translateY(-2px); }
.hero-proof-list { display: grid; gap: 10px; margin-top: 33px; color: #91a79e; font-size: 11px; }
.hero-proof-list span { display: inline-flex; align-items: center; gap: 8px; }
.hero-proof-list i { color: var(--green); font-style: normal; }
.hero-side-card { position: relative; min-height: 330px; padding: 27px; border: 1px solid rgba(161,199,184,.19); border-radius: 20px; background: linear-gradient(145deg,rgba(67,242,181,.09),rgba(255,255,255,.025)); box-shadow: 0 35px 90px rgba(0,0,0,.3); }
.side-card-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--line); color: #bacbc4; font: 650 11px/1 ui-monospace,monospace; }
.side-card-head span:last-child { color: var(--green); }
.architecture-stack { margin-top: 18px; display: grid; gap: 9px; }
.arch-row { padding: 15px; display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: 11px; background: rgba(2,15,11,.35); }
.arch-row > span:first-child { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; color: var(--green); background: rgba(67,242,181,.08); font: 700 10px/1 ui-monospace,monospace; }
.arch-row b,.arch-row small { display: block; }
.arch-row b { margin-bottom: 5px; color: #d7e3de; font-size: 11px; }.arch-row small { color: #657b72; font-size: 9px; }
.arch-row em { padding: 5px 7px; border-radius: 5px; color: var(--green); background: rgba(67,242,181,.08); font: 700 7px/1 ui-monospace,monospace; font-style: normal; }

.page-section { padding: 105px 0; }
.page-section.dark { color: var(--white); background: var(--ink-2); }
.page-section.soft { background: #eaf0ea; }
.page-section-head { display: grid; grid-template-columns: 1fr .65fr; gap: 75px; align-items: end; margin-bottom: 50px; }
.page-section-head .kicker { margin-bottom: 18px; color: #16845f; }
.page-section.dark .kicker { color: var(--green); }
.page-section-head h2 { margin: 0; max-width: 750px; font-size: clamp(38px,4.6vw,60px); line-height: 1.04; letter-spacing: -.052em; }
.page-section-head > p { margin: 0; color: #64766e; font-size: 15px; line-height: 1.7; }
.page-section.dark .page-section-head > p { color: #90a49b; }
.section-note { margin-top: 18px; color: #6c7d75; font-size: 11px; line-height: 1.6; }

.info-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.info-grid.two { grid-template-columns: repeat(2,1fr); }
.info-grid.four { grid-template-columns: repeat(4,1fr); }
.info-card { min-height: 250px; padding: 30px; border: 1px solid #d5dfd9; border-radius: 18px; background: #fff; transition: transform .25s,border .25s,box-shadow .25s; }
a.info-card:hover { transform: translateY(-4px); border-color: #aac7ba; box-shadow: 0 22px 60px rgba(10,35,27,.09); }
.dark .info-card { border-color: var(--line); background: rgba(255,255,255,.025); }
.card-icon { width: 43px; height: 43px; margin-bottom: 38px; display: grid; place-items: center; border: 1px solid #cedbd4; border-radius: 11px; color: #16845f; background: #f7faf7; font: 700 16px/1 ui-monospace,monospace; }
.dark .card-icon { border-color: var(--line); color: var(--green); background: rgba(67,242,181,.06); }
.card-label { display: block; margin-bottom: 13px; color: #16845f; font: 750 9px/1 ui-monospace,monospace; letter-spacing: .11em; text-transform: uppercase; }
.dark .card-label { color: var(--green); }
.info-card h3 { margin-bottom: 14px; font-size: 23px; line-height: 1.16; letter-spacing: -.035em; }
.info-card p { margin-bottom: 0; color: #65766f; font-size: 13px; line-height: 1.7; }
.dark .info-card p { color: #82978e; }
.card-link { display: inline-block; margin-top: 24px; color: #16845f; font-size: 11px; font-weight: 750; }
.dark .card-link { color: var(--green); }

.status-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 6px; font: 750 8px/1 ui-monospace,monospace; letter-spacing: .06em; text-transform: uppercase; }
.status-badge.available { color: #08744f; background: #dff6eb; }.status-badge.soon{color:#9a6414;background:#fff0d5}.status-badge.planned{color:#66756e;background:#e8ede9}
.dark .status-badge.available { color: var(--green); background: rgba(67,242,181,.09); }.dark .status-badge.soon{color:var(--amber);background:rgba(255,197,107,.09)}.dark .status-badge.planned{color:#8da198;background:rgba(255,255,255,.05)}

.feature-split { display: grid; grid-template-columns: .8fr 1.2fr; gap: 85px; align-items: start; }
.feature-split.reverse { grid-template-columns: 1.2fr .8fr; }
.sticky-copy { position: sticky; top: 120px; }
.sticky-copy .kicker { color: #16845f; }
.sticky-copy h2 { font-size: 44px; line-height: 1.06; letter-spacing: -.048em; }
.sticky-copy p { color: #677970; font-size: 14px; line-height: 1.75; }
.feature-list { display: grid; gap: 12px; }
.feature-item { padding: 28px; display: grid; grid-template-columns: 48px 1fr; gap: 20px; border: 1px solid #d5dfd9; border-radius: 16px; background: #fff; }
.feature-item > span { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; color: #16845f; background: #e9f4ee; font: 700 12px/1 ui-monospace,monospace; }
.feature-item h3 { margin-bottom: 8px; font-size: 19px; letter-spacing: -.025em; }.feature-item p{margin:0;color:#6c7c75;font-size:13px;line-height:1.65}

.diagram { padding: 38px; border: 1px solid var(--line); border-radius: 20px; background: #0a1915; }
.diagram-track { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; position: relative; }
.diagram-node { position: relative; min-height: 150px; padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.diagram-node::after { content: "→"; position: absolute; top: 50%; right: -18px; z-index: 2; color: var(--green); }
.diagram-node:last-child::after { display: none; }
.diagram-node b,.diagram-node small { display: block; }.diagram-node b{margin:34px 0 9px;font-size:14px}.diagram-node small{color:#71867d;font-size:10px;line-height:1.5}
.diagram-node > span { color: var(--green); font: 700 9px/1 ui-monospace,monospace; }

.solution-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.solution-card { position: relative; min-height: 410px; padding: 36px; overflow: hidden; border: 1px solid #d5dfd9; border-radius: 20px; background: #fff; }
.solution-card::after { content: attr(data-symbol); position: absolute; right: 20px; bottom: -22px; color: #edf3ef; font: 800 150px/1 ui-monospace,monospace; }
.solution-card > * { position: relative; z-index: 1; }
.solution-card h2 { margin: 26px 0 13px; font-size: 36px; letter-spacing: -.045em; }.solution-card>p{max-width:500px;color:#66776f;font-size:14px;line-height:1.7}
.solution-card ul { margin: 28px 0 0; padding: 0; display: grid; gap: 10px; list-style: none; }.solution-card li{color:#40534a;font-size:12px}.solution-card li::before{content:"✓";margin-right:9px;color:#16845f}

.filter-bar { margin-bottom: 30px; padding: 8px; display: inline-flex; gap: 5px; border: 1px solid #d4dfd8; border-radius: 12px; background: #f8faf7; }
.filter-button { min-height: 39px; padding: 0 15px; border: 0; border-radius: 8px; color: #66766f; background: transparent; font-size: 11px; font-weight: 700; cursor: pointer; }.filter-button.active{color:var(--ink);background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.integration-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.integration-card { min-height: 190px; padding: 24px; border: 1px solid #d5dfd9; border-radius: 16px; background: #fff; transition: opacity .2s,transform .2s; }.integration-card.hidden{display:none}.integration-card:hover{transform:translateY(-3px)}
.integration-card .card-icon { margin-bottom: 25px; }.integration-card h3{margin-bottom:7px;font-size:18px}.integration-card p{margin:0 0 19px;color:#6c7c75;font-size:11px}

.pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; align-items: stretch; }
.price-card { position: relative; padding: 34px; display: flex; flex-direction: column; border: 1px solid #d2ddd7; border-radius: 20px; background: #fff; }
.price-card.recommended { border-color: #16845f; box-shadow: 0 28px 80px rgba(22,132,95,.13); }
.recommended-flag { position: absolute; top: -12px; right: 24px; padding: 7px 11px; border-radius: 7px; color: white; background: #16845f; font: 750 8px/1 ui-monospace,monospace; letter-spacing: .08em; }
.price-card h2 { margin: 18px 0 9px; font-size: 30px; letter-spacing: -.045em; }.price-card>p{min-height:67px;color:#687970;font-size:13px;line-height:1.6}
.price-display { margin: 22px 0; padding: 20px 0; border-top: 1px solid #e1e8e4; border-bottom: 1px solid #e1e8e4; }.price-display strong{display:block;margin-bottom:5px;font-size:22px}.price-display small{color:#718078;font-size:10px}
.price-card ul { margin: 0 0 30px; padding: 0; flex: 1; display: grid; align-content: start; gap: 12px; list-style: none; }.price-card li{position:relative;padding-left:21px;color:#4f6259;font-size:12px}.price-card li::before{content:"✓";position:absolute;left:0;color:#16845f}
.price-card .button-ghost { color: var(--ink); border-color: #cdd9d2; background: #f5f8f5; }
.price-card .button-ghost:hover { border-color: #99b7aa; background: #edf4ef; }

.docs-layout { display: grid; grid-template-columns: 240px 1fr; gap: 60px; align-items: start; }
.docs-nav { position: sticky; top: 112px; padding: 22px; border: 1px solid #d5dfd9; border-radius: 15px; background: #fff; }.docs-nav b{display:block;margin-bottom:15px;font-size:11px}.docs-nav a{display:block;padding:9px 0;color:#6b7b74;font-size:11px}.docs-nav a:hover{color:#16845f}
.docs-content { max-width: 850px; }.docs-content article{padding:0 0 55px;margin-bottom:55px;border-bottom:1px solid #d9e2dd}.docs-content article:last-child{border:0;margin:0}.docs-content h2{font-size:36px;letter-spacing:-.04em}.docs-content h3{margin-top:30px;font-size:20px}.docs-content p,.docs-content li{color:#596d63;font-size:14px;line-height:1.75}.docs-content ul{padding-left:20px}
.code-block { position: relative; margin: 24px 0; padding: 24px; overflow-x: auto; border: 1px solid var(--line); border-radius: 13px; color: #c6d9d1; background: #071511; font: 11px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace; }.code-block strong{color:var(--green);font-weight:500}.code-label{position:absolute;top:10px;right:12px;color:#566c62;font-size:8px}
.notice { margin: 24px 0; padding: 18px 20px; border-left: 3px solid #16845f; border-radius: 0 10px 10px 0; color: #4f655a; background: #e8f2ec; font-size: 12px; line-height: 1.65; }

.roadmap-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.roadmap-column { padding: 28px; border: 1px solid #d4ded8; border-radius: 18px; background: #fff; }.roadmap-column>header{padding-bottom:20px;margin-bottom:16px;border-bottom:1px solid #e0e7e3}.roadmap-column>header h2{margin:12px 0 0;font-size:25px}.roadmap-item{padding:20px 0;border-bottom:1px solid #e4eae6}.roadmap-item:last-child{border:0}.roadmap-item h3{margin-bottom:8px;font-size:16px}.roadmap-item p{margin:0;color:#718078;font-size:11px;line-height:1.6}
.status-panel { overflow: hidden; border: 1px solid #d3ddd7; border-radius: 20px; background: #fff; }.status-summary{padding:28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe4df}.status-summary h2{margin:0;font-size:24px}.status-summary>span{display:inline-flex;align-items:center;gap:9px;color:#08744f;font-size:11px;font-weight:750}.status-summary i{width:9px;height:9px;border-radius:50%;background:#43dca7;box-shadow:0 0 0 6px #e5f8f0}
.status-row { padding: 22px 28px; display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; border-bottom: 1px solid #e2e8e4; }.status-row:last-child{border:0}.status-row b{display:block;margin-bottom:5px;font-size:14px}.status-row small{color:#74827c;font-size:10px}

.faq-list { max-width: 900px; margin: 0 auto; border-top: 1px solid #ccd8d1; }.faq-list details{border-bottom:1px solid #ccd8d1}.faq-list summary{position:relative;padding:25px 50px 25px 0;cursor:pointer;font-size:18px;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:8px;top:22px;color:#16845f;font-size:26px;font-weight:400}.faq-list details[open] summary::after{content:"−"}.faq-list details p{max-width:760px;padding:0 0 25px;margin:0;color:#607169;font-size:14px;line-height:1.75}

.article-grid { display: grid; grid-template-columns: 1.15fr .85fr .85fr; gap: 16px; }.article-card{min-height:330px;padding:30px;display:flex;flex-direction:column;border:1px solid #d4ded8;border-radius:18px;background:#fff}.article-card.featured{color:white;background:#0c1b17;border-color:#0c1b17}.article-card .card-label{margin-bottom:auto}.article-card h2{margin:50px 0 13px;font-size:29px;line-height:1.15;letter-spacing:-.04em}.article-card:not(.featured) h2{font-size:23px}.article-card p{color:#6b7b74;font-size:12px;line-height:1.65}.article-card.featured p{color:#8da299}.article-meta{margin-top:auto;color:#819088;font:9px/1 ui-monospace,monospace}

.legal-layout { display: grid; grid-template-columns: 240px minmax(0,760px); gap: 75px; justify-content: center; align-items: start; }.legal-meta{position:sticky;top:115px;padding:22px;border:1px solid #d4ded8;border-radius:15px;background:white}.legal-meta span{display:block;color:#74847c;font-size:10px;line-height:1.6}.legal-meta b{display:block;margin-bottom:10px;font-size:12px}.legal-content section{margin-bottom:45px}.legal-content h2{font-size:27px;letter-spacing:-.035em}.legal-content p,.legal-content li{color:#5b6e64;font-size:13px;line-height:1.75}.legal-content ul{padding-left:20px}

.contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: start; }.contact-copy h2{font-size:44px;letter-spacing:-.05em}.contact-copy>p{color:#65776e;font-size:14px;line-height:1.75}.contact-points{margin-top:30px;display:grid;gap:13px}.contact-points div{padding:17px;border:1px solid #d5dfd9;border-radius:12px;background:#fff}.contact-points b,.contact-points small{display:block}.contact-points b{margin-bottom:5px;font-size:12px}.contact-points small{color:#718078;font-size:10px}
.contact-form { padding: 34px; border: 1px solid #d2ddd7; border-radius: 20px; background: #fff; box-shadow: 0 24px 70px rgba(10,35,27,.07); }.contact-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;margin-bottom:16px}.contact-form label>span{display:block;margin-bottom:8px;color:#52665c;font-size:10px;font-weight:700}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #cedad3;border-radius:10px;outline:none;color:var(--ink);background:#f9fbf9}.contact-form input,.contact-form select{height:50px;padding:0 14px}.contact-form textarea{min-height:125px;padding:14px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#16845f;box-shadow:0 0 0 3px rgba(22,132,95,.08)}.contact-form .form-note{color:#809087}.contact-form .form-message{color:#08744f;background:#e7f5ee}

.auth-page { min-height: 100vh; padding: 145px 24px 75px; display: grid; place-items: center; color: white; background: var(--ink); isolation: isolate; }
.auth-page::before { content:""; position:fixed; inset:0; z-index:-2; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:72px 72px; }
.auth-page::after { content:""; position:fixed; z-index:-1; width:600px; height:600px; top:5%; left:50%; border-radius:50%; background:rgba(67,242,181,.12); filter:blur(120px); transform:translateX(-50%); }
.auth-shell { width: min(100%,920px); display:grid; grid-template-columns:.85fr 1.15fr; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:#0b1b17; box-shadow:0 35px 100px rgba(0,0,0,.38); }
.auth-context { padding:46px; display:flex; flex-direction:column; background:linear-gradient(150deg,rgba(67,242,181,.1),rgba(255,255,255,.01)); }
.auth-context h1 { margin:20px 0 17px; font-size:42px; line-height:1; letter-spacing:-.05em; }.auth-context>p{color:#8fa39a;font-size:13px;line-height:1.7}.auth-context .hero-proof-list{margin-top:auto;padding-top:40px}
.auth-card { padding:46px; background:#f7f9f6; color:var(--ink); }.auth-card>span{display:block;margin-bottom:13px;color:#16845f;font:750 9px/1 ui-monospace,monospace;letter-spacing:.1em}.auth-card h2{margin-bottom:10px;font-size:29px;letter-spacing:-.04em}.auth-card>p{margin-bottom:30px;color:#6b7b74;font-size:12px;line-height:1.6}.auth-card label{display:block;margin-bottom:16px}.auth-card label span{display:block;margin-bottom:8px;color:#52665c;font-size:10px;font-weight:700}.auth-card input{width:100%;height:50px;padding:0 14px;border:1px solid #cdd9d2;border-radius:10px;outline:none;background:white}.auth-card input:focus{border-color:#16845f;box-shadow:0 0 0 3px rgba(22,132,95,.08)}.auth-card .button{width:100%;margin-top:5px}.auth-note{margin:18px 0 0!important;padding:12px;border-radius:8px;color:#697b72!important;background:#e9efeb;font-size:9px!important}

.cta-band { padding: 45px 50px; display: grid; grid-template-columns: 1fr auto; gap: 45px; align-items: center; border-radius: 20px; color: white; background: linear-gradient(125deg,#153c30,#0a1b16); box-shadow: 0 28px 80px rgba(3,24,18,.18); }.cta-band h2{margin-bottom:10px;font-size:32px;letter-spacing:-.04em}.cta-band p{margin:0;color:#91a69d;font-size:13px}.cta-actions{display:flex;gap:10px}

.site-footer-full { min-height: 320px; padding-top: 65px; padding-bottom: 32px; grid-template-columns: 1.5fr repeat(3,.65fr); align-items: start; gap: 55px; }
.footer-brand p { max-width: 330px; margin: 24px 0; color: #6f837a; font-size: 12px; line-height: 1.65; }
.soc-location { display: inline-flex; align-items: center; gap: 8px; color: #80948b; font: 700 9px/1 ui-monospace,monospace; letter-spacing: .06em; }.soc-location i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.footer-column { display: grid; align-content: start; gap: 12px; }.footer-column b{margin-bottom:5px;color:#d6e2dd;font-size:11px}.footer-column a{color:#6f837a;font-size:10px;transition:color .2s}.footer-column a:hover{color:var(--green)}
.footer-bottom { grid-column: 1/-1; padding-top: 28px; margin-top: 20px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); color: #53685f; font-size: 9px; }

@media (max-width: 1220px) {
  .nav-primary { display: none; }
  .menu-button { display: block; }
  .mobile-menu { position: absolute; left: 0; right: 0; top: 76px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: rgba(7,17,15,.97); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
  .mobile-menu.open { display: grid; grid-template-columns: 1fr auto; gap: 35px; }
  .mobile-menu nav { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
  .mobile-menu nav a { padding: 10px; color: #bdccc6; font-size: 13px; }
  .mobile-menu > div { display: grid; align-content: center; gap: 12px; }
  .mobile-menu .button { min-height: 43px; }
}

@media (max-width: 1120px) {
  .nav-primary { display: none; }
  .menu-button { display: block; }
  .mobile-menu { position: absolute; left: 0; right: 0; top: 76px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: rgba(7,17,15,.97); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
  .mobile-menu.open { display: grid; grid-template-columns: 1fr auto; gap: 35px; }
  .mobile-menu nav { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.mobile-menu nav a{padding:10px;color:#bdccc6;font-size:13px}.mobile-menu>div{display:grid;align-content:center;gap:12px}.mobile-menu .button{min-height:43px}
  .info-grid.four,.integration-grid { grid-template-columns: repeat(2,1fr); }
  .article-grid { grid-template-columns: 1fr 1fr; }.article-card.featured{grid-column:1/-1}
}

@media (max-width: 840px) {
  .page-hero-grid,.page-section-head,.feature-split,.feature-split.reverse,.contact-layout { grid-template-columns: 1fr; gap: 42px; }
  .page-hero { min-height: auto; padding: 145px 0 78px; }.page-hero.compact{min-height:auto}.hero-side-card{max-width:620px}.page-section{padding:78px 0}.page-section-head{gap:20px}.sticky-copy{position:static}
  .info-grid,.info-grid.two,.pricing-grid,.roadmap-grid { grid-template-columns: 1fr; }.info-grid.four{grid-template-columns:1fr 1fr}.solution-grid{grid-template-columns:1fr}.price-card>p{min-height:auto}
  .diagram-track { grid-template-columns: 1fr 1fr; }.diagram-node:nth-child(2)::after{display:none}
  .docs-layout,.legal-layout { grid-template-columns:1fr; gap:35px }.docs-nav,.legal-meta{position:static}.docs-nav{display:flex;flex-wrap:wrap;gap:5px 18px}.docs-nav b{width:100%}.docs-nav a{padding:4px 0}
  .cta-band { grid-template-columns:1fr; gap:25px }.site-footer-full{grid-template-columns:1.3fr repeat(3,1fr);gap:30px}.footer-brand{grid-column:1/-1}
}

@media (max-width: 760px) {
  .page-shell { width: calc(100% - 36px); }
  .header-actions .login-link,.header-actions>.button { display:none; }
  .mobile-menu.open { grid-template-columns:1fr; }.mobile-menu nav{grid-template-columns:1fr 1fr}.mobile-menu>div{grid-template-columns:1fr 1.5fr;align-items:center}.mobile-menu>div>a:first-child{text-align:center;color:#aebfb8;font-size:12px}
  body.menu-open { overflow: hidden; }
  .page-hero h1{font-size:46px}.page-hero p{font-size:15px}.page-hero-actions{flex-direction:column}.page-hero-actions>*{width:100%;justify-content:center}.hero-side-card{min-height:auto;padding:20px}
  .page-section-head h2{font-size:40px}.info-grid.four,.integration-grid,.article-grid{grid-template-columns:1fr}.article-card.featured{grid-column:auto}.info-card{min-height:220px;padding:26px}.card-icon{margin-bottom:28px}
  .diagram{padding:18px}.diagram-track{grid-template-columns:1fr}.diagram-node{min-height:120px}.diagram-node::after{display:none}
  .solution-card{min-height:380px;padding:28px}.solution-card h2{font-size:32px}.filter-bar{display:flex;overflow-x:auto}.filter-button{flex:0 0 auto}
  .contact-form{padding:23px}.contact-form .field-row{grid-template-columns:1fr}.cta-band{padding:30px}.cta-actions{flex-direction:column}.cta-actions>*{width:100%}
  .auth-page{padding:100px 18px 45px}.auth-shell{grid-template-columns:1fr}.auth-context,.auth-card{padding:28px}.auth-context .hero-proof-list{margin-top:25px;padding-top:0}.auth-context h1{font-size:36px}
  .status-summary { align-items: flex-start; flex-direction: column; gap: 18px; }.status-row{grid-template-columns:1fr;gap:12px}.status-row .status-badge{justify-self:start}
  .site-footer-full{grid-template-columns:1fr 1fr;padding-top:50px}.footer-brand,.footer-bottom{grid-column:1/-1}.footer-bottom{align-items:flex-start;gap:12px;flex-direction:column}
}


/* Palette supplied by the owner: slate, olive, apricot, terracotta, plum, charcoal. */
:root { --ink:#20212B; --ink-2:#2D4354; --panel:#2D4354; --paper:#FFF0DB; --paper-2:#F5DDC0; --muted:#D1C9BD; --muted-dark:#5C5A58; --line:rgba(254,215,165,.25); --green:#FED7A5; --green-dark:#9C6752; --cyan:#A9B9BD; --amber:#FED7A5; --white:#FFF4E5; }
body { color:var(--white); background:var(--ink); }
.site-header,.site-header.scrolled { background:linear-gradient(125deg,rgba(40,43,56,.98),rgba(27,29,39,.98)); border:1px solid rgba(254,215,165,.25); box-shadow:0 18px 48px rgba(16,18,28,.28), inset 0 1px rgba(255,240,219,.08); backdrop-filter:blur(18px); }
.brand,.site-footer .brand { color:var(--white); }.brand-mark { width:47px; height:47px; object-fit:contain; filter:none; }
.brand-copy small,.nav-links a:hover,.nav-primary a[aria-current="page"],.login-link:hover { color:var(--green); }
.nav-links,.login-link { color:#E8D8C5; }.nav-links a::after { background:var(--green); }
.site-header .button-ghost { color:#20212B; border-color:#FED7A5; background:#FED7A5; }
.site-header .button-ghost:hover { box-shadow:0 12px 28px rgba(254,215,165,.23); }
.mobile-menu { background:linear-gradient(145deg,rgba(39,41,54,.99),rgba(26,28,38,.99)); border-color:rgba(254,215,165,.24); box-shadow:0 28px 70px rgba(12,14,23,.42), inset 0 1px rgba(255,240,219,.07); }
.mobile-menu nav a { border:1px solid transparent; border-radius:11px; transition:color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease; }
@media (hover:hover) {
  .nav-primary a:hover,.nav-primary a:focus-visible,.mobile-menu nav a:hover,.mobile-menu nav a:focus-visible { color:#fff0db; background:rgba(254,215,165,.12); border-color:rgba(254,215,165,.28); box-shadow:0 10px 24px rgba(10,12,22,.26), inset 0 1px rgba(255,240,219,.08); transform:translateY(-2px); }
  .menu-button:hover { background:rgba(254,215,165,.13); border-color:rgba(254,215,165,.4); box-shadow:0 10px 24px rgba(10,12,22,.25); transform:translateY(-2px); }
}
.menu-button { border-color:#8E8B86; background:#343844; }.menu-button span { background:var(--white); }
.button-primary { color:#20212B; background:#FED7A5; box-shadow:0 12px 30px rgba(156,103,82,.2); }.button-primary:hover { background:#FFE4BE; box-shadow:0 16px 40px rgba(156,103,82,.28); }
.hero { min-height:790px; padding-top:155px; padding-bottom:95px; background:linear-gradient(125deg,#2D4354 0%,#364D57 55%,#534149 100%); }
.hero-grid { opacity:.22; }.hero::after { background:radial-gradient(circle at 82% 42%,rgba(254,215,165,.13),transparent 42%),linear-gradient(180deg,transparent 70%,#20212B 100%); }
.orb { background:#FED7A5; opacity:.12; }.hero-copy { max-width:600px; }.hero h1 { color:#FFF0DB; }.hero-lead { color:#F0DFCC; }
.hero .text-link { color:#FFF0DB; }.hero .text-link span,.eyebrow { color:#FED7A5; }
.trust-row { color:#E7D8C8; border-color:rgba(254,215,165,.25); }.trust-row svg { stroke:#FED7A5; }
.hero-emblem { position:absolute; top:85px; right:8%; width:clamp(140px,18vw,270px); height:auto; opacity:.14; pointer-events:none; animation:emblem-float 8s ease-in-out infinite; }
@keyframes emblem-float { 50% { transform:translateY(-15px) rotate(2deg); } }
.console,.flow-visual,.diagram { background:#20212B; border-color:rgba(254,215,165,.25); box-shadow:0 35px 90px rgba(18,18,31,.25); }.console-glow { background:rgba(254,215,165,.18); }
.threat-panel,.pulse-panel { background:#262B35; }.metric.featured { background:rgba(254,215,165,.1); }.event.active { background:rgba(254,215,165,.09); }
.platform { background:#FFF0DB; color:#20212B; }.section-intro .kicker,.flow-label,.capability>span,.capability-icon { color:#8B4D38; }
.flow-shell,.capability { background:#FFF9F0; border-color:#D9BFA5; }.flow-tab { background:#F8E8D5; border-color:#D9BFA5; color:#514C4B; }.flow-tab.active { background:#FFF9F0; }
.flow-copy p,.capability p { color:#585758; }.flow-copy li { color:#514C4B; background:#F1DAC4; }
.conversion { background:#20212B; color:#FFF4E5; }.conversion-orb { background:rgba(156,103,82,.18); }
.section-intro.light h2,.audit-copy h2,.config-head h3,.recommendation h3 { color:#FFF4E5; }.section-intro.light>p,.audit-copy p { color:#E0CFC0; }
.configurator { background:#2D303B; }.recommendation { background:linear-gradient(145deg,#2D4354,#34313C); }.audit-panel { border-color:rgba(254,215,165,.34); background:linear-gradient(120deg,#2D4354,#3D3841); }
.audit-form { background:rgba(32,33,43,.68); }.audit-form input,.audit-form textarea { color:#FFF4E5; }.audit-form input::placeholder,.audit-form textarea::placeholder { color:#B8AAA1; }
.audit-form label>span,.config-stage>p,.recommendation>p,.rec-features li,.recommendation dd { color:#E2D1C2; }.audit-proof { color:#E6D5C7; }
.page-hero { color:#FFF0DB; background:linear-gradient(125deg,#2D4354,#534149); }.page-hero::after { background:rgba(254,215,165,.13); }
.page-eyebrow,.page-hero .side-card-head span:last-child { color:#FED7A5; }.page-hero p,.hero-proof-list { color:#EAD9C8; }
.page-hero .outline-button { color:#FFF4E5; border-color:#B7A99E; }.page-hero .outline-button:hover { border-color:#FED7A5; }
.hero-side-card { border-color:rgba(254,215,165,.3); background:rgba(32,33,43,.46); box-shadow:0 25px 70px rgba(16,18,28,.22); }
.side-card-head,.arch-row b { color:#FFF0DB; }.arch-row { background:rgba(32,33,43,.5); }.arch-row small { color:#D7C5B5; }.arch-row>span:first-child,.arch-row em { color:#FED7A5; background:rgba(254,215,165,.1); }
.inner-page { background:#FFF0DB; color:#20212B; }.page-section.soft,.page-section:nth-of-type(even) { background:#F6E3CA; }
.page-section-head .kicker,.sticky-copy .kicker,.card-label,.card-link { color:#874D3C; }.page-section-head>p,.info-card p,.price-card>p { color:#514C4B; }
.info-card,.feature-item,.solution-card,.integration-card,.roadmap-column,.article-card,.contact-form,.contact-points div { background:#FFF9F0; border-color:#DAC4AE; }
.card-icon,.feature-item>span { color:#874D3C; background:#F7E5D0; border-color:#E1C6AA; }.page-section.dark { background:#2D4354; color:#FFF0DB; }
.page-section.dark .page-section-head .kicker,.dark .card-label,.dark .card-link { color:#FED7A5; }
.price-card { background:#FFF9F0; border-color:#D9BFA5; transition:transform .28s,box-shadow .28s; }.price-card:hover { transform:translateY(-6px); box-shadow:0 20px 50px rgba(83,65,73,.15); }
.price-card.recommended { border-color:#9C6752; box-shadow:0 20px 55px rgba(156,103,82,.16); }.recommended-flag { color:#FFF4E5; background:#9C6752; }
.price-card li { color:#514C4B; font-size:14px; }.price-card li::before { color:#9C6752; }.price-card .button-ghost { color:#20212B; border-color:#C9A88C; background:#F7E5D0; }
.price-card .button-ghost:hover { background:#FED7A5; }.price-card .button-primary { color:#20212B; }
.price-display { border-color:#DDC6B0; }.price-display strong { color:#20212B; }.price-display small { color:#605956; font-size:13px; }
.pricing-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }.price-card { padding:26px; }.price-card h2 { font-size:25px; }.price-card>p { font-size:14px; min-height:75px; }
.price-amounts { display:grid; gap:10px; margin:18px 0 24px; padding:18px 0; border-top:1px solid #DCC3AA; border-bottom:1px solid #DCC3AA; }
.price-amounts span { display:block; color:#605956; font-size:13px; }.price-amounts strong { display:block; margin-top:3px; color:#20212B; font-size:22px; letter-spacing:-.03em; }
.price-amounts strong em { font-size:15px; font-style:normal; font-weight:600; }
.cta-band { background:linear-gradient(120deg,#2D4354,#534149); }.cta-band p { color:#E6D4C6; }
.site-footer { color:#C8BBAF; background:#20212B; }.site-footer .brand { color:#FFF0DB; }.site-footer .brand-copy small { color:#FED7A5; }
.mobile-menu { background:rgba(32,33,43,.98); box-shadow:0 22px 55px rgba(16,18,28,.25); }.mobile-menu nav a,.mobile-menu>div>a:first-child { color:#F0DDC9; }
@media(max-width:1150px) { .pricing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .hero { min-height:auto; padding-top:150px; }.hero-emblem { width:150px; top:82px; right:0; opacity:.07; }.site-header .brand-mark { width:40px; height:40px; }.pricing-grid { grid-template-columns:1fr; }.price-card>p { min-height:auto; } }
@media(prefers-reduced-motion:reduce) { .hero-emblem { animation:none; } }

/* Contrast on dark product surfaces and the architecture route. */
.diagram-node { background:#30333D; border-color:#7C736F; }
.diagram-node>span,.diagram-node::after { color:#FED7A5; }
.diagram-node b { color:#FFF1DD; font-size:16px; }
.diagram-node small { color:#E0D2C4; font-size:14px; line-height:1.55; }
.diagram-node:hover { border-color:#FED7A5; background:#393943; }
.page-section.dark .info-card { background:#354758; border-color:#9A8C83; color:#FFF0DB; }
.page-section.dark .info-card h3,.page-section.dark .info-card b { color:#FFF0DB; }
.page-section.dark .info-card p { color:#E8D8C9; }
.page-section.dark .card-icon { background:#465464; border-color:#AE9B8A; color:#FED7A5; }
.auth-shell { background:#2D303B; }.auth-context h1 { color:#FFF0DB; }.auth-context>p,.auth-context .hero-proof-list { color:#E0D0C1; }
.audit-copy h2,.section-intro.light h2 { color:#FFF4E5; }
.flow-visual .flow-source b,.flow-visual .flow-destination b { color:#FFF0DB; }
.flow-visual .flow-source span,.flow-visual .flow-destination span { color:#D5C5B5; }
.footer-brand p,.footer-column a,.site-footer .footer-bottom,.soc-location { color:#D7C7B9; }
.footer-column b { color:#FFF0DB; }
/* Three diagrams are visible at rest; descriptions reveal on hover, focus or tap. */
.surface-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:18px; }
.surface-card { position:relative; min-height:285px; overflow:hidden; isolation:isolate; border:1px solid #D0AC90; border-radius:18px; background:linear-gradient(145deg,#FFF9F0,#F5DFC5); box-shadow:0 12px 36px rgba(83,65,73,.07); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.surface-card:hover,.surface-card:has(.surface-card-trigger:focus-visible),.surface-card.is-open { transform:translateY(-9px); border-color:#9C6752; box-shadow:0 23px 48px rgba(83,65,73,.18); }
.surface-card-trigger { width:100%; min-height:285px; padding:26px; display:flex; flex-direction:column; align-items:stretch; text-align:left; border:0; color:#20212B; background:transparent; cursor:pointer; }
.surface-card-trigger:focus-visible { outline:3px solid #9C6752; outline-offset:-5px; }
.surface-graphic { min-height:132px; display:flex; align-items:center; justify-content:center; gap:0; padding:16px 5px; border-radius:13px; background:#2D4354; box-shadow:inset 0 0 0 1px rgba(254,215,165,.2); }
.surface-graphic-data { background:#534149; }.surface-graphic-ops { background:#39404C; }
.surface-node { min-width:0; padding:10px 7px; flex:1; border:1px solid #CEB79D; border-radius:8px; color:#FFF0DB; font:700 11px/1.15 ui-monospace,monospace; letter-spacing:.02em; text-align:center; }
.surface-link { width:18px; height:1px; flex:0 0 18px; background:#FED7A5; }
.surface-title { margin-top:auto; padding-top:24px; color:#20212B; font-size:24px; font-weight:750; letter-spacing:-.035em; }
.surface-hint { margin-top:7px; color:#8B4D38; font-size:14px; font-weight:650; }
.surface-card-detail { position:absolute; z-index:2; left:0; right:0; bottom:0; min-height:150px; padding:20px 26px 24px; border-top:1px solid #C9A78D; color:#20212B; background:#FED7A5; opacity:0; visibility:hidden; transform:translateY(20px); transition:opacity .28s ease,transform .28s ease,visibility .28s; }
.surface-card:hover .surface-card-detail,.surface-card:has(.surface-card-trigger:focus-visible) .surface-card-detail,.surface-card.is-open .surface-card-detail { opacity:1; visibility:visible; transform:translateY(0); }
.surface-card-detail p { margin:0 0 12px; color:#332C30; font-size:14px; line-height:1.5; }
.surface-card-detail a { color:#6D3C2F; font-size:14px; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:900px) { .surface-map { grid-template-columns:1fr; }.surface-card,.surface-card-trigger { min-height:255px; } }
@media(hover:none) { .surface-card { min-height:260px; }.surface-card-trigger { min-height:260px; } }
@media(prefers-reduced-motion:reduce) { .surface-card,.surface-card-detail { transition:none; } }

.article-card.featured { background:#2D4354; border-color:#9A8C83; color:#FFF0DB; }
.article-card.featured .card-label { color:#FED7A5; }.article-card.featured p { color:#E8D8C9; }
.choice small,.support small,.recommendation dt,.recommendation>small,.step-indicator,.range-labels { color:#CCBEB1; }
.flow-visual .flow-core span { color:#D8C8B8; }.flow-visual .flow-line { background:#B9A189; }
.contact-form label>span,.auth-card label span { color:#514C4B; font-size:14px; }
.contact-form .form-note,.auth-card>p { color:#5B5353; font-size:13px; }

/* Production form states and fields. */
.audit-form select,
.contact-form select {
  width: 100%;
  height: 49px;
  padding: 0 38px 0 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  outline: none;
  color: var(--white);
  background: #292c36;
}
.contact-form select { color: #20212b; background: #fff9f0; border-color: #d6bfa8; }
.audit-form select:focus,
.contact-form select:focus { border-color: #9c6752; box-shadow: 0 0 0 3px rgba(156,103,82,.12); }
.audit-form textarea.invalid,
.contact-form input.invalid,
.contact-form textarea.invalid { border-color: #b84f4f; }
.form-message.error { color: #ffd2c7; background: rgba(184,79,79,.18); }
button:disabled { cursor: wait; opacity: .7; transform: none !important; }
.auth-page .site-header .button-ghost { color: #20212b !important; }

/* Compatibility shell for the established resource pages. */
.legacy-public-page {
  --bg: #20212b;
  --bg2: #f6e3ca;
  --surface: #fff9f0;
  --blue: #9c6752;
  --violet: #6f4f67;
  --green: #fed7a5;
  --text: #20212b;
  --sub: #5c5a58;
  --muted: #746b67;
  --line: rgba(156,103,82,.22);
  color: #20212b;
  background: #fff0db;
}
.legacy-public-page .site-header .brand {
  width: auto;
  min-width: 172px;
  overflow: visible;
  opacity: 1;
  visibility: visible;
  transform: none;
}
.legacy-public-page .site-header .brand-mark {
  display: block;
  width: 47px;
  height: 47px;
  flex: 0 0 47px;
  opacity: 1;
}
.legacy-public-page .site-header .brand-copy strong,
.legacy-public-page .site-header .login-link { color: #fff0db; }
.legacy-public-page .subhero {
  padding: 172px 24px 88px;
  color: #fff0db;
  background: linear-gradient(125deg,#2d4354,#534149);
}
.legacy-public-page .subhero .wrap,
.legacy-public-page .section .wrap { width: min(100%, 1220px); margin-inline: auto; }
.legacy-public-page .subhero .eyebrow,
.legacy-public-page .section .eyebrow { color: #9c6752; }
.legacy-public-page .subhero .eyebrow { color: #fed7a5; }
.legacy-public-page .subhero h1 { max-width: 920px; color: #fff0db; font-size: clamp(48px,6vw,76px); letter-spacing: -.055em; }
.legacy-public-page .subhero p { max-width: 760px; color: #ead9c8; font-size: 18px; line-height: 1.7; }
.legacy-public-page .subhero .wrap > p:last-child { color:#fff0db; opacity:1; }
.legacy-public-page .section { padding: 92px 24px; color: #20212b; background: #fff0db; }
.legacy-public-page .section.alt { background: #f6e3ca; }
.legacy-public-page .title h2 { color: #20212b; font-size: clamp(36px,4vw,54px); letter-spacing: -.045em; }
.legacy-public-page .title > p { color: #5c5a58; }
.legacy-public-page .page-grid article,
.legacy-public-page .resource-library a,
.legacy-public-page .integration-catalog article,
.legacy-public-page .roadmap article,
.legacy-public-page .status-panel,
.legacy-public-page .faq-wide details {
  border-color: #dac4ae;
  color: #20212b;
  background: #fff9f0;
  box-shadow: 0 14px 42px rgba(83,65,73,.08);
}
.legacy-public-page article p,
.legacy-public-page article small,
.legacy-public-page .resource-library p,
.legacy-public-page .faq-wide p { color: #5c5a58; }
.legacy-public-page .available,
.legacy-public-page .done b { color: #6d3c2f; }
.legacy-public-page .planned,
.legacy-public-page .next b { color: #874d3c; }

@media (max-width: 760px) {
  .legacy-public-page .subhero { padding: 142px 18px 66px; }
  .legacy-public-page .section { padding: 70px 18px; }
  .legacy-public-page .subhero h1 { font-size: 44px; }
}

@media (max-width: 420px) {
  .site-header { padding-right: 8px; padding-left: 10px; }
  .site-header > .brand { min-width: 0; gap: 6px; }
  .site-header .brand-mark { width: 32px; height: 32px; }
  .site-header .brand-copy small { display: none; }
  .header-actions { gap: 6px; }
  .site-header .language-switcher button { min-width: 29px; padding: 0 4px; }
}