:root {
  --ink: #17141f; --paper: #f5f0e8; --white: #fffdf9; --orange: #ff6b22;
  --orange-dark: #cc4610; --sage: #b8ccaf; --green: #1f6b4f; --blue: #406b8e;
  --muted: #675f68; --line: rgba(23,20,31,.15);
  --display: "Bricolage Grotesque", "Avenir Next", sans-serif;
  --body: "Manrope", "Trebuchet MS", sans-serif;
  color: var(--ink); font-family: var(--body); font-synthesis: none; text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; background: radial-gradient(circle at 88% 5%, rgba(255,107,34,.12), transparent 28rem), linear-gradient(180deg,#faf7f1 0%,var(--paper) 42%,#f9f6f1 100%); }
a { color: inherit; text-decoration: none; }
summary { font: inherit; }
img { display: block; max-width: 100%; }
.section-wrap { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }

.site-header { position: sticky; z-index: 50; top: 0; min-height: 78px; border-bottom: 1px solid rgba(23,20,31,.1); padding-inline: max(32px,calc((100vw - 1240px)/2)); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 32px; background: rgba(250,247,241,.88); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 11px; font-family: var(--display); font-size: 1.13rem; font-weight: 800; letter-spacing: -.03em; }
.brand-mark { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; color: white; background: var(--orange); box-shadow: 0 8px 20px rgba(255,107,34,.22); }
.brand-mark svg { width: 25px; height: 25px; }
.brand-mark path:first-child { fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linejoin: round; }
.brand-mark path:last-child { fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.main-nav { display: flex; justify-content: center; gap: clamp(18px,2.6vw,38px); color: #514a53; font-size: .86rem; font-weight: 700; }
.main-nav a,.nav-login,.footer-links a { transition: color 160ms ease; }
.main-nav a:hover,.nav-login:hover,.footer-links a:hover { color: var(--orange-dark); }
.nav-actions,.hero-actions,.final-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.nav-login { font-size: .87rem; font-weight: 750; }
.button { min-height: 50px; border: 1px solid var(--orange-dark); border-radius: 8px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 13px; color: white; background: var(--orange); font-size: .9rem; font-weight: 800; box-shadow: 0 14px 30px rgba(204,70,16,.18); transition: transform 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.button:hover { transform: translateY(-2px); background: #ee5713; box-shadow: 0 18px 34px rgba(204,70,16,.24); }
.button-small { min-height: 40px; padding-inline: 16px; font-size: .82rem; }
.button-quiet { border-color: var(--line); color: var(--ink); background: transparent; box-shadow: none; }
.button-quiet:hover { color: var(--ink); background: var(--white); box-shadow: none; }

.hero { min-height: calc(100vh - 78px); padding-block: 82px 88px; display: grid; grid-template-columns: minmax(0,.84fr) minmax(520px,1.16fr); align-items: center; gap: 72px; }
.hero-copy { display: grid; justify-items: start; gap: 25px; }
.eyebrow { margin: 0; display: flex; align-items: center; gap: 9px; color: #8b3c18; font-size: .7rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow > span { width: 28px; height: 1px; display: block; background: currentColor; }
.eyebrow-light { color: #ffae80; }
h1,h2,h3 { margin: 0; font-family: var(--display); }
.hero h1 { max-width: 650px; font-size: clamp(3.7rem,6vw,6.7rem); line-height: .92; letter-spacing: -.065em; }
.hero h1 em { display: block; color: var(--orange-dark); font-style: normal; }
.hero-lede { max-width: 575px; margin: 0; color: var(--muted); font-size: clamp(.82rem,.95vw,.94rem); font-weight: 550; line-height: 1.68; }
.hero-proof { width: 100%; border-top: 1px solid var(--line); padding-top: 19px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.hero-proof div { display: flex; align-items: center; gap: 9px; }
.hero-proof strong { color: var(--orange-dark); font-family: var(--display); font-size: .72rem; }
.hero-proof span { color: #504951; font-size: .72rem; font-weight: 750; }
.hero-stage { position: relative; padding: 28px 0 34px 24px; }
.stage-glow { position: absolute; inset: -40px -40px 0 20%; border-radius: 50%; background: radial-gradient(circle,rgba(255,107,34,.22),transparent 68%); filter: blur(18px); }
.product-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(23,20,31,.25); border-radius: 14px; background: #f9f6f1; box-shadow: 0 32px 80px rgba(32,24,28,.22); }
.window-bar { min-height: 46px; border-bottom: 1px solid rgba(23,20,31,.12); padding: 0 16px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; color: #6c6570; background: #fffdfa; font-size: .66rem; font-weight: 700; }
.window-bar > span { text-align: center; }
.window-bar b { justify-self: end; color: var(--green); }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; display: block; background: #ddd4ca; }
.window-dots i:first-child { background: #ff8b58; }
.screenshot-viewport { position: relative; overflow: hidden; background: #ede7df; }
.screenshot-viewport::after { content: ""; position: absolute; inset: auto 0 0; height: 24%; pointer-events: none; background: linear-gradient(transparent,rgba(23,20,31,.2)); }
.screenshot-hero { height: auto; }
.screenshot-hero::after { display: none; }
.screenshot-hero img,.screenshot-results img { width: 100%; height: auto; transform: scale(1.02); transform-origin: top center; }
.dashboard-mock { min-height: 480px; display: grid; grid-template-columns: 128px minmax(0,1fr); color: #17141f; background: #f6f2ed; font-family: var(--body); }
.mock-sidebar { padding: 15px 11px 12px; display: flex; flex-direction: column; color: #e9e3ec; background: #17141f; }
.mock-brand { display: flex; align-items: center; gap: 7px; font-family: var(--display); font-size: .68rem; }
.mock-brand span { width: 23px; height: 23px; border-radius: 6px; display: grid; place-items: center; color: white; background: var(--orange); font-size: .47rem; }
.mock-sidebar nav { margin-top: 25px; display: grid; gap: 4px; }
.mock-sidebar nav span,.mock-sidebar nav b { border-radius: 5px; padding: 8px 7px; font-size: .48rem; font-style: normal; font-weight: 700; }
.mock-sidebar nav b { color: white; background: #4b2b23; box-shadow: inset 2px 0 var(--orange); }
.mock-sidebar nav span { color: #aaa2ae; }
.mock-user { margin-top: auto; border: 1px solid #3b3540; border-radius: 7px; padding: 8px; display: grid; gap: 2px; }
.mock-user small { color: #8e8591; font-size: .39rem; font-weight: 800; letter-spacing: .08em; }
.mock-user strong { color: white; font-size: .54rem; }
.mock-main { min-width: 0; padding: 18px; }
.mock-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mock-heading small,.mock-card-title small,.mock-activity small { color: #7d747e; font-size: .42rem; font-weight: 800; letter-spacing: .1em; }
.mock-heading h3 { margin-top: 3px; font-size: 1.25rem; letter-spacing: -.04em; }
.mock-heading button { border: 0; border-radius: 6px; padding: 8px 11px; color: white; background: var(--orange); font: 800 .5rem var(--body); }
.mock-kpis { margin-top: 15px; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.mock-kpis article,.mock-chart,.mock-queue,.mock-activity { border: 1px solid #ded6ce; border-radius: 7px; background: #fffdf9; }
.mock-kpis article { min-height: 78px; padding: 10px; display: grid; align-content: start; gap: 4px; }
.mock-kpis span { color: #77707a; font-size: .42rem; font-weight: 800; text-transform: uppercase; }
.mock-kpis strong { font: 800 1.25rem/1 var(--display); }
.mock-kpis small { color: #8b838b; font-size: .4rem; font-weight: 650; }
.mock-dashboard-grid { margin-top: 9px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 9px; }
.mock-chart,.mock-queue { min-height: 215px; padding: 12px; }
.mock-card-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.mock-card-title > div { display: grid; gap: 3px; }
.mock-card-title strong { font: 750 .66rem var(--display); }
.mock-card-title > span { border-radius: 999px; padding: 4px 6px; color: #76533f; background: #fff0e6; font-size: .38rem; font-weight: 800; }
.mock-bars { margin-top: 19px; display: grid; gap: 15px; }
.mock-bars div { display: grid; grid-template-columns: 92px 1fr 25px; align-items: center; gap: 6px; }
.mock-bars label { overflow: hidden; color: #5d5660; font-size: .41rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.mock-bars i { height: 6px; overflow: hidden; border-radius: 999px; background: #eee8e2; }
.mock-bars b { height: 100%; border-radius: inherit; display: block; background: linear-gradient(90deg,#ff6b22,#e69563); }
.mock-bars em { color: #6f6871; font-size: .39rem; font-style: normal; font-weight: 800; text-align: right; }
.mock-queue { display: grid; align-content: start; gap: 8px; }
.mock-finding { border-top: 1px solid #eee7e0; padding-top: 9px; display: grid; grid-template-columns: 21px 1fr; align-items: center; gap: 7px; }
.mock-finding > i { width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; font-size: .42rem; font-style: normal; font-weight: 900; }
.risk-high { color: #a43320; background: #ffe5df; }
.risk-medium { color: #8b5a18; background: #fff0d5; }
.mock-finding div { min-width: 0; display: grid; gap: 2px; }
.mock-finding strong { overflow: hidden; font-size: .48rem; text-overflow: ellipsis; white-space: nowrap; }
.mock-finding small { overflow: hidden; color: #89818a; font-size: .37rem; text-overflow: ellipsis; white-space: nowrap; }
.mock-activity { min-height: 54px; margin-top: 9px; padding: 10px 12px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 14px; }
.mock-activity div { display: grid; gap: 3px; }
.mock-activity strong { font-size: .48rem; }
.mock-activity > span,.mock-activity time { color: #817981; font-size: .38rem; font-weight: 650; }
.dashboard-mock { min-height: 610px; grid-template-columns: 148px minmax(0,1fr); }
.mock-sidebar { padding: 15px 10px 11px; }
.mock-brand { align-items: flex-start; }
.mock-brand span { width: 29px; height: 29px; flex: 0 0 auto; }
.mock-brand span svg { width: 20px; height: 20px; }
.mock-brand span svg path { fill: none; stroke: #fff; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.mock-brand > div { display: grid; gap: 1px; padding-top: 2px; }
.mock-brand > div strong { font-size: .66rem; }
.mock-brand > div small { color: #aaa2ae; font-size: .4rem; font-weight: 600; }
.mock-sidebar nav { margin-top: 16px; gap: 1px; }
.mock-sidebar nav span,.mock-sidebar nav b { display: flex; align-items: center; gap: 7px; padding: 5px 6px; font-size: .42rem; }
.mock-sidebar nav i { width: 9px; height: 9px; border: 1.2px solid currentColor; border-radius: 2px; opacity: .85; }
.mock-main { padding: 15px; }
.mock-actions { display: flex; align-items: center; gap: 7px; }
.mock-actions > span { width: 145px; border: 1px solid #ded6ce; border-radius: 6px; padding: 7px 9px; color: #918891; background: #fffdf9; font-size: .4rem; }
.mock-kpis { margin-top: 11px; }
.mock-kpis article { min-height: 65px; padding: 8px 9px; }
.mock-kpis small b { color: #2b8a61; }
.mock-dashboard-grid { grid-template-columns: 1.18fr .82fr; }
.mock-chart,.mock-status { min-height: 145px; padding: 10px; border: 1px solid #ded6ce; border-radius: 7px; background: #fffdf9; }
.mock-bars { margin-top: 13px; gap: 9px; }
.mock-status { display: grid; align-content: start; }
.mock-donut-row { margin-top: 12px; display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 12px; }
.mock-donut { width: 68px; height: 68px; border-radius: 50%; display: grid; place-content: center; text-align: center; background: radial-gradient(circle at center,#fffdf9 0 46%,transparent 48%),conic-gradient(var(--orange) 0 33%,#462d43 33% 66%,#efaa72 66% 83%,#e7ded7 83%); }
.mock-donut strong { font: 800 1rem/1 var(--display); }
.mock-donut small { margin-top: 2px; color: #8b838b; font-size: .36rem; }
.mock-donut-row ul { display: grid; gap: 5px; }
.mock-donut-row li { display: grid; grid-template-columns: 6px 1fr auto; align-items: center; gap: 5px; color: #69616a; font-size: .38rem; }
.mock-donut-row li i { width: 6px; height: 6px; border-radius: 50%; background: var(--orange); }
.mock-donut-row li:nth-child(2) i { background: #462d43; }
.mock-donut-row li:nth-child(3) i { background: #efaa72; }
.mock-donut-row li:nth-child(4) i { background: #e7ded7; }
.mock-audits { margin-top: 9px; padding: 10px; border: 1px solid #ded6ce; border-radius: 7px; background: #fffdf9; }
.mock-audit-table { margin-top: 8px; display: grid; }
.mock-audit-table > div { min-height: 28px; border-top: 1px solid #eee7e0; display: grid; grid-template-columns: 1.45fr .68fr .75fr 1fr .48fr .5fr; align-items: center; gap: 7px; color: #716972; font-size: .37rem; }
.mock-audit-table > .mock-table-head { min-height: 20px; border-top: 0; color: #948b94; font-size: .34rem; font-weight: 800; text-transform: uppercase; }
.mock-audit-table > div > strong { overflow: hidden; color: #26212b; font-size: .42rem; text-overflow: ellipsis; white-space: nowrap; }
.phase,.risk { width: max-content; border-radius: 999px; padding: 3px 5px; font-style: normal; font-weight: 800; }
.phase.fieldwork { color: #21654a; background: #e4f5ec; }
.phase.testing { color: #744e1f; background: #fff0da; }
.phase.planning { color: #545071; background: #efedf6; }
.phase.reporting { color: #78452c; background: #ffebe2; }
.risk.high { color: #a43320; background: #ffe5df; }
.risk.medium { color: #8b5a18; background: #fff0d5; }
.risk.low { color: #21654a; background: #e4f5ec; }
.table-progress { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px; }
.table-progress i { height: 4px; overflow: hidden; border-radius: 99px; background: #eee8e2; }
.table-progress b { height: 100%; display: block; border-radius: inherit; background: var(--orange); }
.mock-bottom-grid { margin-top: 9px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.mock-bottom-grid .mock-queue,.mock-bottom-grid .mock-activity { min-height: 112px; margin: 0; padding: 10px; }
.mock-bottom-grid .mock-finding { padding-top: 6px; }
.mock-bottom-grid .mock-activity { display: grid; grid-template-columns: 1fr; align-content: start; gap: 6px; }
.mock-bottom-grid .mock-activity p { border-top: 1px solid #eee7e0; padding-top: 6px; display: grid; grid-template-columns: 6px .8fr 1fr auto; align-items: center; gap: 5px; font-size: .37rem; }
.mock-bottom-grid .mock-activity p > i { width: 6px; height: 6px; border-radius: 50%; background: #42a476; }
.mock-bottom-grid .mock-activity p > span,.mock-bottom-grid .mock-activity p > time { color: #89818a; }
.floating-card { position: absolute; z-index: 4; border: 1px solid rgba(23,20,31,.14); border-radius: 10px; padding: 13px 15px; display: flex; align-items: center; gap: 11px; background: rgba(255,253,249,.95); box-shadow: 0 18px 40px rgba(31,24,30,.18); backdrop-filter: blur(12px); }
.floating-card small { display: block; margin-bottom: 2px; color: var(--muted); font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.floating-card strong { display: block; font-family: var(--display); font-size: .83rem; }
.floating-card-top { top: 4px; right: -20px; }
.floating-card-bottom { bottom: 0; left: -15px; }
.pulse { width: 11px; height: 11px; border-radius: 50%; display: block; background: #2b9b69; box-shadow: 0 0 0 6px rgba(43,155,105,.14); }

.trust-bar { border-block: 1px solid rgba(255,255,255,.12); color: white; background: var(--ink); }
.trust-content { min-height: 94px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 58px; }
.trust-content p { margin: 0; color: #f0e9e1; font-family: var(--display); font-size: 1rem; font-weight: 700; }
.trust-content > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.trust-content span { color: #aaa2ae; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-align: center; text-transform: uppercase; }

.platform,.outcomes { padding-block: 128px; }
.section-intro { max-width: 830px; display: grid; gap: 17px; }
.section-intro h2,.ai-copy h2,.security-copy h2,.source-copy h2,.final-cta h2 { font-size: clamp(2.7rem,4.6vw,5.1rem); line-height: .98; letter-spacing: -.055em; }
.section-intro > p:last-child,.ai-copy > p,.security-copy > p,.source-copy > p { max-width: 690px; margin: 0; color: var(--muted); font-size: 1rem; font-weight: 550; line-height: 1.75; }
.lifecycle-grid { margin-top: 52px; display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.lifecycle-card { position: relative; min-height: 385px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; padding: 26px; display: flex; flex-direction: column; align-items: flex-start; background: rgba(255,253,249,.8); transition: transform 180ms ease,box-shadow 180ms ease; }
.lifecycle-card::after { content: ""; position: absolute; right: -55px; bottom: -55px; width: 150px; height: 150px; border-radius: 50%; background: var(--card-accent); opacity: .18; }
.lifecycle-card:hover { transform: translateY(-6px); box-shadow: 0 24px 45px rgba(31,24,30,.1); }
.card-plan { --card-accent: var(--orange); } .card-test { --card-accent: var(--blue); } .card-report { --card-accent: var(--sage); } .card-follow { --card-accent: #b57654; }
.card-number { align-self: flex-end; color: #8a828b; font-family: var(--display); font-size: .74rem; font-weight: 800; }
.card-icon { width: 52px; height: 52px; margin: 36px 0 22px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; color: var(--ink); background: color-mix(in srgb,var(--card-accent) 18%,white); font-family: var(--display); font-size: 1.45rem; font-weight: 800; }
.lifecycle-card h3 { max-width: 190px; font-size: 1.45rem; line-height: 1.08; letter-spacing: -.025em; }
.lifecycle-card p { margin: 14px 0 24px; color: var(--muted); font-size: .86rem; font-weight: 550; line-height: 1.65; }
.lifecycle-card ul { margin: auto 0 0; padding: 0; display: grid; gap: 8px; list-style: none; color: #4e4750; font-size: .73rem; font-weight: 750; }
.lifecycle-card li::before { content: "•"; margin-right: 8px; color: var(--orange-dark); }

.ai-section { overflow: hidden; padding-block: 128px; color: white; background: linear-gradient(135deg,#17141f 0%,#2b2027 55%,#452314 100%); }
.ai-layout { display: grid; grid-template-columns: minmax(330px,.72fr) minmax(0,1.28fr); align-items: center; gap: 76px; }
.ai-copy { display: grid; justify-items: start; gap: 22px; }
.ai-copy h2,.security-copy h2 { color: white; }
.ai-copy > p,.security-copy > p { color: #c8bec8; }
.principle-callout { border-left: 2px solid var(--orange); padding: 4px 0 4px 16px; display: grid; gap: 4px; }
.principle-callout strong { font-family: var(--display); font-size: .94rem; }
.principle-callout span { color: #a99faa; font-size: .76rem; line-height: 1.5; }
.studio-steps { width: 100%; margin-top: 12px; border-top: 1px solid rgba(255,255,255,.13); }
.studio-steps details { border-bottom: 1px solid rgba(255,255,255,.13); }
.studio-steps summary { padding: 17px 0; display: flex; align-items: center; gap: 13px; color: #f7f0ea; cursor: pointer; font-family: var(--display); font-size: .88rem; font-weight: 700; list-style: none; }
.studio-steps summary::-webkit-details-marker { display: none; }
.studio-steps summary::after { content: "+"; margin-left: auto; color: var(--orange); font-family: var(--body); font-size: 1.1rem; }
.studio-steps details[open] summary::after { content: "−"; }
.studio-steps summary span { color: #ff9d6c; font-family: var(--body); font-size: .66rem; }
.studio-steps details p { margin: -3px 0 18px 35px; color: #a99faa; font-size: .75rem; line-height: 1.65; }
.ai-demo { min-width: 0; }
.demo-label { margin-bottom: 12px; display: flex; align-items: center; gap: 8px; color: #beb4bd; font-size: .67rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.demo-label span { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px rgba(255,107,34,.14); }
.product-window-dark { border-color: rgba(255,255,255,.18); box-shadow: 0 36px 90px rgba(0,0,0,.35); }
.product-window-dark .window-bar { color: #817982; background: #f8f4ef; }
.screenshot-results { height: 680px; }
.deliverable-row { margin: 13px 4px 0; display: flex; flex-wrap: wrap; gap: 8px; }
.deliverable-row span { border: 1px solid rgba(255,255,255,.15); border-radius: 999px; padding: 7px 10px; color: #c9bfc8; background: rgba(255,255,255,.05); font-size: .65rem; font-weight: 700; }

.section-intro-row { max-width: none; grid-template-columns: minmax(0,1fr) minmax(300px,.65fr); align-items: end; gap: 68px; }
.outcome-grid { margin-top: 54px; border-block: 1px solid var(--line); display: grid; grid-template-columns: repeat(3,1fr); }
.outcome-grid article { min-height: 310px; border-right: 1px solid var(--line); padding: 34px 34px 38px 0; display: flex; flex-direction: column; justify-content: flex-end; }
.outcome-grid article + article { padding-left: 34px; }
.outcome-grid article:last-child { border-right: 0; }
.outcome-grid span { margin-bottom: auto; color: var(--orange-dark); font-size: .68rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.outcome-grid h3 { max-width: 330px; font-size: 1.75rem; line-height: 1.05; letter-spacing: -.035em; }
.outcome-grid p { margin: 16px 0 0; color: var(--muted); font-size: .84rem; line-height: 1.7; }

.source-section { border: 1px solid var(--line); border-radius: 14px; padding: 56px; display: grid; grid-template-columns: minmax(0,.8fr) minmax(470px,1.2fr); align-items: center; gap: 64px; background: rgba(255,253,249,.72); box-shadow: 0 24px 70px rgba(31,24,30,.08); }
.source-copy { display: grid; justify-items: start; gap: 19px; }
.source-copy h2 { font-size: clamp(2.4rem,4vw,4.2rem); }
.format-list { display: flex; flex-wrap: wrap; gap: 7px; }
.format-list span { border: 1px solid var(--line); border-radius: 999px; padding: 7px 10px; color: #5e565f; background: white; font-size: .65rem; font-weight: 800; }
.source-map { position: relative; min-height: 430px; display: grid; grid-template-columns: repeat(2,1fr); align-content: space-between; gap: 120px 110px; }
.source-map::before,.source-map::after { content: ""; position: absolute; inset: 50% 18%; height: 1px; background: rgba(23,20,31,.18); }
.source-map::after { inset: 18% 50%; width: 1px; height: auto; }
.source-map article { position: relative; z-index: 2; min-height: 92px; border: 1px solid var(--line); border-radius: 10px; padding: 17px; display: grid; align-content: center; gap: 5px; background: var(--white); }
.source-map b { font-family: var(--display); font-size: .86rem; }
.source-map article span { color: var(--muted); font-size: .66rem; line-height: 1.5; }
.source-hub { position: absolute; z-index: 3; top: 50%; left: 50%; width: 142px; height: 142px; border-radius: 50%; padding: 20px; display: grid; place-items: center; align-content: center; gap: 7px; text-align: center; color: white; background: var(--ink); box-shadow: 0 20px 45px rgba(23,20,31,.24); transform: translate(-50%,-50%); }
.source-hub span { color: var(--orange); font-family: var(--display); font-size: 1.4rem; font-weight: 800; }
.source-hub strong { font-size: .65rem; line-height: 1.4; }

.security-section { margin-top: 128px; padding-block: 112px; color: white; background: #211c25; }
.security-layout { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); align-items: center; gap: 90px; }
.security-copy { display: grid; justify-items: start; gap: 21px; }
.text-cta { border-bottom: 1px solid rgba(255,255,255,.3); padding-bottom: 7px; color: #f8ede5; font-size: .75rem; font-weight: 800; }
.text-cta span { margin-left: 8px; color: var(--orange); }
.security-grid { display: grid; grid-template-columns: repeat(2,1fr); }
.security-grid article { min-height: 210px; border-right: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); padding: 26px; display: grid; grid-template-columns: 33px 1fr; gap: 12px; }
.security-grid article:nth-child(2n) { border-right: 0; }
.security-grid article:nth-child(n+3) { border-bottom: 0; }
.security-grid article > span { color: #ff9561; font-size: .65rem; font-weight: 800; }
.security-grid h3 { margin-bottom: 10px; color: #f8f2ed; font-size: 1.05rem; }
.security-grid p { margin: 0; color: #aaa1aa; font-size: .75rem; line-height: 1.65; }

.final-cta { margin-block: 120px; border-radius: 15px; padding: 60px; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 50px; background: linear-gradient(135deg,#f0e5d8,#f9f3eb 62%,#ffd8c3); box-shadow: inset 0 0 0 1px rgba(23,20,31,.11); }
.final-cta > div:first-child { max-width: 790px; display: grid; gap: 17px; }
.final-cta h2 { font-size: clamp(2.4rem,4.5vw,4.8rem); }
.final-actions { justify-content: flex-end; }
.site-footer { border-top: 1px solid var(--line); padding-block: 34px; background: #eee7dd; }
.footer-inner { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 36px; }
.brand-footer .brand-mark { width: 32px; height: 32px; border-radius: 9px; }
.brand-footer .brand-mark svg { width: 21px; height: 21px; }
.footer-inner p { margin: 0; color: var(--muted); font-size: .72rem; }
.footer-links { display: flex; gap: 18px; color: #4d464f; font-size: .72rem; font-weight: 750; }
.footer-inner small { color: #817981; font-size: .64rem; }

.reveal { animation: rise-in 700ms cubic-bezier(.22,.8,.28,1) both; }
.reveal-delay { animation-delay: 130ms; }
@keyframes rise-in { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width:1080px) {
  .main-nav { display: none; }
  .hero { min-height: 0; grid-template-columns: 1fr; }
  .hero-copy { max-width: 820px; }
  .hero-stage { width: min(860px,100%); margin-inline: auto; }
  .lifecycle-grid { grid-template-columns: repeat(2,1fr); }
  .ai-layout,.security-layout { grid-template-columns: 1fr; }
  .ai-copy,.security-copy { max-width: 760px; }
  .source-section { grid-template-columns: 1fr; }
  .source-copy { max-width: 760px; }
  .final-cta { grid-template-columns: 1fr; align-items: start; }
  .final-actions { justify-content: flex-start; }
  .footer-inner { grid-template-columns: auto 1fr auto; }
  .footer-inner small { grid-column: 1/-1; }
}
@media (max-width:760px) {
  .section-wrap { width: min(100% - 30px,1240px); }
  .site-header { min-height: 70px; padding-inline: 15px; grid-template-columns: 1fr auto; gap: 12px; }
  .nav-login { display: none; }
  .button-small { min-height: 38px; padding-inline: 12px; }
  .hero { padding-block: 55px 64px; gap: 46px; }
  .hero h1 { font-size: clamp(3.1rem,15vw,5rem); }
  .hero-proof { grid-template-columns: 1fr; }
  .hero-stage { padding: 10px 0 25px; }
  .floating-card-top { top: -12px; right: -4px; }
  .floating-card-bottom { left: -4px; }
  .dashboard-mock { min-height: 400px; grid-template-columns: 88px minmax(0,1fr); }
  .mock-sidebar { padding-inline: 7px; }
  .mock-brand strong { display: none; }
  .mock-sidebar nav span,.mock-sidebar nav b { padding-inline: 5px; font-size: .4rem; }
  .mock-main { padding: 11px; }
  .mock-kpis { grid-template-columns: repeat(2,1fr); }
  .mock-dashboard-grid { grid-template-columns: 1fr; }
  .mock-queue { display: none; }
  .mock-activity { grid-template-columns: 1fr auto; }
  .mock-activity > span { display: none; }
  .window-bar { grid-template-columns: auto 1fr; }
  .window-bar > span { overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
  .window-bar b { display: none; }
  .trust-content { padding-block: 25px; grid-template-columns: 1fr; gap: 20px; }
  .trust-content > div { grid-template-columns: repeat(2,1fr); gap: 16px; }
  .trust-content span { text-align: left; }
  .platform,.outcomes { padding-block: 82px; }
  .lifecycle-grid,.section-intro-row,.outcome-grid { grid-template-columns: 1fr; }
  .lifecycle-card { min-height: 330px; }
  .ai-section { padding-block: 82px; }
  .ai-layout { gap: 52px; }
  .screenshot-results { height: 570px; }
  .outcome-grid article,.outcome-grid article + article { min-height: 250px; border-right: 0; border-bottom: 1px solid var(--line); padding: 30px 0; }
  .outcome-grid article:last-child { border-bottom: 0; }
  .outcome-grid span { margin-bottom: 58px; }
  .source-section { width: min(100% - 20px,1240px); padding: 34px 20px; gap: 46px; }
  .source-map { min-height: auto; grid-template-columns: 1fr; gap: 10px; }
  .source-map::before,.source-map::after { display: none; }
  .source-map article { padding-left: 86px; }
  .source-hub { top: 50%; left: 16px; width: 58px; height: 58px; padding: 8px; border-radius: 11px; transform: translateY(-50%); }
  .source-hub span { font-size: 1rem; }
  .source-hub strong { display: none; }
  .security-section { margin-top: 82px; padding-block: 76px; }
  .security-grid { grid-template-columns: 1fr; }
  .security-grid article,.security-grid article:nth-child(2n),.security-grid article:nth-child(n+3) { min-height: 155px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); padding-inline: 0; }
  .security-grid article:last-child { border-bottom: 0; }
  .final-cta { width: min(100% - 20px,1240px); margin-block: 82px; padding: 36px 22px; }
  .footer-inner { grid-template-columns: 1fr; gap: 18px; }
  .footer-inner small { grid-column: auto; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  .reveal { animation: none; }
  .button,.lifecycle-card { transition: none; }
}
@media (min-width: 900px) {
  .hero-proof {
    grid-template-columns: repeat(3, max-content);
    justify-content: space-between;
    gap: 1.25rem;
  }

  .hero-proof > div {
    white-space: nowrap;
  }
}

.main-nav .is-current { color: var(--orange-dark); }
.page-hero { min-height: 590px; padding-block: 150px 90px; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: clamp(48px,8vw,120px); }
.page-hero-copy h1 { max-width: 720px; margin-top: 22px; font: 800 clamp(3.4rem,6vw,6.8rem)/.88 var(--display); letter-spacing: -.085em; }
.page-hero-copy h1 em { color: var(--orange-dark); font-style: normal; }
.page-hero-copy > p:last-child { max-width: 650px; margin-top: 30px; color: var(--muted); font-size: clamp(1rem,1.35vw,1.25rem); line-height: 1.75; }
.contact-panel,.demo-agenda { position: relative; overflow: hidden; border: 1px solid #ded6ce; border-radius: 24px; padding: clamp(30px,4vw,52px); background: linear-gradient(145deg,#fffdf9,#fff4ea); box-shadow: 0 30px 80px rgba(47,30,32,.12); }
.contact-panel::after,.demo-agenda::after { content: ""; position: absolute; width: 220px; height: 220px; right: -90px; bottom: -110px; border-radius: 50%; background: rgba(255,100,30,.12); }
.contact-panel .brand-mark { width: 60px; height: 60px; }
.contact-panel > p { margin-top: 28px; color: var(--muted); font-size: 1rem; line-height: 1.7; }
.contact-panel > a { margin-top: 28px; display: inline-flex; gap: 12px; color: var(--ink); font: 800 1rem var(--display); }
.contact-panel > div { margin-top: 55px; display: grid; gap: 5px; }
.contact-panel small,.demo-agenda > small { color: var(--orange-dark); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.contact-panel strong { font: 700 1.15rem var(--display); }
.demo-hero { padding-bottom: 70px; }
.demo-points { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 10px; }
.demo-points span { border: 1px solid #dfd6cd; border-radius: 999px; padding: 9px 13px; color: #59515c; background: #fffdf9; font-size: .78rem; font-weight: 750; }
.demo-agenda { color: white; background: linear-gradient(145deg,#241a28,#4b261f 62%,#8c3a17); }
.demo-agenda > small { color: #ffb08b; }
.demo-agenda h2 { margin-top: 10px; font: 750 clamp(1.8rem,3vw,2.7rem)/1 var(--display); }
.demo-agenda ol { margin-top: 34px; display: grid; gap: 24px; }
.demo-agenda li { display: grid; grid-template-columns: 38px 1fr; gap: 14px; }
.demo-agenda li > b { color: #ff9a6b; font-size: .72rem; }
.demo-agenda li > span { display: grid; gap: 5px; color: #cfc4cf; font-size: .82rem; line-height: 1.5; }
.demo-agenda li strong { color: white; font: 700 1rem var(--display); }
.form-section { padding-block: 95px 130px; display: grid; grid-template-columns: .72fr 1.28fr; align-items: start; gap: clamp(50px,8vw,125px); }
.form-intro { position: sticky; top: 120px; }
.form-intro h2 { margin-top: 18px; font: 750 clamp(2.4rem,4vw,4.5rem)/.96 var(--display); letter-spacing: -.06em; }
.form-intro > p:not(.eyebrow) { max-width: 480px; margin-top: 22px; color: var(--muted); line-height: 1.7; }
.form-intro ul { margin-top: 40px; display: grid; gap: 18px; }
.form-intro li { border-top: 1px solid #ded6ce; padding-top: 17px; display: grid; gap: 4px; }
.form-intro li strong { font: 700 1rem var(--display); }
.form-intro li span { color: var(--muted); font-size: .82rem; }
.form-proof { margin-top: 38px; border-left: 3px solid var(--orange); padding-left: 20px; display: grid; gap: 10px; color: var(--muted); font-size: .9rem; }
.form-proof strong { color: var(--ink); }
.lead-form { border: 1px solid #ded6ce; border-radius: 24px; padding: clamp(26px,4vw,48px); display: grid; gap: 25px; background: rgba(255,253,249,.92); box-shadow: 0 25px 70px rgba(47,30,32,.09); }
.form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px; }
.lead-form label,.lead-form legend { color: #3e3742; font-size: .78rem; font-weight: 800; }
.lead-form input:not([type="checkbox"]),.lead-form select,.lead-form textarea { width: 100%; margin-top: 9px; border: 1px solid #d8cec5; border-radius: 11px; padding: 14px 15px; color: var(--ink); background: white; font: 600 .92rem var(--body); outline: none; transition: border-color .2s,box-shadow .2s; }
.lead-form textarea { resize: vertical; line-height: 1.55; }
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 4px rgba(255,100,30,.12); }
.lead-form fieldset { border: 0; }
.interest-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.interest-grid label { border: 1px solid #ded6ce; border-radius: 10px; padding: 12px; display: flex; align-items: center; gap: 9px; background: white; cursor: pointer; }
.interest-grid input,.form-consent input { accent-color: var(--orange); }
.form-consent { display: flex; align-items: flex-start; gap: 10px; color: var(--muted) !important; font-weight: 600 !important; line-height: 1.5; }
.form-consent input { margin-top: 3px; }
.form-honeypot { position: absolute; left: -10000px; }
.form-submit { display: flex; align-items: center; gap: 20px; }
.form-submit .button { border: 0; cursor: pointer; }
.form-submit .button:disabled { opacity: .6; cursor: wait; }
.form-status { max-width: 410px; color: var(--muted); font-size: .8rem; line-height: 1.5; }
.form-status.is-success { color: #16704b; font-weight: 750; }
.form-status.is-error { color: #b42318; font-weight: 750; }
@media (max-width: 820px) {
  .page-hero,.form-section { grid-template-columns: 1fr; }
  .page-hero { min-height: auto; padding-block: 115px 65px; gap: 42px; }
  .page-hero-copy h1 { font-size: clamp(3rem,14vw,5rem); }
  .form-section { padding-block: 70px 90px; gap: 45px; }
  .form-intro { position: static; }
}
@media (max-width: 560px) {
  .form-grid,.interest-grid { grid-template-columns: 1fr; }
  .form-submit { align-items: flex-start; flex-direction: column; }
  .lead-form { border-radius: 18px; }
}