:root {
  color-scheme: dark;
  --bg: #081018;
  --bg-deep: #050b11;
  --surface: #101b25;
  --surface-2: #14222d;
  --surface-green: #14261f;
  --line: #263743;
  --line-strong: #3b514d;
  --text: #f3f7f2;
  --muted: #a8b9bc;
  --subtle: #7f9499;
  --lime: #d7ff7e;
  --lime-soft: #b9ef6b;
  --blue: #73a8ff;
  --red: #ff9d92;
  --shadow: 0 30px 80px rgba(0, 0, 0, .35);
  --radius: 24px;
  --container: 1180px;
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: var(--bg); color: var(--text); font: 15px/1.65 var(--font); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
[hidden] { display: none !important; }
img, svg { display: block; }
img { max-width: 100%; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--lime); }
button, input, textarea, select { color: inherit; font: inherit; }
button { cursor: pointer; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.048em; line-height: 1.08; }
p { color: var(--muted); }
ul, ol, dl { margin: 0; padding: 0; }
bdi { direction: ltr; unicode-bidi: isolate; }
::selection { color: #112014; background: var(--lime); }
:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }
.container { width: min(var(--container), calc(100% - 56px)); margin-inline: auto; }
.section { position: relative; padding: 112px 0; overflow: clip; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 200; inset-block-start: -100px; inset-inline-start: 16px; padding: 10px 14px; border-radius: 8px; color: #102016; background: var(--lime); font-weight: 800; }
.skip-link:focus { inset-block-start: 12px; }
.icon { width: 21px; height: 21px; flex: 0 0 auto; }
.status-dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(215, 255, 126, .1); }

