:root {
  color-scheme: dark;
  --bg: #0a100d;
  --panel: #131e17;
  --text: #f9fbfa;
  --muted: #adbfb1;
  --accent: #a5f65a;
  --line: #293e2f;
  --green: #25d366;
  --display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --body: "Inter", system-ui, sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --dock: 0px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 1.5rem; scroll-behavior: smooth; }
body { margin: 0; padding-bottom: var(--dock); background: var(--bg); color: var(--text); font: 1rem/1.62 var(--body); }
img, svg { display: block; }
img { max-width: 100%; }
figure, h1, h2, h3, p, ul, ol { margin: 0; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
a { color: inherit; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid #cafcb6; outline-offset: 4px; }
.skip { position: absolute; z-index: 10; left: 1rem; top: .7rem; padding: .5rem 1rem; transform: translateY(-180%); background: #f9fbfa; color: #0a100d; }
.skip:focus { transform: translateY(0); }
.shell { width: min(calc(100% - 2.5rem), 72rem); margin-inline: auto; }
.icon { width: 24px; height: 24px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.icon-whatsapp { stroke: none; }

.site-header { border-bottom: 1px solid #293e2fa0; background: #0a100d; }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 70px; }
.brand { display: inline-flex; align-items: center; gap: .72rem; text-decoration: none; line-height: 1; }
.brand strong { display: block; font: 800 1.19rem/1 var(--display); letter-spacing: .035em; }
.brand strong span { color: var(--accent); }
.brand small { display: block; margin-top: .36rem; color: var(--muted); font: 600 .58rem/1 var(--mono); letter-spacing: .19em; }
.main-nav, .header-join { display: none; }

.hero { position: relative; overflow: hidden; background: radial-gradient(ellipse at 83% 43%, #142c1b 0, transparent 59%), #0a100d; }
.hero::before { position: absolute; inset: 0; content: ""; pointer-events: none; background-image: radial-gradient(circle, #6fa17f60 1px, transparent 1.2px); background-size: 83px 79px; mask-image: linear-gradient(95deg, transparent 8%, #000 64%, transparent 99%); opacity: .45; }
.hero-inner { position: relative; display: grid; align-items: center; padding-top: 2.9rem; }
.hero-copy { position: relative; z-index: 1; }
.status, .signal { display: inline-flex; align-items: center; gap: .54rem; padding: .46rem .72rem; border: 1px solid #41632e; border-radius: 6px; background: #162a1a; color: #c1fb96; font: 700 .66rem/1.2 var(--mono); letter-spacing: .12em; white-space: nowrap; }
.status span, .signal span { width: .43rem; height: .43rem; border-radius: 50%; background: #65fc17; box-shadow: 0 0 10px #62f51c; }
h1, h2, h3 { font-family: var(--display); text-wrap: balance; }
h1 { margin-top: 1.15rem; font-size: clamp(2rem, 8.4vw, 4rem); line-height: .99; font-weight: 850; letter-spacing: -.07em; text-transform: uppercase; text-wrap: initial; }
em { color: var(--accent); font-style: normal; }
h1 em { display: inline-block; margin-top: .07em; color: #acf975; background: linear-gradient(115deg,#d8ffad 3%,#99f64e 60%,#62dc4c 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-copy > p { max-width: 35rem; margin: 1.32rem 0 1.4rem; color: #c2d2c7; font-size: .98rem; line-height: 1.66; }
.cta { display: inline-flex; min-height: 55px; max-width: 100%; align-items: center; justify-content: center; gap: .65rem; padding: .76rem .95rem; border: 1px solid #59ec8d; border-radius: 9px; background: var(--green); color: #04190d; text-decoration: none; font-size: .79rem; font-weight: 850; line-height: 1.22; letter-spacing: .012em; text-align: center; text-transform: uppercase; box-shadow: 0 7px 27px #1ee46125, inset 0 1px #ffffff38; transition: background .18s ease, transform .18s ease, box-shadow .18s ease; }
.cta:hover { background: #55ec89; transform: translateY(-2px); box-shadow: 0 8px 32px #1ee46145; }
.cta:active { transform: translateY(1px); }
.cta-arrow { width: 16px; height: 16px; opacity: .8; }
.hero .cta { width: 100%; }
.hero-notes { display: flex; flex-wrap: wrap; align-items: center; gap: .24rem .55rem; margin-top: .95rem; padding: 0; list-style: none; color: var(--muted); font-size: .72rem; }
.hero-notes li { display: flex; align-items: center; gap: .48rem; }
.hero-notes li + li::before { content: ""; width: 3px; height: 3px; border-radius: 50%; background: #8de06c; }

.hero-art { position: relative; width: min(100%, 34rem); margin: .5rem auto .25rem; aspect-ratio: 590/550; isolation: isolate; }
.orbit { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.hero-sweep { position: absolute; z-index: -1; top: 15%; left: 14%; width: 72%; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(from 10deg, transparent 72%, #59eb1f00 78%, #6df63745 99.8%, transparent 100%); animation: scan 4.8s linear 1; }
.device { position: absolute; top: 8%; left: 33%; width: 36%; height: 82%; padding: 1.25%; border-radius: 13% / 6%; transform: rotate(-10deg); background: linear-gradient(135deg,#d3fcc3 0%,#598366 13%,#21412c 38%,#3d6549 65%,#b9fa9f 100%); box-shadow: 6px 0 0 #315b40, 7px 1px 0 #6a9477, 4px 16px 36px #040d07d9, 0 0 32px #64f32b25; container-type: inline-size; }
.device-screen { position: relative; height: 100%; overflow: hidden; border: 1px solid #476d53; border-radius: 11% / 5%; background: linear-gradient(155deg,#1d3a27,#0d1c12 56%,#112618); padding: 17% 7% 7%; }
.device-camera, .device-home { position: absolute; left: 50%; transform: translateX(-50%); border-radius: 10px; }
.device-camera { top: 2.7%; width: 27%; height: 3.4%; background: #060f09; border: 1px solid #284a34; }
.device-home { bottom: 3%; width: 30%; height: .9%; background: #7d9785; }
.device-title { display: flex; align-items: center; gap: 6%; margin-bottom: 10%; line-height: 1.2; }
.device-title img { width: 20%; height: auto; }
.device-title strong { display: block; font-size: 8.8cqi; }
.device-title span { color: #a3bcab; font-size: 5.3cqi; }
.device-display { display: grid; place-items: center; gap: 7%; padding: 8% 3% 9%; margin-bottom: 8%; border: 1px solid #3a6447; border-radius: 8px; background: radial-gradient(ellipse at 50% 75%,#1f4a2e,#132e1c 78%); color: #b6fa9b; font: 700 4.8cqi/1.15 var(--mono); letter-spacing: .13em; }
.mini-radar { width: 63%; aspect-ratio: 1; position: relative; border: 1px solid #448057; border-radius: 50%; background: linear-gradient(90deg, transparent 49%, #76e64a45 50%, transparent 51%), linear-gradient(transparent 49%, #76e64a45 50%, transparent 51%), conic-gradient(from 34deg,#7bf24b8a,transparent 26%,transparent 99%); }
.mini-radar::before, .mini-radar::after { content: ""; position: absolute; border: 1px solid #508d63ab; border-radius: 50%; }
.mini-radar::before { inset: 16%; }
.mini-radar::after { inset: 32%; }
.mini-radar i { position: absolute; width: 5%; aspect-ratio: 1; background: #92f869; border-radius: 50%; box-shadow: 0 0 7px #79f647; }
.mini-radar i:nth-child(1) { top: 23%; left: 69%; }
.mini-radar i:nth-child(2) { top: 57%; left: 29%; }
.mini-radar i:nth-child(3) { top: 67%; left: 75%; }
.device-feed { display: grid; gap: 4cqi; }
.device-feed > div { display: flex; align-items: center; gap: 7%; min-width: 0; padding: 4.1% 5%; border: 1px solid #2c4f38; border-radius: 6px; background: #193121; line-height: 1.15; }
.device-feed .icon { width: 16%; height: auto; aspect-ratio: 1; color: #94f86c; }
.device-feed b, .device-feed small { display: block; white-space: nowrap; }
.device-feed b { font-size: 6cqi; }
.device-feed small { margin-top: 5%; color: #a9c2b1; font-size: 4.65cqi; }
.orbit-node { position: absolute; display: grid; place-items: center; width: 12%; aspect-ratio: 1; border: 1px solid #467655; border-radius: 19%; background: linear-gradient(145deg,#203f2a,#12281a); color: #a7f987; box-shadow: 0 12px 24px #07130bb3, inset 0 0 16px #67e9331a; }
.orbit-node .icon { width: 59%; height: 59%; }
.node-one { top: 19%; left: 12%; transform: rotate(-9deg); }
.node-two { top: 19%; right: 9%; transform: rotate(12deg); color: #b9faa0; border-color: #516f5a; }
.node-three { bottom: 22%; right: 7%; transform: rotate(11deg); }
.signal { position: absolute; left: 7%; bottom: 19%; padding: .4rem .48rem; font-size: clamp(.38rem,1.35vw,.64rem); }
.hero-art figcaption { position: absolute; right: 3%; bottom: 3%; color: #aec4b5; font: .62rem/1 var(--mono); letter-spacing: .035em; }
@keyframes scan { to { transform: rotate(360deg); } }

.ticker { position: relative; overflow: hidden; border-block: 1px solid #30593e; background: #112418; }
.ticker-track { overflow-x: auto; scrollbar-width: thin; }
.ticker-group { display: flex; width: max-content; align-items: center; padding: 0; list-style: none; }
.ticker-group[aria-hidden] { display: none; }
.ticker-group li { display: flex; align-items: center; padding-block: 1.05rem; color: #b9d5c2; white-space: nowrap; text-transform: uppercase; font: 700 .7rem/1.15 var(--mono); letter-spacing: .14em; }
.ticker-group li::before { width: .31rem; height: .31rem; margin-inline: 1.1rem; border: 1px solid #8bf860; transform: rotate(45deg); content: ""; }
.ticker.is-ready { padding-right: 2.7rem; }
.ticker.is-ready .ticker-track { display: flex; width: max-content; overflow: visible; animation: marquee 36s linear infinite; }
.ticker.is-ready .ticker-group[aria-hidden] { display: flex; }
.ticker.is-ready[data-paused] .ticker-track, .ticker.is-ready:hover .ticker-track { animation-play-state: paused; }
.ticker-toggle { display: grid; place-items: center; position: absolute; right: 0; top: 0; height: 100%; width: 2.7rem; color: #bafba0; background: #112418; border: 0; border-left: 1px solid #30593e; box-shadow: -14px 0 17px #112418; }
.ticker-toggle:focus-visible { outline-offset: -4px; }
.ticker-toggle .play-icon, .ticker[data-paused] .ticker-toggle .pause-icon { display: none; }
.ticker[data-paused] .ticker-toggle .play-icon { display: block; }
@keyframes marquee { to { transform: translateX(-50%); } }

.section { padding-block: 4rem; }
.section-heading { margin-bottom: 1.75rem; }
.section-heading.center { text-align: center; }
.eyebrow { margin-bottom: .75rem; color: var(--accent); font: 700 .7rem/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
h2 { color: var(--text); font-size: clamp(1.85rem,5.4vw,3.3rem); line-height: 1.09; letter-spacing: -.047em; font-weight: 780; }
h3 { font-size: 1.19rem; font-weight: 750; line-height: 1.24; letter-spacing: -.025em; }
.section-heading > p:not(.eyebrow) { color: var(--muted); margin-top: .85rem; }
.section-action { margin-top: 1.75rem; text-align: center; }
.section-action > p { color: #cfdfd4; margin-bottom: 1rem; }
.story { display: grid; align-items: center; gap: 1.7rem; }
.story-copy { grid-row: 1; }
.story-copy > p:not(.eyebrow) { color: var(--muted); margin-top: 1rem; }
.story-copy strong, .story-copy .story-end { color: #ecfee5; font-weight: 700; }
.story-art { width: 100%; aspect-ratio: 1.19; position: relative; overflow: hidden; border: 1px solid #30593e; border-radius: 16px; background: linear-gradient(90deg,#2e614039 1px,transparent 1px) center/24px 24px, linear-gradient(#2e614039 1px,transparent 1px) center/24px 24px, radial-gradient(ellipse at 50% 50%,#1d472c,#102317 75%); }
.story-rings, .story-sweep { position: absolute; left: 50%; top: 50%; width: 70%; aspect-ratio: 1; transform: translate(-50%,-50%); border-radius: 50%; }
.story-rings i { position: absolute; inset: 5%; border: 1px solid #6ed24680; border-radius: 50%; }
.story-rings i:nth-child(2) { inset: 16%; border-style: dashed; }
.story-rings i:nth-child(3) { inset: 28%; }
.story-rings i:nth-child(4) { inset: 40%; }
.story-sweep { background: conic-gradient(from 41deg,transparent 70%,#6cec3a44 99.9%,transparent); animation: story-scan 4.8s linear 1; }
@keyframes story-scan { to { transform: translate(-50%,-50%) rotate(360deg); } }
.story-cross { position: absolute; width: 10px; height: 10px; top: calc(50% - 5px); left: calc(50% - 5px); border: 1px solid #b5fa9a; border-radius: 50%; background: #88f75c; box-shadow: 0 0 20px #74f641; }
.story-point { position: absolute; display: grid; place-items: center; width: 13%; aspect-ratio: 1; background: #173220; border: 1px solid #4c795a; border-radius: 10px; color: #b2fa96; box-shadow: 0 0 18px #5cf42030; }
.story-point .icon { width: 62%; height: 62%; }
.point-phone { left: 20%; top: 24%; }
.point-laptop { right: 19%; top: 16%; }
.point-audio { left: 26%; bottom: 13%; }
.point-watch { right: 15%; bottom: 20%; color: #c6fbb1; border-color: #607d69; }

.process-section, .comparison-section, .faq-section { border-block: 1px solid #2b4a36a0; background: #101f15; }
.process-grid, .category-grid, .comparison-grid, .trust-grid { display: grid; gap: .85rem; }
.process-grid { list-style: none; padding: 0; }
.process-card, .compare, .category-card { border: 1px solid var(--line); border-radius: 13px; }
.process-card { padding: 1.25rem; background: linear-gradient(145deg,#1a3222,#15261b 73%); }
.step-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.step-top span { color: #abc5b3; font: 700 .68rem/1.25 var(--mono); letter-spacing: .12em; }
.feature-icon { box-sizing: content-box; width: 31px; height: 31px; padding: .54rem; border: 1px solid #366245; border-radius: 9px; background: #183321; color: #99f874; }
.process-card p, .category-copy p, .trust-grid p { margin-top: .48rem; color: var(--muted); font-size: .92rem; }
.categories-section .section-heading { max-width: 42rem; }
.category-card { display: grid; grid-template-columns: 5.15rem minmax(0,1fr); align-items: stretch; min-height: 104px; overflow: hidden; background: #16291d; transition: border-color .2s ease, transform .2s ease; }
.category-card:hover { transform: translateY(-3px); border-color: #61a576; }
.category-visual { display: grid; place-items: center; min-height: 100%; color: #a4f982; background: radial-gradient(ellipse at 50% 50%,#2e593d,transparent 74%), linear-gradient(#80b28f22 1px,transparent 1px) center/14px 14px, linear-gradient(90deg,#80b28f22 1px,transparent 1px) center/14px 14px, #172c1e; border-right: 1px solid #2f523b; }
.category-icon { width: 44px; height: 44px; filter: drop-shadow(0 0 7px #6ee63e60); }
.category-card:nth-child(3n + 2) .category-visual { color: #c8fbb4; }
.category-copy { padding: 1rem .85rem; }
.category-copy h3 { font-size: 1.02rem; }
.category-copy p { margin-top: .3rem; font-size: .84rem; }
.compare { padding: 1.35rem; }
.compare-alone { background: linear-gradient(145deg,#251b26,#15261b 67%); border-color: #463141; }
.compare-found { background: linear-gradient(145deg,#1c3f28,#183121 70%); border-color: #3f6e4e; }
.compare h3 { padding-bottom: .8rem; border-bottom: 1px solid #9ab6a333; font-size: 1.36rem; }
.compare ul { margin-top: 1.05rem; display: grid; gap: .76rem; list-style: none; padding: 0; }
.compare li { display: flex; gap: .65rem; align-items: flex-start; color: #dde8e0; font-size: .92rem; }
.compare li .icon { margin-top: .23rem; width: 17px; height: 17px; color: #ff9eaa; stroke-width: 2.15; }
.compare-found li .icon { color: #64eea0; }
.trust-section .section-heading { max-width: 44rem; }
.trust-grid article { border-top: 1px solid #32513d; padding: 1.1rem 0 .35rem; }
.trust-grid h3 { margin-top: .83rem; }
.faq-layout { display: grid; }
.faq-list { display: grid; gap: .65rem; }
.faq-list details { border: 1px solid #2d4c38; border-radius: 9px; background: #172a1e; }
.faq-list details[open] { border-color: #528161; }
.faq-list summary { display: flex; justify-content: space-between; gap: .8rem; align-items: center; padding: .9rem 1rem; list-style: none; cursor: pointer; font-weight: 680; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; color: #a0f97c; flex: 0 0 auto; font: 1.3rem/1 var(--mono); }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { padding: 0 1rem 1rem; color: #c3d3c8; font-size: .94rem; }
.final-panel { position: relative; isolation: isolate; overflow: hidden; border: 1px solid #417050; border-radius: 18px; padding: 2.45rem .9rem; text-align: center; background: radial-gradient(ellipse at center,#1d482c,#12281a 78%); }
.final-panel::before { content: ""; position: absolute; z-index: -1; inset: 0; background: url("assets/orbit.svg") center/cover no-repeat; opacity: .45; mask-image: linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000); }
.final-panel h2 { max-width: 50rem; margin-inline: auto; text-transform: uppercase; font-size: clamp(1.6rem,4.9vw,3.5rem); line-height: 1.04; }
.final-panel p { max-width: 35rem; margin: 1.05rem auto 1.3rem; color: #cbe0d2; }
.final-panel small { display: block; margin-top: .8rem; color: #c5dbcc; font-size: .76rem; }
.site-footer { border-top: 1px solid #2e4a38; background: #090e0b; padding: 2rem 0 1.3rem; }
.footer-top { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: .8rem 2rem; }
.footer-top p { color: var(--muted); margin-top: .65rem; font-size: .9rem; }
.footer-top nav { display: flex; align-items: center; flex-wrap: wrap; column-gap: .95rem; }
.footer-top nav a, .footer-top nav button { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; color: #c7dece; font-size: .82rem; text-decoration: underline; text-underline-offset: .23em; }
.footer-note { max-width: 60rem; margin-top: 1.25rem; padding-top: 1.05rem; border-top: 1px solid #2c4635; color: #abc0b2; font-size: .8rem; }
.copyright { color: #98ad9e; margin-top: 1rem; font-size: .74rem; }

.mobile-cta { display: none; }
@media (max-width: 47.99rem) {
  body.landing { --dock: calc(70px + env(safe-area-inset-bottom)); }
  .mobile-cta { position: fixed; z-index: 5; display: flex; inset: auto 0 0; padding: 8px 1.25rem calc(8px + env(safe-area-inset-bottom)); border-top: 1px solid #34513e; background: #0e1f14f5; box-shadow: 0 -7px 24px #07100a65; }
  .mobile-cta .cta { width: 100%; min-height: 53px; }
}

.privacy-banner { position: fixed; z-index: 8; right: 1rem; bottom: calc(var(--dock) + .7rem); left: 1rem; width: auto; max-width: 26rem; margin-left: auto; border: 1px solid #5b8568; border-radius: 11px; padding: .9rem; background: #1b3123; color: #f2feed; box-shadow: 0 10px 32px #040e07a8; }
.privacy-banner p { font-size: .84rem; }
.privacy-banner a, #privacy-dialog a, .policy a { color: #b3fa97; text-underline-offset: .2em; }
.privacy-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; margin-top: .7rem; }
.privacy-actions button { min-height: 44px; border: 1px solid #79a286; border-radius: 6px; background: #254430; color: #f8fff5; font-size: .86rem; font-weight: 750; }
.privacy-actions button:hover { background: #396145; }
#privacy-dialog { width: min(calc(100% - 2rem),30rem); max-height: calc(100% - 2rem); padding: 1.4rem; border: 1px solid #5b8568; border-radius: 13px; background: #1b3123; color: #f8fff5; }
#privacy-dialog::backdrop { background: #060e09c9; }
#privacy-dialog h2 { font-size: 1.55rem; }
#privacy-dialog p { margin-top: .65rem; }
.policy { max-width: 49rem; }
.policy h1 { margin-top: .65rem; text-transform: none; font-size: clamp(2.2rem,7vw,4rem); letter-spacing: -.055em; }
.policy h2 { font-size: 1.48rem; margin-top: 1.55rem; }
.policy p { margin-top: .73rem; color: #c1d4c7; }
.policy .policy-back { display: inline-flex; align-items: center; min-height: 44px; }

@media (max-width: 22rem) {
  .hero-inner { padding-top: 2.3rem; }
  .hero-copy > p { margin-block: 1.15rem; }
  .hero .cta, .mobile-cta .cta { gap: .45rem; padding-inline: .6rem; }
  .hero .cta .icon-whatsapp, .mobile-cta .icon-whatsapp { width: 21px; height: 21px; }
}
@media (min-width: 31rem) {
  .hero .cta { width: auto; }
  .cta { padding-inline: 1.2rem; }
  .hero-notes { font-size: .8rem; }
  .category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 48rem) {
  .shell { width: min(calc(100% - 4rem),72rem); }
  .header-inner { min-height: 79px; }
  .main-nav { display: flex; align-items: center; gap: clamp(.7rem,2.6vw,2.05rem); }
  .main-nav a { display: flex; align-items: center; min-height: 44px; color: #bdd0c3; font-size: .87rem; text-decoration: none; white-space: nowrap; }
  .main-nav a:hover { color: var(--accent); }
  .header-join { display: inline-flex; align-items: center; gap: .42rem; min-height: 44px; padding: 0 .75rem; border: 1px solid #2b6956; border-radius: 8px; background: #0c261f; color: #8af0b3; font-weight: 700; font-size: .76rem; text-decoration: none; white-space: nowrap; }
  .header-join .icon { width: 18px; height: 18px; }
  .header-join:hover { background: #143d2e; }
  .hero-inner { grid-template-columns: 1.07fr 1fr; min-height: 33rem; padding-block: 1rem; }
  h1 { font-size: clamp(2.4rem,5.18vw,5.15rem); }
  .hero-copy { padding: 2rem 0; }
  .hero-copy > p { font-size: 1.02rem; max-width: 30rem; }
  .cta { min-height: 58px; font-size: .88rem; }
  .hero-art { width: min(106%,36rem); margin-inline: -1% 0; }
  .section { padding-block: 5.4rem; }
  .section-heading { margin-bottom: 2.2rem; }
  .section-action { margin-top: 2.35rem; }
  .story { grid-template-columns: .9fr 1.1fr; gap: clamp(1.6rem,5vw,5rem); }
  .story-copy { grid-row: auto; }
  .process-grid, .trust-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
  .process-card { padding: 1.5rem; }
  .comparison-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; }
  .compare { padding: 1.65rem; }
  .faq-layout { grid-template-columns: .65fr 1fr; gap: 2rem; }
  .final-panel { padding: 3.8rem 2rem; }
}
@media (min-width: 61rem) {
  .hero-inner { min-height: 37.5rem; }
  .hero-copy > p { font-size: 1.08rem; }
  .hero-art { margin-inline: -2% 0; }
  .category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
  .category-card { grid-template-columns: 6.2rem minmax(0,1fr); }
  .category-copy { padding: 1.15rem; }
  .trust-grid { gap: 2.2rem; }
}

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