@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/inter-300-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/inter-300-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/inter-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/inter-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/inter-500-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/inter-500-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/inter-600-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/inter-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/space-grotesk-300-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/space-grotesk-300-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/space-grotesk-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/space-grotesk-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/space-grotesk-500-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/space-grotesk-500-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/space-grotesk-600-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/space-grotesk-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { overscroll-behavior: none; scroll-behavior: smooth; overflow-x: hidden; max-width: 100%; }
body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--tx); -webkit-font-smoothing: antialiased; overflow-x: hidden; overflow-y: hidden; max-width: 100vw; touch-action: pan-y pinch-zoom; overscroll-behavior-x: none; }
.comp-scroll { touch-action: auto; }
body.ok { overflow-y: auto; }
::selection { background: rgba(0, 112, 243, .3) }
a { color: inherit; text-decoration: none }
:root {
--t: #0070f3; --t-hover: #005bd2; --bg: #050505; --surface: #0a0a0a;
--tx: #ffffff; --tx2: #a1a1aa; --tx3: #52525b; --ln: #27272a;
--lt: rgba(255, 255, 255, .05); --fd: 'Space Grotesk', sans-serif;
}

body::after { content: ''; position: fixed; inset: 0; z-index: 9998; pointer-events: none; opacity: .025; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") }

.orbs { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.orb { position: absolute; filter: blur(100px); opacity: 0.15; border-radius: 50%; animation: float 20s infinite alternate ease-in-out; }
.orb-1 { width: 40vw; height: 40vw; background: #0070f3; top: -10vw; left: -10vw; }
.orb-2 { width: 35vw; height: 35vw; background: #7928ca; bottom: -10vw; right: -10vw; animation-delay: -5s; }
.orb-3 { width: 25vw; height: 25vw; background: #0070f3; top: 40%; left: 60%; animation-delay: -10s; opacity: 0.1; }
@keyframes float { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(3vw, 5vw) scale(1.05); } 100% { transform: translate(-3vw, 2vw) scale(0.95); } }

.pre { position: fixed; inset: 0; z-index: 9999; background: var(--bg); display: flex; align-items: center; justify-content: center; gap: .5rem; transition: opacity .4s }
.pre.done { opacity: 0; pointer-events: none }
.pre b { font-family: var(--fd); font-size: 4rem; font-weight: 300; color: var(--t); opacity: 0; text-shadow: 0 0 20px rgba(0, 112, 243, 0.4); }
.pre small { font-size: .75rem; letter-spacing: .3em; text-transform: uppercase; color: var(--tx3); opacity: 0 }

nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 2rem; transition: all .4s; }
nav.s { background: rgba(5, 5, 5, .7); backdrop-filter: blur(16px); border-bottom: 1px solid var(--ln); padding: 1rem 2rem; }
.logo { font-family: var(--fd); font-size: 1.15rem; font-weight: 600; color: var(--tx); letter-spacing: -.02em; position: relative; z-index: 101; display: inline-flex; align-items: center; }
.logo img { height: 36px; width: auto; display: block; filter: drop-shadow(0 0 12px rgba(0, 112, 243, 0.4)); transition: filter .3s; }
.logo:hover img { filter: drop-shadow(0 0 18px rgba(0, 112, 243, 0.7)); }
.footer-logo { height: 80px; width: auto; filter: drop-shadow(0 0 20px rgba(0, 112, 243, 0.3)); }
@media(max-width:767px) { .logo img { height: 28px; } .footer-logo { height: 60px; } }
.nr { display: flex; align-items: center; gap: 2rem }
.nl { font-size: .85rem; font-weight: 400; color: var(--tx2); transition: all .3s; }
.nl:hover { color: var(--tx); }
.mob-toggle { display: none; background: transparent; border: none; color: var(--tx); font-size: 1.8rem; cursor: pointer; position: relative; z-index: 101; }

.btn { padding: .6rem 1.5rem; background: var(--t); color: #fff; border-radius: 100px; font-size: .85rem; font-weight: 500; border: 1px solid transparent; cursor: pointer; transition: all .3s; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px 0 rgba(0, 112, 243, 0.39); }
.btn:hover { background: var(--t-hover); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0, 112, 243, 0.3); }
.btn-outline { background: transparent; color: var(--tx); border: 1px solid var(--ln); box-shadow: none; }
.btn-outline:hover { background: rgba(0, 112, 243, 0.1); border-color: var(--t); color: var(--t); box-shadow: 0 0 20px rgba(0, 112, 243, 0.15); }

.hero { min-height: auto; display: flex; flex-direction: column; align-items: center; padding: 10rem 2rem 4rem; gap: 4rem; overflow: visible; position: relative; z-index: 10; }
.hero__main { text-align: center; display: flex; flex-direction: column; align-items: center; max-width: 800px; z-index: 10; }
.hero__h { font-family: var(--fd); font-size: clamp(3rem, 7vw, 6rem); font-weight: 600; line-height: 1; letter-spacing: -.05em; color: var(--tx); }
.hero__h em { font-style: normal; font-weight: 400; color: var(--tx2); }
.hero__sub { font-size: clamp(1.1rem, 2.2vw, 1.35rem); color: var(--tx2); margin: 2rem 0 2.5rem; line-height: 1.6; max-width: 600px; }
.hero__cta { display: flex; flex-direction: column; gap: 1.5rem; align-items: center; }
.hero__trust { display: flex; gap: 1.5rem; justify-content: center; align-items: center; font-size: 0.8rem; color: var(--tx3); font-weight: 400; flex-wrap: wrap; }
.trust-item { display: flex; align-items: center; gap: 0.4rem; }
.trust-item iconify-icon { color: var(--t); font-size: 1rem; filter: drop-shadow(0 0 5px rgba(0,112,243,0.5)); }

.car-wrap { display: flex; flex-direction: column; align-items: center; width: 100%; position: relative; z-index: 10; }
.car-title { font-family: var(--fd); font-size: 1.25rem; font-weight: 500; letter-spacing: -.02em; color: var(--tx2); text-align: center; margin-bottom: 1rem; }
.car { display: flex; justify-content: center; align-items: center; perspective: 1000px; width: 100%; position: relative; margin-top: 1rem; margin-bottom: -1rem; --tz: 300px; }
.car__r { width: 500px; height: 500px; position: relative; transform-style: preserve-3d }
.car__c { position: absolute; width: 220px; height: 300px; top: 50%; left: 50%; margin: -150px 0 0 -110px; border-radius: 1.5rem; overflow: hidden; border: 1px solid var(--ln); background: rgba(10, 10, 10, 0.6); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; color: var(--tx3); transition: all 0.4s; }
.car__c:hover { border-color: var(--t); background: rgba(0, 112, 243, 0.05); box-shadow: 0 0 30px rgba(0, 112, 243, 0.2); color: var(--t); }
.car__c img { width: 100%; height: 100%; object-fit: cover; transition: inherit; }

.stats-wrap { position: relative; z-index: 10; border-top: 1px solid var(--ln); border-bottom: 1px solid var(--ln); background: rgba(5,5,5,0.4); backdrop-filter: blur(12px); margin-top: 0; }
.stats-cta { max-width: 900px; margin: 0 auto; padding: 4.5rem 2rem; display: flex; flex-direction: column; align-items: center; gap: 1.25rem; text-align: center; }
.stats-cta__pill { display: inline-flex; align-items: center; gap: .6rem; padding: .5rem 1rem; border-radius: 100px; background: rgba(0, 112, 243, 0.08); border: 1px solid rgba(0, 112, 243, 0.25); color: var(--tx2); font-size: .85rem; font-weight: 400; box-shadow: 0 0 20px rgba(0, 112, 243, 0.1); }
.stats-cta__pill strong { color: var(--tx); font-weight: 600; font-family: var(--fd); }
.stats-cta__dot { width: .5rem; height: .5rem; border-radius: 50%; background: #0070f3; box-shadow: 0 0 8px rgba(0,112,243,0.8); animation: float 2s infinite alternate ease-in-out; }
.stats-cta__h { font-family: var(--fd); font-size: clamp(2.25rem, 5vw, 3.5rem); font-weight: 600; letter-spacing: -.04em; color: var(--tx); line-height: 1; text-shadow: 0 0 30px rgba(255,255,255,0.08); }
.stats-cta__btn { padding: .85rem 2rem; font-size: .95rem; }

.block-wrap { background: transparent; padding-bottom: 6rem; position: relative; z-index: 10; }
.block { padding: 5rem 2rem 3rem; max-width: 1100px; margin: 0 auto; text-align: center; }
.block__tag { font-size: .75rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--t); margin-bottom: 1rem; text-shadow: 0 0 10px rgba(0, 112, 243, 0.4); }
.block__h { font-family: var(--fd); font-size: clamp(2.5rem, 4vw, 4rem); font-weight: 600; line-height: 1.05; letter-spacing: -.04em; color: var(--tx); }

@keyframes slideAlertPop {
    0% { transform: translateY(-30px) scale(0.95); opacity: 0; }
    10% { transform: translateY(0) scale(1); opacity: 1; }
    85% { transform: translateY(0) scale(1); opacity: 1; }
    95% { transform: translateY(20px) scale(0.95); opacity: 0; }
    100% { transform: translateY(20px) scale(0.95); opacity: 0; }
}
@keyframes pulseGlowBtn {
    0% { box-shadow: 0 0 0 0 rgba(35, 165, 89, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(35, 165, 89, 0); }
    100% { box-shadow: 0 0 0 0 rgba(35, 165, 89, 0); }
}
.anim-deal-card { animation: slideAlertPop 5s infinite cubic-bezier(0.16, 1, 0.3, 1); }
.anim-btn-pulse { animation: pulseGlowBtn 5s infinite; animation-delay: 1.5s; }

#pricing.is-visible .core-node { opacity: 1; transform: scale(1); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
#pricing:not(.is-visible) .core-node { opacity: 0; transform: scale(0.8); }
#pricing.is-visible .connection-lines { opacity: 1; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s; }
#pricing:not(.is-visible) .connection-lines { opacity: 0; }
#pricing.is-visible .module-card { opacity: 1; transform: translateY(0); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
#pricing:not(.is-visible) .module-card { opacity: 0; transform: translateY(40px); }
#pricing.is-visible .module-card.card-1 { transition-delay: 0.6s; }
#pricing.is-visible .module-card.card-2 { transition-delay: 0.8s; }
#pricing.is-visible .module-card.card-3 { transition-delay: 1s; }
#pricing .module-line { stroke-dasharray: 1000; stroke-dashoffset: 1000; }
#pricing.is-visible .module-line { animation: drawLine 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards; }
@keyframes drawLine { to { stroke-dashoffset: 0; } }
.module-card:hover .top-node-point { background-color: var(--t); box-shadow: 0 0 15px rgba(0, 112, 243, 0.8); border-color: var(--t); transform: scale(1.2); }
.core-glow { transition: all 0.5s ease; }
.module-card:hover~.desktop-architecture .core-container .core-glow { opacity: 0.8; filter: blur(50px); transform: scale(1.1); background: rgba(0,112,243,0.3); }
@keyframes modeSwitchCore {
    0% { transform: scale(1); box-shadow: 0 0 40px rgba(0, 112, 243, 0.5); }
    20% { transform: scale(1.15); box-shadow: 0 0 80px rgba(0, 112, 243, 0.8), inset 0 0 20px #fff; background: #fff; }
    100% { transform: scale(1); box-shadow: 0 0 40px rgba(0, 112, 243, 0.5); }
}
@keyframes modeSwitchLine {
    0% { stroke: rgba(255, 255, 255, 0.15); filter: drop-shadow(0 0 0px var(--t)); stroke-width: 1.5; }
    20% { stroke: var(--t); filter: drop-shadow(0 0 12px var(--t)); stroke-width: 2.5; }
    100% { stroke: rgba(255, 255, 255, 0.15); filter: drop-shadow(0 0 0px var(--t)); stroke-width: 1.5; }
}
@keyframes centerLinePulse {
    0% { stroke: rgba(0, 112, 243, 0.4); filter: drop-shadow(0 0 0px var(--t)); stroke-width: 2; }
    20% { stroke: var(--t); filter: drop-shadow(0 0 12px var(--t)); stroke-width: 3.5; }
    100% { stroke: rgba(0, 112, 243, 0.4); filter: drop-shadow(0 0 0px var(--t)); stroke-width: 2; }
}
.mode-switch-active .core-node { animation: modeSwitchCore 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.mode-switch-active .module-line:not(.center-line) { animation: modeSwitchLine 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.mode-switch-active .center-line { animation: centerLinePulse 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

.comp-wrap { max-width: 1000px; margin: 0 auto; padding: 2rem 2rem 6rem; position: relative; z-index: 10; }
.comp-scroll { overflow-x: auto; border-radius: 1.5rem; border: 1px solid var(--ln); background: var(--surface); box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
.comp-table { width: 100%; border-collapse: collapse; min-width: 600px; }
.comp-table th, .comp-table td { padding: 1.5rem 1rem; text-align: center; border-bottom: 1px solid var(--ln); color: var(--tx2); font-size: 1.05rem; }
.comp-table th:first-child, .comp-table td:first-child { text-align: left; padding-left: 2rem; font-weight: 400; color: var(--tx); width: 35%; }
.comp-table th { font-family: var(--fd); font-weight: 500; color: var(--tx); border-bottom: 2px solid var(--ln); padding-top: 2rem; }
.comp-table th.c-rev { border-top: 2px solid var(--t); color: var(--t); }
.comp-table td.c-rev, .comp-table th.c-rev { background: rgba(0, 112, 243, 0.04); color: var(--tx); position: relative; }
.comp-table tr:last-child td { border-bottom: none; }
.c-rev iconify-icon { color: var(--t); font-size: 1.5rem; filter: drop-shadow(0 0 8px rgba(0,112,243,0.4)); }
.c-other iconify-icon { color: var(--tx3); font-size: 1.5rem; }

.steps-wrap { background: transparent; position: relative; z-index: 10; }

.faq-wrap { max-width: 800px; margin: 4rem auto 2rem; padding: 0 2rem; position: relative; z-index: 10; }
.faq-header { text-align: center; margin-bottom: 3rem; }
.faq-item { border-bottom: 1px solid var(--ln); overflow: hidden; }
.faq-item:first-child { border-top: 1px solid var(--ln); }
.faq-q { width: 100%; text-align: left; padding: 1.8rem 0; background: none; border: none; color: var(--tx); font-family: var(--fd); font-size: 1.1rem; font-weight: 500; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: color 0.3s; }
.faq-q:hover { color: var(--t); }
.faq-q iconify-icon { font-size: 1.5rem; transition: transform 0.4s ease; color: var(--tx3); flex-shrink: 0; margin-left: 1rem; }
.faq-item.active .faq-q iconify-icon { transform: rotate(180deg); color: var(--t); }
.faq-a { max-height: 0; transition: max-height 0.4s ease; }
.faq-a p { padding-bottom: 1.8rem; color: var(--tx2); line-height: 1.6; font-size: 1.1rem; padding-right: 2rem; }

@media(max-width:991px) {
.car__r { transform: scale(.7) }
}

@media(max-width:767px) {
nav { padding: 1rem; }
.mob-toggle { display: block; }
.nr { position: absolute; top: 100%; left: 0; right: 0; background: rgba(10, 10, 10, 0.98); backdrop-filter: blur(20px); flex-direction: column; padding: 2rem; gap: 2rem; border-bottom: 1px solid var(--ln); transform: translateY(-150%); opacity: 0; transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; }
.nr.active { transform: translateY(0); opacity: 1; pointer-events: all; }
.nl { font-size: 1.2rem; }

.hero { padding: 8rem 1rem 4rem; }
.hero__h { font-size: clamp(2.8rem, 12vw, 4rem); text-align: center; }
.hero__sub { text-align: center; font-size: 1.1rem; margin: 1.5rem 0 2rem; }
.hero__cta .btn { width: 100%; max-width: 300px; padding: .8rem; font-size: 1rem;}
.car-wrap { gap: 0; }
.car { margin-top: 1rem; margin-bottom: 1rem; }
.car__r { transform: scale(.5) }

.stats { grid-template-columns: repeat(3, 1fr); padding: 2.5rem 0.5rem; gap: 0.5rem; }
.stat-n { font-size: clamp(1.2rem, 5vw, 2rem); }
.stat-l { font-size: 0.65rem; }

.block { padding: 4rem 1rem 2rem; }

.comp-wrap { padding: 1rem 1rem 4rem; }
.comp-table { min-width: 0; }
.comp-table th, .comp-table td { padding: 1rem 0.5rem; font-size: .9rem; }
.comp-table th:first-child, .comp-table td:first-child { padding-left: 1rem; width: auto; }
.comp-table th:nth-child(3), .comp-table th:nth-child(4),
.comp-table td:nth-child(3), .comp-table td:nth-child(4) { display: none; }

.faq-wrap { padding: 0 1rem; }
}

.legal-page { max-width: 800px; margin: 10rem auto 6rem; padding: 0 2rem; position: relative; z-index: 10; }
.legal-page h1 { font-family: var(--fd); font-size: clamp(2.5rem, 5vw, 3.5rem); font-weight: 600; letter-spacing: -.04em; margin-bottom: 2rem; color: var(--tx); line-height: 1.05; }
.legal-page h2 { font-family: var(--fd); font-size: 1.5rem; font-weight: 500; margin: 2.5rem 0 1rem; color: var(--tx); letter-spacing: -.02em; }
.legal-page h3 { font-family: var(--fd); font-size: 1.15rem; font-weight: 500; margin: 1.5rem 0 .75rem; color: var(--tx); }
.legal-page p, .legal-page li { color: var(--tx2); line-height: 1.7; margin-bottom: 1rem; font-size: 1rem; }
.legal-page ul, .legal-page ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.legal-page a { color: var(--t); text-decoration: underline; text-underline-offset: 3px; }
.legal-page a:hover { color: var(--t-hover); }
.legal-page strong { color: var(--tx); font-weight: 500; }
.legal-page .legal-meta { color: var(--tx3); font-size: .85rem; margin-bottom: 3rem; letter-spacing: .05em; text-transform: uppercase; }
.legal-page address { font-style: normal; color: var(--tx2); line-height: 1.7; margin-bottom: 1rem; padding: 1rem 1.25rem; border-left: 2px solid var(--t); background: rgba(0, 112, 243, 0.04); border-radius: 0 .5rem .5rem 0; }

@media(max-width: 767px) {
  .legal-page { margin: 7rem auto 4rem; padding: 0 1rem; }
}