:root {
  --ink: #10211f;
  --ink-2: #173632;
  --forest: #102f2a;
  --forest-deep: #09211e;
  --paper: #f4f0e8;
  --paper-2: #ebe6dc;
  --white: #fffdf8;
  --lime: #cbff4d;
  --lime-soft: #e0ff91;
  --sage: #aac6ba;
  --muted: #677773;
  --line: rgba(16, 33, 31, .16);
  --radius: 24px;
  --shadow: 0 30px 80px rgba(6, 26, 23, .16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img, svg { display: block; max-width: 100%; }
.container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; transform: translateY(-150%); padding: 10px 16px; background: var(--lime); border-radius: 8px; }
.skip-link:focus { transform: none; }
.noise { position: fixed; z-index: 100; inset: 0; pointer-events: none; opacity: .025; 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='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E"); }

.site-header { position: fixed; z-index: 90; top: 0; width: 100%; transition: background .3s, box-shadow .3s, transform .3s; }
.site-header.scrolled { background: rgba(244, 240, 232, .88); box-shadow: 0 1px 0 rgba(16, 33, 31, .09); backdrop-filter: blur(18px); }
.nav-wrap { height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font: 600 19px/1 "Manrope", sans-serif; letter-spacing: -.03em; }
.brand-mark { width: 29px; height: 29px; fill: var(--ink); }
.brand-mark path:last-child { fill: var(--lime); }
.desktop-nav { display: flex; align-items: center; gap: 32px; margin-left: auto; }
.desktop-nav a { color: #31423f; font-size: 14px; transition: color .2s; }
.desktop-nav a:hover { color: #000; }
.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 25px; padding: 0 24px; border: 0; border-radius: 999px; font-weight: 600; font-size: 14px; cursor: pointer; transition: transform .25s, background .25s, color .25s, box-shadow .25s; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 18px; line-height: 1; }
.button-small { min-height: 44px; padding: 0 19px; gap: 14px; }
.button-dark { background: var(--ink); color: white; }
.button-dark:hover { background: var(--forest); box-shadow: 0 10px 28px rgba(16, 33, 31, .17); }
.button-lime { background: var(--lime); color: var(--ink); }
.button-lime:hover { background: #d7ff75; box-shadow: 0 14px 30px rgba(203,255,77,.18); }
.button-outline { color: white; border: 1px solid rgba(255,255,255,.35); }
.button-outline:hover { color: var(--ink); background: white; }
.menu-toggle, .mobile-nav { display: none; }

.hero { position: relative; min-height: 920px; padding: 158px 0 0; overflow: hidden; background: radial-gradient(circle at 80% 25%, rgba(186,220,205,.62), transparent 31%), linear-gradient(135deg, #f7f3eb 0%, #e8eee7 100%); }
.hero::before { content: ""; position: absolute; width: 850px; height: 850px; right: -310px; top: -280px; border: 1px solid rgba(16, 47, 42, .11); border-radius: 50%; box-shadow: inset 0 0 0 110px rgba(255,255,255,.09), inset 0 0 0 111px rgba(16,47,42,.06); }
.hero-grid { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 75px; min-height: 660px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 28px; padding: 8px 13px; border: 1px solid rgba(16, 33, 31, .16); border-radius: 100px; color: #40504d; font-size: 11px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #76a442; box-shadow: 0 0 0 5px rgba(118,164,66,.13); }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: "Manrope", sans-serif; letter-spacing: -.065em; }
h1 { max-width: 660px; margin-bottom: 28px; font-size: clamp(60px, 6.2vw, 96px); line-height: .94; font-weight: 500; }
h1 em, h2 em { color: #6b817a; font-family: Georgia, serif; font-weight: 400; }
.hero-lede { max-width: 560px; margin-bottom: 34px; color: #566763; font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 32px; }
.text-link { display: inline-flex; gap: 15px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--ink); font-size: 14px; font-weight: 600; }
.hero-proof { display: flex; gap: 36px; margin-top: 58px; padding-top: 24px; border-top: 1px solid var(--line); }
.hero-proof div { display: grid; gap: 3px; }
.hero-proof strong { font: 600 17px "Manrope", sans-serif; }
.hero-proof span { color: var(--muted); font-size: 11px; }
.hero-visual { position: relative; min-height: 610px; display: grid; place-items: center; }
.hero-form-visual { min-height: 610px; }
.hero-access-form { position: relative; z-index: 3; width: min(560px, 100%); box-shadow: 0 38px 90px rgba(5,31,27,.22); }
.dashboard-card { position: relative; z-index: 2; width: min(620px, 100%); overflow: hidden; padding: 28px; color: white; background: rgba(8, 31, 28, .96); border: 1px solid rgba(255,255,255,.12); border-radius: 30px; box-shadow: 0 55px 100px rgba(5,31,27,.29); transform: perspective(1200px) rotateY(-5deg) rotateX(2deg); }
.dash-top { display: flex; align-items: start; justify-content: space-between; }
.dash-top > div { display: grid; gap: 7px; }
.dash-kicker, .dash-metrics span { color: #91aaa3; font-size: 11px; }
.dash-top strong { font: 500 29px "Manrope", sans-serif; letter-spacing: -.04em; }
.live-pill { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; color: #c8ded7; border: 1px solid rgba(255,255,255,.13); border-radius: 99px; font-size: 10px; }
.live-pill i, .online::before { content: ""; width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(203,255,77,.09); }
.dash-chart { position: relative; margin: 25px -8px 12px; }
.dash-chart::before, .dash-chart::after { content: ""; position: absolute; z-index: -1; top: 32%; left: 0; right: 0; height: 1px; background: rgba(255,255,255,.06); box-shadow: 0 67px rgba(255,255,255,.06), 0 134px rgba(255,255,255,.06); }
.dash-chart svg { width: 100%; height: 220px; overflow: visible; }
.dash-chart .area { fill: url(#area); }
.dash-chart .line { fill: none; stroke: var(--lime); stroke-width: 3; stroke-linecap: round; filter: drop-shadow(0 0 8px rgba(203,255,77,.35)); }
.dash-chart circle { fill: var(--forest); stroke: var(--lime); stroke-width: 3; }
.chart-labels { position: absolute; inset: 0 auto 0 0; display: flex; flex-direction: column; justify-content: space-around; color: #6e8982; font-size: 8px; }
.chart-tabs { display: flex; justify-content: center; gap: 8px; }
.chart-tabs span { padding: 5px 9px; color: #6f8a83; font-size: 9px; border-radius: 20px; }
.chart-tabs .active { color: var(--ink); background: var(--lime); }
.dash-metrics { display: grid; grid-template-columns: repeat(3, 1fr); padding-top: 19px; border-top: 1px solid rgba(255,255,255,.1); }
.dash-metrics div { display: grid; gap: 7px; padding: 0 18px; border-right: 1px solid rgba(255,255,255,.1); }
.dash-metrics div:first-child { padding-left: 0; }
.dash-metrics div:last-child { border: 0; }
.dash-metrics strong { font: 500 13px "Manrope", sans-serif; }
.online { display: flex; align-items: center; gap: 8px; }
.floating-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 12px; padding: 14px 16px; color: var(--ink); background: rgba(255, 253, 248, .94); border: 1px solid rgba(16,33,31,.09); border-radius: 16px; box-shadow: 0 20px 40px rgba(16,33,31,.14); backdrop-filter: blur(10px); }
.floating-card div { display: grid; gap: 2px; }
.floating-card small { color: var(--muted); font-size: 9px; }
.floating-card strong { font-size: 11px; }
.mini-icon { width: 32px; height: 32px; display: grid; place-items: center; color: white; background: var(--forest); border-radius: 10px; }
.card-automation { top: 115px; right: -30px; animation: float 5s ease-in-out infinite; }
.card-automation > i { width: 7px; height: 7px; margin-left: 7px; border-radius: 50%; background: #76a442; }
.card-security { bottom: 90px; left: -24px; animation: float 5s 1s ease-in-out infinite; }
.shield { color: var(--ink); background: var(--lime); }
.orbit { position: absolute; border: 1px solid rgba(16,47,42,.13); border-radius: 50%; }
.orbit-one { width: 670px; height: 670px; }
.orbit-two { width: 520px; height: 520px; border-style: dashed; animation: spin 50s linear infinite; }
@keyframes float { 50% { transform: translateY(-10px); } }
@keyframes spin { to { transform: rotate(360deg); } }
.ticker { position: relative; z-index: 3; height: 88px; display: flex; align-items: center; justify-content: space-between; color: #60716d; border-top: 1px solid var(--line); font-size: 10px; font-weight: 700; letter-spacing: .16em; }
.ticker i { color: #8fa29b; }

.section { padding: 140px 0; }
.section-no { display: inline-block; margin-bottom: 28px; color: #6d7e7a; font-size: 10px; font-weight: 700; letter-spacing: .17em; }
.section-no.light { color: #91aaa3; }
h2 { margin-bottom: 26px; font-size: clamp(43px, 5vw, 72px); line-height: 1.04; font-weight: 500; }
.scenario-section { background: var(--white); }
.scenario-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 110px; align-items: start; }
.section-intro > p { max-width: 500px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.risk-note { display: flex; gap: 13px; align-items: center; max-width: 450px; margin-top: 34px; padding-top: 20px; border-top: 1px solid var(--line); }
.risk-note > span { flex: 0 0 27px; height: 27px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; font-size: 11px; font-weight: 700; }
.risk-note p { margin: 0; color: #53635f; font-size: 11px; line-height: 1.5; }
.calculator { padding: 38px; background: var(--paper); border: 1px solid rgba(16,33,31,.12); border-radius: 30px; box-shadow: 0 26px 60px rgba(16,33,31,.08); }
.calc-head { display: flex; justify-content: space-between; align-items: center; }
.calc-head > div:first-child { display: grid; gap: 8px; }
.calc-head span { color: var(--muted); font-size: 11px; }
.calc-head strong { font: 500 36px "Manrope", sans-serif; letter-spacing: -.05em; }
.range { width: 100%; height: 3px; margin: 40px 0 0; appearance: none; outline: none; background: linear-gradient(to right, var(--forest) 5.26%, #c8c8bf 5.26%); border-radius: 10px; }
.range::-webkit-slider-thumb { width: 19px; height: 19px; appearance: none; background: var(--lime); border: 5px solid var(--forest); border-radius: 50%; cursor: pointer; }
.range::-moz-range-thumb { width: 10px; height: 10px; background: var(--lime); border: 5px solid var(--forest); border-radius: 50%; cursor: pointer; }
.range-labels { display: flex; justify-content: space-between; margin-top: 9px; color: #80908c; font-size: 9px; }
.projection-card { display: flex; align-items: center; justify-content: space-between; padding: 26px; color: white; background: var(--forest); border-radius: 18px; }
.calculator .projection-card { margin-top: 30px; }
.projection-card div { display: grid; gap: 8px; }
.projection-card span { color: #9bb3ac; font-size: 10px; }
.projection-card strong { font: 500 25px "Manrope", sans-serif; }
.scenario-badge { padding: 7px 10px; color: var(--lime)!important; border: 1px solid rgba(203,255,77,.28); border-radius: 99px; font-size: 8px!important; letter-spacing: .12em; }
.assumptions { display: flex; justify-content: space-between; gap: 20px; margin-top: 18px; color: var(--muted); font-size: 10px; }
.assumptions button { padding: 0; border: 0; border-bottom: 1px solid currentColor; background: transparent; font-size: 10px; cursor: pointer; }
.assumption-panel { margin-top: 16px; padding: 15px; color: var(--muted); background: var(--white); border-radius: 12px; }
.assumption-panel p { margin: 0; font-size: 10px; line-height: 1.6; }

.feature-section { background: var(--paper); }
.section-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 80px; margin-bottom: 70px; }
.section-heading-row h2 { margin-bottom: 0; }
.section-heading-row > p { max-width: 400px; margin: 0 0 8px; color: var(--muted); line-height: 1.7; }
.feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.feature-card { position: relative; min-height: 480px; overflow: hidden; padding: 38px; background: var(--white); border: 1px solid rgba(16,33,31,.11); border-radius: var(--radius); }
.feature-wide { grid-column: 1/-1; min-height: 440px; display: grid; grid-template-columns: .75fr 1.25fr; gap: 50px; align-items: center; }
.feature-index { display: inline-block; margin-bottom: 80px; color: #80908c; font-size: 10px; }
.feature-card h3 { max-width: 380px; margin-bottom: 18px; font: 500 29px/1.15 "Manrope", sans-serif; letter-spacing: -.045em; }
.feature-card p { max-width: 380px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.feature-card a { display: inline-flex; gap: 28px; margin-top: 20px; padding-bottom: 6px; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 600; }
.automation-visual { padding: 36px; background: var(--paper); border-radius: 22px; }
.flow-node { display: flex; align-items: center; gap: 15px; min-height: 68px; padding: 15px 20px; background: var(--white); border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 10px 25px rgba(16,33,31,.05); }
.flow-node span { color: var(--muted); font-size: 10px; }
.flow-node strong { margin-left: auto; font-size: 11px; }
.flow-node.accent { color: white; background: var(--forest); }
.flow-node.accent span { color: var(--sage); }
.pulse-dot { width: 10px; height: 10px; background: var(--lime); border: 3px solid var(--forest); border-radius: 50%; box-shadow: 0 0 0 5px rgba(16,47,42,.13); }
.flow-line { position: relative; width: 2px; height: 27px; margin-left: 34px; background: #bec7c0; }
.flow-line i { position: absolute; left: -3px; width: 8px; height: 8px; background: var(--lime); border-radius: 50%; animation: flow 2.5s linear infinite; }
@keyframes flow { from { top: 0; } to { top: 20px; } }
.feature-dark { color: white; background: var(--forest); }
.feature-dark p { color: #9bb3ac; }
.feature-dark .feature-index { color: #8fa59f; }
.bars { position: absolute; right: 38px; bottom: 38px; left: 38px; height: 160px; display: flex; align-items: end; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.16); }
.bars i { flex: 1; border-radius: 5px 5px 0 0; background: linear-gradient(#cbff4d, rgba(203,255,77,.15)); }
.feature-lime { background: var(--lime); }
.feature-lime p { color: #40513e; }
.control-list { position: absolute; right: 38px; bottom: 35px; left: 38px; display: grid; }
.control-list span { display: flex; justify-content: space-between; padding: 15px 0; border-top: 1px solid rgba(16,33,31,.25); font-size: 11px; }
.control-list i { font-style: normal; font-weight: 700; }

.steps-section { color: white; background: var(--forest-deep); }
.steps-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 130px; }
.steps-sticky { align-self: start; position: sticky; top: 130px; }
.steps-sticky h2 { font-size: clamp(43px,4.7vw,67px); }
.steps-sticky p { max-width: 400px; margin-bottom: 36px; color: #91aaa3; line-height: 1.7; }
.steps-list { margin: 0; padding: 0; list-style: none; }
.steps-list li { display: grid; grid-template-columns: 90px 1fr; gap: 20px; min-height: 250px; padding: 45px 0; border-top: 1px solid rgba(255,255,255,.14); }
.steps-list > li > span { width: 43px; height: 43px; display: grid; place-items: center; color: var(--ink); background: var(--lime); border-radius: 50%; font-size: 11px; font-weight: 700; }
.steps-list small { color: #78928b; font-size: 9px; letter-spacing: .15em; }
.steps-list h3 { margin: 14px 0; font: 500 29px "Manrope", sans-serif; letter-spacing: -.04em; }
.steps-list p { max-width: 520px; color: #91aaa3; line-height: 1.7; }

.principles-section { background: var(--white); }
.principles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.principles-grid article { min-height: 430px; padding: 30px; display: flex; flex-direction: column; background: var(--paper); border: 1px solid var(--line); border-radius: 20px; }
.principles-grid article > span { color: #7c8d89; font-size: 9px; font-weight: 700; letter-spacing: .15em; }
.principle-icon { width: 64px; height: 64px; display: grid; place-items: center; margin: 85px 0 50px; color: var(--forest); background: var(--lime); border-radius: 50%; font-size: 27px; }
.principles-grid h3 { margin-bottom: 12px; font: 500 24px "Manrope", sans-serif; letter-spacing: -.04em; }
.principles-grid p { color: var(--muted); font-size: 13px; line-height: 1.65; }

.security-band { padding: 110px 0; color: white; background: #173e38; }
.security-grid { display: grid; grid-template-columns: .55fr 1fr 1fr; align-items: center; gap: 70px; }
.security-seal { position: relative; width: 210px; height: 210px; display: grid; place-items: center; border: 1px solid rgba(203,255,77,.25); border-radius: 50%; }
.security-seal::before, .security-seal::after { content:""; position:absolute; border: 1px dashed rgba(203,255,77,.18); border-radius: 50%; }
.security-seal::before { inset: 20px; }
.security-seal::after { inset: 48px; }
.security-seal span { z-index: 2; width: 60px; height: 60px; display:grid; place-items:center; color: var(--ink); background: var(--lime); border-radius: 50%; font-size: 25px; }
.security-seal i { position: absolute; width: 7px; height: 7px; border-radius:50%; background:var(--lime); }
.security-seal i:nth-child(2) { top: 24px; right: 48px; }.security-seal i:nth-child(3) { bottom: 34px; left: 31px; }.security-seal i:nth-child(4) { right: 8px; top: 106px; }
.security-grid h2 { margin: 0; font-size: clamp(42px,4vw,63px); }
.security-grid h2 em { color: var(--lime-soft); }
.security-copy > p { color: #a8beb8; line-height: 1.7; }
.security-copy ul { display:grid; grid-template-columns:1fr 1fr; gap: 14px 20px; margin: 28px 0; padding: 0; list-style:none; }
.security-copy li { padding-top: 10px; border-top: 1px solid rgba(255,255,255,.14); font-size:11px; }
.security-copy a { display:inline-block; padding-bottom:6px; color:var(--lime); border-bottom:1px solid rgba(203,255,77,.5); font-size:12px; }

.faq-section { background: var(--paper); }
.faq-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 130px; }
.faq-intro { align-self: start; position: sticky; top: 130px; }
.faq-intro p { max-width: 390px; color: var(--muted); line-height: 1.7; }
.faq-intro a { display: inline-block; margin-top: 15px; padding-bottom: 6px; border-bottom: 1px solid var(--ink); font-size: 12px; font-weight: 600; }
.faq-item { border-top: 1px solid var(--line); }
.faq-item:last-child { border-bottom: 1px solid var(--line); }
.faq-item button { width: 100%; min-height: 98px; display: flex; align-items: center; justify-content: space-between; padding: 0; text-align: left; border: 0; background: transparent; font: 500 20px "Manrope", sans-serif; cursor: pointer; }
.faq-item button i { position: relative; flex: 0 0 30px; height: 30px; border: 1px solid var(--line); border-radius: 50%; }
.faq-item button i::before, .faq-item button i::after { content:""; position:absolute; top:14px; left:9px; width:10px; height:1px; background:var(--ink); transition: transform .25s; }
.faq-item button i::after { transform: rotate(90deg); }
.faq-item.open button i::after { transform: rotate(0); }
.faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease; }
.faq-answer p { overflow:hidden; max-width:620px; margin:0; color:var(--muted); line-height:1.7; }
.faq-item.open .faq-answer { grid-template-rows:1fr; }
.faq-item.open .faq-answer p { margin-bottom: 32px; }

.access-section { padding: 130px 0; color: white; background: var(--forest-deep); }
.access-grid { display: grid; grid-template-columns: 1fr .85fr; gap: 120px; align-items: start; }
.access-copy h2 { font-size: clamp(48px,5vw,72px); }
.access-copy h2 em { color: var(--lime-soft); }
.access-copy > p { max-width: 560px; color: #91aaa3; font-size: 16px; line-height: 1.7; }
.privacy-line { display: flex; gap: 11px; align-items:center; margin-top:42px; color:#78928b; font-size:10px; }
.privacy-line span { width:28px; height:28px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; }
.access-form { display: grid; gap: 23px; padding: 36px; color: var(--ink); background: var(--white); border-radius: 24px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.access-form label:not(.consent) { display:grid; gap:8px; color:#566763; font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.access-form input:not([type=checkbox]) { width:100%; height:50px; padding:0 0; border:0; border-bottom:1px solid #c9ccc6; outline:none; color:var(--ink); background:transparent; font-size:15px; text-transform:none; }
.access-form input:not([type=checkbox]):focus { border-color:var(--forest); }
.access-form input.invalid { border-color:#a43737; }
.consent { display:flex; gap:10px; align-items:start; color:var(--muted); font-size:10px; line-height:1.5; }
.consent input { margin-top:2px; accent-color:var(--forest); }
.consent a { text-decoration:underline; }
.submit-button { width:100%; margin-top:8px; }
.form-status { min-height:16px; margin:0; color:#436a34; text-align:center; font-size:11px; }

.site-footer { padding: 70px 0 25px; color: white; background: #071a18; }
.brand-light { color: white; }
.brand-light .brand-mark { fill: white; }
.footer-top { display:grid; grid-template-columns:1fr 1fr auto; align-items:start; padding-bottom:65px; border-bottom:1px solid rgba(255,255,255,.12); }
.footer-top > p { color:#89a09a; line-height:1.5; }
.back-top { width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:50%; }
.footer-links { display:grid; grid-template-columns:repeat(3, 1fr); max-width:760px; margin:65px 0; gap:60px; }
.footer-links div { display:grid; gap:13px; }
.footer-links span { margin-bottom:8px; color:#607a74; font-size:9px; letter-spacing:.16em; }
.footer-links a { color:#a4b5b1; font-size:12px; }
.footer-links a:hover { color:var(--lime); }
.footer-bottom { display:flex; justify-content:space-between; gap:40px; padding-top:24px; border-top:1px solid rgba(255,255,255,.1); color:#5d7570; font-size:9px; }
.footer-bottom p:last-child { max-width:600px; text-align:right; }

.reveal { opacity: 0; transform: translateY(25px); transition: opacity .75s ease, transform .75s ease; }
.reveal-delay { transition-delay: .13s; }
.reveal.visible { opacity: 1; transform: none; }

/* Inner pages */
.inner-hero { padding: 180px 0 105px; color: white; background: var(--forest-deep); }
.inner-hero-grid { display:grid; grid-template-columns:1fr .8fr; gap:90px; align-items:end; }
.inner-hero h1 { margin:0; font-size:clamp(54px,7vw,102px); }
.inner-hero h1 em { color:var(--lime-soft); }
.inner-hero p { margin:0 0 10px; color:#9ab0aa; font-size:17px; line-height:1.7; }
.content-section { padding:110px 0; background:var(--white); }
.content-grid { display:grid; grid-template-columns:.55fr 1.45fr; gap:90px; }
.content-grid aside { color:var(--muted); font-size:11px; letter-spacing:.12em; }
.prose h2 { font-size:clamp(38px,4vw,60px); }
.prose h3 { margin:50px 0 14px; font:500 26px "Manrope",sans-serif; letter-spacing:-.04em; }
.prose p, .prose li { color:var(--muted); line-height:1.75; }
.prose ul { padding-left:20px; }
.legal-hero .legal-updated { display:inline-block; margin-top:24px; color:var(--lime-soft); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.legal-content { padding-top:90px; }
.terms-layout { grid-template-columns:280px minmax(0,1fr); gap:100px; }
.terms-toc { align-self:start; position:sticky; top:120px; }
.terms-toc > span { display:block; margin-bottom:20px; color:#7a8c87; font-size:9px; font-weight:700; letter-spacing:.16em; }
.terms-toc nav { display:grid; border-top:1px solid var(--line); }
.terms-toc a { padding:11px 0; color:var(--muted); border-bottom:1px solid var(--line); font-size:11px; transition:color .2s, padding-left .2s; }
.terms-toc a:hover { padding-left:5px; color:var(--ink); }
.legal-intro { margin-bottom:75px; padding:32px; background:var(--paper); border-left:3px solid var(--lime); border-radius:0 16px 16px 0; }
.legal-intro p:last-child { margin-bottom:0; }
.legal-section { position:relative; scroll-margin-top:120px; padding:58px 0 40px; border-top:1px solid var(--line); }
.legal-section .legal-number { display:block; margin-bottom:13px; color:#748680; font-size:10px; font-weight:700; letter-spacing:.13em; }
.legal-section h2 { margin-bottom:28px; font-size:clamp(32px,3.5vw,50px); }
.legal-section h2 + p { margin-top:0; }
.legal-section ul { display:grid; gap:8px; margin:20px 0 25px; padding-left:0; list-style:none; }
.legal-section li { position:relative; padding-left:22px; }
.legal-section li::before { content:""; position:absolute; top:.72em; left:1px; width:6px; height:6px; background:var(--lime); border:2px solid var(--forest); border-radius:50%; }
.legal-section address { margin:18px 0 25px; padding:20px 22px; color:var(--ink); background:var(--paper); border-radius:12px; font-style:normal; line-height:1.7; }
.legal-section a { border-bottom:1px solid currentColor; }
.legal-notice { padding:18px 20px; color:#673f18!important; background:#fff0d7; border:1px solid #dfba7f; border-radius:12px; font-size:13px; }
.info-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:50px; }
.info-cards article { padding:27px; background:var(--paper); border:1px solid var(--line); border-radius:18px; }
.info-cards span { color:#7b8b87; font-size:10px; }
.info-cards h3 { margin:35px 0 10px; font-size:21px; }
.info-cards p { margin:0; font-size:12px; }
.contact-panel { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding:50px; background:var(--paper); border-radius:24px; }
.contact-panel .access-form { box-shadow:0 20px 50px rgba(16,33,31,.08); }

/* Multilingual clean-route pages */
.localized-header { color:white; }
.localized-header .desktop-nav > a, .localized-header .locale-nav summary { color:rgba(255,255,255,.78); }
.localized-header.scrolled { color:var(--ink); }
.localized-header.scrolled .brand { color:var(--ink); }
.localized-header.scrolled .brand-mark { fill:var(--ink); }
.localized-header.scrolled .brand-mark path:last-child { fill:var(--lime); }
.localized-header.scrolled .desktop-nav > a, .localized-header.scrolled .locale-nav summary { color:#31423f; }
.locale-nav details, .locale-switcher { position:relative; }
.locale-nav summary, .locale-switcher summary { display:flex; align-items:center; gap:7px; padding:12px 0; list-style:none; font-size:14px; cursor:pointer; }
.locale-nav summary::-webkit-details-marker, .locale-switcher summary::-webkit-details-marker { display:none; }
.locale-nav summary i { font-style:normal; font-size:11px; }
.locale-nav details > div, .locale-switcher > div { position:absolute; top:calc(100% + 7px); left:-18px; min-width:220px; display:grid; padding:10px; color:var(--ink); background:rgba(255,253,248,.98); border:1px solid var(--line); border-radius:14px; box-shadow:0 20px 55px rgba(7,26,24,.18); backdrop-filter:blur(16px); }
.locale-nav details > div a, .locale-switcher > div a { padding:11px 12px; border-radius:8px; font-size:12px; white-space:nowrap; }
.locale-nav details > div a:hover, .locale-switcher > div a:hover, .locale-switcher > div a.active { background:var(--paper-2); }
.locale-switcher summary { min-width:50px; justify-content:center; padding:9px 12px; border:1px solid rgba(255,255,255,.25); border-radius:99px; font-size:11px; font-weight:700; }
.localized-header.scrolled .locale-switcher summary { border-color:var(--line); }
.locale-switcher > div { right:0; left:auto; min-width:150px; }
.root-locale summary { color:var(--ink); border-color:var(--line); }
.mobile-language-links { display:flex; gap:8px; margin-top:auto; padding-top:25px; }
.mobile-language-links a { flex:1; padding:12px!important; text-align:center; border:1px solid var(--line)!important; border-radius:99px; font-size:11px!important; }
.mobile-language-links a.active { color:white; background:var(--forest); }

.locale-home-hero { min-height:850px; padding:165px 0 105px; color:white; background:radial-gradient(circle at 78% 25%, #245b50 0, transparent 34%),var(--forest-deep); overflow:hidden; }
.locale-home-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:center; min-height:580px; }
.locale-home-copy h1 { margin-bottom:30px; font-size:clamp(63px,6.6vw,102px); }
.locale-home-copy h1 em { color:var(--lime-soft); }
.locale-home-copy > p { max-width:580px; color:#a6bbb6; font-size:17px; line-height:1.75; }
.text-link-light { color:white; border-color:rgba(255,255,255,.5); }
.localized-site .hero-access-form { box-shadow:0 45px 100px rgba(0,0,0,.28); }
.locale-dashboard { position:relative; overflow:hidden; padding:34px; background:rgba(9,33,30,.9); border:1px solid rgba(255,255,255,.14); border-radius:28px; box-shadow:0 45px 100px rgba(0,0,0,.28); transform:rotate(1.5deg); }
.locale-dashboard::before { content:""; position:absolute; width:390px; height:390px; right:-170px; top:-190px; border:1px solid rgba(203,255,77,.2); border-radius:50%; box-shadow:0 0 0 70px rgba(203,255,77,.025); }
.locale-dash-head { display:flex; justify-content:space-between; margin-bottom:24px; color:#8fa9a2; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.locale-dash-head i { width:8px; height:8px; background:var(--lime); border-radius:50%; box-shadow:0 0 0 6px rgba(203,255,77,.08); }
.locale-dashboard > strong { display:block; font:500 34px "Manrope",sans-serif; }
.locale-dashboard > small { color:#809a93; }
.locale-dashboard svg { width:100%; margin:12px 0 5px; }
.locale-area { fill:rgba(203,255,77,.10); }
.locale-line { fill:none; stroke:var(--lime); stroke-width:3; stroke-linecap:round; filter:drop-shadow(0 0 7px rgba(203,255,77,.25)); }
.locale-dash-stats { display:grid; grid-template-columns:repeat(3,1fr); padding-top:20px; border-top:1px solid rgba(255,255,255,.1); }
.locale-dash-stats span { display:grid; gap:6px; color:#829c95; font-size:9px; }
.locale-dash-stats b { color:white; font-size:11px; }

.locale-feature-section { background:var(--white); }
.locale-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.locale-feature-grid article { min-height:390px; display:flex; flex-direction:column; padding:32px; background:var(--paper); border:1px solid var(--line); border-radius:20px; }
.locale-feature-grid article > span, .locale-block-grid article > span { color:#71827e; font-size:10px; }
.locale-feature-grid h3 { margin:100px 0 18px; font:500 26px/1.15 "Manrope",sans-serif; letter-spacing:-.045em; }
.locale-feature-grid p { color:var(--muted); line-height:1.7; font-size:13px; }
.locale-feature-grid a { margin-top:auto; align-self:flex-start; padding-bottom:5px; border-bottom:1px solid currentColor; font-size:11px; }
.locale-feature-grid article:nth-child(2) { color:white; background:var(--forest); }
.locale-feature-grid article:nth-child(2) p, .locale-feature-grid article:nth-child(2) > span { color:#9bb3ac; }
.locale-feature-grid article:nth-child(3) { background:var(--lime); }
.locale-feature-grid article:nth-child(3) p { color:#40513e; }

.locale-process-section { color:white; background:var(--forest); }
.locale-process-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; }
.locale-process-grid h2 { max-width:580px; }
.locale-process-grid ol { margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.15); }
.locale-process-grid li { display:flex; align-items:center; gap:25px; min-height:95px; border-bottom:1px solid rgba(255,255,255,.15); }
.locale-process-grid li span { width:36px; height:36px; display:grid; place-items:center; color:var(--ink); background:var(--lime); border-radius:50%; font-size:9px; }
.locale-process-grid li strong { font:500 18px "Manrope",sans-serif; }
.locale-risk-section { background:var(--paper); }
.locale-risk-grid { display:grid; grid-template-columns:220px 1fr; gap:85px; align-items:center; }
.locale-risk-icon { width:190px; height:190px; display:grid; place-items:center; font:500 70px "Manrope",sans-serif; border:1px solid var(--line); border-radius:50%; box-shadow:inset 0 0 0 28px var(--white); }
.locale-risk-grid h2 { max-width:760px; }
.locale-risk-grid p { max-width:700px; color:var(--muted); line-height:1.7; }
.locale-risk-grid a { display:inline-block; margin-top:14px; padding-bottom:5px; border-bottom:1px solid currentColor; font-size:12px; }

.locale-page-hero { padding:175px 0 105px; color:white; background:radial-gradient(circle at 82% 30%, #23584e, transparent 30%),var(--forest-deep); }
.locale-breadcrumb { display:flex; gap:10px; margin-bottom:75px; color:#78928b; font-size:10px; }
.locale-breadcrumb a { color:var(--lime-soft); }
.locale-page-title { display:grid; grid-template-columns:1.15fr .85fr; gap:100px; align-items:end; }
.locale-page-title h1 { max-width:800px; margin:0; font-size:clamp(55px,6.7vw,96px); }
.locale-page-title > p { margin-bottom:8px; color:#9fb4af; font-size:17px; line-height:1.75; }
.locale-page-body { background:var(--white); }
.locale-block-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.locale-block-grid article { min-height:360px; padding:32px; background:var(--paper); border:1px solid var(--line); border-radius:20px; }
.locale-block-grid h2 { margin:110px 0 17px; font-size:28px; }
.locale-block-grid p { color:var(--muted); font-size:13px; line-height:1.7; }
.locale-block-grid article:nth-child(2) { color:white; background:var(--forest); }
.locale-block-grid article:nth-child(2) p, .locale-block-grid article:nth-child(2) > span { color:#9bb3ac; }
.locale-page-cta { padding:105px 0; color:white; background:#173e38; }
.locale-page-cta h2 { max-width:780px; }
.locale-page-cta p { max-width:620px; color:#a5b9b4; line-height:1.7; }
.locale-page-cta .button { margin-top:20px; }
.locale-pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:80px; }
.locale-pricing-grid article { padding:34px; background:var(--paper); border:1px solid var(--line); border-radius:20px; }
.locale-pricing-grid article.featured { background:var(--lime); transform:translateY(-12px); }
.locale-pricing-grid article > span { color:#6e807b; font-size:10px; }
.locale-pricing-grid h3 { margin:55px 0 10px; font:500 28px "Manrope",sans-serif; }
.locale-pricing-grid p { color:var(--muted); }
.locale-pricing-grid ul { min-height:100px; margin:30px 0; padding:20px 0 0; border-top:1px solid var(--line); list-style:none; }
.locale-pricing-grid li { margin:8px 0; font-size:12px; }
.locale-pricing-grid .button { width:100%; }
.locale-footer .footer-top p { max-width:500px; }

@media (max-width: 1180px) {
  .locale-nav { gap:18px; }
  .locale-nav summary, .localized-header .desktop-nav > a { font-size:12px; }
  .desktop-locale { display:none; }
  .locale-home-grid { gap:40px; }
}

@media (max-width: 1080px) {
  .desktop-nav { gap:19px; }
  .hero-grid { grid-template-columns: 1fr 1fr; gap:35px; }
  .hero-visual { transform:scale(.9); }
  .hero-form-visual { transform:none; }
  .scenario-grid, .faq-grid { gap:60px; }
  .steps-grid { gap:70px; }
  .security-grid { grid-template-columns:.45fr 1fr 1fr; gap:35px; }
  .security-seal { width:150px; height:150px; }
  .access-grid { gap:60px; }
}

@media (max-width: 820px) {
  .container { width:min(100% - 32px, 680px); }
  .desktop-nav, .desktop-cta { display:none; }
  .menu-toggle { width:44px; height:44px; display:grid; place-content:center; gap:6px; border:1px solid var(--line); border-radius:50%; background:transparent; }
  .menu-toggle span { width:17px; height:1px; background:var(--ink); transition:transform .25s; }
  .menu-toggle[aria-expanded=true] span:first-child { transform:translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .mobile-nav { position:fixed; z-index:88; inset:88px 0 0; display:flex; flex-direction:column; gap:0; padding:25px 24px 50px; background:var(--paper); opacity:0; visibility:hidden; transform:translateY(-15px); transition:.25s; }
  .mobile-nav.open { opacity:1; visibility:visible; transform:none; }
  .mobile-nav > a:not(.button) { padding:19px 0; border-bottom:1px solid var(--line); font:500 24px "Manrope",sans-serif; }
  .mobile-nav .button { margin-top:auto; }
  .hero { padding-top:120px; }
  .hero-grid { display:block; }
  .hero-copy { position:relative; z-index:4; }
  .hero-visual { max-width:650px; margin:45px auto 0; transform:none; }
  h1 { font-size:clamp(58px,14vw,88px); }
  .card-automation { right:-5px; }
  .card-security { left:-5px; }
  .ticker { gap:25px; overflow:hidden; white-space:nowrap; justify-content:flex-start; }
  .section { padding:95px 0; }
  .scenario-grid, .steps-grid, .faq-grid, .access-grid, .inner-hero-grid, .content-grid { grid-template-columns:1fr; gap:55px; }
  .section-heading-row { display:block; margin-bottom:45px; }
  .section-heading-row > p { margin-top:25px; }
  .feature-card { min-height:430px; }
  .feature-wide { grid-template-columns:1fr; }
  .automation-visual { padding:20px; }
  .steps-sticky, .faq-intro { position:static; }
  .principles-grid { grid-template-columns:1fr; }
  .principles-grid article { min-height:330px; }
  .principle-icon { margin:60px 0 35px; }
  .security-grid { grid-template-columns:1fr 1fr; }
  .security-seal { display:none; }
  .access-grid { gap:55px; }
  .inner-hero { padding-top:150px; }
  .info-cards { grid-template-columns:1fr; }
  .contact-panel { grid-template-columns:1fr; padding:25px; }
  .terms-layout { grid-template-columns:1fr; gap:45px; }
  .terms-toc { position:static; }
  .terms-toc nav { grid-template-columns:1fr 1fr; column-gap:24px; }
  .localized-header .brand { color:white; }
  .localized-header.scrolled .brand { color:var(--ink); }
  .locale-menu-toggle { border-color:rgba(255,255,255,.3); }
  .locale-menu-toggle span { background:white; }
  .localized-header.scrolled .locale-menu-toggle { border-color:var(--line); }
  .localized-header.scrolled .locale-menu-toggle span { background:var(--ink); }
  .locale-mobile-nav { color:var(--ink); }
  .locale-home-hero { padding-top:135px; }
  .locale-home-grid, .locale-process-grid, .locale-page-title { grid-template-columns:1fr; gap:55px; }
  .locale-home-copy h1 { font-size:clamp(58px,13vw,88px); }
  .locale-dashboard { max-width:680px; transform:none; }
  .locale-feature-grid, .locale-block-grid { grid-template-columns:1fr; }
  .locale-feature-grid article, .locale-block-grid article { min-height:330px; }
  .locale-feature-grid h3, .locale-block-grid h2 { margin-top:65px; }
  .locale-risk-grid { grid-template-columns:150px 1fr; gap:40px; }
  .locale-risk-icon { width:140px; height:140px; box-shadow:inset 0 0 0 20px var(--white); }
  .locale-page-hero { padding-top:145px; }
  .locale-breadcrumb { margin-bottom:50px; }
  .locale-page-title { gap:30px; }
  .locale-pricing-grid { grid-template-columns:1fr; }
  .locale-pricing-grid article.featured { transform:none; }
}

@media (max-width: 560px) {
  .nav-wrap { height:74px; }
  .mobile-nav { inset:74px 0 0; }
  .hero { min-height:auto; padding-top:115px; }
  .eyebrow { margin-bottom:20px; }
  h1 { font-size:54px; }
  h2 { font-size:41px; }
  .hero-lede { font-size:16px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:15px; }
  .hero-proof { gap:18px; justify-content:space-between; }
  .hero-proof span { max-width:75px; }
  .hero-visual { min-height:430px; margin-top:25px; }
  .hero-form-visual { min-height:0; }
  .dashboard-card { padding:20px; transform:none; border-radius:20px; }
  .dash-top strong { font-size:23px; }
  .dash-chart svg { height:155px; }
  .dash-metrics div { padding:0 8px; }
  .dash-metrics strong { font-size:10px; }
  .floating-card { padding:10px 11px; }
  .card-automation { top:35px; right:-4px; }
  .card-security { bottom:23px; left:-3px; }
  .orbit-one { width:450px; height:450px; }
  .orbit-two { width:350px; height:350px; }
  .ticker { margin-top:20px; height:72px; }
  .section { padding:78px 0; }
  .calculator { padding:22px; border-radius:20px; }
  .calc-head strong { font-size:29px; }
  .projection-card { padding:20px; }
  .projection-card strong { font-size:19px; }
  .scenario-badge { display:none; }
  .assumptions { align-items:flex-start; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-wide { grid-column:auto; min-height:650px; }
  .feature-card { padding:27px; }
  .feature-index { margin-bottom:55px; }
  .flow-node { padding:13px; }
  .flow-node strong { font-size:9px; }
  .steps-list li { grid-template-columns:55px 1fr; min-height:240px; }
  .security-grid { grid-template-columns:1fr; }
  .security-copy ul { grid-template-columns:1fr; }
  .faq-item button { min-height:84px; font-size:17px; }
  .access-form { padding:23px; }
  .form-row { grid-template-columns:1fr; }
  .footer-top { grid-template-columns:1fr auto; gap:30px; }
  .footer-top > p { grid-row:2; }
  .footer-links { grid-template-columns:1fr 1fr; gap:40px; }
  .footer-bottom { flex-direction:column; }
  .footer-bottom p:last-child { text-align:left; }
  .inner-hero h1 { font-size:51px; }
  .terms-toc nav { grid-template-columns:1fr; }
  .legal-intro { padding:22px; }
  .legal-section { padding-top:46px; }
  .locale-home-hero { min-height:auto; padding-bottom:75px; }
  .locale-home-copy h1 { font-size:53px; }
  .locale-home-copy > p { font-size:15px; }
  .locale-dashboard { padding:22px; border-radius:20px; }
  .locale-dashboard > strong { font-size:28px; }
  .locale-dash-stats b { font-size:9px; }
  .locale-feature-grid article, .locale-block-grid article { min-height:300px; padding:26px; }
  .locale-process-grid { gap:35px; }
  .locale-process-grid li { min-height:82px; }
  .locale-risk-grid { grid-template-columns:1fr; }
  .locale-risk-icon { width:100px; height:100px; font-size:42px; }
  .locale-page-title h1 { font-size:50px; }
  .locale-page-title > p { font-size:15px; }
  .locale-pricing-grid { margin-top:55px; }
}

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