:root { --blue-950:#071d35; --blue-900:#0a315f; --blue-800:#0d58a8; --blue-700:#146fd8; --blue-600:#1895f5; --cyan:#22d3ee; --blue-100:#e5f3ff; --blue-50:#f4f9ff; --text:#132238; --muted:#5b6b80; --line:#d6e6f7; --white:#ffffff; --soft:#f6fbff; --shadow:0 14px 32px rgba(7,29,53,.1); --radius:8px; --radius-small:6px; --container:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
.skip-link { position:fixed; top:8px; left:16px; z-index:1000; padding:12px 18px; transform:translateY(-160%); color:#071d35; background:#fff; border:2px solid #146fd8; border-radius:8px; }
.skip-link:focus { transform:translateY(0); }
.tariff-card-v2, #voprosy, #kontakty, #cb-result { scroll-margin-top:var(--anchor-offset, 110px); }
body { margin:0; font-family:Arial, Helvetica, sans-serif; color:var(--text); background:var(--white); line-height:1.6; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--blue-700); }
p { margin:0 0 18px; }
h1, h2, h3 { margin:0 0 18px; color:var(--blue-950); line-height:1.15; }
h1 { font-size:clamp(34px, 5vw, 62px); letter-spacing:0; }
h2 { font-size:clamp(28px, 3.5vw, 44px); letter-spacing:0; }
h3 { font-size:22px; letter-spacing:0; }
ul, ol { margin:0; padding:0; }
img { max-width:100%; height:auto; }
.container { width:min(var(--container), calc(100% - 32px)); margin:0 auto; }
.narrow { width:min(850px, calc(100% - 32px)); }
.site-main { min-height:60vh; }
.site-header { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.92); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:22px; min-height:78px; }
.brand { display:flex; align-items:center; gap:12px; min-width:max-content; }
.brand-mark { display:grid; place-items:center; width:44px; height:44px; color:var(--white); background:linear-gradient(135deg, var(--blue-700), var(--blue-950)); border-radius:14px; font-weight:800; }
.brand-text { display:flex; flex-direction:column; min-width:0; max-width:220px; line-height:1.15; }
.brand-text strong { font-size:18px; color:var(--blue-950); }
.brand-text small { max-width:220px; color:var(--muted); font-size:12px; }
.main-nav { display:flex; align-items:center; justify-content:center; gap:18px; font-size:15px; color:var(--blue-950); }
.main-nav a { padding:8px 0; }
.header-actions { display:flex; align-items:center; gap:12px; }
.link-phone { font-weight:700; color:var(--blue-900); white-space:nowrap; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:13px 22px; border:1px solid var(--blue-700); border-radius:999px; color:var(--white); background:var(--blue-700); font-weight:700; line-height:1; box-shadow:0 12px 30px rgba(11,111,211,.22); transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.btn:hover { color:var(--white); background:var(--blue-800); transform:translateY(-1px); box-shadow:0 16px 34px rgba(11,111,211,.28); }
.btn-secondary { color:var(--blue-900); background:var(--white); box-shadow:none; }
.btn-secondary:hover { color:var(--blue-900); background:var(--blue-50); }
.btn-small { min-height:40px; padding:10px 16px; font-size:14px; }
.btn-light { color:var(--blue-900); background:var(--white); border-color:var(--white); box-shadow:none; }
.section { padding:82px 0; }
.section-soft { background:linear-gradient(180deg, var(--blue-50), var(--white)); }
.section-hero { padding:70px 0 86px; background:linear-gradient(180deg, #eef8ff, #ffffff); }
.hero-grid { display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(360px, .9fr); align-items:center; gap:42px; }
.hero-content { max-width:760px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; margin:0 0 14px; color:var(--blue-700); font-weight:800; text-transform:uppercase; letter-spacing:.08em; font-size:12px; }
.hero-lead { max-width:720px; color:var(--muted); font-size:20px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin:28px 0 22px; }
.hero-points { display:flex; flex-wrap:wrap; gap:10px; list-style:none; color:var(--blue-900); }
.hero-points li { padding:8px 12px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.72); font-size:14px; }
.hero-panel { display:grid; gap:16px; }
.market-card-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.market-card { padding:24px; border:1px solid rgba(11,111,211,.18); border-radius:var(--radius); background:rgba(255,255,255,.86); box-shadow:var(--shadow); }
.market-card-main { min-height:210px; background:linear-gradient(135deg, var(--blue-900), var(--blue-700)); color:var(--white); }
.market-card-main h3, .market-card-main strong, .market-card-main p { color:var(--white); }
.market-card strong { display:block; margin:6px 0 10px; color:inherit; font-size:30px; line-height:1.1; }
.market-card p { margin:0; color:inherit; opacity:.9; }
.card-label { color:inherit; opacity:.72; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.page-hero { padding:58px 0 64px; background:linear-gradient(180deg, var(--blue-50), var(--white)); border-bottom:1px solid var(--line); }
.page-hero p { max-width:860px; color:var(--muted); font-size:19px; }
.city-hero { background:linear-gradient(180deg, var(--blue-50), var(--white)); }
.breadcrumbs { margin-bottom:22px; color:var(--muted); font-size:14px; }
.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px; list-style:none; }
.breadcrumbs li:not(:last-child)::after { content:'›'; margin-left:8px; color:var(--muted); }
.section-heading { max-width:820px; margin-bottom:34px; }
.section-heading p { color:var(--muted); font-size:18px; }
.cards-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px; }
.cards-grid-3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.cards-grid-4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
.info-card { padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); box-shadow:0 12px 36px rgba(8,40,77,.06); }
.info-card p { color:var(--muted); }
.compact-card h3 { font-size:18px; }
.tag-list { display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin-top:18px; }
.tag-list li { padding:6px 10px; border-radius:999px; color:var(--blue-900); background:var(--blue-100); font-size:13px; }
.two-column { display:grid; grid-template-columns:minmax(0, 1fr) 360px; gap:36px; align-items:start; }
.side-card { padding:26px; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); box-shadow:var(--shadow); }
.side-card p { color:var(--muted); }
.blue-card { color:var(--white); background:linear-gradient(135deg, var(--blue-900), var(--blue-700)); border-color:transparent; }
.blue-card h3, .blue-card p { color:var(--white); }
.check-list { display:grid; gap:10px; list-style:none; }
.check-list li { position:relative; padding-left:24px; color:var(--muted); }
.check-list li::before { content:'✓'; position:absolute; left:0; color:var(--blue-700); font-weight:900; }
.negative-list li::before { content:'—'; color:var(--muted); }
.steps-list { display:grid; gap:16px; padding-left:20px; color:var(--muted); }
.steps-list strong { color:var(--blue-950); }
.region-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.region-card { padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); box-shadow:0 12px 34px rgba(8,40,77,.06); }
.region-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.region-card-top span { min-width:max-content; padding:6px 10px; border-radius:999px; color:var(--blue-900); background:var(--blue-100); font-size:12px; font-weight:800; }
.city-mini-list { display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin-top:20px; }
.city-mini-list li a { display:inline-flex; padding:6px 10px; border:1px solid var(--line); border-radius:999px; color:var(--blue-900); background:var(--blue-50); font-size:13px; }
.pricing-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.pricing-card { padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); box-shadow:0 12px 34px rgba(8,40,77,.06); }
.pricing-card.featured { border-color:rgba(11,111,211,.42); box-shadow:var(--shadow); }
.pricing-card ul { display:grid; gap:10px; padding-left:20px; color:var(--muted); }
.price { display:block; margin:10px 0 14px; color:var(--blue-700); font-size:34px; line-height:1.1; }
.faq-list { display:grid; gap:12px; }
.faq-item { padding:20px 22px; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--white); }
.faq-item summary { cursor:pointer; color:var(--blue-950); font-weight:800; }
.faq-item p { margin:14px 0 0; color:var(--muted); }
.contact-panel { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:24px; align-items:center; margin:0 0 82px; padding:32px; border-radius:var(--radius); color:var(--white); background:linear-gradient(135deg, var(--blue-950), var(--blue-700)); box-shadow:var(--shadow); }
.contact-panel h2, .contact-panel p, .contact-panel .eyebrow { color:var(--white); }
.contact-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }
.site-footer { padding:54px 0 28px; color:#dcecff; background:var(--blue-950); }
.footer-grid { display:grid; grid-template-columns:1.4fr .7fr .8fr .8fr; gap:34px; }
.footer-about p { color:#b8cee6; }
.brand-footer .brand-mark { background:var(--white); color:var(--blue-900); }
.brand-footer .brand-text strong, .brand-footer .brand-text small { color:var(--white); }
.footer-title { margin-bottom:14px; color:var(--white); font-size:16px; }
.footer-list { display:grid; gap:8px; list-style:none; color:#b8cee6; }
.footer-list a:hover { color:var(--white); }
.footer-bottom { display:flex; justify-content:space-between; gap:18px; margin-top:40px; padding-top:22px; border-top:1px solid rgba(255,255,255,.14); color:#b8cee6; font-size:14px; }
.muted { color:var(--muted); }
.text-link { color:var(--blue-700); font-weight:800; }
.code-card { padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--blue-950); overflow:auto; }
.code-card pre { margin:0; color:#dcecff; font-size:15px; line-height:1.7; }
.process-list { display:grid; gap:14px; list-style:none; counter-reset:process; }
.process-list li { display:grid; grid-template-columns:220px minmax(0, 1fr); gap:22px; padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); counter-increment:process; }
.process-list li::before { content:counter(process); display:grid; place-items:center; width:44px; height:44px; border-radius:14px; color:var(--white); background:var(--blue-700); font-weight:900; }
.process-list strong { color:var(--blue-950); }
.process-list span { color:var(--muted); }
.contact-layout { display:grid; grid-template-columns:minmax(0, 1fr) 380px; gap:24px; align-items:start; }
.contact-card-large { padding:32px; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); box-shadow:var(--shadow); }
.contact-list { display:grid; gap:12px; list-style:none; }
.contact-list li { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid var(--line); }
.contact-list span { color:var(--muted); }
.contact-list a, .contact-list strong { color:var(--blue-900); font-weight:800; }
@media (max-width: 1060px) { .main-nav { display:none; } .hero-grid, .two-column, .contact-layout { grid-template-columns:1fr; } .region-grid, .pricing-grid, .cards-grid-4 { grid-template-columns:repeat(2, minmax(0, 1fr)); } .contact-panel { grid-template-columns:1fr; } .contact-actions { justify-content:flex-start; } .footer-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 720px) { .header-inner { min-height:68px; } .header-actions .link-phone { display:none; } .brand-text small { display:none; } .section { padding:58px 0; } .section-hero { padding:44px 0 60px; } .hero-grid, .market-card-row, .cards-grid, .cards-grid-3, .cards-grid-4, .region-grid, .pricing-grid, .footer-grid { grid-template-columns:1fr; } .hero-lead, .page-hero p { font-size:17px; } .market-card { padding:20px; } .process-list li { grid-template-columns:1fr; gap:10px; } .contact-panel { padding:24px; margin-bottom:58px; } .footer-bottom { flex-direction:column; } .contact-list li { align-items:flex-start; flex-direction:column; gap:4px; } }
.header-top { color:#cfe8ff; background:#071d35; border-bottom:1px solid rgba(255,255,255,.12); font-size:13px; }
.header-top-inner { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:36px; }
.header-top-inner span { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.header-top-inner span::before { content:''; width:6px; height:6px; border-radius:2px; background:var(--cyan); box-shadow:0 0 14px rgba(34,211,238,.8); }
.category-strip { background:rgba(255,255,255,.96); border-top:1px solid rgba(214,230,247,.7); border-bottom:1px solid var(--line); }
.category-nav { display:flex; align-items:center; gap:8px; padding:10px 0; overflow-x:auto; scrollbar-width:none; }
.category-nav::-webkit-scrollbar { display:none; }
.category-nav a { display:inline-flex; align-items:center; min-height:34px; padding:7px 12px; border:1px solid var(--line); border-radius:var(--radius); color:var(--blue-900); background:var(--blue-50); font-size:14px; font-weight:700; white-space:nowrap; }
.category-nav a:hover { color:var(--white); background:var(--blue-700); border-color:var(--blue-700); }
.btn { border-radius:var(--radius); }
.section-hero { position:relative; overflow:hidden; padding:58px 0 70px; background-color:#f7fbff; background-image:linear-gradient(180deg, #eef8ff, #ffffff), repeating-linear-gradient(90deg, rgba(20,111,216,.08) 0 1px, transparent 1px 42px), repeating-linear-gradient(0deg, rgba(34,211,238,.08) 0 1px, transparent 1px 42px); }
.section-hero::before { content:''; position:absolute; inset:0; background-image:linear-gradient(135deg, transparent 0 48%, rgba(20,111,216,.08) 48% 49%, transparent 49% 100%); background-size:120px 120px; pointer-events:none; }
.hero-grid { position:relative; grid-template-columns:minmax(0, 1fr) minmax(390px, .88fr); align-items:stretch; }
.hero-content { padding:24px 0; }
.hero-lead { max-width:760px; color:#405268; font-size:19px; }
.hero-points li { border-radius:var(--radius); background:rgba(255,255,255,.82); }
.marketplace-panel { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.marketplace-panel .market-card-main { grid-column:1 / -1; min-height:auto; background:linear-gradient(135deg, #071d35, #0d58a8 58%, #128be8); }
.market-card { border-radius:var(--radius); }
.market-card strong { font-size:28px; }
.mini-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.mini-actions a { display:inline-flex; align-items:center; min-height:34px; padding:7px 10px; border:1px solid rgba(255,255,255,.34); border-radius:var(--radius-small); color:var(--white); font-size:13px; font-weight:800; }
.mini-actions a:hover { color:var(--blue-950); background:var(--white); }
.nano-visual { position:relative; grid-column:1 / -1; min-height:260px; overflow:hidden; border:1px solid rgba(34,211,238,.28); border-radius:var(--radius); background:#071d35; box-shadow:var(--shadow); }
.nano-visual::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(34,211,238,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(20,111,216,.18) 1px, transparent 1px); background-size:30px 30px; opacity:.75; }
.nano-visual::after { content:''; position:absolute; inset:18px; border:1px solid rgba(207,232,255,.2); border-radius:var(--radius-small); }
.nano-node { position:absolute; left:var(--x); top:var(--y); z-index:2; width:10px; height:10px; border:1px solid rgba(255,255,255,.72); border-radius:2px; background:var(--cyan); box-shadow:0 0 18px rgba(34,211,238,.82); transform:translate(-50%, -50%); }
.nano-path { position:absolute; z-index:1; height:1px; background:linear-gradient(90deg, transparent, rgba(34,211,238,.8), transparent); transform-origin:left center; }
.nano-path-1 { left:13%; top:30%; width:68%; transform:rotate(-7deg); }
.nano-path-2 { left:24%; top:68%; width:62%; transform:rotate(-22deg); }
.nano-path-3 { left:31%; top:18%; width:48%; transform:rotate(28deg); }
.nano-copy { position:absolute; left:22px; right:22px; bottom:20px; z-index:3; padding:16px; border:1px solid rgba(255,255,255,.18); border-radius:var(--radius-small); color:#dff5ff; background:rgba(7,29,53,.78); backdrop-filter:blur(12px); }
.nano-copy span { display:block; margin-bottom:4px; color:#8eeaff; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.nano-copy strong { display:block; color:var(--white); font-size:25px; line-height:1.1; }
.nano-copy p { margin:8px 0 0; color:#cfe8ff; font-size:14px; }
.service-tile-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; grid-column:1 / -1; }
.service-tile { display:grid; gap:8px; min-height:92px; padding:16px; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); box-shadow:0 10px 26px rgba(7,29,53,.07); }
.service-tile span { color:var(--blue-700); font-size:12px; font-weight:900; }
.service-tile strong { color:var(--blue-950); font-size:17px; line-height:1.2; }
.catalog-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.catalog-card { display:grid; align-content:start; gap:10px; min-height:230px; padding:22px; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); box-shadow:0 12px 30px rgba(7,29,53,.07); transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.catalog-card:hover { border-color:rgba(20,111,216,.42); transform:translateY(-2px); box-shadow:0 18px 38px rgba(7,29,53,.1); }
.catalog-card span { width:max-content; padding:5px 8px; border-radius:var(--radius-small); color:var(--blue-900); background:var(--blue-100); font-size:12px; font-weight:900; }
.catalog-card h3 { margin-bottom:2px; }
.catalog-card p { color:var(--muted); }
.catalog-card a { align-self:end; color:var(--blue-700); font-weight:900; }
.info-card, .region-card, .pricing-card, .side-card, .faq-item, .contact-card-large { border-radius:var(--radius); }
.tag-list li, .region-card-top span, .city-mini-list li a { border-radius:var(--radius-small); }
.contact-panel { border-radius:var(--radius); background:linear-gradient(135deg, #071d35, #0d58a8); }
.mobile-sticky-cta { display:none; }
@media (max-width: 1060px) { .header-top-inner { justify-content:flex-start; overflow-x:auto; scrollbar-width:none; } .header-top-inner::-webkit-scrollbar { display:none; } .hero-grid { grid-template-columns:1fr; } .catalog-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { body { padding-bottom:72px; } .header-top { display:none; } .category-strip { position:relative; z-index:4; } .section-hero { padding:34px 0 46px; } .hero-content { padding:0; } .marketplace-panel, .service-tile-grid, .catalog-grid { grid-template-columns:1fr; } .nano-visual, .marketplace-panel .market-card-main, .service-tile-grid { grid-column:auto; } .nano-visual { min-height:240px; } .mobile-sticky-cta { position:fixed; left:12px; right:12px; bottom:12px; z-index:80; display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; padding:8px; border:1px solid rgba(207,232,255,.72); border-radius:var(--radius); background:rgba(7,29,53,.92); box-shadow:0 18px 46px rgba(7,29,53,.24); backdrop-filter:blur(14px); } .mobile-sticky-cta a { display:flex; align-items:center; justify-content:center; min-height:42px; border-radius:var(--radius-small); color:var(--white); background:var(--blue-700); font-size:13px; font-weight:900; } }

/* Home 2026: fast code-first commercial landing */
body { font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
.home-hero { padding:76px 0 84px; color:#d8e9f7; background:#06111f; background-image:radial-gradient(circle at 78% 18%, rgba(34,211,238,.16), transparent 32%), radial-gradient(circle at 18% 82%, rgba(45,111,255,.14), transparent 34%), linear-gradient(rgba(94,234,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(94,234,255,.05) 1px, transparent 1px); background-size:auto, auto, 42px 42px, 42px 42px; }
.home-hero::before { background:linear-gradient(118deg, transparent 0 48%, rgba(34,211,238,.05) 48% 48.3%, transparent 48.3%); background-size:180px 180px; }
.home-hero .hero-grid { grid-template-columns:minmax(0, 1.08fr) minmax(410px, .92fr); gap:58px; align-items:center; }
.home-hero h1 { max-width:830px; color:#fff; font-size:clamp(42px, 5.6vw, 76px); letter-spacing:-.045em; }
.home-hero .hero-lead { max-width:760px; color:#b9ccdd; font-size:20px; }
.hero-eyebrow { color:#83ecff; }
.hero-eyebrow span { width:8px; height:8px; border-radius:2px; background:#22d3ee; box-shadow:0 0 18px rgba(34,211,238,.9); }
.home-hero .hero-points { gap:8px; }
.home-hero .hero-points li { color:#d8e9f7; border-color:rgba(141,213,235,.22); background:rgba(7,29,53,.54); }
.hero-disclaimer { max-width:720px; margin:22px 0 0; color:#7f9ab0; font-size:13px; }
.btn-accent { color:#04131f; border-color:#5de7ff; background:#5de7ff; box-shadow:0 16px 42px rgba(34,211,238,.2); }
.btn-accent:hover { color:#04131f; border-color:#fff; background:#fff; }
.btn-ghost { color:#e8f7ff; border-color:rgba(154,223,241,.35); background:rgba(5,24,40,.58); box-shadow:none; }
.btn-ghost:hover { color:#fff; border-color:rgba(154,223,241,.7); background:rgba(24,72,103,.62); }
.hero-product { position:relative; padding:14px; border:1px solid rgba(103,225,247,.25); border-radius:18px; background:rgba(6,22,36,.86); box-shadow:0 32px 90px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.05); backdrop-filter:blur(18px); }
.hero-product::before { content:''; position:absolute; top:-1px; left:10%; right:10%; height:1px; background:linear-gradient(90deg, transparent, #64e9ff, transparent); }
.product-topline { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:8px 8px 14px; color:#708da3; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:11px; letter-spacing:.06em; }
.product-status { color:#9ddfa9; }
.product-status i { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#6ee7a8; box-shadow:0 0 12px rgba(110,231,168,.8); }
.product-screen { position:relative; overflow:hidden; padding:24px; border:1px solid rgba(117,199,222,.16); border-radius:12px; background:linear-gradient(145deg, rgba(12,42,65,.9), rgba(4,19,32,.96)); }
.product-screen::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg, transparent 0 60%, rgba(78,224,255,.06) 60% 61%, transparent 61%); }
.screen-heading { position:relative; z-index:2; }
.screen-heading span { display:block; margin-bottom:10px; color:#5de7ff; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:11px; letter-spacing:.12em; }
.screen-heading strong { display:block; color:#fff; font-size:25px; line-height:1.17; }
.signal-grid { display:flex; align-items:end; gap:8px; height:106px; margin:26px 0 22px; padding:14px 16px 0; border-bottom:1px solid rgba(102,219,243,.22); background:linear-gradient(rgba(34,211,238,.07) 1px, transparent 1px); background-size:100% 22px; }
.signal-grid span { flex:1; height:var(--h); min-height:12px; border-radius:3px 3px 0 0; background:linear-gradient(180deg, #67e8f9, #1578c9); box-shadow:0 0 16px rgba(34,211,238,.12); }
.system-metrics { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; }
.system-metrics > div:last-child { grid-column:1 / -1; }
.system-metrics div { padding:11px; border:1px solid rgba(142,216,237,.14); border-radius:8px; background:rgba(7,30,49,.65); }
.system-metrics span, .system-metrics strong { display:block; }
.system-metrics span { margin-bottom:3px; color:#6f8ca2; font-size:10px; text-transform:uppercase; }
.system-metrics strong { color:#dff8ff; font-size:12px; }
.hero-price-list { display:grid; gap:5px; margin-top:10px; }
.hero-price-list a { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:43px; padding:8px 11px; border:1px solid transparent; border-radius:8px; color:#bcd2e2; background:rgba(10,39,61,.56); font-size:13px; }
.hero-price-list a:hover { color:#fff; border-color:rgba(93,231,255,.25); }
.hero-offer-title { display:grid; gap:1px; }
.hero-offer-title small { color:#7192a6; font-size:9px; line-height:1.3; }
.hero-price-pair { display:flex; align-items:baseline; gap:8px; white-space:nowrap; }
.hero-price-pair b { padding:3px 6px; border-radius:999px; color:#052035; background:#73ecff; box-shadow:0 0 18px rgba(76,226,250,.18); font-size:9px; letter-spacing:.04em; }
.hero-price-pair del { color:#688397; font-size:11px; }
.hero-price-pair strong { color:#68e6ff; font-size:15px; }
.hero-price-list .seller-offer { border-color:rgba(89,231,252,.34); color:#e9fbff; background:linear-gradient(100deg, rgba(14,82,111,.76), rgba(8,42,64,.72)); box-shadow:inset 3px 0 #68e8ff; }
.hero-price-list .seller-offer:hover { border-color:rgba(104,232,255,.62); }

.search-race { color:#dceeff; background:#081b2d; }
.search-race-grid { display:grid; grid-template-columns:.78fr 1.45fr .78fr; gap:18px; align-items:stretch; }
.search-stat, .search-race-copy { padding:30px; border:1px solid rgba(131,202,227,.16); border-radius:14px; background:rgba(9,35,56,.7); }
.search-stat { display:flex; flex-direction:column; justify-content:space-between; min-height:330px; }
.search-stat span { color:#7f9caf; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.search-stat strong { color:#fff; font-size:clamp(44px, 5.4vw, 74px); line-height:.92; letter-spacing:-.05em; }
.search-stat p { margin:0; color:#91abba; font-size:14px; }
.search-stat-accent { background:linear-gradient(150deg, #0d4f79, #0b2941); }
.search-stat-accent strong { color:#6ff0ff; }
.search-race-copy h2 { color:#fff; }
.search-race-copy > p:not(.eyebrow) { color:#aac0cf; }
.signal-list { display:grid; gap:8px; margin-top:26px; list-style:none; }
.signal-list li { display:grid; grid-template-columns:36px 1fr; gap:2px 12px; padding:12px; border-top:1px solid rgba(133,209,231,.14); }
.signal-list span { grid-row:1 / 3; color:#5fe7ff; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; }
.signal-list strong { color:#f3fbff; }
.signal-list small { color:#7894a8; }
.source-note { margin:18px 0 0; color:#6f8da3; font-size:12px; }
.source-note a { color:#8feafa; text-decoration:underline; text-underline-offset:3px; }

.offers-section { position:relative; overflow:hidden; }
.offers-section::before { content:''; position:absolute; top:0; right:-160px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(20,111,216,.1), transparent 68%); pointer-events:none; }
.pricing-grid-offers { position:relative; align-items:stretch; }
.offer-card { display:flex; flex-direction:column; scroll-margin-top:150px; padding:30px; border-radius:14px; }
.offer-card.featured { color:#ddecf7; border-color:#1b87cc; background:#071f35; box-shadow:0 28px 70px rgba(7,31,53,.2); transform:translateY(-10px); }
.offer-card.featured h3, .offer-card.featured .price { color:#fff; }
.offer-card.featured p, .offer-card.featured ul { color:#abc2d3; }
.offer-card.featured .eyebrow { color:#6cecff; }
.offer-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.offer-badge { padding:6px 9px; border-radius:999px; color:#043047; background:#7cecff; font-size:10px; font-weight:900; text-transform:uppercase; }
.price-stack { display:grid; grid-template-columns:auto 1fr; align-items:end; margin:22px 0; }
.price-stack del { grid-column:1 / -1; width:max-content; color:#8797a8; font-size:17px; text-decoration-thickness:2px; text-decoration-color:#ff5f6d; }
.price-stack .price { margin:6px 10px 0 0; color:#0d67bf; font-size:42px; letter-spacing:-.04em; }
.price-stack span { padding-bottom:5px; color:#8090a1; font-size:12px; }
.offer-card ul { flex:1; margin-bottom:26px; }
.offer-card .btn { width:100%; margin-top:auto; }
.offer-card small { display:block; margin-top:13px; color:#7b8fa0; text-align:center; }
.offer-clarity { display:grid; grid-template-columns:220px 1fr; gap:22px; margin-top:32px; padding:24px; border:1px solid var(--line); border-radius:12px; background:#f7fbff; }
.offer-clarity strong { color:var(--blue-950); font-size:18px; }
.offer-clarity p { margin:0; color:var(--muted); }

.value-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; }
.value-card { min-height:255px; padding:24px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 14px 32px rgba(7,29,53,.06); }
.value-card > span { display:inline-grid; place-items:center; width:38px; height:38px; margin-bottom:34px; border-radius:8px; color:#0e65b8; background:#dff3ff; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-weight:900; }
.value-card h3 { font-size:20px; }
.value-card p { color:var(--muted); }

.system-section { color:#d8e8f4; background:#061421; }
.system-layout { display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(350px, .9fr); gap:58px; align-items:start; }
.system-copy h2 { color:#fff; }
.system-copy > p:not(.eyebrow) { color:#9fb6c8; font-size:18px; }
.system-steps { display:grid; gap:10px; margin-top:30px; list-style:none; }
.system-steps li { display:grid; grid-template-columns:48px 1fr; gap:16px; padding:17px 0; border-top:1px solid rgba(137,204,225,.14); }
.system-steps li > span { color:#5ce7ff; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; }
.system-steps strong { color:#f2fbff; font-size:18px; }
.system-steps p { margin:4px 0 0; color:#829daf; }
.comparison-stack { display:grid; gap:14px; }
.compare-card { padding:28px; border:1px solid rgba(137,204,225,.16); border-radius:14px; }
.compare-card > span { color:#7896aa; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.compare-card h3 { margin-top:12px; color:#fff; }
.compare-card ul { display:grid; gap:9px; padding-left:20px; color:#92aabd; }
.compare-card-muted { background:#0a2032; }
.compare-card-accent { border-color:rgba(91,231,255,.38); background:linear-gradient(145deg, #0d4e76, #0a2c46); box-shadow:0 28px 70px rgba(0,0,0,.22); }
.compare-card-accent > span { color:#7defff; }
.compare-card-accent ul { color:#c5dce8; }

.extras-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; }
.extra-card { display:flex; flex-direction:column; min-height:290px; padding:24px; border:1px solid var(--line); border-radius:12px; background:#fff; transition:transform .2s ease, box-shadow .2s ease; }
.extra-card:hover { transform:translateY(-3px); box-shadow:0 20px 42px rgba(7,29,53,.09); }
.extra-index { width:max-content; margin-bottom:22px; color:#1580d2; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:12px; font-weight:900; }
.extra-card p { flex:1; color:var(--muted); }
.extra-price { display:flex; align-items:baseline; gap:10px; margin:14px 0; }
.extra-price del { color:#8898a7; text-decoration-color:#e94d5c; }
.extra-price strong { color:#0c65bd; font-size:24px; }
.extra-card > a { display:flex; align-items:center; justify-content:space-between; padding-top:14px; border-top:1px solid var(--line); color:#0c65bd; font-weight:800; }

.launch-roadmap { display:grid; grid-template-columns:repeat(4, 1fr); gap:0; list-style:none; counter-reset:none; }
.launch-roadmap li { position:relative; padding:24px 24px 24px 0; border-top:2px solid #d5e7f5; }
.launch-roadmap li::after { content:''; position:absolute; top:-6px; left:0; width:10px; height:10px; border-radius:50%; background:#1687db; box-shadow:0 0 0 6px #e6f4ff; }
.launch-roadmap li > span { display:block; margin-bottom:24px; color:#1687db; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-weight:900; }
.launch-roadmap strong { color:var(--blue-950); font-size:19px; }
.launch-roadmap p { margin:7px 0 0; color:var(--muted); }

.quality-section { background:linear-gradient(180deg, #fff, #f5faff); }
.quality-layout { display:grid; grid-template-columns:minmax(0, 1.12fr) minmax(360px, .88fr); gap:54px; align-items:center; }
.quality-layout > div > p:not(.eyebrow) { color:var(--muted); font-size:18px; }
.quality-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.quality-links a { display:inline-flex; gap:10px; padding:11px 14px; border:1px solid var(--line); border-radius:8px; color:#0b66bf; background:#fff; font-size:14px; font-weight:800; }
.quality-card { padding:30px; border-radius:14px; color:#dceefa; background:#071d35; box-shadow:0 28px 70px rgba(7,29,53,.2); }
.quality-card > span { color:#72e9fa; font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.quality-card ul { display:grid; gap:0; margin-top:18px; list-style:none; }
.quality-card li { display:grid; gap:3px; padding:15px 0; border-top:1px solid rgba(151,211,230,.14); }
.quality-card strong { color:#fff; }
.quality-card small { color:#89a5b7; }
.faq-home .section-heading { margin-left:auto; margin-right:auto; text-align:center; }
.home-contact { padding-top:82px; }

@media (max-width: 1060px) {
  .home-hero .hero-grid, .system-layout, .quality-layout { grid-template-columns:1fr; }
  .hero-product { max-width:720px; }
  .search-race-grid { grid-template-columns:1fr 1fr; }
  .search-race-copy { grid-column:1 / -1; grid-row:1; }
  .search-stat { min-height:230px; }
  .value-grid, .launch-roadmap { grid-template-columns:repeat(2, 1fr); }
  .extras-grid { grid-template-columns:repeat(2, 1fr); }
  .offer-card.featured { transform:none; }
}

@media (max-width: 720px) {
  .home-hero { padding:42px 0 54px; }
  .home-hero h1 { font-size:clamp(38px, 12vw, 54px); }
  .home-hero .hero-lead { font-size:17px; }
  .hero-actions .btn { width:100%; }
  .hero-product { padding:8px; border-radius:12px; }
  .product-topline { align-items:flex-start; flex-direction:column; gap:4px; }
  .product-screen { padding:18px; }
  .system-metrics { grid-template-columns:1fr; }
  .hero-price-list a { align-items:flex-start; flex-direction:column; gap:4px; }
  .search-race-grid, .value-grid, .extras-grid, .launch-roadmap { grid-template-columns:1fr; }
  .search-race-copy, .search-stat { grid-column:auto; grid-row:auto; padding:22px; }
  .search-stat { min-height:220px; }
  .pricing-grid-offers { gap:14px; }
  .offer-card { padding:24px; }
  .offer-card-top { display:block; }
  .offer-badge { display:inline-block; margin-bottom:12px; }
  .price-stack .price { font-size:38px; }
  .offer-clarity { grid-template-columns:1fr; }
  .launch-roadmap li { padding:20px 0; }
  .quality-links { display:grid; }
  .home-contact { padding-top:58px; }
}

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

/* Design iteration 2: nano geography, logo and voice brief */
.brand-logo { display:block; width:46px; height:46px; padding:0; border-radius:14px; background:transparent; box-shadow:0 10px 24px rgba(8,77,139,.18); }
.brand-footer .brand-logo { background:transparent; }
.brand .brand-logo { object-fit:contain; border-radius:5px; padding:0; border:0; box-shadow:0 4px 16px rgba(119,153,190,.16); }
.hero-product::after { content:''; position:absolute; inset:-16px; z-index:-1; border:1px solid rgba(84,227,250,.08); border-radius:26px; background:linear-gradient(90deg, transparent 49.8%, rgba(83,224,247,.08) 50%, transparent 50.2%), linear-gradient(transparent 49.8%, rgba(83,224,247,.08) 50%, transparent 50.2%); background-size:78px 78px; pointer-events:none; }

.geo-network { position:relative; overflow:hidden; border:1px solid rgba(105,220,242,.18); border-radius:16px; color:#68e8ff; background:#061725; box-shadow:inset 0 1px rgba(255,255,255,.03); }
.geo-map-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 18px; border-bottom:1px solid rgba(105,220,242,.14); color:#7897aa; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:11px; letter-spacing:.08em; }
.geo-map-head span { display:flex; align-items:center; gap:8px; }
.geo-map-head i { width:7px; height:7px; border-radius:50%; background:#66efa7; box-shadow:0 0 14px rgba(102,239,167,.8); }
.geo-map-head strong { color:#9eefff; font-size:11px; }
.geo-network svg { display:block; width:100%; height:auto; }
.map-space { fill:#061725; }
.map-grid { color:#62dff2; }
.world-land path { fill:rgba(83,157,184,.1); stroke:rgba(120,203,224,.25); stroke-width:1.2; vector-effect:non-scaling-stroke; }
.russia-zone { fill:rgba(42,204,238,.14); stroke:#50e3f8; stroke-opacity:.62; stroke-width:1.6; vector-effect:non-scaling-stroke; }
.network-routes line, .network-routes path { fill:none; stroke:#55dcf3; stroke-opacity:.2; stroke-width:1.15; stroke-dasharray:3 7; vector-effect:non-scaling-stroke; }
.network-routes path { stroke-opacity:.32; }
.node-core { fill:#72f2ff; }
.node-wave { fill:none; stroke:#5ce9ff; stroke-width:1.3; opacity:.22; transform-box:fill-box; transform-origin:center; animation:mapPulse 3.8s ease-out infinite; animation-delay:var(--delay); }
.map-node-major .node-core { fill:#fff; }
.map-node-major .node-wave { stroke:#fff; }
.map-node text { fill:#9fc7d8; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:10px; letter-spacing:.02em; }
.geo-map-legend { display:flex; flex-wrap:wrap; gap:18px; padding:13px 18px; border-top:1px solid rgba(105,220,242,.12); color:#708fa3; font-size:11px; }
.geo-map-legend span { display:flex; align-items:center; gap:7px; }
.geo-map-legend i { width:7px; height:7px; border-radius:50%; }
.legend-live { background:#fff; box-shadow:0 0 10px #5eeaff; }
.legend-next { background:#55dff5; }
.legend-world { border:1px solid #55dff5; }
.geo-network-compact { margin:18px 0 16px; border-radius:10px; background:rgba(4,19,32,.7); }
.geo-network-compact .geo-map-head { display:none; }
.geo-network-compact svg { max-height:145px; }
.hero-network-visual { position:relative; overflow:hidden; height:156px; margin:18px 0 16px; border:1px solid rgba(103,224,247,.25); border-radius:11px; background:#031426; box-shadow:inset 0 0 28px rgba(48,191,235,.09), 0 12px 26px rgba(0,0,0,.16); }
.hero-network-visual::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg, transparent 0 58%, rgba(100,230,255,.08) 58.3%, transparent 59%), radial-gradient(circle at 54% 52%, rgba(116,237,255,.08), transparent 38%); }
.hero-network-visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.92) contrast(1.05); }
@keyframes mapPulse { 0% { opacity:.55; transform:scale(.45); } 70%, 100% { opacity:0; transform:scale(2.3); } }

.geo-expansion-section { position:relative; overflow:hidden; color:#d9edf7; background:#040f19; background-image:radial-gradient(circle at 70% 30%, rgba(20,173,206,.14), transparent 36%), linear-gradient(rgba(77,218,239,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(77,218,239,.035) 1px, transparent 1px); background-size:auto, 48px 48px, 48px 48px; }
.geo-expansion-section::after { content:''; position:absolute; width:420px; height:420px; right:-150px; bottom:-220px; border:1px solid rgba(86,227,248,.13); border-radius:50%; box-shadow:0 0 0 70px rgba(86,227,248,.025), 0 0 0 140px rgba(86,227,248,.018); pointer-events:none; }
.geo-section-heading { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr); gap:54px; align-items:end; margin-bottom:34px; }
.geo-section-heading h2 { max-width:780px; color:#fff; }
.geo-section-heading > p { margin:0; color:#8ba6b7; font-size:18px; }
.geo-expansion-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0, 1fr) 330px; gap:16px; align-items:stretch; }
.geo-growth-steps { display:grid; gap:8px; list-style:none; }
.geo-growth-steps li { display:grid; grid-template-columns:38px 1fr auto; gap:12px; align-items:center; padding:16px; border:1px solid rgba(107,209,232,.14); border-radius:10px; background:rgba(8,34,52,.7); }
.geo-growth-steps li > span { color:#5ce8ff; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; }
.geo-growth-steps strong { color:#fff; }
.geo-growth-steps p { margin:3px 0 0; color:#829dad; font-size:13px; line-height:1.45; }
.geo-growth-steps small { color:#55768a; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:9px; letter-spacing:.08em; }
.geo-caveat { position:relative; z-index:1; margin:18px 0 0; color:#68879a; font-size:12px; }

.brief-section { position:relative; overflow:hidden; background:#fff; }
.brief-section::before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 83% 24%, rgba(27,145,222,.1), transparent 28%); }
.brief-layout { position:relative; display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(380px, .95fr); gap:58px; align-items:center; }
.brief-copy > p:not(.eyebrow):not(.brief-note) { max-width:720px; color:var(--muted); font-size:18px; }
.brief-options { display:grid; gap:10px; margin:28px 0 18px; }
.brief-options article { display:grid; grid-template-columns:46px 1fr; gap:14px; align-items:start; padding:16px; border:1px solid var(--line); border-radius:10px; background:#f9fcff; }
.brief-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:9px; color:#0b5ea9; background:#dff4ff; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-weight:900; }
.brief-options strong { color:var(--blue-950); font-size:17px; }
.brief-options p { margin:3px 0 0; color:var(--muted); font-size:14px; }
.brief-note { color:#75869a; font-size:13px; }
.brief-console { padding:16px; border:1px solid rgba(84,205,232,.22); border-radius:16px; color:#dceef7; background:#061827; box-shadow:0 30px 74px rgba(7,29,53,.2); }
.brief-console-top { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:4px 4px 16px; color:#628299; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:10px; letter-spacing:.08em; }
.brief-console-top span:first-child { display:flex; align-items:center; gap:7px; color:#82d7e7; }
.brief-console-top i { width:7px; height:7px; border-radius:50%; background:#6deba5; box-shadow:0 0 12px rgba(109,235,165,.8); }
.voice-wave { display:flex; align-items:center; justify-content:center; gap:6px; height:98px; margin-bottom:10px; border:1px solid rgba(99,217,239,.14); border-radius:10px; background:linear-gradient(rgba(84,218,241,.06) 1px, transparent 1px); background-size:100% 20px; }
.voice-wave span { width:4px; height:22px; border-radius:5px; background:linear-gradient(#70f0ff, #147ec2); box-shadow:0 0 9px rgba(76,225,247,.24); }
.voice-wave span:nth-child(2n) { height:42px; }
.voice-wave span:nth-child(3n) { height:64px; }
.voice-wave span:nth-child(5n) { height:78px; }
.brief-question { display:grid; grid-template-columns:30px 1fr auto; gap:10px; align-items:center; padding:13px 10px; border-top:1px solid rgba(112,207,228,.12); }
.brief-question > span { color:#55dff5; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:11px; }
.brief-question p { margin:0; color:#b9d0dd; font-size:14px; }
.brief-question i { color:#6fe9a5; font-size:11px; font-style:normal; }
.brief-question.active { border:1px solid rgba(91,225,247,.3); border-radius:8px; background:rgba(18,77,107,.34); }
.brief-result { display:grid; gap:5px; margin-top:12px; padding:15px; border-radius:9px; background:linear-gradient(135deg, #0c5078, #0b2942); }
.brief-result span { color:#76dff0; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.brief-result strong { color:#fff; font-size:15px; }

@media (max-width: 1060px) {
  .geo-section-heading, .brief-layout { grid-template-columns:1fr; }
  .geo-expansion-grid { grid-template-columns:1fr; }
  .geo-growth-steps { grid-template-columns:repeat(2, 1fr); }
  .brief-console { max-width:720px; }
}

@media (max-width: 720px) {
  body { padding-bottom:0; }
  .brand-logo { width:42px; height:42px; }
  .home-hero h1 { font-size:clamp(38px, 11.5vw, 52px); }
  .geo-network-compact svg { min-height:170px; object-fit:cover; }
  .hero-network-visual { height:176px; }
  .geo-section-heading { gap:12px; }
  .geo-section-heading > p { font-size:16px; }
  .geo-expansion-grid { margin-left:-8px; margin-right:-8px; }
  .geo-map-head { padding:12px; }
  .geo-map-legend { gap:10px; padding:12px; }
  .geo-growth-steps { grid-template-columns:1fr; }
  .geo-growth-steps li { grid-template-columns:34px 1fr; }
  .geo-growth-steps small { display:none; }
  .brief-layout { gap:34px; }
  .brief-copy > p:not(.eyebrow):not(.brief-note) { font-size:16px; }
  .brief-console { padding:10px; }
}

/* Design iteration 5: dual geography + cinematic nano-tech theme */
.geo-market-visual { overflow:hidden; margin:0; border:1px solid rgba(95,224,247,.26); border-radius:16px; color:#cfeaf5; background:#03101d; box-shadow:0 30px 80px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.04); }
.geo-market-head { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 17px; border-bottom:1px solid rgba(95,224,247,.14); color:#7898aa; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:10px; letter-spacing:.08em; }
.geo-market-head span { display:flex; align-items:center; gap:8px; }
.geo-market-head i { width:7px; height:7px; border-radius:50%; background:#6ce9a7; box-shadow:0 0 14px rgba(108,233,167,.85); }
.geo-market-head strong { color:#84ecff; font-size:10px; }
.geo-market-image { position:relative; overflow:hidden; aspect-ratio:16 / 9; background:#03101d; }
.geo-market-image::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(112deg, transparent 0 63%, rgba(90,228,252,.08) 63.2%, transparent 64%), radial-gradient(circle at 50% 48%, rgba(61,214,249,.08), transparent 42%); }
.geo-market-image img { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.9) contrast(1.06); }
.geo-market-status { position:absolute; right:14px; bottom:14px; z-index:1; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; max-width:86%; }
.geo-market-status span { padding:6px 8px; border:1px solid rgba(112,229,249,.26); border-radius:6px; color:#ccecf6; background:rgba(3,17,29,.76); backdrop-filter:blur(9px); font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:8px; letter-spacing:.06em; }
.geo-market-visual figcaption { display:flex; justify-content:space-between; gap:16px; padding:13px 17px; border-top:1px solid rgba(95,224,247,.12); color:#708fa2; font-size:11px; }
.geo-market-visual figcaption span { display:flex; align-items:center; gap:7px; }
.geo-market-visual figcaption span::before { content:''; width:6px; height:6px; border-radius:50%; background:#58dff6; box-shadow:0 0 10px rgba(88,223,246,.5); }

.home-theme { color:#c9dce7; background:#020a12; }
.home-theme .site-header { color:#d6eaf4; border-color:rgba(101,214,238,.15); background:rgba(3,13,23,.92); box-shadow:0 14px 42px rgba(0,0,0,.18); }
.home-theme .header-top { color:#8fabbc; border-color:rgba(101,214,238,.12); background:#020912; }
.home-theme .brand-text strong, .home-theme .main-nav, .home-theme .link-phone { color:#eefaff; }
.home-theme .brand-text small { color:#7896a9; }
.home-theme .main-nav a:hover { color:#6be9ff; }
.home-theme .category-strip { border-color:rgba(101,214,238,.13); background:rgba(5,19,32,.94); }
.home-theme .category-nav a { color:#a9c4d2; border-color:rgba(101,214,238,.16); background:rgba(9,34,53,.7); }
.home-theme .category-nav a:hover { color:#051622; border-color:#67e8f9; background:#67e8f9; }
.home-theme .site-main { background:#020b13; }
.home-theme .site-main > .section:not(.home-hero) { color:#c8dbe6; border-top:1px solid rgba(102,219,243,.08); background-color:#04101c; background-image:radial-gradient(circle at 86% 16%, rgba(32,163,210,.08), transparent 28%), linear-gradient(rgba(89,220,243,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(89,220,243,.025) 1px, transparent 1px); background-size:auto, 48px 48px, 48px 48px; }
.home-theme .site-main > .section:nth-of-type(even):not(.home-hero) { background-color:#061522; }
.home-theme .site-main h2, .home-theme .site-main h3 { color:#f4fbff; letter-spacing:-.025em; }
.home-theme .section-heading p, .home-theme .geo-section-heading > p, .home-theme .brief-copy > p:not(.eyebrow):not(.brief-note), .home-theme .quality-layout > div > p:not(.eyebrow) { color:#91aaba; }
.home-theme .eyebrow { color:#69e7fb; }
.home-theme .offers-section::before { background:radial-gradient(circle, rgba(43,200,237,.1), transparent 68%); }
.home-theme .pricing-card { color:#c2d6e1; border-color:rgba(104,214,237,.17); background:linear-gradient(145deg, rgba(8,31,49,.92), rgba(4,19,31,.96)); box-shadow:0 22px 58px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.025); }
.home-theme .pricing-card p, .home-theme .pricing-card ul { color:#91aabb; }
.home-theme .offer-card.featured { border-color:rgba(100,231,252,.52); background:linear-gradient(145deg, rgba(10,67,94,.96), rgba(5,28,44,.98)); box-shadow:0 30px 74px rgba(0,0,0,.28), 0 0 48px rgba(40,204,235,.08); }
.home-theme .price-stack .price { color:#6be9ff; }
.home-theme .price-stack span, .home-theme .offer-card small { color:#7895a6; }
.home-theme .btn-secondary { color:#dff7ff; border-color:rgba(109,225,247,.26); background:rgba(10,39,58,.68); }
.home-theme .btn-secondary:hover { color:#051722; border-color:#70e9fb; background:#70e9fb; }
.home-theme .offer-clarity { border-color:rgba(104,214,237,.16); background:rgba(7,29,46,.72); }
.home-theme .offer-clarity strong { color:#f2fbff; }
.home-theme .offer-clarity p { color:#8ea7b7; }
.home-theme .value-card { color:#bdd2de; border-color:rgba(104,214,237,.15); background:linear-gradient(160deg, rgba(8,32,50,.86), rgba(4,18,30,.92)); box-shadow:0 18px 48px rgba(0,0,0,.18); }
.home-theme .value-card > span { color:#061827; border:1px solid rgba(116,237,255,.55); background:#70e8fb; box-shadow:0 0 26px rgba(78,223,248,.15); }
.home-theme .value-card p { color:#8fa8b8; }
.home-theme .system-section { background-color:#020b13 !important; }
.home-theme .compare-card-muted { background:rgba(7,27,43,.82); }
.home-theme .brief-section::before { background:radial-gradient(circle at 83% 24%, rgba(40,200,236,.1), transparent 30%); }
.home-theme .brief-options article { border-color:rgba(104,214,237,.15); background:rgba(7,29,46,.72); }
.home-theme .brief-icon { color:#041622; border:1px solid rgba(111,233,252,.45); background:#6ee8fb; box-shadow:0 0 24px rgba(65,215,242,.12); }
.home-theme .brief-options p, .home-theme .brief-note { color:#829bab; }
.home-theme .extra-card { color:#bed3df; border-color:rgba(104,214,237,.15); background:linear-gradient(155deg, rgba(8,32,50,.88), rgba(4,18,30,.94)); }
.home-theme .extra-card:hover { border-color:rgba(104,225,246,.36); box-shadow:0 24px 54px rgba(0,0,0,.25), 0 0 34px rgba(45,206,237,.06); }
.home-theme .extra-index, .home-theme .extra-price strong, .home-theme .extra-card > a { color:#69e6fb; }
.home-theme .extra-card p { color:#8fa8b8; }
.home-theme .extra-card > a { border-color:rgba(104,214,237,.14); }
.home-theme .launch-roadmap li { border-color:rgba(104,214,237,.22); }
.home-theme .launch-roadmap li::after { background:#67e8f9; box-shadow:0 0 0 6px rgba(103,232,249,.11), 0 0 22px rgba(103,232,249,.55); }
.home-theme .launch-roadmap li > span { color:#69e7fb; }
.home-theme .launch-roadmap p { color:#8ca5b5; }
.home-theme .quality-links a { color:#bfe7f2; border-color:rgba(104,214,237,.18); background:rgba(7,29,46,.72); }
.home-theme .quality-links a:hover { color:#061722; border-color:#6ae8fb; background:#6ae8fb; }
.home-theme .quality-card { border:1px solid rgba(102,225,246,.26); background:linear-gradient(145deg, rgba(9,67,94,.9), rgba(4,23,38,.97)); box-shadow:0 30px 72px rgba(0,0,0,.26); }
.home-theme .faq-item { border-color:rgba(104,214,237,.15); background:rgba(7,29,46,.78); }
.home-theme .faq-item summary { color:#e9f8fd; }
.home-theme .faq-item p { color:#8fa8b8; }
.home-theme .home-contact { padding-bottom:1px; background:#020b13; }
.home-theme .contact-panel { border:1px solid rgba(104,229,250,.28); background:linear-gradient(125deg, #072b43, #0a5b80 58%, #062339); box-shadow:0 30px 80px rgba(0,0,0,.3), 0 0 52px rgba(38,197,228,.08); }
.home-theme .site-footer { border-top:1px solid rgba(104,214,237,.13); background:#020912; }

@media (max-width: 720px) {
  .geo-market-head { align-items:flex-start; flex-direction:column; gap:4px; }
  .geo-market-image { aspect-ratio:4 / 3; }
  .geo-market-status { left:10px; right:10px; bottom:10px; justify-content:flex-start; max-width:none; }
  .geo-market-status span { padding:5px 6px; font-size:7px; }
  .geo-market-visual figcaption { align-items:flex-start; flex-direction:column; gap:7px; }
  .home-theme .pricing-card, .home-theme .value-card, .home-theme .extra-card { border-radius:11px; }
}

/* Sitewide nano-tech theme for internal pages */
.nano-theme:not(.home-theme) { color:#c5d9e4; background:#020a12; }
.nano-theme:not(.home-theme) .site-header { color:#d6eaf4; border-color:rgba(101,214,238,.15); background:rgba(3,13,23,.92); box-shadow:0 14px 42px rgba(0,0,0,.18); }
.nano-theme:not(.home-theme) .header-top { color:#8fabbc; border-color:rgba(101,214,238,.12); background:#020912; }
.nano-theme:not(.home-theme) .brand-text strong, .nano-theme:not(.home-theme) .main-nav, .nano-theme:not(.home-theme) .link-phone { color:#eefaff; }
.nano-theme:not(.home-theme) .brand-text small { color:#7896a9; }
.nano-theme:not(.home-theme) .main-nav a:hover { color:#6be9ff; }
.nano-theme:not(.home-theme) .category-strip { border-color:rgba(101,214,238,.13); background:rgba(5,19,32,.94); }
.nano-theme:not(.home-theme) .category-nav a { color:#a9c4d2; border-color:rgba(101,214,238,.16); background:rgba(9,34,53,.7); }
.nano-theme:not(.home-theme) .category-nav a:hover { color:#051622; border-color:#67e8f9; background:#67e8f9; }
.nano-theme:not(.home-theme) .site-main { color:#c5d9e4; background:#020b13; }
.nano-theme:not(.home-theme) .page-hero { color:#c5d9e4; border-color:rgba(101,214,238,.11); background-color:#061522; background-image:radial-gradient(circle at 78% 18%, rgba(34,211,238,.13), transparent 31%), linear-gradient(rgba(94,234,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(94,234,255,.035) 1px, transparent 1px); background-size:auto, 46px 46px, 46px 46px; }
.nano-theme:not(.home-theme) .site-main > .section { border-top:1px solid rgba(102,219,243,.08); background-color:#04101c; background-image:radial-gradient(circle at 86% 16%, rgba(32,163,210,.07), transparent 28%), linear-gradient(rgba(89,220,243,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(89,220,243,.022) 1px, transparent 1px); background-size:auto, 48px 48px, 48px 48px; }
.nano-theme:not(.home-theme) .site-main > .section:nth-of-type(even), .nano-theme:not(.home-theme) .section-soft { background-color:#061522; background-image:radial-gradient(circle at 12% 82%, rgba(34,157,206,.07), transparent 26%), linear-gradient(rgba(89,220,243,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(89,220,243,.022) 1px, transparent 1px); background-size:auto, 48px 48px, 48px 48px; }
.nano-theme:not(.home-theme) .site-main h1, .nano-theme:not(.home-theme) .site-main h2, .nano-theme:not(.home-theme) .site-main h3 { color:#f3fbff; letter-spacing:-.02em; }
.nano-theme:not(.home-theme) .eyebrow, .nano-theme:not(.home-theme) .text-link, .nano-theme:not(.home-theme) .price { color:#69e7fb; }
.nano-theme:not(.home-theme) .page-hero p, .nano-theme:not(.home-theme) .section-heading p, .nano-theme:not(.home-theme) .info-card p, .nano-theme:not(.home-theme) .side-card p, .nano-theme:not(.home-theme) .region-card p, .nano-theme:not(.home-theme) .catalog-card p, .nano-theme:not(.home-theme) .pricing-card ul, .nano-theme:not(.home-theme) .faq-item p, .nano-theme:not(.home-theme) .check-list li, .nano-theme:not(.home-theme) .steps-list, .nano-theme:not(.home-theme) .process-list span, .nano-theme:not(.home-theme) .contact-list span, .nano-theme:not(.home-theme) .muted { color:#8fa8b8; }
.nano-theme:not(.home-theme) .breadcrumbs { color:#7896a9; }
.nano-theme:not(.home-theme) .breadcrumbs a:hover { color:#69e7fb; }
.nano-theme:not(.home-theme) .info-card, .nano-theme:not(.home-theme) .region-card, .nano-theme:not(.home-theme) .pricing-card, .nano-theme:not(.home-theme) .side-card, .nano-theme:not(.home-theme) .contact-card-large, .nano-theme:not(.home-theme) .faq-item, .nano-theme:not(.home-theme) .catalog-card, .nano-theme:not(.home-theme) .process-list li { color:#c0d4df; border-color:rgba(104,214,237,.16); background:linear-gradient(150deg, rgba(8,32,50,.9), rgba(4,18,30,.96)); box-shadow:0 20px 52px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.025); }
.nano-theme:not(.home-theme) .pricing-card.featured, .nano-theme:not(.home-theme) .blue-card { color:#dceff7; border-color:rgba(102,230,251,.4); background:linear-gradient(145deg, rgba(9,70,98,.94), rgba(4,24,40,.98)); box-shadow:0 28px 68px rgba(0,0,0,.26), 0 0 40px rgba(49,207,238,.07); }
.nano-theme:not(.home-theme) .blue-card p, .nano-theme:not(.home-theme) .blue-card li { color:#c0d8e4; }
.nano-theme:not(.home-theme) .tag-list li, .nano-theme:not(.home-theme) .region-card-top span { color:#bde8f2; border:1px solid rgba(104,214,237,.18); background:rgba(12,49,70,.74); }
.nano-theme:not(.home-theme) .city-mini-list li a { color:#acd3df; border-color:rgba(104,214,237,.17); background:rgba(8,34,52,.72); }
.nano-theme:not(.home-theme) .city-mini-list li a:hover { color:#061722; border-color:#69e7fb; background:#69e7fb; }
.nano-theme:not(.home-theme) .contact-list li { border-color:rgba(104,214,237,.14); }
.nano-theme:not(.home-theme) .contact-list a, .nano-theme:not(.home-theme) .contact-list strong, .nano-theme:not(.home-theme) .process-list strong, .nano-theme:not(.home-theme) .steps-list strong { color:#e8f7fc; }
.nano-theme:not(.home-theme) .process-list li::before { color:#051723; border:1px solid rgba(115,235,253,.55); background:#6be8fb; box-shadow:0 0 25px rgba(57,211,239,.13); }
.nano-theme:not(.home-theme) .btn-secondary { color:#dff7ff; border-color:rgba(109,225,247,.26); background:rgba(10,39,58,.68); }
.nano-theme:not(.home-theme) .btn-secondary:hover { color:#051722; border-color:#70e9fb; background:#70e9fb; }
.nano-theme:not(.home-theme) .contact-panel { border:1px solid rgba(104,229,250,.28); background:linear-gradient(125deg, #072b43, #0a5b80 58%, #062339); box-shadow:0 30px 80px rgba(0,0,0,.3), 0 0 52px rgba(38,197,228,.08); }
.nano-theme:not(.home-theme) .site-footer { border-top:1px solid rgba(104,214,237,.13); background:#020912; }

/* Homepage v2: five deliberately different design environments */
.home-chapter-nav { position:relative; z-index:5; border-top:1px solid rgba(113,229,248,.12); border-bottom:1px solid rgba(113,229,248,.16); background:#020912; }
.home-chapter-nav .container { display:flex; gap:8px; padding:14px 0; overflow-x:auto; scrollbar-width:none; }
.home-chapter-nav .container::-webkit-scrollbar { display:none; }
.home-chapter-nav a { display:inline-flex; align-items:center; gap:9px; min-height:40px; padding:9px 13px; color:#acc5d4; border:1px solid rgba(107,222,243,.15); border-radius:8px; background:#071827; font-size:13px; font-weight:800; white-space:nowrap; }
.home-chapter-nav a span { color:#67e8f9; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:10px; letter-spacing:.08em; }
.home-chapter-nav a:hover { color:#04121c; border-color:#67e8f9; background:#67e8f9; }
.home-chapter-nav a:hover span { color:#04121c; }
.home-design-zone { position:relative; isolation:isolate; overflow:hidden; scroll-margin-top:142px; }
.zone-section { padding:112px 0; }
.zone-heading { margin-bottom:38px; }
.zone-heading-split { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(320px, .75fr); gap:68px; align-items:end; }
.zone-heading h2, .support-intro h2, .build-roadmap h2 { margin-bottom:0; font-size:clamp(34px, 4.5vw, 60px); letter-spacing:-.045em; }
.zone-heading > p { margin:0; font-size:18px; }
.zone-kicker { margin:0 0 16px; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.zone-lead { max-width:760px; font-size:19px; }
.zone-visual { overflow:hidden; margin:0; }
.zone-visual img { display:block; width:100%; height:auto; }
.zone-visual figcaption { padding:12px 16px; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:10px; letter-spacing:.07em; text-transform:uppercase; }

/* 02 — light digital marketplace */
.zone-market { color:#162238; border-top:8px solid #2358ff; background:#f2f5fb; background-image:linear-gradient(90deg, rgba(35,88,255,.055) 1px, transparent 1px); background-size:80px 100%; }
.zone-market::before { content:'02'; position:absolute; top:18px; right:4vw; z-index:0; padding:6px 9px; color:currentColor; opacity:.38; border:1px solid currentColor; border-radius:4px; font:600 13px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.08em; pointer-events:none; }
.zone-market .zone-kicker { color:#2358ff; }
.zone-market h2, .zone-market h3 { color:#101b31 !important; }
.zone-market .zone-heading > p { color:#58657a; }
.tariff-toolbar { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:24px; padding:12px; border:1px solid #d7dfef; background:rgba(255,255,255,.68); box-shadow:0 16px 50px rgba(36,52,91,.06); }
.tariff-toolbar span { display:inline-flex; align-items:center; gap:8px; padding:7px 10px; color:#3d4960; font-size:13px; font-weight:750; }
.tariff-toolbar i { width:7px; height:7px; border-radius:50%; background:#2358ff; box-shadow:0 0 0 5px rgba(35,88,255,.1); }
.tariff-matrix { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:15px; }
.tariff-card-v2 { display:flex; flex-direction:column; min-height:500px; padding:25px; border:1px solid #d6deed; border-radius:2px; background:#fff; box-shadow:0 18px 45px rgba(25,41,82,.07); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.tariff-card-v2:hover { z-index:2; border-color:#2358ff; transform:translateY(-5px); box-shadow:0 28px 68px rgba(35,68,152,.14); }
.tariff-card-v2.featured { color:#e8efff; border-color:#2358ff; background:#143fd3; background-image:radial-gradient(circle at 90% 4%, rgba(255,231,80,.26), transparent 28%), linear-gradient(150deg, #214fff, #102b9e); box-shadow:0 28px 70px rgba(20,63,211,.26); }
.tariff-card-v2.featured h3, .tariff-card-v2.featured .tariff-price strong { color:#fff !important; }
.tariff-card-v2.featured .tariff-eyebrow, .tariff-card-v2.featured .tariff-description, .tariff-card-v2.featured ul { color:#d7e1ff; }
.tariff-card-v2.featured .tariff-badge { color:#182657; background:#ffe750; }
.tariff-card-v2.featured .tariff-number { color:#9fb5ff; }
.tariff-card-v2.featured a { color:#102b9e; background:#fff; }
.tariff-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:28px; }
.tariff-number { color:#8e9aad; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:12px; }
.tariff-badge { padding:6px 9px; color:#fff; border-radius:999px; background:#2358ff; font-size:10px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.tariff-eyebrow { margin:0 0 7px; color:#2358ff; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.tariff-card-v2 h3 { min-height:52px; margin-bottom:11px; font-size:25px; }
.tariff-description { min-height:78px; color:#657187; font-size:14px; line-height:1.55; }
.tariff-price { display:grid; gap:1px; margin:8px 0 20px; }
.tariff-price del { color:#9a6472; font-size:14px; }
.tariff-price strong { color:#143fd3; font-size:34px; line-height:1.1; letter-spacing:-.04em; }
.tariff-card-v2 ul { display:grid; flex:1; gap:9px; margin-bottom:24px; padding-left:19px; color:#536078; font-size:14px; }
.tariff-card-v2 a { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:46px; padding:12px 14px; color:#fff; background:#17233a; font-weight:850; }
.tariff-card-v2 a:hover { color:#fff; background:#2358ff; }
.pricing-note { display:grid; grid-template-columns:210px 1fr; gap:28px; margin-top:22px; padding:25px; color:#48566e; border:1px solid #d5dfef; border-left:6px solid #ffcf3f; background:#fffbed; }
.pricing-note strong { color:#1a2740; }
.pricing-note p { margin:0; }
.support-section { display:grid; grid-template-columns:.72fr 1.28fr; gap:55px; margin-top:110px; padding-top:70px; border-top:1px solid #cbd6e9; }
.support-intro p:last-child { color:#617086; }
.support-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; }
.support-grid article { display:flex; flex-direction:column; padding:22px; border:1px solid #d4dceb; background:rgba(255,255,255,.76); }
.support-grid article > span { color:#2358ff; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:10px; font-weight:900; letter-spacing:.1em; }
.support-grid h3 { margin:26px 0 9px; font-size:19px; }
.support-grid strong { color:#143fd3; font-size:21px; }
.support-grid p { flex:1; margin-top:15px; color:#627087; font-size:13px; }
.support-grid a { color:#143fd3; font-size:13px; font-weight:850; }

/* 03 — black and acid-green SEO laboratory */
.zone-seo { color:#b8c9bd; border-top:8px solid #9cff57; background:#07100d; background-image:radial-gradient(circle at 80% 16%, rgba(90,230,145,.1), transparent 30%), linear-gradient(rgba(156,255,87,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(156,255,87,.045) 1px, transparent 1px); background-size:auto, 38px 38px, 38px 38px; }
.zone-seo::before { content:'03'; position:absolute; top:18px; right:4vw; z-index:0; padding:6px 9px; color:currentColor; opacity:.38; border:1px solid currentColor; border-radius:4px; font:600 13px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.08em; pointer-events:none; }
.zone-seo .zone-kicker { color:#9cff57; }
.zone-seo h2, .zone-seo h3 { color:#edffe5 !important; }
.seo-lab-layout { display:grid; grid-template-columns:minmax(0, .86fr) minmax(480px, 1.14fr); gap:64px; align-items:center; }
.seo-lab-copy h2 { font-size:clamp(36px, 5vw, 66px); letter-spacing:-.05em; }
.seo-lab-copy .zone-lead { color:#9fb0a4; }
.seo-status-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.seo-status-row span { padding:8px 10px; color:#bdfc96; border:1px solid rgba(156,255,87,.22); background:rgba(28,61,40,.55); font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:9px; letter-spacing:.08em; }
.zone-visual-seo { border:1px solid rgba(156,255,87,.28); background:#08120e; box-shadow:0 34px 90px rgba(0,0,0,.42); }
.zone-visual-seo figcaption { color:#779181; border-top:1px solid rgba(156,255,87,.14); }
.seo-layer-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; margin-top:74px; border:1px solid rgba(156,255,87,.19); background:rgba(156,255,87,.15); }
.seo-layer-grid article { min-height:240px; padding:26px; background:#0b1710; }
.seo-layer-grid article > span { color:#9cff57; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:12px; }
.seo-layer-grid h3 { margin:34px 0 10px; font-size:22px; }
.seo-layer-grid p { margin:0; color:#8fa095; font-size:14px; }
.seo-query-panel { display:grid; grid-template-columns:.65fr 1.35fr; gap:58px; margin-top:74px; padding:36px; border:1px solid rgba(156,255,87,.24); background:rgba(13,31,20,.82); box-shadow:0 30px 80px rgba(0,0,0,.22); }
.seo-query-panel h3 { font-size:31px; }
.seo-query-panel ul { display:grid; grid-template-columns:1fr 1fr; gap:1px; list-style:none; background:rgba(156,255,87,.14); }
.seo-query-panel li { padding:17px; color:#a8b9ad; background:#0b1810; font-size:13px; }
.seo-query-panel li span { display:block; margin-bottom:4px; color:#9cff57; font-weight:900; }

/* 04 — warm editorial product studio */
.zone-studio { color:#352740; border-top:8px solid #ff6b3d; background:#fff6e8; background-image:radial-gradient(circle at 8% 12%, rgba(255,107,61,.13), transparent 24%), radial-gradient(circle at 88% 76%, rgba(124,58,237,.1), transparent 26%); }
.zone-studio::before { content:'04'; position:absolute; top:18px; right:4vw; z-index:0; padding:6px 9px; color:currentColor; opacity:.38; border:1px solid currentColor; border-radius:4px; font:600 13px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.08em; pointer-events:none; }
.zone-studio .zone-kicker { color:#7c3aed; }
.zone-studio h2, .zone-studio h3 { color:#2b1838 !important; }
.studio-layout { display:grid; grid-template-columns:minmax(0, .78fr) minmax(500px, 1.22fr); gap:64px; align-items:center; }
.studio-copy h2 { font-family:Georgia, 'Times New Roman', serif; font-size:clamp(38px, 5.2vw, 70px); font-weight:600; letter-spacing:-.045em; }
.studio-copy .zone-lead { color:#705f79; }
.studio-link { display:inline-flex; align-items:center; gap:12px; min-height:48px; padding:12px 17px; color:#fff; background:#2b1838; font-weight:850; }
.studio-link:hover { color:#fff; background:#7c3aed; }
.zone-visual-studio { border:1px solid rgba(60,36,89,.17); border-radius:34px 8px 34px 8px; background:#fff; box-shadow:0 38px 90px rgba(71,47,80,.18); transform:rotate(1.2deg); }
.zone-visual-studio figcaption { color:#8c7696; border-top:1px solid rgba(60,36,89,.12); }
.format-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin-top:84px; }
.format-grid article { min-height:230px; padding:25px; border:1px solid rgba(64,38,82,.14); border-radius:26px 6px 26px 6px; background:rgba(255,255,255,.68); }
.format-grid article:nth-child(2n) { transform:translateY(22px); background:#f1e6ff; }
.format-grid article:nth-child(3n) { background:#ffe6d9; }
.format-grid article > span { color:#ff5e2c; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:11px; font-weight:900; }
.format-grid h3 { margin:36px 0 10px; font-family:Georgia, 'Times New Roman', serif; font-size:27px; font-weight:600; }
.format-grid p { color:#74627d; font-size:14px; }
.build-roadmap { display:grid; grid-template-columns:.7fr 1.3fr; gap:64px; margin-top:130px; padding:55px; color:#e9dcf2; border-radius:36px 8px 36px 8px; background:#2b1838; box-shadow:0 36px 80px rgba(62,35,77,.22); }
.build-roadmap h2 { color:#fff !important; font-family:Georgia, 'Times New Roman', serif; font-weight:600; }
.build-roadmap header > p:last-child { color:#bdaac8; }
.build-roadmap ol { display:grid; gap:1px; list-style:none; background:rgba(255,255,255,.12); }
.build-roadmap li { display:grid; grid-template-columns:48px 1fr; gap:16px; padding:19px; background:#351f43; }
.build-roadmap li > span { color:#ff8b66; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:11px; }
.build-roadmap strong { color:#fff; }
.build-roadmap li p { margin:4px 0 0; color:#bdaac8; font-size:13px; }

/* 05 — deep-violet scaling and trust control */
.zone-scale { color:#c7d3f1; border-top:8px solid #7dd3fc; background:#090825; background-image:radial-gradient(circle at 14% 18%, rgba(59,130,246,.2), transparent 27%), radial-gradient(circle at 88% 52%, rgba(139,92,246,.2), transparent 28%), linear-gradient(rgba(146,190,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(146,190,255,.04) 1px, transparent 1px); background-size:auto, auto, 50px 50px, 50px 50px; }
.zone-scale::before { content:'05'; position:absolute; top:18px; right:4vw; z-index:0; padding:6px 9px; color:currentColor; opacity:.38; border:1px solid currentColor; border-radius:4px; font:600 13px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.08em; pointer-events:none; }
.zone-scale .zone-kicker { color:#7dd3fc; }
.zone-scale h2, .zone-scale h3 { color:#f5f7ff !important; }
.scale-layout { display:grid; grid-template-columns:minmax(500px, 1.1fr) minmax(0, .9fr); gap:66px; align-items:center; }
.zone-visual-scale { border:1px solid rgba(125,211,252,.26); border-radius:28px; background:#10103c; box-shadow:0 40px 100px rgba(0,0,0,.38), 0 0 60px rgba(77,146,255,.1); }
.zone-visual-scale figcaption { color:#8292be; border-top:1px solid rgba(125,211,252,.14); }
.scale-copy h2 { font-size:clamp(38px, 5vw, 65px); letter-spacing:-.05em; }
.scale-copy .zone-lead { color:#9aa8cc; }
.scale-points { display:grid; gap:8px; margin-top:28px; list-style:none; }
.scale-points li { display:grid; grid-template-columns:38px 1fr; gap:15px; padding:15px; border:1px solid rgba(125,211,252,.14); background:rgba(24,26,78,.64); }
.scale-points li > span { color:#7dd3fc; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:11px; }
.scale-points strong { color:#fff; }
.scale-points p { margin:3px 0 0; color:#8e9dc3; font-size:13px; }
.scale-cards { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; margin-top:70px; }
.scale-cards article { min-height:220px; padding:23px; border:1px solid rgba(125,211,252,.17); background:linear-gradient(145deg, rgba(31,35,99,.8), rgba(17,17,60,.9)); }
.scale-cards article > span { color:#7dd3fc; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.scale-cards h3 { margin:31px 0 10px; font-size:21px; }
.scale-cards p { color:#909fc5; font-size:13px; }
.control-faq { padding-top:30px; }
.control-faq-layout { display:grid; grid-template-columns:minmax(300px, .72fr) minmax(0, 1.28fr); gap:65px; align-items:start; padding-top:80px; border-top:1px solid rgba(125,211,252,.17); }
.control-faq-intro { position:sticky; top:180px; }
.control-faq-intro h2 { font-size:clamp(34px, 4.5vw, 56px); letter-spacing:-.045em; }
.control-faq-intro > p:last-child { color:#96a4c9; }
.zone-scale .faq-list { gap:8px; }
.zone-scale .faq-item { border:1px solid rgba(125,211,252,.16); border-radius:8px; background:rgba(25,27,77,.76); }
.zone-scale .faq-item summary { color:#f0f5ff; }
.zone-scale .faq-item p { color:#9ba9cc; }
.zone-scale .faq-item[open] { border-color:rgba(125,211,252,.4); background:rgba(34,38,101,.86); }
.zone-contact { padding-bottom:112px; }
.zone-scale .contact-panel { margin:0; border:1px solid rgba(125,211,252,.3); border-radius:28px; background:linear-gradient(120deg, #1b2c79, #4931a6 58%, #183c79); box-shadow:0 35px 90px rgba(0,0,0,.35); }

@media (max-width: 1060px) {
  .zone-heading-split, .support-section, .seo-lab-layout, .studio-layout, .build-roadmap, .scale-layout, .control-faq-layout { grid-template-columns:1fr; }
  .tariff-matrix, .seo-layer-grid, .format-grid { grid-template-columns:repeat(2, 1fr); }
  .support-grid { grid-template-columns:repeat(3, 1fr); }
  .scale-cards { grid-template-columns:repeat(2, 1fr); }
  .zone-visual { max-width:820px; }
  .control-faq-intro { position:static; }
}

@media (max-width: 720px) {
  .home-chapter-nav .container { width:calc(100% - 20px); }
  .zone-section { padding:76px 0; }
  .zone-heading-split { gap:18px; }
  .zone-heading h2, .support-intro h2, .build-roadmap h2 { font-size:clamp(32px, 10vw, 44px); }
  .zone-heading > p, .zone-lead { font-size:16px; }
  .tariff-matrix, .support-grid, .seo-layer-grid, .format-grid, .scale-cards, .seo-query-panel ul { grid-template-columns:1fr; }
  .tariff-card-v2 { min-height:0; padding:22px; }
  .tariff-card-v2 h3, .tariff-description { min-height:0; }
  .pricing-note { grid-template-columns:1fr; gap:7px; }
  .support-section { gap:24px; margin-top:76px; padding-top:52px; }
  .seo-lab-layout, .studio-layout, .scale-layout { gap:36px; }
  .seo-layer-grid, .format-grid { margin-top:50px; }
  .seo-layer-grid article { min-height:0; }
  .seo-query-panel { grid-template-columns:1fr; gap:20px; margin-top:50px; padding:22px; }
  .zone-visual-studio { border-radius:22px 6px 22px 6px; transform:none; }
  .format-grid article, .format-grid article:nth-child(2n) { min-height:0; transform:none; }
  .build-roadmap { gap:28px; margin-top:76px; padding:28px 20px; border-radius:24px 6px 24px 6px; }
  .scale-cards { margin-top:48px; }
  .scale-cards article { min-height:0; }
  .control-faq { padding-top:0; }
  .control-faq-layout { gap:28px; padding-top:64px; }
  .zone-contact { padding-bottom:76px; }
  .zone-scale .contact-panel { border-radius:18px; }
}

/* Homepage v2.1: nanostructure pass across every design environment */
.home-design-zone > .zone-section,
.home-design-zone > .zone-contact { position:relative; z-index:2; }
.home-design-zone::after { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; }
.zone-heading, .support-intro, .studio-copy, .seo-lab-copy, .scale-copy { position:relative; padding-top:23px; }
.zone-heading::before, .support-intro::before, .studio-copy::before, .seo-lab-copy::before, .scale-copy::before { content:''; position:absolute; top:0; left:0; width:118px; height:1px; background:linear-gradient(90deg, currentColor 0 72%, transparent 72% 79%, currentColor 79% 84%, transparent 84%); opacity:.48; }
.zone-heading::after, .support-intro::after, .studio-copy::after, .seo-lab-copy::after, .scale-copy::after { content:''; position:absolute; top:-3px; left:118px; width:7px; height:7px; border:1px solid currentColor; background:transparent; box-shadow:18px 0 0 -2px currentColor, 31px 0 0 -3px currentColor; opacity:.58; transform:rotate(45deg); }
.zone-visual { position:relative; }
.zone-visual::before { content:'NANO.VISUAL / LIVE GRID'; position:absolute; top:13px; left:13px; z-index:3; padding:6px 8px; color:#bff7ff; border:1px solid rgba(126,231,249,.24); border-radius:4px; background:rgba(3,15,26,.72); backdrop-filter:blur(8px); font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:8px; font-weight:900; letter-spacing:.1em; }
.zone-visual::after { content:''; position:absolute; inset:11px 11px 46px; z-index:2; border-top:1px solid rgba(126,231,249,.19); border-right:1px solid rgba(126,231,249,.12); pointer-events:none; background:linear-gradient(90deg, rgba(112,230,249,.34), transparent) 0 0 / 72px 1px no-repeat, linear-gradient(rgba(112,230,249,.34), transparent) 100% 0 / 1px 72px no-repeat; }

/* White/blue market: microchip grid, signal nodes and circuit cards */
.zone-market { background-color:#f2f5fb; background-image:radial-gradient(circle at 16% 8%, rgba(35,88,255,.1), transparent 22%), radial-gradient(circle at 86% 62%, rgba(18,173,235,.08), transparent 25%), linear-gradient(rgba(35,88,255,.052) 1px, transparent 1px), linear-gradient(90deg, rgba(35,88,255,.052) 1px, transparent 1px); background-size:auto, auto, 32px 32px, 32px 32px; }
.zone-market::after { opacity:.72; background-image:radial-gradient(circle, rgba(35,88,255,.32) 0 1.4px, transparent 1.8px), linear-gradient(118deg, transparent 0 48%, rgba(35,88,255,.095) 48.2% 48.45%, transparent 48.65%), linear-gradient(62deg, transparent 0 48%, rgba(18,173,235,.07) 48.2% 48.45%, transparent 48.65%); background-position:10% 180px, 0 0, 90px 40px; background-size:96px 96px, 270px 270px, 320px 320px; mask-image:linear-gradient(180deg, #000 0, rgba(0,0,0,.55) 40%, transparent 98%); }
.zone-market .zone-heading, .zone-market .support-intro { color:#2358ff; }
.tariff-toolbar { position:relative; overflow:hidden; border-color:rgba(35,88,255,.24); background-color:rgba(249,252,255,.88); background-image:linear-gradient(rgba(35,88,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(35,88,255,.045) 1px, transparent 1px); background-size:18px 18px; box-shadow:0 16px 50px rgba(36,52,91,.07), inset 0 1px rgba(255,255,255,.9); }
.tariff-toolbar::after { content:'PRC.MATRIX / 09 CONFIGS'; position:absolute; right:10px; bottom:5px; color:rgba(35,88,255,.35); font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:7px; letter-spacing:.11em; }
.tariff-card-v2 { position:relative; overflow:hidden; border-color:rgba(35,88,255,.22); background-color:#fff; background-image:radial-gradient(circle at 88% 12%, rgba(35,88,255,.085) 0 2px, transparent 2.5px), linear-gradient(rgba(35,88,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(35,88,255,.035) 1px, transparent 1px); background-position:0 0, right top, right top; background-size:auto, 24px 24px, 24px 24px; }
.tariff-card-v2::before { content:''; position:absolute; top:-1px; right:-1px; width:74px; height:74px; border-top:2px solid rgba(35,88,255,.54); border-right:2px solid rgba(35,88,255,.54); clip-path:polygon(0 0,100% 0,100% 100%,92% 100%,92% 12%,0 12%); pointer-events:none; }
.tariff-card-v2::after { content:'μGRID'; position:absolute; right:11px; top:15px; color:rgba(35,88,255,.38); font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:7px; font-weight:900; letter-spacing:.12em; }
.tariff-card-v2.featured { background-color:#143fd3; background-image:radial-gradient(circle at 90% 4%, rgba(255,231,80,.28), transparent 27%), linear-gradient(rgba(134,200,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(134,200,255,.07) 1px, transparent 1px), linear-gradient(150deg, #214fff, #102b9e); background-size:auto, 24px 24px, 24px 24px, auto; }
.tariff-card-v2.featured::before { border-color:rgba(255,231,80,.78); }
.tariff-card-v2.featured::after { color:rgba(255,240,137,.72); }
.pricing-note { position:relative; overflow:hidden; border-top-color:rgba(35,88,255,.2); border-right-color:rgba(35,88,255,.2); border-bottom-color:rgba(35,88,255,.2); background-color:#fffbed; background-image:linear-gradient(90deg, rgba(35,88,255,.04) 1px, transparent 1px); background-size:28px 100%; }
.pricing-note::after { content:''; position:absolute; right:0; top:0; width:96px; height:1px; background:linear-gradient(90deg, transparent, #2358ff); box-shadow:-14px 8px 0 -3px #2358ff; opacity:.55; }
.support-grid article { position:relative; overflow:hidden; border-color:rgba(35,88,255,.2); background-color:rgba(255,255,255,.82); background-image:radial-gradient(circle, rgba(35,88,255,.16) 0 1px, transparent 1.4px); background-position:calc(100% - 12px) 12px; background-size:13px 13px; }
.support-grid article::after { content:''; position:absolute; right:0; bottom:0; width:52px; height:52px; border-right:2px solid rgba(35,88,255,.36); border-bottom:2px solid rgba(35,88,255,.36); clip-path:polygon(88% 0,100% 0,100% 100%,0 100%,0 88%,88% 88%); }

/* Green search laboratory: finer molecular nodes */
.zone-seo::after { opacity:.48; background-image:radial-gradient(circle, rgba(156,255,87,.44) 0 1.2px, transparent 1.6px), linear-gradient(126deg, transparent 0 49%, rgba(156,255,87,.08) 49.2% 49.45%, transparent 49.65%); background-position:70% 10%, 0 0; background-size:82px 82px, 280px 280px; mask-image:linear-gradient(90deg, transparent 0, #000 44%, #000 100%); }
.seo-layer-grid article { position:relative; overflow:hidden; background-color:#0b1710; background-image:linear-gradient(rgba(156,255,87,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(156,255,87,.025) 1px, transparent 1px); background-size:20px 20px; }
.seo-layer-grid article::after { content:''; position:absolute; top:0; right:0; width:48px; height:48px; border-top:1px solid rgba(156,255,87,.34); border-right:1px solid rgba(156,255,87,.34); }

/* Warm studio: editorial surface with a nano-engineering underlay */
.zone-studio { background-color:#fff6e8; background-image:radial-gradient(circle at 8% 12%, rgba(255,107,61,.13), transparent 24%), radial-gradient(circle at 88% 76%, rgba(124,58,237,.1), transparent 26%), linear-gradient(rgba(124,58,237,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(124,58,237,.035) 1px, transparent 1px); background-size:auto, auto, 44px 44px, 44px 44px; }
.zone-studio::after { opacity:.55; background-image:radial-gradient(circle, rgba(124,58,237,.27) 0 1.2px, transparent 1.6px), linear-gradient(116deg, transparent 0 48.6%, rgba(255,107,61,.09) 48.8% 49.1%, transparent 49.3%); background-position:16px 20px, 0 0; background-size:88px 88px, 300px 300px; mask-image:linear-gradient(120deg, rgba(0,0,0,.8), transparent 70%); }
.zone-studio .studio-copy { color:#7c3aed; }
.zone-visual-studio::before { color:#fff3e8; border-color:rgba(255,157,125,.45); background:rgba(43,24,56,.8); }
.zone-visual-studio::after { border-color:rgba(124,58,237,.2); background:linear-gradient(90deg, rgba(124,58,237,.45), transparent) 0 0 / 72px 1px no-repeat, linear-gradient(rgba(255,107,61,.45), transparent) 100% 0 / 1px 72px no-repeat; }
.format-grid article { position:relative; overflow:hidden; background-image:linear-gradient(rgba(124,58,237,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(124,58,237,.035) 1px, transparent 1px); background-size:22px 22px; }
.format-grid article::before { content:''; position:absolute; right:13px; top:13px; width:28px; height:28px; border-top:1px solid rgba(124,58,237,.42); border-right:1px solid rgba(124,58,237,.42); box-shadow:7px -7px 0 -6px #ff6b3d; }
.format-grid article::after { content:'NANO'; position:absolute; right:15px; bottom:12px; color:rgba(124,58,237,.28); font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:7px; font-weight:900; letter-spacing:.12em; }
.build-roadmap { position:relative; overflow:hidden; background-color:#2b1838; background-image:radial-gradient(circle at 86% 14%, rgba(255,107,61,.13), transparent 28%), linear-gradient(rgba(198,151,228,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(198,151,228,.045) 1px, transparent 1px); background-size:auto, 30px 30px, 30px 30px; }
.build-roadmap::after { content:'PROCESS CORE / 05'; position:absolute; right:20px; top:18px; color:rgba(255,194,174,.45); font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:8px; letter-spacing:.12em; }

/* Blue scaling center: denser telemetry and circuit framing */
.zone-scale { background-color:#090825; background-image:radial-gradient(circle at 14% 18%, rgba(59,130,246,.22), transparent 27%), radial-gradient(circle at 88% 52%, rgba(139,92,246,.2), transparent 28%), linear-gradient(rgba(146,190,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(146,190,255,.06) 1px, transparent 1px); background-size:auto, auto, 32px 32px, 32px 32px; }
.zone-scale::after { opacity:.58; background-image:radial-gradient(circle, rgba(125,211,252,.42) 0 1.25px, transparent 1.7px), linear-gradient(122deg, transparent 0 48.5%, rgba(125,211,252,.1) 48.7% 49%, transparent 49.2%), linear-gradient(58deg, transparent 0 48.5%, rgba(167,139,250,.085) 48.7% 49%, transparent 49.2%); background-position:0 0, 0 0, 110px 56px; background-size:78px 78px, 300px 300px, 340px 340px; mask-image:radial-gradient(circle at 56% 36%, #000, rgba(0,0,0,.64) 45%, transparent 88%); }
.zone-scale .scale-copy, .zone-scale .control-faq-intro { color:#7dd3fc; }
.zone-visual-scale { background-image:linear-gradient(rgba(125,211,252,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(125,211,252,.045) 1px, transparent 1px); background-size:24px 24px; }
.scale-points li, .scale-cards article, .zone-scale .faq-item { position:relative; overflow:hidden; background-image:linear-gradient(rgba(125,211,252,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(125,211,252,.035) 1px, transparent 1px); background-size:20px 20px; }
.scale-points li::after, .scale-cards article::after { content:''; position:absolute; right:0; top:0; width:42px; height:42px; border-top:1px solid rgba(125,211,252,.32); border-right:1px solid rgba(125,211,252,.32); }
.scale-cards article::before { content:'SYS.NODE'; position:absolute; right:10px; bottom:8px; color:rgba(125,211,252,.25); font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:7px; letter-spacing:.11em; }
.zone-scale .contact-panel { position:relative; overflow:hidden; background-color:#1b2c79; background-image:radial-gradient(circle at 84% 22%, rgba(125,211,252,.2), transparent 28%), linear-gradient(rgba(159,205,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(159,205,255,.06) 1px, transparent 1px), linear-gradient(120deg, #1b2c79, #4931a6 58%, #183c79); background-size:auto, 26px 26px, 26px 26px, auto; }
.zone-scale .contact-panel::after { content:'TRANSMISSION / READY'; position:absolute; right:18px; top:14px; color:rgba(201,240,255,.38); font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:7px; letter-spacing:.13em; }

@media (max-width: 720px) {
  .home-design-zone::after { opacity:.34; }
  .zone-heading, .support-intro, .studio-copy, .seo-lab-copy, .scale-copy { padding-top:19px; }
  .tariff-toolbar::after, .tariff-card-v2::after, .format-grid article::after, .build-roadmap::after, .scale-cards article::before, .zone-scale .contact-panel::after { display:none; }
  .zone-visual::before { top:8px; left:8px; font-size:7px; }
  .zone-visual::after { inset:7px 7px 42px; }
}


/* Footer v2: conversion, navigation and mobile ergonomics */
.site-footer, .home-theme .site-footer, .nano-theme:not(.home-theme) .site-footer { position:relative; isolation:isolate; overflow:hidden; padding:52px 0 28px; color:#dcecff; border-top:0; background-color:#020912; background-image:radial-gradient(circle at 12% 16%, rgba(34,211,238,.11), transparent 25%), radial-gradient(circle at 88% 30%, rgba(59,130,246,.13), transparent 30%), linear-gradient(rgba(104,214,237,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(104,214,237,.035) 1px, transparent 1px); background-size:auto, auto, 42px 42px, 42px 42px; }
.site-footer::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(118deg, transparent 0 49%, rgba(104,232,255,.045) 49.2% 49.4%, transparent 49.6%); background-size:320px 320px; mask-image:linear-gradient(90deg, #000, transparent 80%); }
.footer-signal { position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, transparent, #22d3ee 18%, #3478ff 50%, #9d64ff 82%, transparent); box-shadow:0 0 24px rgba(34,211,238,.48); }
.footer-cta { position:relative; display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:44px; align-items:center; overflow:hidden; padding:34px 38px; border:1px solid rgba(125,211,252,.25); border-radius:24px; background-color:#10205c; background-image:radial-gradient(circle at 82% 24%, rgba(125,211,252,.2), transparent 28%), linear-gradient(rgba(159,205,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(159,205,255,.06) 1px, transparent 1px), linear-gradient(120deg, rgba(23,51,127,.96), rgba(78,45,158,.94)); background-size:auto, 24px 24px, 24px 24px, auto; box-shadow:0 28px 75px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.07); }
.footer-cta::before { content:'READY / 01'; position:absolute; top:15px; right:18px; color:rgba(215,244,255,.38); font:800 8px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.14em; }
.footer-cta::after { content:''; position:absolute; right:-54px; bottom:-92px; width:260px; height:260px; border:1px solid rgba(125,211,252,.18); border-radius:50%; box-shadow:0 0 0 36px rgba(125,211,252,.035), 0 0 0 72px rgba(125,211,252,.025); pointer-events:none; }
.footer-cta-copy, .footer-cta-actions { position:relative; z-index:1; }
.footer-cta-kicker { display:block; margin-bottom:10px; color:#7de8ff; font:900 10px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.14em; }
.footer-cta-copy strong { display:block; max-width:720px; color:#fff; font-size:clamp(27px, 3.6vw, 44px); line-height:1.08; letter-spacing:-.04em; }
.footer-cta-copy p { max-width:720px; margin:15px 0 0; color:#c0d3ec; font-size:15px; }
.footer-cta-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.footer-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:13px 17px; border:1px solid rgba(255,255,255,.25); border-radius:9px; font-size:14px; font-weight:850; white-space:nowrap; transition:transform .2s ease, border-color .2s ease, background .2s ease; }
.footer-btn:hover { color:#fff; transform:translateY(-2px); }
.footer-btn-primary { color:#061725; border-color:#70eaff; background:#70eaff; box-shadow:0 12px 30px rgba(77,225,250,.2); }
.footer-btn-primary:hover { color:#061725; border-color:#a8f3ff; background:#a8f3ff; }
.footer-btn-secondary { color:#eef8ff; background:rgba(5,15,41,.35); }
.footer-btn-secondary:hover { border-color:#7dd3fc; background:rgba(5,15,41,.62); }
.site-footer .footer-grid { grid-template-columns:minmax(0, 1.35fr) repeat(3, minmax(140px, .65fr)); gap:42px; margin-top:58px; }
.footer-about { min-width:0; }
.brand-footer { width:max-content; max-width:100%; }
.brand-footer .brand-mark { border:1px solid rgba(108,229,255,.24); background:#071d35; box-shadow:0 0 24px rgba(34,211,238,.14); }
.brand-footer .brand-text strong { color:#fff; font-size:20px; }
.brand-footer .brand-text small { color:#8da9be; }
.footer-description { max-width:390px; margin:22px 0 17px; color:#b4cadb !important; font-size:14px; }
.footer-proof-list { display:flex; flex-wrap:wrap; gap:7px; list-style:none; }
.footer-proof-list li { display:inline-flex; align-items:center; gap:7px; min-height:30px; padding:6px 9px; color:#bfeefa; border:1px solid rgba(104,232,255,.17); border-radius:6px; background:rgba(7,29,53,.58); font:750 10px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.footer-proof-list li::before { content:''; width:5px; height:5px; border-radius:50%; background:#42e5ff; box-shadow:0 0 10px rgba(66,229,255,.8); }
.footer-note { max-width:420px; margin:18px 0 0; color:#6f8b9f !important; font-size:12px; }
.site-footer > .container.footer-note { width:min(var(--container), calc(100% - 48px)); max-width:none; margin:24px auto 0; }
.referral-section { padding:40px 0; background:#071c2b; scroll-margin-top:100px; }
.referral-card { display:grid; grid-template-columns:150px minmax(0,1fr) auto; align-items:center; gap:28px; padding:32px 36px; border:1px solid #3b8190; border-radius:22px; background:radial-gradient(ellipse at 0 50%,#174d58 0,transparent 58%),#0b2835; color:#e8f7fc; }
.referral-badge { display:grid; place-content:center; gap:5px; text-align:center; color:#84f0d0; }
.referral-badge strong { font:800 clamp(52px,6vw,76px)/1 system-ui,sans-serif; letter-spacing:-.06em; }
.referral-badge span { font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.referral-copy h2 { margin:0 0 12px; color:#f2fbff; font:750 clamp(23px,2.5vw,32px)/1.2 system-ui,sans-serif; letter-spacing:-.025em; }
.referral-copy p { margin:0; max-width:660px; color:#c0d6e1; font-size:15px; line-height:1.7; }
.referral-card .referral-link { min-height:48px; padding:13px 18px; border:1px solid #84f0d0; border-radius:10px; background:#84f0d0; color:#07332f; font-size:14px; font-weight:750; text-align:center; text-decoration:none; }
.referral-link:hover { background:#aff9e1; }
.referral-link:focus-visible { outline:3px solid #fff; outline-offset:4px; }
@media(max-width:1000px) { .referral-card { grid-template-columns:120px minmax(0,1fr); gap:24px; } .referral-card .referral-link { grid-column:2; justify-self:start; } }
@media(max-width:600px) { .referral-section { padding:28px 0; } .referral-card { grid-template-columns:1fr; gap:20px; padding:24px; border-radius:16px; } .referral-badge { display:flex; align-items:baseline; justify-content:flex-start; gap:14px; text-align:left; } .referral-card .referral-link { grid-column:auto; justify-self:stretch; } }
.footer-column { padding-left:22px; border-left:1px solid rgba(125,211,252,.13); }
.site-footer .footer-title { position:relative; margin:0 0 17px; padding-top:13px; color:#fff; font:900 12px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.1em; text-transform:uppercase; }
.site-footer .footer-title::before { content:''; position:absolute; top:0; left:0; width:42px; height:1px; background:linear-gradient(90deg, #64e8ff, transparent); }
.site-footer .footer-list { display:grid; gap:4px; color:#91a9bd; }
.site-footer .footer-list li { min-width:0; }
.site-footer .footer-list a { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:36px; padding:6px 0; color:#a9c0d2; font-size:13px; }
.site-footer .footer-list a::after { content:'↗'; color:#49728d; font-size:11px; opacity:0; transform:translate(-5px, 3px); transition:opacity .2s ease, transform .2s ease, color .2s ease; }
.site-footer .footer-list a:hover { color:#fff; }
.site-footer .footer-list a:hover::after { color:#66e8ff; opacity:1; transform:translate(0, 0); }
.footer-status-list li { position:relative; min-height:34px; padding:7px 0 7px 18px; color:#a9c0d2; font-size:13px; }
.footer-status-list li::before { content:''; position:absolute; top:15px; left:0; width:6px; height:6px; border-radius:50%; background:#77e7a0; box-shadow:0 0 11px rgba(119,231,160,.58); }
.site-footer .footer-bottom { display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:20px; margin-top:46px; padding-top:22px; color:#6f899d; border-top:1px solid rgba(125,211,252,.13); font-size:12px; }
.footer-bottom-copy { display:flex; flex-wrap:wrap; gap:10px 30px; }
.footer-to-top { display:inline-flex; align-items:center; gap:9px; min-height:42px; padding:7px 10px 7px 7px; color:#a9c8da; border:1px solid rgba(125,211,252,.16); border-radius:999px; font-size:12px; font-weight:800; }
.footer-to-top span { display:grid; place-items:center; width:27px; height:27px; color:#071d35; border-radius:50%; background:#6be8ff; }
.footer-to-top:hover { color:#fff; border-color:rgba(125,211,252,.4); }

@media (max-width: 1060px) {
  .footer-cta { grid-template-columns:1fr; gap:25px; }
  .footer-cta-actions { justify-content:flex-start; }
  .site-footer .footer-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); gap:34px; }
  .site-footer .footer-about { grid-column:1 / -1; }
}

@media (max-width: 720px) {
  .site-footer, .home-theme .site-footer, .nano-theme:not(.home-theme) .site-footer { padding:30px 0 22px; background-size:auto, auto, 32px 32px, 32px 32px; }
  .footer-cta { gap:23px; padding:27px 21px 22px; border-radius:18px; }
  .footer-cta::before { top:11px; right:13px; font-size:7px; }
  .footer-cta-copy strong { padding-right:12px; font-size:clamp(26px, 8.5vw, 36px); }
  .footer-cta-copy p { margin-top:12px; font-size:14px; }
  .footer-cta-actions { display:grid; grid-template-columns:1fr; }
  .footer-btn { width:100%; min-height:50px; }
  .site-footer .footer-grid { grid-template-columns:1fr; gap:0; margin-top:38px; }
  .site-footer .footer-about { grid-column:auto; padding-bottom:27px; }
  .brand-footer .brand-text small { display:block; max-width:220px; }
  .footer-description { margin-top:18px; }
  .footer-column { padding:23px 0; border-top:1px solid rgba(125,211,252,.13); border-left:0; }
  .site-footer .footer-title { margin-bottom:10px; }
  .site-footer .footer-list { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:2px 18px; }
  .site-footer .footer-list a, .footer-status-list li { min-height:42px; }
  .site-footer .footer-bottom { grid-template-columns:1fr; gap:18px; margin-top:16px; padding-top:20px; }
  .footer-bottom-copy { display:grid; gap:5px; }
  .footer-to-top { width:max-content; }
}

@media (max-width: 390px) {
  .site-footer .footer-list { grid-template-columns:1fr; }
  .footer-proof-list { display:grid; }
  .footer-proof-list li { width:max-content; }
}

/* Mobile navigation v2: visible, accessible dropdown */
.mobile-menu-toggle, .mobile-menu-shell { display:none; }
.mobile-menu-toggle { align-items:center; justify-content:center; gap:9px; min-height:44px; padding:9px 12px; color:var(--blue-950); border:1px solid var(--line); border-radius:10px; background:var(--white); font:800 13px/1 Arial, Helvetica, sans-serif; cursor:pointer; }
.mobile-menu-icon { display:grid; gap:4px; width:18px; }
.mobile-menu-icon i { display:block; width:18px; height:2px; border-radius:2px; background:currentColor; transform-origin:center; transition:transform .2s ease, opacity .2s ease; }
.mobile-menu-toggle[aria-expanded='true'] .mobile-menu-icon i:first-child { transform:translateY(6px) rotate(45deg); }
.mobile-menu-toggle[aria-expanded='true'] .mobile-menu-icon i:nth-child(2) { opacity:0; }
.mobile-menu-toggle[aria-expanded='true'] .mobile-menu-icon i:last-child { transform:translateY(-6px) rotate(-45deg); }
.mobile-menu-shell[hidden] { display:none !important; }
.menu-scroll-lock { overflow:hidden; }
/* Clip does not create a scroll container that would detach the sticky header. */
.menu-scroll-lock body { overflow:clip; }
.main-nav a, .home-chapter-nav a, .mobile-menu-nav a { position:relative; }
.main-nav a.is-active { color:var(--blue-700); }
.main-nav a.is-active::after { content:''; position:absolute; right:0; bottom:1px; left:0; height:2px; border-radius:2px; background:currentColor; box-shadow:0 0 10px currentColor; }
.btn-call { color:#052016; border-color:#72f2b5; background:#72f2b5; box-shadow:0 12px 30px rgba(75,222,151,.18); }
.btn-call:hover { color:#03170f; border-color:#94f7ca; background:#94f7ca; }

@media (max-width: 1060px) {
  .site-header { --mobile-header-height:78px; }
  .mobile-menu-shell { position:absolute; top:100%; left:0; right:0; }
  .header-inner { position:relative; }
  .mobile-menu-toggle { display:inline-flex; margin-left:auto; }
  .mobile-menu-shell { display:block; max-height:0; overflow:hidden; overscroll-behavior:contain; visibility:hidden; opacity:0; border-top:1px solid transparent; background:rgba(255,255,255,.98); box-shadow:0 24px 50px rgba(7,29,53,.14); transform:translateY(-10px); transform-origin:top; pointer-events:none; transition:max-height .32s ease, opacity .2s ease, transform .28s ease, visibility 0s linear .32s, border-color .2s ease; }
  .mobile-menu-open .mobile-menu-shell { max-height:calc(100vh - 78px); overflow-y:auto; visibility:visible; opacity:1; border-color:var(--line); transform:translateY(0); pointer-events:auto; transition:max-height .32s ease, opacity .2s ease, transform .28s ease, visibility 0s linear 0s, border-color .2s ease; }
  .mobile-menu-panel { padding-top:18px; padding-bottom:22px; }
  .mobile-menu-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; color:var(--muted); font:800 10px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.12em; text-transform:uppercase; }
  .mobile-menu-head small { color:var(--blue-700); font:inherit; }
  .mobile-menu-nav { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; }
  .mobile-menu-nav a { display:flex; align-items:center; gap:11px; min-height:50px; padding:11px 13px; color:var(--blue-950); border:1px solid var(--line); border-radius:10px; background:var(--blue-50); font-size:14px; font-weight:850; }
  .mobile-menu-nav a span { color:var(--blue-700); font:900 9px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.08em; }
  .mobile-menu-nav a.is-active { color:var(--blue-900); border-color:rgba(20,111,216,.52); background:#e3f1ff; box-shadow:inset 3px 0 var(--blue-700); }
  .mobile-menu-directions { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
  .mobile-menu-directions a { display:inline-flex; align-items:center; min-height:38px; padding:7px 10px; color:var(--blue-900); border:1px solid var(--line); border-radius:8px; font-size:12px; font-weight:750; }
  .mobile-menu-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
  .mobile-menu-price { color:var(--blue-900); font-size:14px; font-weight:850; }
  .mobile-menu-contact { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; margin-top:12px; }
  .mobile-menu-call { display:grid; gap:3px; min-height:58px; padding:10px 12px; color:var(--blue-950); border:1px solid rgba(20,111,216,.24); border-radius:10px; background:rgba(229,243,255,.82); }
  .mobile-menu-call span { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
  .mobile-menu-call strong { font-size:14px; line-height:1.2; }
  .mobile-menu-messengers { display:grid; grid-column:1 / -1; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:7px; }
  .mobile-menu-messengers a { display:flex; align-items:center; justify-content:center; min-height:42px; padding:8px; color:var(--blue-900); border:1px solid var(--line); border-radius:9px; background:var(--white); font-size:12px; font-weight:850; }
  .home-theme .mobile-menu-toggle, .nano-theme:not(.home-theme) .mobile-menu-toggle { color:#e9faff; border-color:rgba(103,232,249,.28); background:linear-gradient(145deg, rgba(11,48,70,.96), rgba(5,26,42,.98)); box-shadow:inset 0 1px rgba(255,255,255,.04), 0 0 24px rgba(54,211,239,.08); }
  .home-theme .mobile-menu-shell, .nano-theme:not(.home-theme) .mobile-menu-shell { border-color:rgba(103,232,249,.16); background-color:rgba(2,13,23,.985); background-image:linear-gradient(rgba(103,232,249,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(103,232,249,.035) 1px, transparent 1px), radial-gradient(circle at 84% 12%, rgba(71,210,239,.1), transparent 30%); background-size:28px 28px, 28px 28px, auto; box-shadow:0 26px 65px rgba(0,0,0,.42); }
  .home-theme .mobile-menu-head, .nano-theme:not(.home-theme) .mobile-menu-head { color:#7898a9; }
  .home-theme .mobile-menu-head small, .nano-theme:not(.home-theme) .mobile-menu-head small { color:#6be8ff; }
  .home-theme .mobile-menu-nav a, .nano-theme:not(.home-theme) .mobile-menu-nav a { color:#eefbff; border-color:rgba(103,232,249,.16); background:linear-gradient(145deg, rgba(9,37,56,.92), rgba(5,24,39,.96)); }
  .home-theme .mobile-menu-nav a span, .nano-theme:not(.home-theme) .mobile-menu-nav a span { color:#6be8ff; }
  .home-theme .mobile-menu-nav a.is-active, .nano-theme:not(.home-theme) .mobile-menu-nav a.is-active { color:#f4fdff; border-color:rgba(103,232,249,.55); background:linear-gradient(145deg, rgba(10,77,101,.98), rgba(6,38,57,.98)); box-shadow:inset 3px 0 #6be8ff, 0 0 28px rgba(56,215,242,.08); }
  .home-theme .mobile-menu-directions a, .nano-theme:not(.home-theme) .mobile-menu-directions a { color:#a9c8d6; border-color:rgba(103,232,249,.15); background:rgba(7,31,48,.76); }
  .home-theme .mobile-menu-actions, .nano-theme:not(.home-theme) .mobile-menu-actions { border-color:rgba(103,232,249,.14); }
  .home-theme .mobile-menu-price, .nano-theme:not(.home-theme) .mobile-menu-price { color:#bfeaf4; }
  .home-theme .mobile-menu-call, .nano-theme:not(.home-theme) .mobile-menu-call { color:#edfaff; border-color:rgba(103,232,249,.2); background:rgba(8,38,57,.82); }
  .home-theme .mobile-menu-call span, .nano-theme:not(.home-theme) .mobile-menu-call span { color:#7797a8; }
  .home-theme .mobile-menu-messengers a, .nano-theme:not(.home-theme) .mobile-menu-messengers a { color:#c6e6ee; border-color:rgba(103,232,249,.17); background:rgba(7,31,48,.8); }
  .home-theme .main-nav a.is-active, .nano-theme:not(.home-theme) .main-nav a.is-active { color:#6be8ff; }
  .home-chapter-nav a.is-active { color:#04121c; border-color:#67e8f9; background:#67e8f9; box-shadow:0 0 26px rgba(103,232,249,.12); }
  .home-chapter-nav a.is-active span { color:#04121c; }
}

@media (max-width: 720px) {
  .header-inner { min-height:66px; gap:10px; }
  .header-inner .brand { min-width:0; }
  .header-inner .brand-text strong { font-size:15px; line-height:1.2; }
  .header-inner .brand-logo { width:40px; height:40px; flex:0 0 40px; }
  .header-actions { display:none; }
  .category-strip { display:none; }
  .mobile-menu-toggle { flex:0 0 auto; }
  .mobile-menu-open .mobile-menu-shell { max-height:calc(100vh - 66px); }
  .mobile-menu-panel { padding-top:15px; padding-bottom:20px; }
  .mobile-menu-nav { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .mobile-menu-nav a { min-height:52px; }
  .mobile-menu-directions { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .mobile-menu-directions a { min-height:42px; }
  .mobile-menu-actions { display:grid; grid-template-columns:1fr; gap:10px; }
  .mobile-menu-actions .btn { width:100%; min-height:50px; }
  .mobile-menu-contact { grid-template-columns:1fr; }
  .mobile-menu-messengers { grid-column:auto; }
}

@media (max-width: 390px) {
  .mobile-menu-toggle { padding:9px 10px; }
  .mobile-menu-nav, .mobile-menu-directions { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-menu-shell, .mobile-menu-open .mobile-menu-shell, .mobile-menu-icon i { transition:none; }
}

@media (max-width: 1060px) {
  .mobile-menu-open .mobile-menu-shell {
    max-height:calc(100vh - var(--mobile-header-height));
    max-height:calc(100dvh - var(--mobile-header-height));
    -webkit-overflow-scrolling:touch;
  }
  .mobile-menu-panel { padding-bottom:calc(22px + env(safe-area-inset-bottom, 0px)); }
}