:root {
  color-scheme: dark;
  --ink: #f3f5f4;
  --muted: #9da6a4;
  --faint: #687371;
  --bg: #080b0d;
  --panel: #101517;
  --panel-2: #151c1d;
  --line: rgba(233, 245, 241, .11);
  --mint: #9be0c9;
  --mint-strong: #6cc9a8;
  --blue: #9bb7e5;
  --peach: #e9ad8b;
  --lilac: #b7a6df;
  --content: 1180px;
  --radius-card: 24px;
  --ease: cubic-bezier(.22,.7,.24,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
::selection { color: #07110f; background: var(--mint); }
.wrap { width: min(var(--content), calc(100% - 64px)); margin-inline: auto; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 10px 14px; transform: translateY(-150%); border-radius: 10px; color: #06100e; background: var(--mint); }
.skip-link:focus { transform: translateY(0); }

/* Floating navigation */
.site-header { position: fixed; z-index: 100; top: 18px; left: 0; width: 100%; transition: top .35s var(--ease); }
.header-inner { width: min(1260px, calc(100% - 56px)); min-height: 56px; margin: auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 4px 0; transition: all .35s var(--ease); }
.brand { display: inline-flex; align-items: center; gap: 9px; width: fit-content; color: #f0f6f2; font-size: 17px; font-weight: 620; letter-spacing: -.06em; }
.brand-mark { width: 31px; height: 31px; display: inline-grid; place-items: center; color: #b4efd9; }
.brand-mark svg { width: 100%; height: 100%; }
.nav-links { display: flex; align-items: center; gap: 30px; color: rgba(240,247,244,.76); font-size: 13px; }
.nav-links a { transition: color .2s ease; }
.nav-links a:hover, .footer-nav a:hover { color: var(--mint); }
.header-cta { justify-self: end; }
.menu-toggle { display: none; }
.site-header.is-scrolled { top: 12px; }
.site-header.is-scrolled .header-inner { width: max-content; min-height: 54px; grid-template-columns: auto auto auto; gap: 26px; padding: 7px 9px 7px 16px; border: 1px solid rgba(230,245,240,.13); border-radius: 999px; background: rgba(11,15,16,.82); box-shadow: 0 12px 45px rgba(0,0,0,.25); backdrop-filter: blur(22px); }
.site-header.is-scrolled .brand { font-size: 15px; }
.site-header.is-scrolled .brand-mark { width: 26px; height: 26px; }
.site-header.is-scrolled .nav-links { gap: 22px; font-size: 12px; }
.site-header.is-scrolled .header-cta { min-height: 38px; padding-inline: 16px; }
.button { min-height: 52px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid transparent; border-radius: 999px; font-size: 14px; font-weight: 600; letter-spacing: -.015em; transition: transform .24s var(--ease), background .24s ease, border-color .24s ease, box-shadow .24s ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, .nav-links a:focus-visible, .footer-nav a:focus-visible, .text-link:focus-visible, .rail-button:focus-visible, .scenario-button:focus-visible, summary:focus-visible { outline: 2px solid var(--mint); outline-offset: 4px; }
.button-light { color: #0a1210; background: #f0f5f2; box-shadow: 0 4px 20px rgba(238,255,248,.08); }
.button-light:hover { background: #c7f2e1; box-shadow: 0 8px 28px rgba(128,223,187,.18); }
.button-glass { color: #f1f4f3; border-color: rgba(242,249,246,.22); background: rgba(240,250,246,.055); backdrop-filter: blur(12px); }
.button-glass:hover { background: rgba(240,250,246,.12); border-color: rgba(242,249,246,.38); }
.button-small { min-height: 42px; padding: 0 18px; font-size: 12px; }

/* Hero */
.hero { min-height: 850px; height: min(100vh, 980px); position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; justify-content: center; padding: 110px 0 26px; background: radial-gradient(ellipse at 52% 40%, #1c3934 0, #142629 24%, #101a20 49%, #090d10 78%); }
.hero::before { content: ""; position: absolute; z-index: -2; inset: -15%; background: radial-gradient(ellipse at 15% 18%, rgba(94,139,179,.44), transparent 34%), radial-gradient(ellipse at 83% 29%, rgba(129,181,157,.32), transparent 26%), radial-gradient(ellipse at 55% 70%, rgba(205,135,105,.2), transparent 32%), radial-gradient(ellipse at 45% 12%, rgba(107,124,171,.19), transparent 28%); filter: blur(55px); opacity: .9; animation: atmosphere 18s ease-in-out infinite alternate; }
.hero::after { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .18; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; pointer-events: none; }
.hero-wash { position: absolute; z-index: -1; inset: auto 0 0; height: 30%; background: linear-gradient(180deg, transparent, var(--bg)); pointer-events: none; }
.hero-content { position: relative; text-align: center; padding-top: 25px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: #a8cfbf; font-size: 11px; font-weight: 650; letter-spacing: .15em; text-transform: uppercase; }
.hero-eyebrow { justify-content: center; color: #c3d8ce; }
.status-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--mint); box-shadow: 0 0 14px rgba(155,224,201,.7); }
h1, h2, h3, h4, p { margin-top: 0; }
.hero h1 { max-width: 920px; margin: 0 auto 22px; font-size: clamp(48px, 6.5vw, 82px); line-height: .99; font-weight: 510; letter-spacing: -.025em; }
.hero h1 span, .section-intro h2 span, .pricing-copy h2 span, .closing-content h2 span { color: rgba(231,239,235,.53); }
.hero-copy { max-width: 570px; margin: 0 auto; color: rgba(235,243,239,.74); font-size: clamp(16px, 1.5vw, 18px); line-height: 1.65; letter-spacing: -.02em; }
.hero-actions { display: flex; justify-content: center; gap: 12px; margin-top: 31px; }
.hero-note { margin: 41px auto 0; display: flex; align-items: center; justify-content: center; gap: 14px; color: rgba(230,238,234,.54); font-size: 12px; }
.hero-note-line { width: 42px; height: 1px; background: linear-gradient(90deg, transparent, rgba(230,238,234,.35)); }
.hero-note-line:last-child { transform: scaleX(-1); }
.hero-orbit { position: absolute; z-index: -1; border: 1px solid rgba(194,236,220,.11); border-radius: 50%; pointer-events: none; }
.orbit-one { width: min(76vw, 940px); aspect-ratio: 1; top: 18%; left: 50%; transform: translateX(-50%) rotate(-22deg) scaleY(.38); }
.orbit-two { width: min(92vw, 1160px); aspect-ratio: 1; top: 10%; left: 50%; transform: translateX(-50%) rotate(18deg) scaleY(.39); border-color: rgba(238,194,161,.09); }
.hero-bottom { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 10px; }
.hero-bottom-label { margin-right: 8px; color: rgba(227,238,232,.46); font-size: 11px; }
.hero-pill { padding: 7px 12px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(234,246,239,.12); border-radius: 999px; background: rgba(9,14,15,.24); color: rgba(235,243,238,.79); font-size: 11px; backdrop-filter: blur(10px); }
.pill-dot { width: 6px; height: 6px; border-radius: 50%; }
.dot-mint { background: var(--mint); box-shadow: 0 0 12px rgba(155,224,201,.5); }
.dot-blue { background: var(--blue); box-shadow: 0 0 12px rgba(155,183,229,.5); }
.dot-peach { background: var(--peach); box-shadow: 0 0 12px rgba(233,173,139,.5); }
@keyframes atmosphere { from { transform: translate3d(-1.5%, -1%, 0) scale(1); } to { transform: translate3d(1.5%, 1%, 0) scale(1.08); } }

/* Shared section framing */
.section-pad { padding: 126px 0; }
.section-intro { max-width: 660px; }
.section-intro-centered { margin: 0 auto 54px; text-align: center; }
.section-intro-centered .eyebrow { justify-content: center; }
.eyebrow-mark { width: 23px; height: 23px; display: inline-grid; place-items: center; border: 1px solid rgba(155,224,201,.3); border-radius: 50%; color: var(--mint); font-size: 9px; letter-spacing: 0; }
.section-intro h2, .pricing-copy h2, .closing-content h2 { margin: 0; font-size: clamp(38px, 5vw, 62px); font-weight: 490; line-height: 1.02; letter-spacing: -.065em; }
.section-intro > p:not(.eyebrow) { max-width: 560px; margin: 22px auto 0; color: var(--muted); font-size: 16px; line-height: 1.7; }

/* Product demo */
.demo-section { position: relative; padding-top: 88px; background: linear-gradient(180deg, var(--bg) 0%, #0b1112 48%, #0b0f11 100%); }
.demo-section::before { content: ""; position: absolute; top: 8%; left: 50%; width: 780px; height: 440px; transform: translateX(-50%); border-radius: 50%; background: rgba(72,144,123,.13); filter: blur(100px); pointer-events: none; }
.demo-shell { position: relative; overflow: hidden; border: 1px solid rgba(223,240,232,.16); border-radius: 20px; background: linear-gradient(150deg, rgba(17,29,29,.96), rgba(12,18,20,.98) 70%); box-shadow: 0 40px 110px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.04); }
.demo-shell::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 84% 2%, rgba(120,188,156,.12), transparent 36%), radial-gradient(ellipse at 15% 60%, rgba(104,137,196,.07), transparent 35%); pointer-events: none; }
.demo-topbar { position: relative; height: 58px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(5,10,11,.3); }
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #527267; }
.window-dots i:first-child { background: #bf7f69; }.window-dots i:nth-child(2) { background: #c29f63; }.window-dots i:last-child { background: #78b89a; }
.demo-titlebar { position: absolute; left: 50%; transform: translateX(-50%); color: rgba(239,247,242,.8); font-size: 12px; }
.tiny-emblem { width: 19px; height: 19px; margin-right: 6px; display: inline-grid; place-items: center; border-radius: 6px; color: #0b1714; background: var(--mint); font-size: 12px; font-weight: 700; }
.demo-breadcrumb { color: var(--faint); }
.demo-live { display: inline-flex; align-items: center; gap: 7px; color: #9ea9a4; font-size: 10px; }
.demo-live span { width: 6px; height: 6px; border-radius: 50%; background: #80c5a9; }
.demo-grid { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; min-height: 475px; }
.product-panel { padding: 25px 30px 22px; border-right: 1px solid var(--line); }
.product-topline, .product-name-row, .listing-meta { display: flex; align-items: center; justify-content: space-between; }
.micro-label { display: block; color: #82918c; font-size: 9px; font-weight: 700; letter-spacing: .16em; }
.market-tag { padding: 5px 9px; border: 1px solid rgba(218,239,230,.1); border-radius: 7px; color: #aebdb6; background: rgba(255,255,255,.035); font-size: 10px; }
.market-tag span { margin-left: 6px; color: #7e9188; }
.product-art { height: 170px; position: relative; margin: 20px 0 13px; overflow: hidden; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(223,240,232,.08); border-radius: 13px; background: radial-gradient(ellipse at 50% 64%, rgba(118,157,132,.22), transparent 34%), linear-gradient(135deg, #182625, #111819 62%, #17201d); }
.lamp-glow { position: absolute; top: 48px; left: 50%; width: 105px; height: 90px; transform: translateX(-50%); border-radius: 50%; background: rgba(221,178,120,.2); filter: blur(30px); }
.lamp-shade { position: absolute; top: 38px; left: 50%; width: 84px; height: 50px; transform: translateX(-50%); border-radius: 48% 48% 17% 17%; background: linear-gradient(150deg, #e4c9a7, #a78e6d); clip-path: polygon(17% 0,83% 0,100% 100%,0 100%); box-shadow: 0 10px 28px rgba(0,0,0,.22); }
.lamp-stem { position: absolute; top: 86px; left: 50%; width: 5px; height: 41px; transform: translateX(-50%); border-radius: 5px; background: linear-gradient(90deg,#927e63,#e4c9a7,#927e63); }
.lamp-base { position: absolute; top: 124px; left: 50%; width: 72px; height: 7px; transform: translateX(-50%); border-radius: 50%; background: linear-gradient(90deg,#766b5b,#d4bd9d,#6e6455); }
.product-spark { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #c3e1d0; box-shadow: 0 0 12px #a1e5c7; }.spark-one { top: 50px; right: 22%; }.spark-two { bottom: 40px; left: 19%; width: 2px; height: 2px; }
.product-name-row h3 { margin: 0 0 2px; font-size: 15px; font-weight: 550; letter-spacing: -.04em; }.product-name-row p { margin: 0; color: var(--faint); font-size: 10px; }
.fba-badge { padding: 4px 7px; border-radius: 6px; color: #b9d6e9; background: rgba(122,169,200,.11); font-size: 9px; font-weight: 650; }
.listing-divider { height: 1px; margin: 16px 0 11px; background: var(--line); }
.listing-meta { min-height: 28px; color: #9ca8a3; font-size: 11px; }
.listing-meta strong { color: #e3ece7; font-size: 11px; font-weight: 550; font-variant-numeric: tabular-nums; }
.range-visual { height: 13px; position: relative; margin: 12px 0 7px; }
.range-track, .range-fill { position: absolute; top: 5px; left: 0; height: 3px; border-radius: 4px; }
.range-track { width: 100%; background: rgba(255,255,255,.11); }.range-fill { width: 36%; background: linear-gradient(90deg, #638f80, var(--mint)); }
.range-marker { position: absolute; top: 1px; left: 34%; width: 11px; height: 11px; border: 2px solid #b8f5da; border-radius: 50%; background: #1e4a3d; box-shadow: 0 0 12px rgba(132,228,188,.4); }
.range-labels { display: flex; justify-content: space-between; color: #6e7c77; font-size: 9px; }
.decision-panel { padding: 25px 30px 22px; }
.decision-heading { display: flex; align-items: center; justify-content: space-between; }
.decision-heading h3 { margin: 5px 0 0; font-size: 18px; font-weight: 560; letter-spacing: -.04em; }
.signal-icon { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(155,224,201,.22); border-radius: 10px; color: var(--mint); background: rgba(155,224,201,.08); font-size: 15px; }
.scenario-switch { margin: 17px 0 14px; padding: 4px; display: flex; width: fit-content; gap: 3px; border: 1px solid rgba(220,241,230,.09); border-radius: 999px; background: rgba(0,0,0,.22); }
.scenario-button { min-height: 32px; padding: 0 13px; border: 0; border-radius: 999px; color: #83918b; background: transparent; font-size: 10px; cursor: pointer; transition: color .2s ease, background .2s ease; }
.scenario-button:hover { color: #e6f1eb; }.scenario-button.is-selected { color: #111a17; background: #c0e9d7; box-shadow: 0 2px 12px rgba(127,207,174,.16); }
.market-signal { position: relative; min-height: 130px; padding: 15px 17px 0; overflow: hidden; border: 1px solid rgba(222,240,230,.1); border-radius: 12px; background: rgba(255,255,255,.025); }
.signal-label { display: flex; align-items: center; gap: 7px; color: #9ba9a3; font-size: 10px; }
.signal-status { width: 6px; height: 6px; border-radius: 50%; background: var(--peach); box-shadow: 0 0 9px rgba(233,173,139,.5); }
.signal-value { margin-top: 5px; color: #eef5f1; font-size: 24px; font-weight: 520; line-height: 1.1; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.signal-down { margin-left: 5px; color: #df9b81; font-size: 10px; letter-spacing: 0; }.signal-up { color: var(--mint); }
.signal-caption { margin-top: 3px; color: #72807a; font-size: 9px; }
.signal-chart { width: 100%; height: 52px; position: absolute; right: 0; bottom: 0; left: 0; opacity: .84; }
.market-signal.is-stockout .chart-line { stroke: #9bb7e5; }.market-signal.is-stockout .chart-point { fill: #cad8ff; }.market-signal.is-stockout .signal-status { background: #9bb7e5; box-shadow: 0 0 9px rgba(155,183,229,.5); }
.response-card { min-height: 94px; margin-top: 12px; padding: 14px 15px; display: grid; grid-template-columns: 30px 1fr 20px; align-items: center; gap: 12px; border: 1px solid rgba(155,224,201,.19); border-radius: 12px; background: linear-gradient(110deg, rgba(69,125,103,.13), rgba(255,255,255,.025)); transition: border-color .3s ease, background .3s ease; }
.response-card.is-stockout { border-color: rgba(155,183,229,.25); background: linear-gradient(110deg, rgba(97,122,172,.13), rgba(255,255,255,.025)); }
.response-mark { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #98dfc2; background: rgba(113,202,163,.11); font-size: 15px; }.is-stockout .response-mark { color: #b2c7ff; background: rgba(141,162,222,.12); }
.response-copy .micro-label { font-size: 8px; }.response-copy h4 { margin: 3px 0 2px; color: #e5f0ea; font-size: 13px; font-weight: 600; letter-spacing: -.025em; }.response-copy p { margin: 0; color: #98a49e; font-size: 10px; line-height: 1.45; }
.response-check { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #07150f; background: var(--mint); font-size: 10px; }
.is-stockout .response-check { color: #0e1320; background: #b8c8f2; }
.demo-footnote { margin-top: 12px; display: flex; align-items: center; gap: 7px; color: #718078; font-size: 9px; }.mini-lock { color: #a4c8b7; }
.demo-caption { padding: 17px 5px 0; display: flex; justify-content: space-between; color: #72807a; font-size: 11px; }
.demo-caption span:last-child { color: #a0c5b3; }

/* Shared market principles */
.approach-section { position: relative; padding-top: 142px; background: #0b0f11; }
.approach-section::before { content: ""; position: absolute; top: 5%; right: 0; width: 44%; height: 42%; background: radial-gradient(ellipse, rgba(91,147,126,.08), transparent 66%); pointer-events: none; }
.approach-header { display: flex; align-items: end; justify-content: space-between; gap: 80px; margin-bottom: 52px; }
.approach-header .section-intro { max-width: 770px; }.approach-header .section-intro h2 { font-size: clamp(39px, 5vw, 61px); }
.approach-aside { max-width: 330px; margin: 0 0 5px; color: #919d98; font-size: 14px; line-height: 1.75; }
.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.principle-card { min-height: 370px; position: relative; overflow: hidden; padding: 25px 26px; border: 1px solid var(--line); border-radius: var(--radius-card); background: linear-gradient(150deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); transition: transform .3s var(--ease), border-color .3s ease; }
.principle-card:hover { transform: translateY(-4px); border-color: rgba(155,224,201,.25); }
.principle-card-glow { background: radial-gradient(ellipse at 84% 13%, rgba(99,168,141,.15), transparent 44%), linear-gradient(150deg, rgba(255,255,255,.04), rgba(255,255,255,.012)); }
.card-icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(155,224,201,.18); border-radius: 13px; color: var(--mint); background: rgba(137,205,176,.07); }.card-icon svg { width: 31px; height: 31px; }
.icon-shield { color: var(--blue); border-color: rgba(155,183,229,.2); background: rgba(155,183,229,.07); }.icon-spark { color: var(--peach); border-color: rgba(233,173,139,.19); background: rgba(233,173,139,.06); }
.card-index { display: block; margin-top: 27px; color: #7f8e87; font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.principle-card h3 { max-width: 275px; margin: 10px 0 9px; font-size: 21px; line-height: 1.15; font-weight: 540; letter-spacing: -.045em; }.principle-card p { max-width: 310px; margin: 0; color: #95a09b; font-size: 12px; line-height: 1.7; }
.card-art { height: 73px; position: absolute; right: 26px; bottom: 20px; left: 26px; border-top: 1px solid rgba(225,241,232,.08); }
.mini-market .market-line { position: absolute; top: 38px; right: 4%; left: 4%; height: 1px; background: linear-gradient(90deg, transparent, rgba(155,224,201,.35), transparent); transform: rotate(-9deg); }
.mini-market .market-dot { position: absolute; top: 18px; right: 28%; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 12px rgba(155,224,201,.7); }
.mini-market .market-label { position: absolute; top: 11px; right: 4%; color: #779e8d; font-size: 8px; }
.floor-line { position: absolute; bottom: 18px; left: 0; width: 100%; border-top: 1px dashed rgba(155,183,229,.45); }.floor-label { position: absolute; bottom: 24px; left: 2px; color: #8ea5d1; font-size: 8px; }.floor-pill { position: absolute; right: 2px; bottom: 7px; padding: 3px 7px; border: 1px solid rgba(155,183,229,.22); border-radius: 5px; color: #c9d7f2; background: #151a22; font-size: 9px; }
.logic-art { display: flex; align-items: center; justify-content: space-between; }.logic-art > span { display: flex; gap: 4px; }.logic-art i { width: 8px; height: 8px; display: block; border-radius: 50%; background: var(--mint); opacity: .8; }.logic-art i:nth-child(2) { opacity: .45; }.logic-art i:nth-child(3) { opacity: .2; }.logic-art b { color: #94aaa0; font-size: 9px; font-weight: 500; }.logic-art em { padding: 0 5px; color: var(--mint); font-style: normal; }

/* Three step explainer */
.how-section { background: linear-gradient(180deg, #0b0f11, #080b0d 74%); }
.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.step-card { overflow: hidden; border: 1px solid rgba(226,241,233,.11); border-radius: 19px; background: #0f1517; }
.step-visual { height: 225px; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid rgba(226,241,233,.09); }
.step-connect { background: radial-gradient(ellipse at 50% 50%, rgba(108,169,143,.23), transparent 45%), linear-gradient(145deg, #142123, #111619); }.connect-orb { z-index: 2; width: 61px; height: 61px; display: grid; place-items: center; border: 1px solid rgba(184,239,214,.4); border-radius: 20px; color: #071510; background: linear-gradient(140deg, #ccf0dd, #77cbb0); box-shadow: 0 0 40px rgba(132,223,183,.2); font-size: 27px; font-weight: 700; }.connect-lines { position: absolute; top: 111px; width: 68%; display: flex; justify-content: space-between; }.connect-lines i { width: 30%; height: 1px; border-top: 1px dashed rgba(188,231,213,.3); }.connect-nodes { position: absolute; bottom: 39px; width: 72%; display: flex; justify-content: space-between; }.connect-nodes b { width: 42px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(227,244,234,.13); border-radius: 9px; color: #bed0c6; background: rgba(9,16,16,.64); font-size: 8px; font-weight: 600; }
.step-range { background: radial-gradient(ellipse at 70% 20%, rgba(147,126,192,.18), transparent 36%), linear-gradient(150deg,#16171f,#101415); }.range-ghost { width: 75%; height: 40px; position: relative; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(228,235,246,.14); border-radius: 999px; color: #89929d; font-size: 8px; }.range-ghost::before { content: ""; position: absolute; top: 18px; right: 14px; left: 14px; height: 2px; background: linear-gradient(90deg,#a7c0e4 0 68%,rgba(255,255,255,.16) 68%); }.range-ghost i { z-index: 1; width: 9px; height: 9px; display: block; border: 2px solid #d2e2f0; border-radius: 50%; background: #344459; }.range-ghost b { z-index: 1; padding: 0 8px; color: #d9e8e3; background: #131a1d; font-size: 8px; letter-spacing: .08em; }.range-sample { width: 74%; margin-top: 21px; display: flex; justify-content: space-between; color: #7f8a91; font-size: 9px; }.range-sample strong { color: #c1d2ec; font-weight: 600; }
.step-strategy { gap: 7px; align-items: stretch; padding: 0 12%; background: radial-gradient(ellipse at 20% 80%, rgba(207,149,121,.12), transparent 45%), linear-gradient(150deg,#1a1919,#101415); }.strategy-row { height: 34px; padding: 0 10px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(226,241,233,.09); border-radius: 8px; color: #87918d; background: rgba(255,255,255,.025); font-size: 8px; }.strategy-row b { flex: 1; font-weight: 500; }.strategy-row > span:last-child { color: #81968b; }.strategy-row.selected { border-color: rgba(155,224,201,.27); color: #d9ece3; background: rgba(106,183,148,.1); }.strategy-radio { width: 9px; height: 9px; border: 1px solid #779287; border-radius: 50%; }.selected .strategy-radio { border: 3px solid #9de0c3; }
.visual-status { position: absolute; bottom: 12px; left: 16px; color: rgba(224,240,232,.46); font-size: 8px; letter-spacing: .05em; }
.step-copy { min-height: 154px; padding: 20px 19px 22px; display: grid; grid-template-columns: 29px 1fr; gap: 10px; }.step-number { padding-top: 2px; color: var(--mint); font-size: 10px; font-weight: 650; letter-spacing: .08em; }.step-copy h3 { margin: 0 0 7px; font-size: 16px; font-weight: 550; letter-spacing: -.04em; }.step-copy p { margin: 0; color: #8f9b95; font-size: 11px; line-height: 1.65; }
.setup-note { max-width: 660px; margin: 24px auto 0; display: flex; align-items: flex-start; justify-content: center; gap: 9px; color: #77847e; text-align: center; font-size: 10px; line-height: 1.6; }.setup-note .note-icon { width: 16px; height: 16px; flex: 0 0 16px; display: grid; place-items: center; border: 1px solid rgba(155,224,201,.24); border-radius: 50%; color: var(--mint); font-size: 9px; }.setup-note { padding-inline: 12px; }

/* Feature rail */
.feature-section { overflow: hidden; background: #0a0e10; }
.feature-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 42px; }.feature-heading-row .section-intro h2 { font-size: clamp(38px,4.8vw,59px); }
.rail-controls { display: flex; gap: 8px; padding-bottom: 5px; }.rail-button { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid rgba(230,242,235,.16); border-radius: 50%; color: #dbe9e2; background: rgba(255,255,255,.04); cursor: pointer; transition: .2s ease; }.rail-button:hover:not(:disabled) { color: #06120e; border-color: var(--mint); background: var(--mint); }.rail-button:disabled { color: #48534f; opacity: .58; cursor: default; }
.feature-rail { display: grid; grid-auto-columns: minmax(270px, 1fr); grid-auto-flow: column; gap: 15px; overflow-x: auto; padding: 2px 0 12px; scrollbar-width: none; scroll-snap-type: x mandatory; outline: none; }.feature-rail::-webkit-scrollbar { display: none; }
.feature-card { min-width: 0; overflow: hidden; border: 1px solid rgba(226,241,233,.12); border-radius: 20px; background: #101618; scroll-snap-align: start; }
.feature-art { height: 250px; position: relative; overflow: hidden; display: grid; place-items: center; border-bottom: 1px solid rgba(226,241,233,.08); }
.feature-art-range { background: radial-gradient(ellipse at 50% 50%, rgba(142,211,179,.24), transparent 44%), linear-gradient(145deg,#15352d,#151e1e 65%,#111718); }.range-widget { width: 78%; padding: 21px 18px; border: 1px solid rgba(230,246,237,.16); border-radius: 13px; background: rgba(10,18,16,.72); box-shadow: 0 20px 50px rgba(0,0,0,.3); transform: rotate(-5deg); }.widget-label { color: #8aa69a; font-size: 8px; letter-spacing: .12em; }.widget-price { margin: 13px 0 9px; display: flex; justify-content: space-between; color: #e2eee7; font-size: 16px; letter-spacing: -.05em; }.widget-track { height: 5px; position: relative; border-radius: 5px; background: linear-gradient(90deg,#79cfad,#6e9b83 60%,rgba(255,255,255,.13) 60%); }.widget-track i { position: absolute; top: -3px; left: 44%; width: 11px; height: 11px; border: 2px solid #b9f1d9; border-radius: 50%; background: #193a30; }.widget-ticks { margin-top: 10px; display: flex; justify-content: space-between; }.widget-ticks b { width: 2px; height: 4px; background: rgba(221,244,232,.25); }.widget-glint { position: absolute; top: -38px; right: 15%; width: 100px; height: 160%; transform: rotate(25deg); background: linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent); }
.feature-art-signals { background: radial-gradient(ellipse at 75% 22%,rgba(116,150,207,.25),transparent 40%),linear-gradient(145deg,#1b2132,#15191d 72%); }.signal-stack { width: 84%; display: flex; flex-direction: column; gap: 7px; transform: rotate(3deg); }.signal-stack > span { min-height: 42px; padding: 0 10px; display: grid; grid-template-columns: 25px 1fr auto; grid-template-rows: 1fr; align-items: center; gap: 7px; border: 1px solid rgba(233,241,250,.12); border-radius: 10px; color: #aeb9c6; background: rgba(9,13,19,.68); font-size: 8px; }.signal-stack b { color: #e4eaf1; font-size: 9px; font-weight: 550; }.signal-stack em { grid-column: 3; color: #8fcaad; font-size: 7px; font-style: normal; }.mini-avatar { width: 21px; height: 21px; display: grid; place-items: center; border-radius: 7px; color: #141716; font-size: 8px; font-style: normal; }.avatar-peach { background: #e3b599; }.avatar-blue { background: #a9c1ea; }.avatar-lilac { color: #14151b; background: #c0b6e5; }
.feature-art-loop { background: radial-gradient(ellipse at 50% 50%,rgba(200,141,113,.2),transparent 48%),linear-gradient(145deg,#2c201c,#1d1818 72%); }.loop-diagram { width: 220px; height: 145px; position: relative; }.loop-node { position: absolute; z-index: 2; min-width: 69px; padding: 8px 9px; border: 1px solid rgba(239,231,225,.17); border-radius: 8px; color: #e9e2dc; background: rgba(20,18,17,.83); text-align: center; font-size: 8px; }.node-signal { top: 10px; left: 5px; }.node-rule { top: 10px; right: 5px; color: #f2c5a8; border-color: rgba(233,173,139,.25); }.node-price { bottom: 0; left: 50%; transform: translateX(-50%); }.loop-path { position: absolute; height: 1px; display: block; border-top: 1px dashed rgba(242,188,154,.42); }.loop-a { top: 29px; left: 75px; width: 65px; }.loop-b { top: 57px; left: 108px; width: 58px; transform: rotate(63deg); transform-origin: left; }.loop-c { top: 57px; left: 49px; width: 58px; transform: rotate(117deg); transform-origin: left; }.loop-caption { position: absolute; bottom: 27px; left: 0; width: 100%; color: #b3907c; text-align: center; font-size: 8px; letter-spacing: .05em; }
.feature-card-copy { padding: 20px 20px 23px; }.feature-label { display: flex; align-items: center; gap: 7px; color: #98aaa0; font-size: 9px; letter-spacing: .03em; }.feature-icon { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 6px; font-size: 12px; font-style: normal; }.icon-mint { color: #a3e7ca; background: rgba(132,219,180,.13); }.icon-blue { color: #a9c1ea; background: rgba(149,175,218,.12); }.icon-peach { color: #e9ad8b; background: rgba(233,173,139,.12); }.feature-card-copy h3 { margin: 12px 0 7px; font-size: 19px; font-weight: 540; letter-spacing: -.045em; }.feature-card-copy p { min-height: 45px; margin: 0; color: #909b96; font-size: 11px; line-height: 1.65; }
.rail-hint { margin-top: 15px; display: flex; align-items: center; justify-content: space-between; color: #6f7c76; font-size: 9px; }.rail-progress { width: 80px; height: 2px; overflow: hidden; background: rgba(255,255,255,.1); }.rail-progress i { width: 33%; height: 100%; display: block; background: var(--mint); transition: width .25s ease; }

/* Pricing clarity and FAQ */
.pricing-section { position: relative; overflow: hidden; background: radial-gradient(ellipse at 85% 50%, rgba(95,146,128,.09), transparent 44%), #0b1011; }
.pricing-wrap { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 105px; }.pricing-copy h2 { font-size: clamp(40px,4.6vw,57px); }.pricing-copy > p:not(.eyebrow) { max-width: 410px; margin: 22px 0 22px; color: #98a49e; font-size: 14px; line-height: 1.75; }.text-link { display: inline-flex; align-items: center; gap: 9px; padding: 3px 0; color: #c0e6d4; border-bottom: 1px solid rgba(155,224,201,.27); font-size: 12px; }.text-link:hover { color: #e7fff3; border-color: var(--mint); }
.pricing-questions { border-top: 1px solid rgba(231,243,236,.13); }.pricing-question { min-height: 95px; display: grid; grid-template-columns: 35px 1fr 20px; align-items: center; gap: 12px; border-bottom: 1px solid rgba(231,243,236,.13); }.question-number { color: #83b39b; font-size: 9px; letter-spacing: .08em; }.pricing-question h3 { margin: 0 0 2px; font-size: 13px; font-weight: 550; letter-spacing: -.02em; }.pricing-question p { margin: 0; color: #7f8d86; font-size: 10px; }.question-arrow { color: #678273; font-size: 12px; }
.pricing-note { margin-top: 17px; padding: 14px 15px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(231,243,236,.09); border-radius: 11px; background: rgba(255,255,255,.025); }.note-orb { width: 29px; height: 29px; flex: 0 0 29px; display: grid; place-items: center; border-radius: 9px; color: #08130f; background: linear-gradient(140deg,#c0eed9,#6ac8a6); font-size: 14px; font-weight: 700; }.pricing-note p { margin: 0; color: #85928c; font-size: 9px; line-height: 1.65; }
.faq-section { background: #080b0d; }.faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; }.faq-heading { position: sticky; top: 115px; align-self: start; }.faq-heading > p:not(.eyebrow) { max-width: 340px; margin: 20px 0 0; color: #8f9b95; font-size: 13px; line-height: 1.7; }.faq-list { border-top: 1px solid rgba(232,244,237,.12); }.faq-item { border-bottom: 1px solid rgba(232,244,237,.12); }.faq-item summary { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #d9e4de; list-style: none; font-size: 13px; cursor: pointer; }.faq-item summary::-webkit-details-marker { display: none; }.faq-plus { width: 20px; height: 20px; position: relative; flex: 0 0 20px; display: inline-block; border: 1px solid rgba(155,224,201,.25); border-radius: 50%; transition: transform .2s ease, background .2s ease; }.faq-plus::before, .faq-plus::after { content: ""; position: absolute; top: 9px; left: 5px; width: 8px; height: 1px; background: #9fd8bd; }.faq-plus::after { transform: rotate(90deg); transition: transform .2s ease; }.faq-item[open] .faq-plus { background: rgba(155,224,201,.09); }.faq-item[open] .faq-plus::after { transform: rotate(0); }.faq-answer { padding: 0 44px 22px 0; animation: answer-in .25s ease; }.faq-answer p { max-width: 570px; margin: 0; color: #919d97; font-size: 11px; line-height: 1.75; }.faq-answer p a { color: var(--mint); }
@keyframes answer-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }

/* Closing and footer */
.closing-section { min-height: 500px; position: relative; overflow: hidden; display: grid; place-items: center; padding: 100px 0; background: radial-gradient(ellipse at 50% 110%,rgba(83,155,127,.28),transparent 50%),linear-gradient(180deg,#0a0e10,#0e1717); text-align: center; }
.closing-glow { position: absolute; top: -35%; left: 50%; width: 800px; height: 600px; transform: translateX(-50%); border: 1px solid rgba(172,229,202,.09); border-radius: 50%; box-shadow: 0 0 0 70px rgba(172,229,202,.015),0 0 0 140px rgba(172,229,202,.012); pointer-events: none; }.closing-content { position: relative; }.closing-content .eyebrow { justify-content: center; color: #bad4c7; }.closing-spark { color: var(--peach); font-size: 17px; }.closing-content h2 { font-size: clamp(42px,5.5vw,68px); }.closing-content > p:not(.eyebrow) { max-width: 450px; margin: 20px auto 26px; color: #9ba9a2; font-size: 14px; line-height: 1.7; }
.site-footer { padding: 30px 0 20px; border-top: 1px solid rgba(225,240,231,.1); background: #070a0b; }.footer-top { padding: 13px 0 29px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: start; border-bottom: 1px solid rgba(225,240,231,.1); }.footer-brand { font-size: 17px; }.footer-top > p { margin: 3px 0 0; color: #83928b; font-size: 11px; line-height: 1.55; }.footer-nav { display: flex; justify-content: end; gap: 20px; color: #84928c; font-size: 10px; }.footer-bottom { padding-top: 18px; display: flex; justify-content: space-between; color: #5e6c65; font-size: 9px; }.footer-bottom a { color: #8ca797; }

@media (max-width: 900px) {
  .wrap { width: min(100% - 44px, var(--content)); }
  .header-inner { width: calc(100% - 40px); }.nav-links { gap: 18px; }.site-header.is-scrolled .header-inner { gap: 16px; }.site-header.is-scrolled .nav-links { gap: 14px; }
  .hero { min-height: 770px; height: 92svh; }.hero h1 { font-size: clamp(48px,8vw,70px); }
  .demo-grid { grid-template-columns: .84fr 1.16fr; }.product-panel, .decision-panel { padding-inline: 22px; }
  .approach-header { gap: 35px; }.approach-aside { max-width: 270px; font-size: 12px; }
  .principle-card { padding: 22px 20px; }.principle-card h3 { font-size: 19px; }.principle-card p { font-size: 11px; }
  .pricing-wrap { gap: 56px; }.faq-layout { gap: 50px; }
}

@media (max-width: 680px) {
  html { scroll-padding-top: 85px; }
  .wrap { width: calc(100% - 38px); }
  .site-header { top: 10px; }.header-inner { width: calc(100% - 24px); min-height: 50px; grid-template-columns: 1fr auto auto; gap: 10px; padding: 4px 7px 4px 13px; border: 1px solid rgba(230,245,240,.13); border-radius: 999px; background: rgba(8,12,13,.65); backdrop-filter: blur(18px); }.brand { font-size: 15px; }.brand-mark { width: 26px; height: 26px; }.header-cta { min-height: 36px; padding-inline: 13px; font-size: 10px; }.header-cta span { display: none; }.menu-toggle { width: 35px; height: 35px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid rgba(230,245,240,.12); border-radius: 50%; background: rgba(255,255,255,.04); cursor: pointer; }.menu-toggle span { width: 12px; height: 1px; display: block; background: #e4eee8; transition: transform .2s ease; }.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .nav-links { position: absolute; top: 58px; right: 0; left: 0; padding: 12px; display: none; flex-direction: column; align-items: stretch; gap: 2px; border: 1px solid rgba(230,245,240,.14); border-radius: 18px; background: rgba(9,14,15,.94); box-shadow: 0 18px 35px rgba(0,0,0,.35); backdrop-filter: blur(20px); }.nav-links.is-open { display: flex; }.nav-links a { padding: 11px 12px; border-radius: 10px; font-size: 13px; }.nav-links a:hover { background: rgba(255,255,255,.05); }
  .site-header.is-scrolled .header-inner { width: calc(100% - 24px); grid-template-columns: 1fr auto auto; gap: 10px; padding: 4px 7px 4px 13px; }.site-header.is-scrolled .nav-links { top: 58px; gap: 2px; }.site-header.is-scrolled .header-cta { min-height: 36px; padding-inline: 13px; }
  .hero { min-height: 730px; height: 94svh; padding: 108px 0 95px; }.hero-content { padding-top: 0; }.hero-eyebrow { margin-bottom: 21px; font-size: 9px; }.hero h1 { font-size: clamp(43px,12vw,62px); line-height: 1.01; letter-spacing: -.025em; }.hero-copy { max-width: 370px; font-size: 14px; }.hero-actions { flex-direction: column; align-items: center; gap: 9px; margin-top: 25px; }.hero-actions .button { min-height: 48px; width: min(100%,260px); }.hero-note { margin-top: 28px; font-size: 10px; }.hero-note-line { width: 22px; }.hero-bottom { bottom: 19px; flex-wrap: wrap; gap: 6px; }.hero-bottom-label { width: 100%; margin: 0 0 2px; text-align: center; font-size: 9px; }.hero-pill { padding: 6px 8px; font-size: 8px; }.hero-orbit { opacity: .6; }.orbit-one { top: 24%; width: 120vw; }.orbit-two { top: 20%; width: 145vw; }
  .section-pad { padding: 87px 0; }.section-intro-centered { margin-bottom: 35px; }.eyebrow { margin-bottom: 18px; font-size: 9px; }.section-intro h2, .pricing-copy h2 { font-size: clamp(36px,10vw,49px); }.section-intro > p:not(.eyebrow) { max-width: 360px; margin-top: 16px; font-size: 13px; }
  .demo-section { padding-top: 72px; }.demo-topbar { height: 49px; padding: 0 12px; }.window-dots { gap: 4px; }.window-dots i { width: 6px; height: 6px; }.demo-titlebar { font-size: 9px; }.tiny-emblem { width: 16px; height: 16px; font-size: 10px; }.demo-breadcrumb { display: none; }.demo-live { font-size: 8px; }.demo-grid { display: flex; flex-direction: column; }.product-panel { padding: 17px 17px 15px; border-right: 0; border-bottom: 1px solid var(--line); }.product-art { height: 125px; margin: 12px 0 9px; }.lamp-shade { top: 23px; transform: translateX(-50%) scale(.8); transform-origin: top center; }.lamp-stem { top: 63px; height: 32px; }.lamp-base { top: 94px; }.lamp-glow { top: 29px; }.product-name-row h3 { font-size: 13px; }.listing-divider { margin: 9px 0 5px; }.listing-meta { min-height: 24px; font-size: 10px; }.listing-meta strong { font-size: 10px; }.range-visual { margin-top: 6px; }.range-labels { font-size: 8px; }
  .decision-panel { padding: 17px 17px 17px; }.decision-heading h3 { font-size: 16px; }.scenario-switch { max-width: 100%; margin: 12px 0 10px; }.scenario-button { min-height: 30px; padding-inline: 11px; font-size: 9px; }.market-signal { min-height: 112px; padding: 12px 13px 0; }.signal-value { font-size: 21px; }.signal-chart { height: 40px; }.response-card { min-height: 84px; padding: 11px; grid-template-columns: 25px 1fr 18px; gap: 8px; }.response-mark { width: 25px; height: 25px; }.response-copy h4 { font-size: 12px; }.response-copy p { font-size: 9px; }.demo-footnote { font-size: 8px; line-height: 1.5; }.demo-caption { font-size: 9px; }
  .approach-section { padding-top: 90px; }.approach-header { display: block; margin-bottom: 30px; }.approach-header .section-intro h2 { font-size: clamp(36px,9vw,49px); }.approach-aside { max-width: 390px; margin: 18px 0 0; font-size: 12px; }.principle-grid { grid-template-columns: 1fr; gap: 10px; }.principle-card { min-height: 295px; padding: 19px; }.card-icon { width: 39px; height: 39px; border-radius: 12px; }.card-icon svg { width: 28px; height: 28px; }.card-index { margin-top: 18px; }.principle-card h3 { max-width: 300px; font-size: 20px; }.principle-card p { max-width: 340px; font-size: 11px; }.card-art { right: 20px; bottom: 16px; left: 20px; }
  .steps-grid { grid-template-columns: 1fr; gap: 11px; }.step-card { display: grid; grid-template-columns: .85fr 1.15fr; }.step-visual { height: 100%; min-height: 188px; border-right: 1px solid rgba(226,241,233,.09); border-bottom: 0; }.step-copy { min-height: 188px; padding: 18px 13px; grid-template-columns: 24px 1fr; gap: 7px; }.step-copy h3 { font-size: 14px; }.step-copy p { font-size: 10px; }.step-number { font-size: 9px; }.connect-nodes { bottom: 31px; width: 84%; }.connect-nodes b { width: 33px; height: 26px; font-size: 7px; }.connect-lines { top: 96px; width: 76%; }.range-ghost { width: 86%; padding-inline: 7px; font-size: 7px; }.range-sample { width: 84%; font-size: 8px; }.step-strategy { padding-inline: 8%; }.strategy-row { padding-inline: 7px; gap: 6px; font-size: 7px; }.visual-status { left: 8px; font-size: 7px; }.setup-note { margin-top: 17px; font-size: 9px; }
  .feature-heading-row { align-items: end; gap: 10px; margin-bottom: 28px; }.feature-heading-row .section-intro h2 { font-size: clamp(35px,9.3vw,48px); }.rail-controls { gap: 5px; }.rail-button { width: 35px; height: 35px; font-size: 12px; }.feature-rail { grid-auto-columns: minmax(255px, 84vw); gap: 10px; margin-right: -19px; padding-right: 19px; }.feature-art { height: 205px; }.feature-card-copy { padding: 16px 16px 19px; }.feature-card-copy h3 { font-size: 18px; }.feature-card-copy p { min-height: 0; font-size: 10px; }.rail-hint { font-size: 8px; }.rail-progress { width: 54px; }
  .pricing-wrap { grid-template-columns: 1fr; gap: 32px; }.pricing-copy > p:not(.eyebrow) { max-width: 390px; font-size: 12px; }.pricing-question { min-height: 82px; grid-template-columns: 26px 1fr 15px; gap: 8px; }.pricing-question h3 { font-size: 12px; }.pricing-question p { max-width: 310px; font-size: 9px; line-height: 1.5; }.pricing-note { padding: 12px; }.pricing-note p { font-size: 8px; }
  .faq-layout { grid-template-columns: 1fr; gap: 33px; }.faq-heading { position: static; }.faq-heading > p:not(.eyebrow) { font-size: 12px; }.faq-item summary { min-height: 62px; font-size: 11px; }.faq-answer { padding-right: 30px; padding-bottom: 18px; }.faq-answer p { font-size: 10px; }
  .closing-section { min-height: 420px; padding: 80px 0; }.closing-content .eyebrow { font-size: 8px; }.closing-content h2 { font-size: clamp(39px,10.6vw,55px); }.closing-content > p:not(.eyebrow) { max-width: 335px; font-size: 12px; }.closing-content .button { min-height: 48px; }
  .footer-top { grid-template-columns: 1fr auto; gap: 20px; }.footer-top > p { grid-column: 1; grid-row: 2; }.footer-nav { grid-column: 1 / -1; grid-row: 3; justify-content: start; flex-wrap: wrap; gap: 15px; }.footer-bottom { gap: 10px; flex-wrap: wrap; font-size: 8px; }.footer-bottom span:nth-child(2) { order: 3; width: 100%; }
}

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