/* Header */
.status-bar { position: relative; z-index: 90; border-bottom: 1px solid rgba(215,255,126,.12); background: #13201d; }
.status-bar .container { min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #d7e5d7; font-size: 11px; font-weight: 750; letter-spacing: .025em; text-align: center; }
.site-header { position: sticky; z-index: 80; top: 0; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(8,16,24,.9); backdrop-filter: blur(18px); }
.header-row { min-height: 76px; display: flex; align-items: center; gap: 26px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; color: var(--text); }
.brand:hover { color: var(--text); }
.brand img { width: 43px; height: 43px; border-radius: 13px; box-shadow: 0 0 0 1px rgba(255,255,255,.13); }
.brand-name { direction: ltr; unicode-bidi: isolate; display: flex; align-items: baseline; font-size: 24px; font-weight: 880; letter-spacing: -.06em; line-height: 1; }
.brand-name > span { color: var(--lime); }
.brand-name small { margin-inline-start: 2px; color: #81969c; font-size: 12px; letter-spacing: -.02em; }
.desktop-nav { display: flex; align-items: center; gap: 24px; margin-inline-start: auto; }
.desktop-nav a { color: #a9b9bd; font-size: 12px; font-weight: 720; white-space: nowrap; }
.desktop-nav a:hover { color: var(--text); }
.header-actions { display: flex; align-items: center; gap: 9px; }
.language-menu { position: relative; }
.language-menu summary { min-width: 83px; height: 43px; display: flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid var(--line); border-radius: 11px; color: #d7e3e1; background: #101a23; cursor: pointer; list-style: none; font-size: 11px; font-weight: 800; }
.language-menu summary::-webkit-details-marker { display: none; }
.language-menu summary .icon { width: 18px; height: 18px; color: var(--muted); }
.language-menu summary .chevron { margin-inline-start: auto; color: var(--subtle); }
.language-menu[open] summary, .language-menu summary:focus-visible { border-color: #789758; }
.language-popover { position: absolute; z-index: 20; inset-block-start: calc(100% + 10px); inset-inline-end: 0; width: 205px; padding: 7px; border: 1px solid var(--line-strong); border-radius: 14px; background: #111d26; box-shadow: var(--shadow); }
.language-popover a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; padding: 8px 10px; border-radius: 9px; color: #dce7e5; }
.language-popover a:hover, .language-popover a[aria-current] { color: var(--text); background: #1a2a31; }
.language-popover a[aria-current] span { color: var(--lime); }
.language-popover small { color: var(--subtle); }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 21px; border: 1px solid transparent; border-radius: 12px; font-weight: 820; font-size: 13px; line-height: 1.2; text-align: center; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #152014; background: var(--lime); box-shadow: 0 15px 35px rgba(186,232,91,.12); }
.button-primary:hover { color: #101b10; background: #e5ffa8; }
.button-ghost { border-color: #40525d; color: #e9f0ed; background: rgba(21,31,41,.7); }
.button-ghost:hover { border-color: #7a9760; color: var(--lime); }
.button-small { min-height: 43px; padding-inline: 16px; color: #ecf5ed; border-color: #3a4a51; background: #18242c; font-size: 11px; }
.button-small:hover { border-color: var(--lime); color: var(--lime); }
.button-full { width: 100%; }
.button .icon { width: 18px; height: 18px; }
.menu-toggle { width: 43px; height: 43px; display: none; align-items: center; justify-content: center; flex-direction: column; gap: 5px; padding: 0; border: 1px solid var(--line); border-radius: 11px; background: #111c24; }
.menu-toggle span { width: 18px; height: 2px; border-radius: 2px; background: #edf5ee; transition: transform .2s, opacity .2s; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-nav { display: none; }

/* Hero */
.hero { position: relative; overflow: hidden; background: radial-gradient(circle at 75% 30%, rgba(111,166,255,.09), transparent 35%), radial-gradient(circle at 80% 55%, rgba(189,244,101,.07), transparent 34%), linear-gradient(125deg, #081018 10%, #0b151e 64%, #0e1a19); }
.hero-grid { position: absolute; inset: 0; pointer-events: none; opacity: .08; background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(circle at 75% 44%, #000 0, transparent 62%); }
.hero-glow { position: absolute; width: 580px; height: 580px; inset-block-start: 80px; inset-inline-end: -180px; border-radius: 50%; border: 1px solid rgba(215,255,126,.1); box-shadow: inset 0 0 100px rgba(115,168,255,.04); }
.hero-layout { min-height: 705px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 7%; padding-block: 70px 80px; }
.hero-copy { position: relative; z-index: 3; }
.pill { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; padding: 9px 13px; border: 1px solid #3c5947; border-radius: 99px; color: #dbf5b0; background: rgba(31,51,37,.65); font-size: 11px; font-weight: 780; letter-spacing: .04em; }
.hero h1 { max-width: 760px; margin: 25px 0 22px; font-size: clamp(3.7rem, 6.2vw, 6.2rem); letter-spacing: -.072em; line-height: .98; }
.hero h1 em { color: var(--lime); font-style: normal; }
.hero-copy > p { max-width: 610px; color: #b5c4c5; font-size: 17px; line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 31px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 12px 23px; margin-top: 31px; list-style: none; }
.hero-proof li { display: inline-flex; align-items: center; gap: 7px; color: #9fb1ad; font-size: 11px; font-weight: 720; }
.hero-proof .icon { width: 15px; height: 15px; color: var(--lime); }
.hero-product { position: relative; min-height: 575px; display: grid; place-items: center; margin: 0; isolation: isolate; }
.orbit { position: absolute; z-index: -1; border: 1px solid rgba(215,255,126,.14); border-radius: 50%; }
.orbit-one { width: 425px; height: 425px; }
.orbit-two { width: 525px; height: 525px; border-color: rgba(115,168,255,.09); }
.phone-card, .demo-device { width: min(356px, 88%); min-height: 510px; position: relative; overflow: hidden; border: 7px solid #263740; border-radius: 34px; background: #0c171d; box-shadow: 0 42px 100px rgba(0,0,0,.65), 0 0 0 1px #607269; }
.phone-card { transform: rotate(-3deg); }
.phone-card::before, .demo-device::before { position: absolute; z-index: 3; inset-block-start: 0; inset-inline-start: 37%; width: 26%; height: 13px; border-radius: 0 0 11px 11px; background: #263740; content: ""; }
.device-head { min-height: 75px; display: flex; align-items: center; gap: 10px; padding: 20px 12px 10px; background: #1d302e; }
.device-avatar { width: 37px; height: 37px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #172316; background: var(--lime); font-size: 17px; }
.device-head > span:nth-child(2) { display: grid; line-height: 1.25; }
.device-head strong { font-size: 12px; }
.device-head small { color: #9db1ac; font-size: 9px; }
.device-head i { margin-inline-start: auto; color: #a7bab5; font-style: normal; letter-spacing: 2px; }
.chat-list { padding: 19px 12px 50px; list-style: none; }
.chat-message { position: relative; width: fit-content; max-width: 83%; margin-bottom: 12px; padding: 11px 12px 18px; border-radius: 13px; color: #eef5ef; font-size: 10.5px; line-height: 1.5; box-shadow: 0 2px 4px rgba(0,0,0,.18); }
.chat-message small { position: absolute; inset-block-end: 4px; inset-inline-end: 8px; color: #d3e1dd; font-size: 8px; letter-spacing: -2px; }
.chat-customer { margin-inline-end: auto; border-start-start-radius: 3px; background: #25363d; }
.chat-bot { margin-inline-start: auto; border-start-end-radius: 3px; background: #245c44; }
.chat-attachment { width: fit-content; margin: 5px auto 12px; padding: 8px 11px; border: 1px solid #3d5c4c; border-radius: 9px; color: #cce3d1; background: #1c352b; font-size: 10px; font-weight: 720; }
.chat-attachment span { margin-inline-end: 7px; color: var(--lime); }
.device-input { position: absolute; inset-inline: 10px; inset-block-end: 10px; min-height: 36px; display: flex; align-items: center; justify-content: space-between; padding: 0 13px; border-radius: 99px; color: #85999a; background: #1c2c32; font-size: 10px; }
.device-input span { color: var(--lime); font-size: 16px; }
.qualified-card { position: absolute; z-index: 4; inset-inline-end: -3px; inset-block-end: 72px; width: min(312px, 76%); display: grid; gap: 2px; padding: 16px 46px 16px 18px; border: 1px solid #bde980; border-radius: 17px; color: #172718; background: #dcffb9; box-shadow: 0 25px 60px rgba(0,0,0,.55); transform: rotate(2.5deg); }
.qualified-card span { color: #477144; font-size: 8px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.qualified-card strong { font-size: 14px; letter-spacing: -.02em; }
.qualified-card small { color: #4e6850; font-size: 9px; }
.qualified-card b { position: absolute; inset-inline-end: 16px; inset-block-start: calc(50% - 14px); width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: var(--lime); background: #1f3a26; }
.hero-product figcaption { position: absolute; inset-block-end: 5px; color: #91a6a7; font-size: 11px; font-weight: 650; text-align: center; }
.truth-bar { position: relative; z-index: 5; border-top: 1px solid rgba(255,255,255,.09); }
.truth-bar ul { min-height: 92px; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; }
.truth-bar li { display: grid; align-content: center; gap: 2px; padding-inline: 24px; border-inline-end: 1px solid rgba(255,255,255,.08); }
.truth-bar li:first-child { padding-inline-start: 0; }
.truth-bar li:last-child { border: 0; }
.truth-bar strong { color: #e6eee8; font-size: 11px; letter-spacing: .02em; }
.truth-bar span { color: #74888b; font-size: 10px; }

/* Shared section headings */
.section-heading { max-width: 790px; margin-bottom: 48px; }
.section-heading.centered { margin-inline: auto; text-align: center; }
.eyebrow-text { display: inline-block; color: var(--lime); font-size: 11px; font-weight: 860; letter-spacing: .15em; text-transform: uppercase; }
.section-heading h2, .faq-title h2, .contact-copy h2, .legal-main h1 { margin: 17px 0; font-size: clamp(2.45rem, 4.6vw, 4.35rem); }
.section-heading > p, .contact-copy > p { max-width: 610px; margin-bottom: 0; font-size: 16px; }
.section-heading.centered > p { margin-inline: auto; }

/* Problem and product */
.problem-section { background: #0d151e; }
.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.problem-card { min-height: 295px; padding: 29px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, #121e28, #0e1821); }
.card-icon { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid #3a504b; border-radius: 14px; color: var(--lime); background: #1d2d2b; }
.card-icon .icon { width: 24px; height: 24px; }
.problem-card h3, .benefit-card h3 { margin: 47px 0 12px; font-size: 1.45rem; }
.problem-card p, .benefit-card p { margin: 0; font-size: 13px; }
.bridge { max-width: 870px; display: flex; align-items: center; gap: 17px; margin: 30px auto 0; padding: 19px 24px; border: 1px solid #405a48; border-radius: 16px; background: #17281f; }
.bridge > span { color: var(--lime); font-size: 24px; }
.bridge p { margin: 0; color: #d4e5d4; font-weight: 700; }
.solution-section { background: var(--bg); }
.perspective-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.perspective-card { min-height: 390px; padding: 38px; border: 1px solid var(--line); border-radius: 28px; background: #101b24; }
.owner-card { border-color: #4d6948; background: radial-gradient(circle at 90% 0, rgba(215,255,126,.09), transparent 43%), #14251e; }
.perspective-label { display: inline-flex; align-items: center; gap: 9px; color: var(--lime); font-size: 11px; font-weight: 840; letter-spacing: .1em; text-transform: uppercase; }
.perspective-label .icon { width: 19px; height: 19px; }
.perspective-card h3 { margin: 53px 0 14px; font-size: clamp(1.9rem, 3vw, 2.7rem); }
.perspective-card > p { max-width: 510px; }
.perspective-card ul, .pricing-card ul, .contact-copy ul { display: grid; gap: 12px; margin-top: 25px; list-style: none; }
.perspective-card li, .pricing-card li, .contact-copy li { display: flex; align-items: flex-start; gap: 10px; color: #d5e2dc; font-size: 13px; }
.perspective-card li .icon, .pricing-card li .icon, .contact-copy li .icon { width: 17px; height: 17px; margin-top: 2px; color: var(--lime); }
.managed-note { max-width: 900px; display: flex; align-items: center; gap: 12px; margin: 25px auto 0; color: #9db0ad; font-size: 12px; text-align: center; }
.managed-note .icon { color: var(--lime); }

/* Interactive demo */
.demo-section { background: linear-gradient(180deg, #0d171d, #0b131a); }
.demo-shell { padding: 38px; border: 1px solid #354b4b; border-radius: 30px; background: radial-gradient(circle at 15% 15%, rgba(115,168,255,.07), transparent 35%), linear-gradient(145deg, #13232a, #101d1c 70%); box-shadow: var(--shadow); }
.demo-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin-bottom: 38px; padding: 6px; border: 1px solid #314548; border-radius: 14px; background: #0b171c; }
.demo-tabs button { min-height: 48px; padding: 8px 12px; border: 0; border-radius: 9px; color: #91a6a8; background: transparent; font-size: 11px; font-weight: 780; }
.demo-tabs button[aria-selected="true"] { color: #162316; background: var(--lime); }
.demo-panel { min-height: 530px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 8%; }
.demo-visual { position: relative; min-height: 525px; display: grid; place-items: center; }
.view-badge { position: absolute; z-index: 6; inset-block-start: 14px; inset-inline-start: 5px; padding: 7px 11px; border: 1px solid #526862; border-radius: 99px; color: #d2e2dd; background: #18272a; font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.demo-device { min-height: 490px; box-shadow: 0 30px 75px rgba(0,0,0,.5); }
.demo-chat-list { padding-top: 26px; }
.demo-chat-list .chat-message { font-size: 11px; }
.demo-explainer { max-width: 430px; }
.step-index { color: var(--lime); font-size: 11px; font-weight: 880; letter-spacing: .14em; }
.demo-explainer h3 { margin: 19px 0 14px; font-size: clamp(2rem, 3.6vw, 3.2rem); }
.demo-explainer p { font-size: 15px; }
.owner-device { padding: 24px 16px 18px; background: #0e1a18; }
.owner-top { display: flex; align-items: center; gap: 9px; padding: 8px 4px 18px; color: #a8bab2; font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.owner-notification { padding: 24px; border: 1px solid #4d694e; border-radius: 18px; background: #1a2b23; }
.owner-notification > strong { color: var(--lime); font-size: 9px; letter-spacing: .11em; }
.owner-notification h3 { margin: 11px 0 18px; font-size: 1.65rem; }
.summary-facts { border-top: 1px solid #3c5342; }
.summary-facts div { display: flex; justify-content: space-between; gap: 15px; padding: 8px 0; border-bottom: 1px solid #33493a; font-size: 10px; }
.summary-facts dt { color: #8fa397; }
.summary-facts dd { margin: 0; color: #e2ece2; text-align: end; }
.summary-price { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin: 20px 0; }
.summary-price span { color: #9cb0a2; font-size: 10px; }
.summary-price bdi { color: var(--lime); font-size: 2.2rem; font-weight: 900; letter-spacing: -.07em; line-height: 1; }
.decision-buttons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.decision-buttons button { min-height: 41px; padding: 7px 4px; border: 1px solid #4e6b52; border-radius: 8px; color: #dceadb; background: #25392e; font-size: 9px; font-weight: 760; }
.decision-buttons button:hover, .decision-buttons button[aria-pressed="true"] { border-color: var(--lime); color: #152314; background: var(--lime); }
.edit-price { margin-top: 13px; padding-top: 13px; border-top: 1px solid #405642; }
.edit-price > label { display: block; margin-bottom: 6px; color: #a9bba9; font-size: 9px; }
.edit-price > div { display: flex; align-items: center; gap: 5px; }
.edit-price input { width: 95px; min-height: 39px; padding: 7px 9px; border: 1px solid #49634c; border-radius: 8px; color: var(--text); background: #101c18; }
.edit-price button { min-height: 39px; margin-inline-start: auto; padding: 0 10px; border: 0; border-radius: 8px; color: #142015; background: var(--lime); font-size: 9px; font-weight: 800; }
.decision-status { min-height: 47px; margin: 12px 4px 0; color: #abc4b2; font-size: 10px; line-height: 1.5; }
.demo-controls { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 25px; border-top: 1px solid #324548; }
.control-button { min-height: 44px; display: inline-flex; align-items: center; gap: 9px; padding: 0 13px; border: 1px solid #3b5052; border-radius: 10px; color: #dce6e3; background: #142127; font-size: 10px; font-weight: 780; }
.control-button:hover:not(:disabled) { border-color: var(--lime); color: var(--lime); }
.control-button:disabled { cursor: not-allowed; opacity: .38; }
.control-button .icon { width: 16px; height: 16px; }
[data-demo-previous] .icon { transform: rotate(180deg); }
.demo-controls > span { color: #84999b; font-size: 10px; font-weight: 800; letter-spacing: .1em; }

/* Benefits and process */
.benefits-section { background: var(--bg); }
.benefits-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.benefit-card { position: relative; min-height: 310px; padding: 26px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(150deg, #111d27, #0d171f); }
.benefit-card:nth-child(2), .benefit-card:nth-child(4) { margin-top: 28px; }
.benefit-number { position: absolute; inset-block-start: 31px; inset-inline-end: 25px; color: #596e73; font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.benefit-card h3 { margin-top: 40px; }
.process-section { border-block: 1px solid rgba(255,255,255,.07); background: #111a22; }
.process-layout { display: grid; grid-template-columns: .83fr 1.17fr; gap: 10%; }
.process-note { max-width: 520px; padding: 14px 16px; border: 1px solid #3b4c53; border-radius: 12px; background: #18242b; font-size: 11px; }
.process-list { counter-reset: steps; list-style: none; }
.process-list li { min-height: 150px; display: grid; grid-template-columns: 70px 1fr; gap: 25px; padding: 26px 0; border-top: 1px solid #36474f; }
.process-list li:last-child { border-bottom: 1px solid #36474f; }
.process-number { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid #50714c; border-radius: 50%; color: var(--lime); font-size: 10px; font-weight: 900; }
.process-list h3 { margin: 3px 0 8px; font-size: 1.35rem; }
.process-list p { max-width: 530px; margin: 0; font-size: 13px; }

/* Calculator and pricing */
.calculator-section { background: radial-gradient(circle at 15% 30%, rgba(115,168,255,.07), transparent 28%), #0a151b; }
.calculator-layout { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 9%; }
.calculator-disclaimer { max-width: 550px; display: flex; gap: 13px; padding: 15px 16px; border: 1px solid #3b5450; border-radius: 13px; color: #adc0bc; background: #132420; font-size: 11px; }
.calculator-disclaimer .icon { color: var(--lime); }
.calculator-card { padding: 35px; border: 1px solid #4e6c55; border-radius: 26px; background: linear-gradient(145deg, #172b24, #12221e); box-shadow: var(--shadow); }
.calc-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.calc-inputs label { display: grid; align-content: start; gap: 8px; color: #d6e2da; font-size: 11px; font-weight: 730; }
.calc-inputs input { width: 100%; min-height: 48px; padding: 9px 12px; border: 1px solid #42604c; border-radius: 10px; outline: 0; color: var(--text); background: #0d1a17; }
.calc-inputs input:focus { border-color: var(--lime); box-shadow: 0 0 0 2px rgba(215,255,126,.12); }
.input-with-unit { position: relative; }
.input-with-unit input { padding-inline-end: 38px; }
.input-with-unit b { position: absolute; inset-inline-end: 13px; inset-block-start: 12px; color: var(--lime); }
.scenario-rate { margin: 22px 0 0; color: #a5b8ad; font-size: 11px; }
.scenario-rate strong { color: var(--lime); }
.calc-error { min-height: 19px; margin: 3px 0 0; color: var(--red); font-size: 10px; }
.calc-results { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 7px; }
.calc-results > div { display: grid; gap: 5px; padding: 17px; border: 1px solid #385343; border-radius: 13px; background: #101f1b; }
.calc-results .result-primary { grid-column: span 2; padding: 20px; border-color: #6c9255; background: #1e3226; }
.calc-results span { color: #93a99b; font-size: 9px; font-weight: 750; letter-spacing: .03em; }
.calc-results strong { color: #e6eee6; font-size: 1.4rem; letter-spacing: -.04em; }
.calc-results .result-primary strong { color: var(--lime); font-size: clamp(2.5rem, 5vw, 4rem); letter-spacing: -.075em; line-height: 1; }
.not-profit { margin: 15px 0 0; color: #849a8e; font-size: 10px; }
.pricing-section { background: var(--bg); }
.pricing-layout { display: grid; grid-template-columns: 1fr .85fr; align-items: center; gap: 11%; }
.price-context { max-width: 590px; display: flex; align-items: flex-start; gap: 14px; margin-top: -23px; }
.price-context > span { color: var(--lime); font-size: 24px; }
.price-context p { margin: 0; font-size: 13px; }
.pricing-card { padding: 37px; border: 1px solid #73935a; border-radius: 27px; background: radial-gradient(circle at 100% 0, rgba(215,255,126,.13), transparent 40%), #17291f; box-shadow: var(--shadow); }
.price-badge { display: inline-flex; padding: 7px 11px; border: 1px solid #668553; border-radius: 99px; color: #ddf9b5; background: #2a432b; font-size: 10px; font-weight: 820; }
.price-value { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; margin: 31px 0; }
.price-value strong { font-size: clamp(2.7rem, 5.2vw, 4.8rem); letter-spacing: -.075em; line-height: 1; }
.price-value span { color: #9fb2a5; font-size: 12px; }
.pricing-card ul { margin: 0 0 30px; }
.price-note { margin: 15px 0 0; color: #859b8e; font-size: 10px; }

/* FAQ and contact */
.faq-section { background: #0c141c; }
.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 10%; }
.faq-title { position: sticky; top: 130px; align-self: start; }
.faq-list { border-top: 1px solid #31424a; }
.faq-list details { border-bottom: 1px solid #31424a; }
.faq-list summary { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 3px; cursor: pointer; list-style: none; font-size: 13px; font-weight: 750; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary i { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #3f5553; border-radius: 9px; color: var(--lime); font-size: 18px; font-style: normal; transition: transform .2s; }
.faq-list details[open] summary i { transform: rotate(45deg); }
.faq-list details p { max-width: 690px; margin: 0; padding: 0 45px 23px 3px; font-size: 12.5px; line-height: 1.8; }
.contact-section { border-top: 1px solid #3a5144; background: radial-gradient(circle at 8% 20%, rgba(215,255,126,.09), transparent 32%), linear-gradient(135deg, #152820, #0f1d19); }
.contact-layout { display: grid; grid-template-columns: .83fr 1.17fr; align-items: center; gap: 9%; }
.contact-copy > p { max-width: 530px; }
.contact-copy ul { margin-top: 29px; }
.direct-channels { display: flex; flex-wrap: wrap; gap: 24px 35px; margin-top: 35px; }
.direct-email, .direct-whatsapp { display: grid; gap: 4px; }
.direct-email span, .direct-whatsapp span { color: #889f91; font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.direct-email a, .direct-whatsapp a { width: fit-content; color: var(--lime); font-size: 16px; font-weight: 750; overflow-wrap: anywhere; }
.contact-form { display: grid; gap: 17px; padding: 33px; border: 1px solid #44614d; border-radius: 26px; background: rgba(10,24,19,.8); box-shadow: var(--shadow); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.contact-form label { display: grid; gap: 7px; color: #d8e5dc; font-size: 10px; font-weight: 760; }
.contact-form input, .contact-form textarea { width: 100%; min-height: 47px; padding: 10px 12px; border: 1px solid #395746; border-radius: 10px; outline: 0; color: var(--text); background: #0b1916; }
.contact-form textarea { min-height: 108px; resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--lime); box-shadow: 0 0 0 2px rgba(215,255,126,.11); }
.contact-form ::placeholder { color: #637b70; }
.form-privacy a { color: #d7e5d7; text-decoration: underline; text-underline-offset: 3px; }
.form-privacy a:hover { color: var(--lime); }
.form-privacy, .form-status { margin: -4px 0 0; color: #879d91; font-size: 10px; }
.form-status { min-height: 17px; color: #bdd99f; }

/* Footer and utility pages */
.site-footer { border-top: 1px solid #25363e; background: var(--bg-deep); }
.footer-main { display: grid; grid-template-columns: 1.4fr .5fr .8fr; gap: 8%; padding-block: 64px; }
.footer-main > div:first-child > p { max-width: 450px; margin: 18px 0 0; font-size: 12px; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.footer-column > strong { margin-bottom: 4px; color: #d5e0dd; font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }
.footer-column > a { color: #8ea1a4; font-size: 11px; }
.footer-languages { display: flex; flex-wrap: wrap; gap: 7px; }
.footer-languages a { display: inline-flex; gap: 5px; padding: 5px 8px; border: 1px solid #263841; border-radius: 7px; color: #8ea1a4; font-size: 10px; }
.footer-languages a[aria-current] { border-color: #61764e; color: var(--lime); }
.footer-languages small { display: none; }
.footer-bottom { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid #233039; color: #70868a; font-size: 10px; }
.legal-main { min-height: 68vh; padding: 110px 0; background: radial-gradient(circle at 80% 10%, rgba(115,168,255,.06), transparent 30%), var(--bg); }
.back-link { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 45px; color: #9ab0b0; font-size: 11px; font-weight: 750; }
.back-link .icon { width: 16px; height: 16px; transform: rotate(180deg); }
.legal-intro { max-width: 760px; font-size: 16px; }
.legal-placeholder { max-width: 820px; margin-top: 35px; padding: 28px; border: 1px solid #4d614f; border-radius: 20px; background: #14231d; }
.legal-placeholder > strong { color: var(--lime); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.legal-placeholder ul { display: grid; gap: 12px; margin-top: 20px; list-style: none; }
.legal-placeholder li { display: flex; align-items: flex-start; gap: 10px; color: #bbcbbf; font-size: 12px; }
.legal-placeholder .icon { width: 17px; height: 17px; color: var(--lime); }
.legal-updated { margin-top: 12px; color: var(--muted); font-size: 12px; }
.legal-document { display: grid; gap: 18px; max-width: 900px; margin-top: 36px; }
.legal-section { padding: 26px 28px; border: 1px solid var(--line); border-radius: 20px; background: rgba(20,35,29,.72); }
.legal-section h2 { margin: 0 0 14px; color: var(--white); font-size: clamp(1.15rem, 2vw, 1.45rem); }
.legal-section p { margin: 0; color: #bbcbbf; line-height: 1.75; }
.legal-section p + p { margin-top: 12px; }
.not-found { min-height: 100vh; display: grid; place-items: center; padding: 30px; background: radial-gradient(circle at 50% 30%, rgba(215,255,126,.09), transparent 32%), var(--bg); }
.not-found-card { width: min(600px, 100%); padding: 50px; border: 1px solid var(--line); border-radius: 28px; background: #101b24; text-align: center; }
.not-found-card .brand { justify-content: center; margin-bottom: 45px; }
.not-found-card > span { color: var(--lime); font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.not-found-card h1 { margin: 16px 0; font-size: clamp(2.5rem, 7vw, 4.5rem); }
.not-found-card p { margin-bottom: 28px; }
.not-found-options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 28px; text-align: start; }
.not-found-option { display: grid; gap: 5px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: #0c171f; }
.not-found-option:hover { border-color: #6c8c57; background: #13231d; }
.not-found-option strong { color: #e7eee9; font-size: 12px; }
.not-found-option span { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--lime); font-size: 10px; }
.not-found-option .icon { width: 15px; height: 15px; }
.not-found-languages { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.not-found-languages a { padding: 6px 9px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); font-size: 10px; }
.not-found-languages small { display: none; }

/* Motion */
.js [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.js [data-reveal].is-visible { opacity: 1; transform: none; }

/* RTL */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] .eyebrow-text, [dir="rtl"] .pill, [dir="rtl"] .step-index, [dir="rtl"] .perspective-label { letter-spacing: 0; }
[dir="rtl"] .phone-card { transform: rotate(3deg); }
[dir="rtl"] .qualified-card { transform: rotate(-2.5deg); }
[dir="rtl"] [data-demo-previous] .icon { transform: none; }
[dir="rtl"] [data-demo-next] .icon { transform: rotate(180deg); }
[dir="rtl"] .back-link .icon { transform: none; }
[dir="rtl"] .chat-message { text-align: start; }
[dir="rtl"] .faq-list details p { padding-inline: 45px 3px; }
[dir="rtl"] .brand, [dir="rtl"] .direct-email a, [dir="rtl"] .footer-bottom > span:first-child { direction: ltr; unicode-bidi: isolate; }

@media (max-width: 1080px) {
  .desktop-nav { gap: 14px; }
  .desktop-nav a { font-size: 11px; }
  .header-row { gap: 14px; }
  .header-cta { display: none; }
  .hero-layout { grid-template-columns: 1fr 1fr; gap: 2%; }
  .hero h1 { font-size: clamp(3.5rem, 6vw, 5rem); }
  .benefits-grid { grid-template-columns: 1fr 1fr; }
  .benefit-card:nth-child(2), .benefit-card:nth-child(4) { margin-top: 0; }
}

@media (max-width: 900px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: flex; }
  .header-actions { margin-inline-start: auto; }
  .mobile-nav:not([hidden]) { display: grid; gap: 2px; padding: 12px max(24px, calc((100vw - var(--container)) / 2)) 20px; border-top: 1px solid #263840; background: #0c161e; }
  .mobile-nav a { display: flex; align-items: center; justify-content: space-between; min-height: 46px; padding: 4px 2px; border-bottom: 1px solid #22333a; color: #d3dddd; font-size: 13px; font-weight: 700; }
  .mobile-nav .mobile-cta { justify-content: center; margin-top: 10px; padding: 0 16px; border: 0; border-radius: 10px; color: #142115; background: var(--lime); }
  .mobile-cta .icon { width: 17px; height: 17px; }
  .hero-layout { display: flex; flex-direction: column; align-items: stretch; min-height: 0; padding-block: 70px; }
  .hero-copy { max-width: 730px; }
  .hero h1 { font-size: clamp(3.7rem, 9vw, 6rem); }
  .hero-product { width: 100%; margin-top: 55px; }
  .problem-grid { grid-template-columns: 1fr; }
  .problem-card { min-height: 235px; }
  .problem-card h3 { margin-top: 33px; }
  .process-layout, .calculator-layout, .pricing-layout, .faq-layout, .contact-layout { grid-template-columns: 1fr; gap: 48px; }
  .faq-title { position: static; }
  .demo-panel { grid-template-columns: 1fr; gap: 34px; }
  .demo-explainer { order: -1; max-width: 700px; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-main > div:first-child { grid-column: span 2; }
}

@media (max-width: 680px) {
  .container { width: min(100% - 32px, var(--container)); }
  .section { padding: 78px 0; }
  .status-bar .container { font-size: 9px; }
  .header-row { min-height: 67px; }
  .brand img { width: 39px; height: 39px; }
  .brand-name { font-size: 21px; }
  .language-menu summary { min-width: 0; width: 44px; justify-content: center; padding: 0; }
  .language-menu summary > span:not(.chevron), .language-menu summary .chevron { display: none; }
  .language-popover { width: 190px; }
  .hero-layout { padding-block: 50px 60px; }
  .hero h1 { margin-top: 22px; font-size: clamp(3rem, 14vw, 4.75rem); }
  .hero-copy > p { font-size: 15px; }
  .hero-actions { align-items: stretch; }
  .hero-actions .button { flex: 1 1 100%; }
  .hero-product { min-height: 530px; margin-top: 38px; }
  .phone-card { width: min(340px, 92%); min-height: 492px; }
  .qualified-card { inset-inline-end: 0; width: min(300px, 80%); }
  .orbit-one { width: 360px; height: 360px; }
  .orbit-two { width: 440px; height: 440px; }
  .truth-bar ul { grid-template-columns: 1fr 1fr; padding-block: 10px; }
  .truth-bar li { min-height: 68px; padding-inline: 12px; border-block-end: 1px solid rgba(255,255,255,.07); }
  .truth-bar li:nth-child(2) { border-inline-end: 0; }
  .truth-bar li:nth-child(3), .truth-bar li:nth-child(4) { border-block-end: 0; }
  .truth-bar li:nth-child(3) { padding-inline-start: 0; }
  .section-heading { margin-bottom: 34px; }
  .section-heading h2, .faq-title h2, .contact-copy h2, .legal-main h1 { font-size: clamp(2.25rem, 10vw, 3.4rem); }
  .section-heading > p, .contact-copy > p { font-size: 14px; }
  .perspective-grid, .benefits-grid { grid-template-columns: 1fr; }
  .perspective-card { min-height: 340px; padding: 28px; }
  .perspective-card h3 { margin-top: 38px; }
  .managed-note { text-align: start; }
  .demo-shell { padding: 21px 16px; border-radius: 22px; }
  .demo-tabs { grid-template-columns: 1fr 1fr; margin-bottom: 28px; }
  .demo-panel { min-height: 0; }
  .demo-visual { min-height: 500px; }
  .demo-device { width: min(340px, 96%); min-height: 480px; }
  .view-badge { inset-inline-start: 0; }
  .demo-explainer h3 { font-size: 2rem; }
  .demo-controls { gap: 8px; }
  .control-button { padding: 0 10px; }
  .control-button .icon { display: none; }
  .benefit-card { min-height: 245px; }
  .process-list li { grid-template-columns: 52px 1fr; gap: 15px; }
  .process-number { width: 42px; height: 42px; }
  .calculator-card, .pricing-card, .contact-form { padding: 24px; }
  .calc-inputs, .form-grid { grid-template-columns: 1fr; }
  .calc-results { grid-template-columns: 1fr; }
  .calc-results .result-primary { grid-column: auto; }
  .calc-results .result-primary strong { font-size: 2.65rem; }
  .faq-list summary { font-size: 12px; }
  .contact-form { gap: 14px; }
  .footer-main { grid-template-columns: 1fr; gap: 35px; padding-block: 48px; }
  .footer-main > div:first-child { grid-column: auto; }
  .footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; padding-block: 20px; }
  .legal-main { padding: 75px 0; }
  .not-found-card { padding: 36px 24px; }
  .not-found-options { grid-template-columns: 1fr; }
}

@media (max-width: 390px) {
  .container { width: calc(100% - 26px); }
  .brand-name small { display: none; }
  .hero h1 { font-size: 2.92rem; }
  .hero-proof { display: grid; }
  .hero-product { min-height: 500px; }
  .phone-card { min-height: 465px; }
  .chat-message { font-size: 9.5px; }
  .qualified-card { padding-inline: 14px 42px; }
  .demo-visual { min-height: 475px; }
  .owner-notification { padding: 18px; }
  .decision-buttons button { font-size: 8px; }
  .control-button { font-size: 9px; }
}

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