:root { --bg:#06100d; --panel:rgba(255,255,255,0.075); --panel-strong:rgba(255,255,255,0.12); --line:rgba(255,255,255,0.14); --text:#f7f7f2; --muted:rgba(247,247,242,0.62); --accent:#7ee8c5; --nav-blue:#0071e3; }
        * { box-sizing:border-box; }
        body { margin:0; font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif; color:var(--text); background:radial-gradient(circle at 18% 12%, rgba(126,232,197,0.18), transparent 32%), radial-gradient(circle at 84% 10%, rgba(59,130,246,0.16), transparent 34%), linear-gradient(135deg,#06100d 0%,#0d1515 50%,#050807 100%); min-height:100vh; }
        body::before { content:''; position:fixed; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px); background-size:96px 96px; mask-image:linear-gradient(to bottom, rgba(0,0,0,.85), transparent); }
        .nav { position:sticky; top:0; z-index:20; display:flex; justify-content:space-between; align-items:center; gap:22px; min-height:72px; padding:12px clamp(22px,6vw,88px); background:linear-gradient(180deg, rgba(6,14,11,0.88), rgba(6,14,11,0.70)); color:var(--text); backdrop-filter:blur(26px) saturate(160%); -webkit-backdrop-filter:blur(26px) saturate(160%); border-bottom:1px solid rgba(255,255,255,0.10); box-shadow:0 18px 52px rgba(0,0,0,0.22); }
        .brand { display:flex; align-items:center; gap:13px; color:var(--text); text-decoration:none; white-space:nowrap; min-width:240px; }
        .brand-mark { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; color:var(--accent); }
        .brand-symbol { width:42px; height:42px; display:block; overflow:visible; }
        .brand-symbol-bg { fill:rgba(255,255,255,0.045); stroke:rgba(126,232,197,0.40); stroke-width:1.2; }
        .brand-symbol-orbit { fill:none; stroke:rgba(126,232,197,0.58); stroke-width:2.1; stroke-linecap:round; }
        .brand-symbol-wing { fill:rgba(247,247,242,0.95); }
        .brand-symbol-cut { fill:rgba(126,232,197,0.72); }
        .brand-symbol-node { fill:var(--accent); filter:drop-shadow(0 0 8px rgba(126,232,197,0.55)); }
        .brand-copy { display:grid; gap:3px; min-width:0; }
        .brand-name { color:var(--text); font-size:18px; line-height:1; font-weight:780; letter-spacing:-0.02em; }
        .brand-sub { color:rgba(247,247,242,0.48); font-size:11px; line-height:1; font-weight:680; }
        .static-menu-btn { display:none; border:0; background:transparent; color:var(--text); font-size:22px; line-height:1; padding:8px; cursor:pointer; }
        .nav-links { display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
        .nav-links a { color:rgba(247,247,242,0.68); text-decoration:none; font-weight:680; font-size:13px; line-height:1; padding:10px 11px; border:1px solid transparent; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; min-height:40px; }
        .nav-links a:hover, .nav-links a.active { color:var(--text); background:rgba(255,255,255,0.06); border-color:rgba(255,255,255,0.10); }
        .nav-links .nav-cta { color:#06110e; background:var(--accent); border-radius:999px; padding:14px 20px; font-weight:860; border:0; box-shadow:0 10px 26px rgba(126,232,197,0.16); }
        .nav-links .nav-cta:hover, .nav-links .nav-cta.active { color:#06110e; background:#9bf0d4; border:0; }
        .nav-links .nav-lang, .nav-links .nav-login { color:rgba(247,247,242,0.46); font-size:12px; white-space:nowrap; }
        main { width:min(1120px, calc(100% - 40px)); margin:0 auto; padding:78px 0 90px; }
        .page-hero { margin-bottom:34px; }
        .eyebrow { color:var(--accent); text-transform:uppercase; letter-spacing:.18em; font-size:12px; font-weight:800; }
        h1 { max-width:900px; margin:18px 0 22px; font-size:clamp(46px,8vw,94px); line-height:.95; letter-spacing:-.055em; text-wrap:balance; }
        .lead { max-width:760px; color:var(--muted); font-size:20px; line-height:1.7; }
        .product-grid, .blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:28px; }
        .product-card, .blog-card, .panel { border:1px solid var(--line); background:linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045)); border-radius:28px; padding:26px; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 24px 60px rgba(0,0,0,.24); backdrop-filter:blur(24px); }
        .product-card-top { display:flex; justify-content:space-between; gap:12px; margin-bottom:28px; color:var(--accent); font-size:12px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
        .product-card h3, .blog-card h3 { margin:0 0 14px; font-size:26px; line-height:1.08; letter-spacing:-.025em; }
        .product-card h3 span, .blog-card h4 { display:block; margin-top:8px; color:rgba(247,247,242,.62); font-size:15px; line-height:1.45; }
        .product-card p, .blog-card p, .panel p { color:var(--muted); line-height:1.72; }
        .product-card-cn { color:rgba(247,247,242,.78)!important; font-weight:680; }
        .product-card a, .blog-card a, .cta { display:inline-flex; margin-top:18px; color:#07110e; background:var(--accent); border-radius:999px; padding:12px 18px; text-decoration:none; font-weight:800; }
        .product-commerce { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin-top:auto; padding-top:12px; }
        .product-price { color:rgba(247,247,242,.92); font-weight:860; white-space:nowrap; }
        .product-commerce .product-buy { margin-top:0; color:#07110e; background:var(--accent); padding:10px 16px; }
        .product-benefits { max-height:0; opacity:0; overflow:hidden; transition:max-height .24s ease, opacity .2s ease; }
        .product-card:hover .product-benefits, .product-card:focus-within .product-benefits { max-height:160px; opacity:1; }
        .product-delivery { margin-top:0; padding-top:0; display:grid; gap:5px; max-height:0; opacity:0; overflow:hidden; transition:max-height .24s ease, opacity .2s ease, margin .2s ease; }
        .product-card:hover .product-delivery, .product-card:focus-within .product-delivery { max-height:92px; opacity:1; margin-top:12px; }
        .product-delivery strong { color:rgba(247,247,242,.86); font-size:13px; }
        .product-delivery span { color:rgba(247,247,242,.48); font-size:12px; line-height:1.45; }
        .product-card-actions { display:flex; justify-content:flex-end; margin-top:12px; }
        .product-card-actions a.product-secondary { margin-top:0; color:rgba(247,247,242,.70); background:transparent; border:0; padding:0; }
        .panel { margin-top:20px; display:flex; justify-content:space-between; gap:22px; align-items:center; }
        .trial-layout { display:grid; grid-template-columns:minmax(0, .86fr) minmax(320px, .62fr); gap:22px; align-items:start; margin-top:28px; }
        .trial-form { display:grid; gap:14px; }
        .trial-form label { display:grid; gap:8px; color:rgba(247,247,242,.76); font-weight:720; font-size:13px; }
        .trial-form label b { color:var(--accent); }
        .trial-form input, .trial-form select { width:100%; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.075); color:var(--text); padding:13px 14px; font:inherit; outline:none; }
        .trial-form option { color:#111; }
        .trial-form button { border:0; border-radius:999px; background:var(--accent); color:#07110e; padding:14px 18px; font-weight:840; cursor:pointer; }
        .trial-feedback { margin:0; color:rgba(247,247,242,.56); font-size:13px; line-height:1.55; }
        footer { border-top:1px solid var(--line); color:rgba(247,247,242,.5); padding:28px clamp(22px,6vw,88px); font-size:13px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
        @media (max-width:850px) { .nav { align-items:center; gap:12px; flex-wrap:wrap; } .brand { min-width:0; } .brand-sub { display:none; } .static-menu-btn { display:block; margin-left:auto; } .nav-links { display:none; flex-direction:column; align-items:flex-start; gap:8px; width:100%; padding:8px 0 2px; } .nav-links.active { display:flex; } .nav-links a { font-size:15px; width:100%; } .nav-links .nav-cta { width:100%; justify-content:center; text-align:center; } .product-grid, .blog-grid, .trial-layout { grid-template-columns:1fr; } .panel { display:block; } }

        /* SaaS commerce pass for secondary pages */
        :root { --accent:#ff8a1f; --accent-blue:#2563eb; --accent-soft:rgba(255,138,31,0.14); }
        body { background:radial-gradient(circle at 18% 10%, rgba(37,99,235,0.20), transparent 30%), radial-gradient(circle at 88% 12%, rgba(255,138,31,0.16), transparent 26%), linear-gradient(135deg,#071426 0%,#0a1221 48%,#060912 100%); }
        .nav { position:fixed; left:0; right:0; top:0; z-index:10000; background:rgba(248,250,252,0.88); color:#0f172a; border-bottom:1px solid rgba(15,23,42,0.08); box-shadow:0 16px 48px rgba(2,6,23,0.12); }
        main { padding-top:118px; }
        .brand, .brand-name { color:#0f172a; }
        .brand-sub, .nav-links .nav-lang, .nav-links .nav-login { color:rgba(15,23,42,0.56); }
        body:not(.lang-zh) .i18n-zh, body.lang-en .i18n-zh, body.lang-zh .i18n-en { display:none!important; }
        .language-dropdown { position:relative; display:inline-flex; align-items:center; }
        .nav-links .nav-lang { min-height:38px; display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(15,23,42,0.10); border-radius:999px; background:#ffffff; color:rgba(15,23,42,0.70); padding:0 12px; cursor:pointer; font:inherit; font-size:12px; font-weight:760; box-shadow:0 8px 18px rgba(15,23,42,0.06); }
        .nav-links .nav-lang:hover { color:#0f172a; border-color:rgba(37,99,235,0.22); background:#f8fafc; }
        .lang-current { min-width:28px; text-align:center; }
        .lang-arrow { font-size:11px; line-height:1; color:rgba(15,23,42,0.46); transform:translateY(-1px); }
        .language-menu { position:absolute; top:calc(100% + 8px); right:0; z-index:10020; min-width:190px; display:none; gap:5px; padding:6px; border:1px solid rgba(15,23,42,0.10); border-radius:14px; background:rgba(255,255,255,0.98); box-shadow:0 22px 50px rgba(2,6,23,0.16); }
        .language-dropdown.active .language-menu { display:grid; }
        .language-option { width:100%; min-height:40px; display:flex; align-items:center; justify-content:space-between; gap:14px; border:0; border-radius:10px; background:transparent; color:#0f172a; padding:0 10px; font:inherit; font-size:13px; font-weight:720; cursor:pointer; text-align:left; text-decoration:none; }
        .language-option strong { color:rgba(15,23,42,0.52); font-size:12px; }
        .language-option:hover, .language-option.active { background:#fff7ed; color:#9a3412; }
        .language-option:hover strong, .language-option.active strong { color:#c2410c; }
        .language-option-muted, .language-option-muted:hover { cursor:not-allowed; background:#f8fafc; color:rgba(15,23,42,0.42); }
        .language-option-muted strong, .language-option-muted:hover strong { color:rgba(15,23,42,0.32); }
        .nav-links a { color:rgba(15,23,42,0.68); }
        .nav-links a:hover, .nav-links a.active { color:#0f172a; background:rgba(37,99,235,0.08); border-color:rgba(37,99,235,0.18); }
        .nav-links .nav-cta, .cta, .trial-form button, .product-card a.product-buy { color:#111827; background:linear-gradient(135deg,#ffb547,#ff7a1a); border:0; box-shadow:0 16px 34px rgba(255,122,26,0.24); }
        .nav-links .nav-cta:hover, .nav-links .nav-cta.active, .cta:hover, .trial-form button:hover, .product-card a.product-buy:hover { background:linear-gradient(135deg,#ffc46a,#ff8a1f); transform:translateY(-1px); }
        .product-card { min-height:560px; display:flex; flex-direction:column; padding:26px; }
        .product-card-actions { display:flex; justify-content:flex-end; margin-top:12px; }
        .product-card-actions a { min-height:auto; display:inline-flex; align-items:center; justify-content:center; margin-top:0; }
        .product-card a.product-waitlist { color:#f8fafc; background:linear-gradient(135deg,rgba(37,99,235,.96),rgba(8,26,58,.98)); box-shadow:0 16px 34px rgba(37,99,235,.24); }
        .product-card a.product-waitlist:hover { color:#f8fafc; background:linear-gradient(135deg,rgba(59,130,246,.98),rgba(8,26,58,.98)); box-shadow:0 18px 36px rgba(37,99,235,.30); }
        .product-card-waitlist .product-delivery span { color:rgba(247,247,242,.64); }
        .brand-symbol-bg { fill:rgba(37,99,235,0.08); stroke:rgba(37,99,235,0.34); }
        .brand-symbol-orbit { stroke:rgba(37,99,235,0.62); }
        .brand-symbol-cut { fill:rgba(255,138,31,0.78); }
        .brand-symbol-node { fill:#ff8a1f; filter:drop-shadow(0 0 8px rgba(255,138,31,0.48)); }
        .product-card { overflow:hidden; }
        .product-thumb { position:relative; min-height:188px; border-radius:20px; overflow:hidden; margin-bottom:24px; border:1px solid rgba(255,255,255,0.12); background:linear-gradient(135deg, rgba(37,99,235,0.30), rgba(255,138,31,0.12)), #0b1220; box-shadow:inset 0 1px 0 rgba(255,255,255,0.16); }
        .product-thumb-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px); background-size:24px 24px; opacity:.56; }
        .product-thumb-glow { position:absolute; width:240px; height:240px; border-radius:999px; right:-96px; top:-92px; background:radial-gradient(circle,rgba(255,255,255,.20),rgba(126,232,197,.10) 38%,transparent 66%); border:1px solid rgba(255,255,255,.12); }
        .product-preview-window { position:absolute; inset:18px; border-radius:16px; overflow:hidden; border:1px solid rgba(255,255,255,.16); background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045)); box-shadow:0 16px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.15); backdrop-filter:blur(18px); }
        .product-preview-bar { height:24px; display:flex; align-items:center; gap:6px; padding:0 12px; background:rgba(0,0,0,.20); border-bottom:1px solid rgba(255,255,255,.08); }
        .product-preview-bar span { width:7px; height:7px; border-radius:999px; background:rgba(255,255,255,.60); }
        .product-preview-bar span:nth-child(1) { background:#ff8a66; } .product-preview-bar span:nth-child(2) { background:#ffcf66; } .product-preview-bar span:nth-child(3) { background:#7ee8c5; }
        .product-preview-body { padding:15px 16px 16px; }
        .product-preview-eyebrow { display:block; margin-bottom:8px; color:rgba(191,219,254,.90); font-size:12px; font-weight:860; letter-spacing:.05em; text-transform:uppercase; }
        .product-preview-body strong { display:block; max-width:260px; color:#fff; font-size:18px; line-height:1.12; letter-spacing:-.015em; }
        .product-preview-lines { display:grid; gap:7px; margin-top:15px; }
        .product-preview-lines i { display:block; width:var(--w); height:7px; border-radius:999px; background:rgba(255,255,255,.16); }
        .product-preview-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:15px; }
        .product-preview-chips span { color:rgba(248,250,252,.78); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:4px 8px; font-size:10px; font-weight:760; }
        .product-benefits { display:grid; gap:8px; margin:0; padding:0; list-style:none; max-height:0; opacity:0; overflow:hidden; transition:max-height .24s ease, opacity .2s ease, margin .2s ease; }
        .product-card:hover .product-benefits, .product-card:focus-within .product-benefits { max-height:160px; opacity:1; margin-top:14px; }
        .product-benefits li { position:relative; padding-left:18px; color:rgba(248,250,252,.78); font-size:13px; line-height:1.45; font-weight:700; }
        .product-benefits li::before { content:""; position:absolute; left:0; top:.62em; width:7px; height:7px; border-radius:999px; background:#7ee8c5; box-shadow:0 0 12px rgba(126,232,197,.50); }
        .product-card-actions a.product-secondary { color:rgba(247,247,242,.70); background:transparent; border:0; padding:0; }
        @media (max-width:850px) { .nav { position:sticky; } main { padding-top:78px; } .language-dropdown { width:100%; display:grid; } .nav-links .nav-lang { width:100%; min-height:44px; justify-content:space-between; } .language-menu { position:static; width:100%; margin-top:6px; box-shadow:none; } .product-card { min-height:0; } .product-benefits, .product-delivery { max-height:none; opacity:1; } }

        /* v52: foundation redesign. No blue overlay layer; no logo recoloring. */
        :root {
            --ctf-bg: #eef6ff;
            --ctf-bg-2: #e4f1ff;
            --ctf-surface: #f7fbff;
            --ctf-surface-strong: #f1f8ff;
            --ctf-panel: #eaf4ff;
            --ctf-panel-2: #ddecff;
            --ctf-line: #bfdaf7;
            --ctf-line-soft: #d6e8fb;
            --ctf-ink: #07172f;
            --ctf-text: #13233d;
            --ctf-muted: #40536f;
            --ctf-soft: #65758d;
            --ctf-blue: #0875e1;
            --ctf-blue-strong: #005fc5;
            --ctf-green: #1f9f68;
            --ctf-orange: #ff8a1f;
            --ctf-shadow: 0 18px 42px rgba(8, 83, 156, 0.13);
            --ctf-shadow-soft: 0 10px 28px rgba(8, 83, 156, 0.09);
            --ctf-radius: 24px;
        }
        *,
        *::before,
        *::after {
            box-sizing: border-box !important;
            letter-spacing: 0 !important;
        }
        html {
            background: var(--ctf-bg) !important;
            color: var(--ctf-ink) !important;
            scroll-padding-top: 86px !important;
        }
        body {
            margin: 0 !important;
            background: linear-gradient(180deg, var(--ctf-bg) 0%, var(--ctf-bg-2) 44%, #f3f9ff 100%) !important;
            color: var(--ctf-ink) !important;
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, sans-serif !important;
            line-height: 1.58 !important;
            -webkit-font-smoothing: antialiased !important;
            text-rendering: optimizeLegibility !important;
        }
        body::before,
        .fixed-ambient-bg,
        .orb {
            content: none !important;
            display: none !important;
            background: none !important;
            opacity: 0 !important;
        }
        ::selection {
            color: #ffffff !important;
            background: var(--ctf-blue) !important;
        }
        main,
        section,
        .hero-section,
        .page-hero,
        .product-showcase,
        .trial-gate,
        .research-showcase,
        .business-ecosystem,
        .updates-section,
        .travel-showcase,
        .faq-section,
        .subscribe-section {
            background: transparent !important;
            color: var(--ctf-ink) !important;
            text-shadow: none !important;
        }
        .container,
        main {
            width: min(1180px, calc(100% - 40px)) !important;
            max-width: 1180px !important;
        }
        body > .site-nav + main,
        body > .nav + main,
        main {
            padding-top: 74px !important;
        }
        .site-nav,
        .nav,
        .navbar {
            min-height: 68px !important;
            background: rgba(238, 246, 255, 0.96) !important;
            color: var(--ctf-ink) !important;
            border-bottom: 1px solid var(--ctf-line-soft) !important;
            box-shadow: 0 10px 30px rgba(8, 83, 156, 0.08) !important;
            backdrop-filter: saturate(170%) blur(22px) !important;
            -webkit-backdrop-filter: saturate(170%) blur(22px) !important;
        }
        .site-nav.nav-scrolled,
        .nav.nav-scrolled,
        .navbar.nav-scrolled {
            background: rgba(232, 243, 255, 0.98) !important;
            border-bottom-color: var(--ctf-line) !important;
            box-shadow: 0 14px 34px rgba(8, 83, 156, 0.12) !important;
        }
        .brand-lockup,
        .brand,
        .nav-left {
            color: var(--ctf-ink) !important;
            text-decoration: none !important;
            min-width: 0 !important;
        }
        .brand-name,
        .brand-lockup strong,
        .nav-brand-main,
        .nav-brand {
            color: var(--ctf-ink) !important;
            -webkit-text-fill-color: var(--ctf-ink) !important;
            font-weight: 760 !important;
            text-shadow: none !important;
        }
        .brand-sub,
        .nav-brand-sub {
            color: var(--ctf-muted) !important;
            opacity: 1 !important;
            -webkit-text-fill-color: var(--ctf-muted) !important;
        }
        .nav-logo-box,
        .brand-mark {
            width: 42px !important;
            height: 42px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex: 0 0 42px !important;
            padding: 0 !important;
            margin: 0 !important;
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            filter: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }
        .brand-symbol,
        .site-logo,
        .locale-logo,
        .nav-svg-logo {
            width: 42px !important;
            height: 42px !important;
            display: block !important;
            overflow: visible !important;
            filter: none !important;
            transform: none !important;
        }
        .brand-symbol *,
        .site-logo *,
        .locale-logo *,
        .nav-svg-logo * {
            filter: none !important;
            opacity: 1 !important;
        }
        .nav-link,
        .nav-login,
        .nav-lang,
        .nav-links a,
        .nav-links .nav-lang,
        .language-option {
            color: var(--ctf-text) !important;
            opacity: 1 !important;
            text-shadow: none !important;
            -webkit-text-fill-color: currentColor !important;
            border-radius: 999px !important;
            font-weight: 680 !important;
        }
        .nav-link:hover,
        .nav-link.active,
        .nav-login:hover,
        .nav-lang:hover,
        .nav-links a:hover,
        .nav-links a.active {
            color: var(--ctf-ink) !important;
            background: var(--ctf-panel-2) !important;
            border-color: var(--ctf-line) !important;
            transform: none !important;
        }
        .nav-cta,
        .nav-links .nav-cta,
        .hero-btn-primary,
        .research-primary,
        .trial-form button,
        .product-card-actions a.product-buy,
        .product-card a.product-buy,
        .cta,
        .travel-primary {
            background: linear-gradient(180deg, #1389ff 0%, var(--ctf-blue) 100%) !important;
            color: #ffffff !important;
            border: 1px solid rgba(0, 95, 197, 0.18) !important;
            box-shadow: 0 12px 24px rgba(0, 113, 227, 0.20) !important;
            text-shadow: none !important;
            -webkit-text-fill-color: #ffffff !important;
        }
        .hero-secondary,
        .research-secondary,
        .product-card-actions a.product-secondary,
        .travel-secondary {
            color: var(--ctf-blue-strong) !important;
            background: var(--ctf-panel) !important;
            border: 1px solid var(--ctf-line-soft) !important;
            box-shadow: none !important;
            -webkit-text-fill-color: var(--ctf-blue-strong) !important;
        }
        .language-menu {
            background: var(--ctf-surface) !important;
            border: 1px solid var(--ctf-line-soft) !important;
            box-shadow: var(--ctf-shadow) !important;
            border-radius: 16px !important;
        }
        .language-option:hover,
        .language-option.active {
            background: var(--ctf-panel) !important;
            color: var(--ctf-blue-strong) !important;
        }
        h1,
        h2,
        h3,
        h4,
        strong,
        b,
        summary,
        .hero-title,
        .section-head h2,
        .business-head h2,
        .research-title,
        .travel-title,
        .faq-copy h2,
        .trial-gate-copy h2,
        .subscribe-panel h2,
        .page-hero h1,
        .item-title,
        .musk-title,
        .product-card h3,
        .product-card h3 span,
        .blog-card h3,
        .business-card h3,
        .business-node strong,
        .business-point strong,
        .compliance-route-step strong,
        .updates-panel-head strong,
        .product-price,
        .product-delivery strong,
        .product-preview-body strong,
        .preview-brand,
        .preview-search strong,
        .preview-result h3,
        .shot-note strong,
        .research-visual-note strong {
            color: var(--ctf-ink) !important;
            opacity: 1 !important;
            text-shadow: none !important;
            -webkit-text-fill-color: var(--ctf-ink) !important;
        }
        p,
        li,
        small,
        label,
        em,
        figcaption,
        .hero-sub,
        .lead,
        .section-head p,
        .business-head p,
        .research-lead,
        .travel-lead,
        .faq-copy p,
        .trial-gate-copy p,
        .subscribe-panel p,
        .panel p,
        .product-card p,
        .blog-card p,
        .business-card p,
        .business-node span,
        .business-point span,
        .compliance-route-step span,
        .item-desc,
        .musk-take,
        .item-source,
        .item-date,
        .updates-panel-head span,
        .preview-status,
        .preview-search,
        .preview-result p,
        .product-card-cn,
        .product-delivery span,
        .product-preview-eyebrow,
        .product-preview-chips span,
        .trust-pill span,
        .hero-proof span,
        .preview-metric span,
        .shot-note em,
        .research-visual-note span {
            color: var(--ctf-muted) !important;
            opacity: 1 !important;
            text-shadow: none !important;
            -webkit-text-fill-color: var(--ctf-muted) !important;
        }
        .hero-section {
            padding: clamp(42px, 5vw, 72px) 0 clamp(54px, 7vw, 86px) !important;
            border-bottom: 1px solid var(--ctf-line-soft) !important;
        }
        .hero-stage {
            gap: clamp(36px, 5vw, 72px) !important;
            align-items: center !important;
        }
        .hero-title,
        h1 {
            font-size: clamp(44px, 6vw, 72px) !important;
            line-height: 1.04 !important;
            font-weight: 780 !important;
            max-width: 900px !important;
            text-wrap: balance !important;
        }
        .hero-sub,
        .lead {
            font-size: clamp(18px, 2.2vw, 22px) !important;
            line-height: 1.62 !important;
            max-width: 820px !important;
        }
        .section-head h2,
        .business-head h2,
        .research-title,
        .travel-title,
        .faq-copy h2,
        .trial-gate-copy h2,
        .subscribe-panel h2,
        .page-hero h1 {
            font-size: clamp(34px, 4.6vw, 52px) !important;
            line-height: 1.10 !important;
            font-weight: 760 !important;
            text-wrap: balance !important;
        }
        .hero-kicker,
        .section-eyebrow,
        .trial-eyebrow,
        .research-kicker,
        .travel-kicker,
        .eyebrow {
            background: var(--ctf-panel) !important;
            color: var(--ctf-blue-strong) !important;
            border: 1px solid var(--ctf-line-soft) !important;
            border-radius: 999px !important;
            padding: 7px 12px !important;
            font-size: 12px !important;
            font-weight: 720 !important;
            text-transform: none !important;
            opacity: 1 !important;
            -webkit-text-fill-color: var(--ctf-blue-strong) !important;
        }
        .hero-proof,
        .preview-metric,
        .trust-pill,
        .product-card,
        .blog-card,
        .business-card,
        .business-node,
        .business-point,
        .compliance-route-step,
        .research-visual-note,
        .shot-note,
        .updates-panel,
        .faq-item,
        .panel,
        .trial-gate-card,
        .subscribe-panel,
        .github-update-card,
        .insight-item,
        .musk-feed-item,
        .preview-search,
        .preview-result,
        .product-preview-window,
        .preview-window,
        .product-thumb,
        .hero-product-preview,
        .research-shot,
        .travel-screenshot-frame,
        .business-card-visual,
        .business-loop,
        .compliance-route-map,
        .research-visual-stage,
        .shot-canvas {
            background: var(--ctf-surface) !important;
            color: var(--ctf-ink) !important;
            border: 1px solid var(--ctf-line-soft) !important;
            border-radius: var(--ctf-radius) !important;
            box-shadow: var(--ctf-shadow-soft) !important;
            opacity: 1 !important;
            text-shadow: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }
        .hero-product-preview,
        .research-shot,
        .travel-screenshot-frame,
        .product-thumb,
        .business-loop,
        .compliance-route-map,
        .shot-canvas {
            background: linear-gradient(145deg, var(--ctf-surface) 0%, var(--ctf-panel) 100%) !important;
            border-color: var(--ctf-line) !important;
            box-shadow: var(--ctf-shadow) !important;
        }
        .product-card,
        .blog-card,
        .business-card {
            padding: clamp(22px, 2.6vw, 30px) !important;
            min-height: auto !important;
        }
        .product-grid,
        .blog-grid {
            gap: 18px !important;
        }
        .product-card h3,
        .blog-card h3,
        .business-card h3 {
            font-size: clamp(22px, 2.4vw, 28px) !important;
            line-height: 1.18 !important;
            margin-bottom: 14px !important;
        }
        .product-card p,
        .blog-card p,
        .business-card p,
        .item-desc,
        .musk-take {
            font-size: 15.5px !important;
            line-height: 1.66 !important;
        }
        .product-benefits,
        .product-delivery {
            display: grid !important;
            max-height: none !important;
            opacity: 1 !important;
            overflow: visible !important;
            margin-top: 14px !important;
        }
        .product-benefits {
            gap: 9px !important;
            padding: 0 !important;
        }
        .product-benefits li {
            color: var(--ctf-text) !important;
            font-size: 14px !important;
            line-height: 1.48 !important;
            font-weight: 650 !important;
            opacity: 1 !important;
            -webkit-text-fill-color: var(--ctf-text) !important;
        }
        .product-benefits li::before {
            background: var(--ctf-green) !important;
            box-shadow: none !important;
        }
        .product-delivery {
            gap: 5px !important;
            padding-top: 14px !important;
            border-top: 1px solid var(--ctf-line-soft) !important;
        }
        .product-commerce {
            margin-top: 18px !important;
        }
        .product-thumb-grid {
            opacity: 1 !important;
            background-image:
                linear-gradient(rgba(8, 117, 225, 0.14) 1px, transparent 1px),
                linear-gradient(90deg, rgba(8, 117, 225, 0.14) 1px, transparent 1px) !important;
        }
        .product-thumb-glow {
            background: radial-gradient(circle, rgba(8,117,225,0.20), rgba(31,159,104,0.12) 42%, transparent 70%) !important;
        }
        .product-preview-bar,
        .preview-topbar {
            background: var(--ctf-panel) !important;
            border-bottom: 1px solid var(--ctf-line-soft) !important;
        }
        .product-preview-lines i,
        .preview-lines i,
        .preview-bar,
        .metric-bar,
        .chart-line {
            background: #85c4ff !important;
            opacity: 1 !important;
        }
        .product-preview-chips span,
        .preview-pill,
        .preview-link,
        .item-tag,
        .company-tag,
        .travel-feature-list b {
            color: var(--ctf-blue-strong) !important;
            background: var(--ctf-panel) !important;
            border: 1px solid var(--ctf-line-soft) !important;
            opacity: 1 !important;
            -webkit-text-fill-color: var(--ctf-blue-strong) !important;
        }
        .updates-panel {
            padding: clamp(18px, 2.5vw, 28px) !important;
        }
        .updates-main-feed {
            gap: 12px !important;
        }
        .updates-main-feed > :is(.github-update-card, .insight-item, .musk-feed-item),
        .updates-main-feed > :is(.github-update-card, .insight-item, .musk-feed-item):first-child,
        .updates-main-feed > :is(.github-update-card, .insight-item, .musk-feed-item):nth-child(n+2),
        .updates-panel .github-update-card.update-text-row {
            background: var(--ctf-surface-strong) !important;
            color: var(--ctf-ink) !important;
            border: 1px solid var(--ctf-line-soft) !important;
            box-shadow: none !important;
            opacity: 1 !important;
            padding: 18px !important;
        }
        .updates-main-feed > :is(.github-update-card, .insight-item, .musk-feed-item):hover {
            background: var(--ctf-panel) !important;
            border-color: var(--ctf-line) !important;
            transform: none !important;
        }
        .item-meta {
            gap: 8px !important;
            flex-wrap: wrap !important;
        }
        .item-title,
        .musk-title {
            font-size: 16px !important;
            line-height: 1.34 !important;
            margin: 9px 0 7px !important;
        }
        .item-source,
        .item-date {
            font-size: 12px !important;
            line-height: 1.3 !important;
        }
        .business-node,
        .compliance-route-step {
            min-height: 96px !important;
        }
        .business-node b,
        .compliance-route-step b,
        .preview-index,
        .shot-note > span {
            background: var(--ctf-blue) !important;
            color: #ffffff !important;
            box-shadow: none !important;
            -webkit-text-fill-color: #ffffff !important;
        }
        .research-shot img,
        .travel-screenshot-frame img,
        .shot-canvas img {
            opacity: 1 !important;
        }
        .faq-item {
            box-shadow: none !important;
            background: var(--ctf-surface-strong) !important;
        }
        .faq-plus {
            background: var(--ctf-panel) !important;
            color: var(--ctf-blue-strong) !important;
        }
        input,
        select,
        textarea {
            background: var(--ctf-surface) !important;
            color: var(--ctf-ink) !important;
            border: 1px solid var(--ctf-line) !important;
            box-shadow: none !important;
            -webkit-text-fill-color: var(--ctf-ink) !important;
        }
        option {
            color: var(--ctf-ink) !important;
            background: var(--ctf-surface) !important;
        }
        main :where(h1, h2, h3, h4, p, li, span, a, button, summary, strong, b, em, label, small, figcaption),
        footer :where(h1, h2, h3, h4, p, li, span, a, button, summary, strong, b, em, label, small) {
            opacity: 1 !important;
            text-shadow: none !important;
        }
        body.lang-en,
        body.lang-zh,
        body.localized-home,
        body[class] {
            background: linear-gradient(180deg, var(--ctf-bg) 0%, var(--ctf-bg-2) 44%, #f3f9ff 100%) !important;
            color: var(--ctf-ink) !important;
        }
        body.lang-en .hero-proof strong,
        body.lang-en .hero-proof b,
        body.lang-en .preview-topbar,
        body.lang-en .preview-topbar *,
        body.lang-en .business-card-top,
        body.lang-en .business-card-top *,
        body.lang-en .business-card-visual span,
        body.lang-en .business-card-visual span *,
        body.lang-en .product-card-top,
        body.lang-en .product-card-top *,
        body.lang-en .travel-source-note,
        body.lang-en .travel-source-note *,
        .hero-proof strong,
        .hero-proof b,
        .preview-topbar,
        .preview-topbar *,
        .business-card-top,
        .business-card-top *,
        .business-card-visual span,
        .business-card-visual span *,
        .product-card-top,
        .product-card-top *,
        .travel-source-note,
        .travel-source-note * {
            color: var(--ctf-text) !important;
            opacity: 1 !important;
            text-shadow: none !important;
            -webkit-text-fill-color: var(--ctf-text) !important;
        }
        body.lang-en .business-ecosystem,
        body.lang-en .travel-showcase,
        .business-ecosystem,
        .travel-showcase {
            background: var(--ctf-bg-2) !important;
        }
        body.lang-en main .business-ecosystem > .container,
        main .business-ecosystem > .container,
        body.lang-en .trial-gate,
        .trial-gate,
        body.lang-en .faq-section.container,
        .faq-section.container,
        body.lang-en .subscribe-panel,
        .subscribe-panel {
            background: var(--ctf-surface-strong) !important;
            border: 1px solid var(--ctf-line-soft) !important;
            box-shadow: var(--ctf-shadow-soft) !important;
        }
        body.lang-en .trial-gate-card,
        .trial-gate-card {
            background: var(--ctf-panel) !important;
            border: 1px solid var(--ctf-line-soft) !important;
        }
        body.lang-en .preview-status,
        body.lang-en .preview-search span,
        body.lang-en .preview-search em,
        body.lang-en .preview-result p,
        .preview-status,
        .preview-search span,
        .preview-search em,
        .preview-result p {
            color: var(--ctf-muted) !important;
            -webkit-text-fill-color: var(--ctf-muted) !important;
        }
        .business-card-top,
        .product-card-top {
            background: transparent !important;
        }
        .business-card-visual span {
            background: var(--ctf-panel) !important;
            border: 1px solid var(--ctf-line-soft) !important;
        }
        .nav-cta,
        .nav-links .nav-cta,
        .hero-btn-primary,
        .research-primary,
        .trial-form button,
        .product-card-actions a.product-buy,
        .product-card a.product-buy,
        .cta,
        .travel-primary {
            background: linear-gradient(180deg, #0875e1 0%, #0057b8 100%) !important;
        }
        .reveal-ready,
        .reveal-ready.in-view,
        main section.reveal-ready,
        main section.reveal-ready.in-view {
            opacity: 1 !important;
            transform: none !important;
        }
        a:focus-visible,
        button:focus-visible,
        summary:focus-visible,
        input:focus-visible,
        select:focus-visible,
        textarea:focus-visible {
            outline: 3px solid rgba(8, 117, 225, 0.28) !important;
            outline-offset: 3px !important;
        }
        @media (max-width: 1180px) {
            .container,
            main {
                width: min(100% - 32px, 1180px) !important;
            }
        }
        @media (max-width: 960px) {
            body.site-menu-open {
                overflow: hidden !important;
            }
            .site-nav,
            .nav,
            .navbar {
                grid-template-columns: minmax(0, 1fr) 42px !important;
                width: 100vw !important;
                max-width: 100vw !important;
                overflow: visible !important;
            }
            .mobile-menu-btn,
            .static-menu-btn {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                color: var(--ctf-ink) !important;
                background: transparent !important;
                border-color: transparent !important;
                box-shadow: none !important;
            }
            .mobile-menu-btn[aria-expanded="true"],
            .static-menu-btn[aria-expanded="true"] {
                background: var(--ctf-panel) !important;
                color: var(--ctf-blue-strong) !important;
            }
            .nav-center,
            .nav-actions,
            .nav-links {
                background: var(--ctf-surface) !important;
                color: var(--ctf-ink) !important;
                border: 1px solid var(--ctf-line-soft) !important;
                box-shadow: var(--ctf-shadow) !important;
            }
            .nav-center.active,
            .nav-actions.active,
            .nav-links.active {
                display: flex !important;
            }
            .nav-link,
            .nav-login,
            .nav-lang,
            .nav-links a,
            .nav-links .nav-lang {
                width: 100% !important;
                min-height: 44px !important;
                justify-content: flex-start !important;
                align-items: center !important;
            }
            .nav-cta,
            .nav-links .nav-cta {
                justify-content: center !important;
            }
            .language-dropdown,
            .language-menu {
                width: 100% !important;
            }
            .language-menu {
                position: static !important;
                margin-top: 8px !important;
            }
            .hero-section {
                padding-top: 52px !important;
            }
            .hero-title,
            h1 {
                font-size: clamp(38px, 10vw, 52px) !important;
            }
            .product-grid,
            .blog-grid,
            .trial-layout {
                grid-template-columns: 1fr !important;
            }
        }
        @media (max-width: 620px) {
            .container,
            main {
                width: min(100% - 24px, 1180px) !important;
            }
            .hero-actions,
            .travel-actions,
            .product-card-actions {
                width: 100% !important;
            }
            .hero-btn,
            .hero-secondary,
            .research-primary,
            .research-secondary,
            .travel-actions a,
            .product-card-actions a,
            .trial-form button {
                width: 100% !important;
                justify-content: center !important;
                text-align: center !important;
            }
            .product-commerce {
                align-items: stretch !important;
                flex-direction: column !important;
            }
        }
        /* v54: liquid glass redesign, restored original logo, readable hero flow. */
        :root {
            --ctf-bg: #eaf6ff !important;
            --ctf-bg-2: #dceeff !important;
            --ctf-bg-3: #f7fbff !important;
            --ctf-glass: rgba(255, 255, 255, 0.58) !important;
            --ctf-glass-strong: rgba(255, 255, 255, 0.72) !important;
            --ctf-glass-soft: rgba(247, 252, 255, 0.44) !important;
            --ctf-line: rgba(83, 151, 215, 0.22) !important;
            --ctf-line-soft: rgba(126, 179, 226, 0.16) !important;
            --ctf-ink: #07162d !important;
            --ctf-text: #10213d !important;
            --ctf-muted: #415672 !important;
            --ctf-soft: #64748b !important;
            --ctf-blue: #0b72d9 !important;
            --ctf-blue-strong: #0757b8 !important;
            --ctf-orange: #ff8a1f !important;
            --ctf-radius: 28px !important;
            --ctf-shadow: 0 24px 80px rgba(18, 93, 164, 0.13) !important;
            --ctf-shadow-soft: 0 14px 48px rgba(18, 93, 164, 0.09) !important;
        }
        html {
            background: #eaf6ff !important;
            color: var(--ctf-ink) !important;
            scroll-padding-top: 104px !important;
        }
        body {
            background:
                linear-gradient(180deg, #eaf6ff 0%, #dceeff 36%, #f7fbff 74%, #eef7ff 100%) !important;
            color: var(--ctf-ink) !important;
        }
        body::before,
        body::after,
        .fixed-ambient-bg,
        .orb {
            content: none !important;
            display: none !important;
        }
        * {
            letter-spacing: 0 !important;
        }
        .site-nav,
        .nav,
        .locale-nav {
            position: fixed !important;
            top: 14px !important;
            left: 50% !important;
            right: auto !important;
            width: calc(100% - 56px) !important;
            max-width: 1380px !important;
            min-height: 76px !important;
            transform: translateX(-50%) !important;
            display: grid !important;
            grid-template-columns: minmax(230px, 0.8fr) auto minmax(260px, 0.8fr) !important;
            align-items: center !important;
            gap: 18px !important;
            padding: 11px 18px !important;
            border: 1px solid rgba(86, 155, 219, 0.20) !important;
            border-radius: 28px !important;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(242, 249, 255, 0.50)) !important;
            color: var(--ctf-ink) !important;
            box-shadow: 0 18px 52px rgba(14, 89, 160, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.80) !important;
            backdrop-filter: blur(26px) saturate(172%) !important;
            -webkit-backdrop-filter: blur(26px) saturate(172%) !important;
        }
        .site-nav.nav-scrolled,
        .nav.nav-scrolled,
        .locale-nav.nav-scrolled {
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(235, 246, 255, 0.62)) !important;
            box-shadow: 0 16px 48px rgba(14, 89, 160, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
            border-color: rgba(67, 138, 205, 0.26) !important;
        }
        .brand-lockup,
        .brand {
            min-width: 0 !important;
            gap: 12px !important;
        }
        .nav-logo-box,
        .brand-mark {
            width: 42px !important;
            height: 42px !important;
            flex: 0 0 42px !important;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            filter: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }
        .site-logo,
        .brand-symbol,
        .locale-logo {
            width: 42px !important;
            height: 42px !important;
            display: block !important;
            overflow: visible !important;
            filter: none !important;
            transform: none !important;
        }
        .site-logo *,
        .brand-symbol *,
        .locale-logo * {
            filter: none !important;
        }
        .nav-brand-main,
        .brand-name {
            color: #07162d !important;
            font-size: 18px !important;
            line-height: 1.05 !important;
            font-weight: 800 !important;
            -webkit-text-fill-color: #07162d !important;
        }
        .nav-brand-sub,
        .brand-sub {
            color: #52677f !important;
            font-size: 11px !important;
            line-height: 1 !important;
            font-weight: 680 !important;
        }
        .nav-center,
        .nav-actions,
        .nav-links {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 7px !important;
            width: auto !important;
            min-width: 0 !important;
            padding: 0 !important;
            border: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
        }
        .nav-actions,
        .nav-links {
            justify-self: end !important;
        }
        .nav-link,
        .nav-login,
        .nav-lang,
        .nav-links a,
        .nav-links .nav-lang {
            min-height: 44px !important;
            width: auto !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 16px !important;
            border: 1px solid transparent !important;
            border-radius: 999px !important;
            background: transparent !important;
            color: #132541 !important;
            font-size: 14px !important;
            font-weight: 720 !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            box-shadow: none !important;
        }
        .nav-link:hover,
        .nav-link.active,
        .nav-login:hover,
        .nav-lang:hover,
        .nav-links a:hover,
        .nav-links a.active {
            color: #06204a !important;
            background: rgba(214, 234, 255, 0.62) !important;
            border-color: rgba(96, 165, 250, 0.22) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
        }
        .nav-cta,
        .nav-links .nav-cta,
        .hero-btn-primary,
        .research-primary,
        .travel-primary,
        .trial-direct-button.research-primary,
        .cta {
            min-height: 46px !important;
            border-radius: 999px !important;
            color: #ffffff !important;
            background: linear-gradient(135deg, #0b78e3, #0756b3) !important;
            border: 1px solid rgba(255, 255, 255, 0.24) !important;
            box-shadow: 0 14px 34px rgba(7, 87, 184, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
        }
        .nav-cta:hover,
        .hero-btn-primary:hover,
        .research-primary:hover,
        .travel-primary:hover,
        .cta:hover {
            transform: translateY(-1px) !important;
            background: linear-gradient(135deg, #1687f4, #075fc6) !important;
        }
        .language-menu {
            border-radius: 18px !important;
            border: 1px solid rgba(86, 155, 219, 0.20) !important;
            background: rgba(255, 255, 255, 0.84) !important;
            box-shadow: 0 22px 56px rgba(14, 89, 160, 0.16) !important;
            backdrop-filter: blur(22px) saturate(160%) !important;
            -webkit-backdrop-filter: blur(22px) saturate(160%) !important;
        }
        main {
            width: 100% !important;
            max-width: none !important;
            padding-top: 0 !important;
        }
        .container {
            width: min(1220px, calc(100% - 64px)) !important;
            max-width: 1220px !important;
        }
        .hero-section {
            min-height: 760px !important;
            padding: 132px 0 88px !important;
            display: flex !important;
            align-items: center !important;
        }
        .hero-stage {
            display: grid !important;
            grid-template-columns: minmax(0, 0.88fr) minmax(480px, 1.12fr) !important;
            align-items: center !important;
            gap: 42px !important;
        }
        .hero-content {
            max-width: 590px !important;
            min-width: 0 !important;
        }
        .hero-kicker,
        .section-eyebrow,
        .research-kicker,
        .trial-eyebrow,
        .travel-kicker {
            display: inline-flex !important;
            align-items: center !important;
            min-height: 34px !important;
            padding: 0 14px !important;
            border-radius: 999px !important;
            border: 1px solid rgba(96, 165, 250, 0.22) !important;
            background: rgba(230, 243, 255, 0.70) !important;
            color: #075fc6 !important;
            font-size: 13px !important;
            line-height: 1 !important;
            font-weight: 780 !important;
            text-transform: none !important;
        }
        .hero-title,
        h1 {
            margin: 26px 0 20px !important;
            color: #06142b !important;
            font-size: 64px !important;
            line-height: 1.02 !important;
            font-weight: 860 !important;
            max-width: min(100%, 590px) !important;
            text-wrap: balance !important;
            overflow-wrap: normal !important;
            -webkit-text-fill-color: #06142b !important;
        }
        .hero-title .i18n-en,
        .hero-title .i18n-zh {
            white-space: normal !important;
        }
        .hero-sub,
        .lead,
        .research-lead,
        .travel-lead,
        .business-head p,
        .updates-head p,
        .faq-copy p {
            color: #3f5574 !important;
            font-size: 21px !important;
            line-height: 1.72 !important;
            font-weight: 520 !important;
            max-width: 560px !important;
        }
        .hero-actions {
            margin-top: 28px !important;
            display: flex !important;
            gap: 14px !important;
            flex-wrap: wrap !important;
        }
        .hero-btn,
        .hero-secondary,
        .research-secondary,
        .travel-secondary {
            min-height: 50px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 24px !important;
            border-radius: 999px !important;
            text-decoration: none !important;
            font-size: 16px !important;
            font-weight: 760 !important;
        }
        .hero-secondary,
        .research-secondary,
        .travel-secondary,
        .trial-direct-button.research-secondary {
            color: #0a4f9e !important;
            background: rgba(255, 255, 255, 0.50) !important;
            border: 1px solid rgba(96, 165, 250, 0.22) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 12px 32px rgba(18, 93, 164, 0.08) !important;
            backdrop-filter: blur(18px) saturate(160%) !important;
            -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
        }
        .hero-proof-row {
            margin-top: 34px !important;
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 12px !important;
        }
        .hero-proof,
        .trial-gate,
        .business-ecosystem > .container,
        .updates-panel,
        .faq-section,
        .trial-gate-card,
        .business-card,
        .research-visual-note,
        .travel-feature-list li,
        .panel,
        .blog-card {
            border: 1px solid var(--ctf-line) !important;
            background:
                linear-gradient(145deg, rgba(255, 255, 255, 0.68), rgba(242, 249, 255, 0.42)) !important;
            box-shadow: var(--ctf-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
            backdrop-filter: blur(24px) saturate(168%) !important;
            -webkit-backdrop-filter: blur(24px) saturate(168%) !important;
        }
        .hero-proof {
            min-height: 116px !important;
            border-radius: 24px !important;
            padding: 20px !important;
        }
        .hero-proof strong,
        .hero-proof b,
        .business-card h3,
        .updates-panel-head strong,
        .item-title,
        .faq-item summary,
        .research-title,
        .travel-title,
        .business-head h2,
        .updates-head h2,
        .faq-copy h2 {
            color: #07162d !important;
            -webkit-text-fill-color: #07162d !important;
        }
        .hero-proof span,
        .business-card p,
        .item-desc,
        .updates-panel-head span,
        .faq-item p,
        .research-bullets p,
        .travel-feature-list span {
            color: #415672 !important;
            opacity: 1 !important;
        }
        .hero-research-preview {
            display: grid !important;
            gap: 16px !important;
            align-self: center !important;
            min-width: 0 !important;
        }
        .liquid-device {
            position: relative !important;
            overflow: hidden !important;
            border-radius: 34px !important;
            padding: 18px !important;
            border: 1px solid rgba(65, 139, 209, 0.24) !important;
            background:
                linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(232, 245, 255, 0.42)) !important;
            box-shadow: 0 30px 96px rgba(14, 89, 160, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
            backdrop-filter: blur(30px) saturate(178%) !important;
            -webkit-backdrop-filter: blur(30px) saturate(178%) !important;
        }
        .liquid-device::after {
            content: "" !important;
            position: absolute !important;
            inset: 1px !important;
            border-radius: 33px !important;
            pointer-events: none !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.68), transparent 34%, rgba(255, 255, 255, 0.22) 72%, transparent) !important;
            opacity: 0.72 !important;
        }
        .liquid-device-bar {
            position: relative !important;
            z-index: 1 !important;
            min-height: 46px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 14px !important;
            padding: 0 12px 14px !important;
            color: #10213d !important;
            font-size: 14px !important;
            font-weight: 780 !important;
        }
        .liquid-device-bar strong {
            display: inline-flex !important;
            min-height: 32px !important;
            align-items: center !important;
            padding: 0 12px !important;
            border-radius: 999px !important;
            color: #075fc6 !important;
            background: rgba(218, 239, 255, 0.74) !important;
            border: 1px solid rgba(96, 165, 250, 0.22) !important;
            font-size: 13px !important;
        }
        .hero-shot-wrap {
            position: relative !important;
            z-index: 1 !important;
        }
        .hero-shot-wrap .research-shot {
            margin: 0 !important;
            border: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            padding: 0 !important;
        }
        .hero-shot-wrap .shot-canvas {
            overflow: hidden !important;
            border-radius: 24px !important;
            border: 1px solid rgba(71, 145, 212, 0.20) !important;
            background: #f8fbff !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
        }
        .hero-shot-wrap .shot-canvas img {
            width: 100% !important;
            height: auto !important;
            max-height: 430px !important;
            object-fit: cover !important;
            object-position: top center !important;
            filter: none !important;
        }
        .hero-shot-wrap figcaption,
        .hero-shot-wrap .shot-note {
            display: none !important;
        }
        .hero-glass-strip {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 12px !important;
        }
        .hero-glass-strip > div {
            min-height: 94px !important;
            padding: 18px !important;
            border-radius: 24px !important;
            border: 1px solid rgba(83, 151, 215, 0.20) !important;
            background: rgba(255, 255, 255, 0.54) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.80), 0 14px 40px rgba(18, 93, 164, 0.09) !important;
            backdrop-filter: blur(18px) saturate(160%) !important;
            -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
        }
        .hero-glass-strip strong {
            display: block !important;
            color: #06142b !important;
            font-size: 34px !important;
            line-height: 1 !important;
            font-weight: 860 !important;
        }
        .hero-glass-strip span {
            display: block !important;
            margin-top: 8px !important;
            color: #405672 !important;
            font-size: 13px !important;
            font-weight: 720 !important;
        }
        .trial-gate,
        .research-showcase,
        .travel-showcase,
        .business-ecosystem,
        .faq-section,
        .updates-section {
            padding-top: 72px !important;
            padding-bottom: 78px !important;
        }
        .trial-gate {
            width: min(1160px, calc(100% - 64px)) !important;
            border-radius: 34px !important;
            padding: 34px !important;
        }
        .research-hero-free,
        .travel-showcase > .container,
        .business-grid,
        .updates-grid {
            gap: 28px !important;
        }
        .research-shot,
        .travel-screenshot-frame {
            border-radius: 30px !important;
            border: 1px solid rgba(83, 151, 215, 0.20) !important;
            background: rgba(255, 255, 255, 0.54) !important;
            box-shadow: var(--ctf-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
            backdrop-filter: blur(18px) saturate(160%) !important;
            -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
        }
        .shot-canvas img,
        .travel-screenshot-frame img {
            filter: none !important;
        }
        .updates-grid {
            align-items: stretch !important;
        }
        .updates-panel {
            border-radius: 28px !important;
            padding: 28px !important;
        }
        .github-update-card,
        .update-text-row {
            background: rgba(247, 252, 255, 0.68) !important;
            border: 1px solid rgba(83, 151, 215, 0.18) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
        }
        .product-showcase,
        #products {
            display: none !important;
        }
        .corporate-footer {
            background: rgba(232, 244, 255, 0.54) !important;
            border-top: 1px solid rgba(83, 151, 215, 0.18) !important;
            color: #415672 !important;
        }
        @media (max-width: 1240px) {
            .site-nav,
            .nav,
            .locale-nav {
                grid-template-columns: minmax(210px, 1fr) auto auto !important;
                gap: 10px !important;
                width: calc(100% - 34px) !important;
            }
            .nav-brand-sub,
            .brand-sub {
                display: none !important;
            }
            .nav-link,
            .nav-login,
            .nav-lang,
            .nav-links a,
            .nav-links .nav-lang {
                padding: 0 12px !important;
                font-size: 13px !important;
            }
            .hero-stage {
                grid-template-columns: 1fr !important;
                gap: 34px !important;
            }
            .hero-content {
                max-width: 760px !important;
            }
            .hero-research-preview {
                max-width: 860px !important;
            }
        }
        @media (max-width: 900px) {
            .site-nav,
            .nav,
            .locale-nav {
                top: 10px !important;
                grid-template-columns: 1fr auto !important;
                width: calc(100% - 24px) !important;
                min-height: 68px !important;
                padding: 10px 14px !important;
                border-radius: 24px !important;
            }
            .mobile-menu-btn,
            .static-menu-btn {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 48px !important;
                height: 48px !important;
                border-radius: 18px !important;
                background: rgba(255, 255, 255, 0.52) !important;
                border: 1px solid rgba(83, 151, 215, 0.18) !important;
                color: #07162d !important;
            }
            .nav-center,
            .nav-actions,
            .nav-links {
                position: absolute !important;
                top: calc(100% + 10px) !important;
                left: 0 !important;
                right: 0 !important;
                display: none !important;
                flex-direction: column !important;
                align-items: stretch !important;
                gap: 8px !important;
                padding: 14px !important;
                border-radius: 24px !important;
                border: 1px solid rgba(83, 151, 215, 0.22) !important;
                background: rgba(255, 255, 255, 0.84) !important;
                box-shadow: 0 20px 58px rgba(14, 89, 160, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
                backdrop-filter: blur(24px) saturate(170%) !important;
                -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
            }
            .nav-actions {
                top: calc(100% + 282px) !important;
            }
            .nav-center.active,
            .nav-actions.active,
            .nav-links.active {
                display: flex !important;
            }
            .nav-link,
            .nav-login,
            .nav-lang,
            .nav-links a,
            .nav-links .nav-lang,
            .nav-cta,
            .nav-links .nav-cta {
                width: 100% !important;
                justify-content: center !important;
                min-height: 48px !important;
                font-size: 16px !important;
            }
            .language-dropdown,
            .language-menu {
                width: 100% !important;
            }
            .language-menu {
                position: static !important;
                margin-top: 8px !important;
            }
            .container,
            .trial-gate {
                width: min(calc(100% - 28px), 1220px) !important;
                max-width: calc(100% - 28px) !important;
            }
            .hero-section {
                min-height: 0 !important;
                padding: 112px 0 62px !important;
            }
            .hero-title,
            h1 {
                max-width: 100% !important;
                font-size: 48px !important;
                line-height: 1.02 !important;
            }
            .hero-sub,
            .lead,
            .research-lead,
            .travel-lead,
            .business-head p,
            .updates-head p,
            .faq-copy p {
                font-size: 18px !important;
            }
            .hero-proof-row,
            .hero-glass-strip,
            .updates-grid,
            .business-grid,
            .travel-landmark-grid {
                grid-template-columns: 1fr !important;
            }
        }
        @media (max-width: 620px) {
            body {
                overflow-x: hidden !important;
            }
            .hero-stage,
            .hero-content,
            .hero-actions,
            .hero-proof-row,
            .hero-research-preview,
            .hero-glass-strip {
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
            }
            .hero-title,
            h1 {
                font-size: 32px !important;
                line-height: 1.08 !important;
            }
            .hero-sub {
                max-width: 100% !important;
                font-size: 16px !important;
                line-height: 1.62 !important;
            }
            .hero-actions {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) !important;
                gap: 12px !important;
            }
            .hero-actions,
            .hero-btn,
            .hero-secondary,
            .research-primary,
            .research-secondary,
            .travel-actions a,
            .trial-direct-button {
                width: 100% !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
            }
            .hero-btn,
            .hero-secondary,
            .research-primary,
            .research-secondary,
            .travel-actions a,
            .trial-direct-button {
                padding-left: 16px !important;
                padding-right: 16px !important;
            }
            .liquid-device {
                padding: 12px !important;
                border-radius: 26px !important;
            }
            .liquid-device-bar {
                align-items: flex-start !important;
                flex-direction: column !important;
            }
            .hero-shot-wrap .shot-canvas img {
                max-height: 320px !important;
            }
        }
        @media (prefers-reduced-motion: reduce) {
            *,
            *::before,
            *::after {
                animation-duration: 0.001ms !important;
                animation-iteration-count: 1 !important;
                scroll-behavior: auto !important;
                transition-duration: 0.001ms !important;
            }
        }
        /* v85: secondary pages use the same mobile menu rhythm as the main site. */
        @media (max-width:850px) {
            .nav {
                display:flex !important;
                align-items:center !important;
                flex-wrap:wrap !important;
                overflow:visible !important;
            }
            .nav .nav-links {
                position:static !important;
                inset:auto !important;
                top:auto !important;
                left:auto !important;
                right:auto !important;
                width:100% !important;
                max-width:none !important;
                display:none !important;
                flex-direction:column !important;
                align-items:stretch !important;
                justify-content:flex-start !important;
                gap:8px !important;
                margin:6px 0 0 !important;
                padding:10px !important;
                border:1px solid rgba(83,151,215,0.22) !important;
                border-radius:22px !important;
                background:rgba(255,255,255,0.90) !important;
                box-shadow:0 18px 48px rgba(14,89,160,0.14) !important;
                backdrop-filter:blur(22px) saturate(170%) !important;
                -webkit-backdrop-filter:blur(22px) saturate(170%) !important;
            }
            .nav .nav-links.active {
                display:flex !important;
            }
            .nav .nav-links a,
            .nav .nav-links .nav-login,
            .nav .nav-links .nav-lang,
            .nav .nav-links .nav-cta {
                width:100% !important;
                min-height:46px !important;
                justify-content:center !important;
                border-radius:18px !important;
                font-size:15px !important;
                text-align:center !important;
            }
            .nav .language-dropdown {
                width:100% !important;
                display:grid !important;
            }
            .nav .language-menu {
                position:static !important;
                width:100% !important;
                min-width:0 !important;
                margin-top:6px !important;
                box-shadow:none !important;
            }
        }

        /* v86: secondary main-domain pages use the same brand system without copying homepage layouts. */
        :root {
            --ctf-system-radius:18px;
            --ctf-system-card:12px;
            --ctf-system-line:rgba(255,255,255,0.14);
            --ctf-system-blue:#2563eb;
            --ctf-system-orange:#f97316;
        }
        .nav {
            width:min(100% - 40px, 1580px);
            left:50%;
            right:auto;
            top:14px;
            transform:translateX(-50%);
            border:1px solid rgba(37,99,235,0.16);
            border-radius:24px;
            box-shadow:0 22px 58px rgba(37,99,235,0.14);
            backdrop-filter:blur(24px) saturate(150%);
            -webkit-backdrop-filter:blur(24px) saturate(150%);
        }
        body > .nav + main,
        main {
            width:min(1180px, calc(100% - 40px)) !important;
            max-width:1180px !important;
            margin:0 auto !important;
            padding:150px 0 96px !important;
        }
        .page-hero {
            max-width:900px !important;
            margin:0 0 40px !important;
        }
        .page-hero h1 {
            max-width:860px !important;
            margin:20px 0 18px !important;
            font-size:clamp(40px, 4.8vw, 64px) !important;
            line-height:1.04 !important;
            letter-spacing:0 !important;
        }
        .lead {
            max-width:760px !important;
            font-size:18px !important;
            line-height:1.62 !important;
        }
        .hero,
        .panel,
        .product-card,
        .blog-card,
        .trial-form {
            border-radius:var(--ctf-system-radius) !important;
            border-color:var(--ctf-system-line) !important;
            box-shadow:0 22px 58px rgba(2,6,23,0.18);
        }
        .product-thumb,
        .product-preview-window,
        .product-preview-chips span,
        .trial-form input,
        .trial-form select,
        .trial-form button,
        .cta,
        .nav-links a,
        .nav-links .nav-lang,
        .nav-links .nav-login,
        .nav-links .nav-cta {
            border-radius:var(--ctf-system-card) !important;
        }
        .nav-links .nav-lang,
        .nav-links .nav-login,
        .nav-links a:not(.nav-cta) {
            background:rgba(255,255,255,0.60);
        }
        .nav-links .nav-cta,
        .cta,
        .trial-form button,
        .product-card a.product-buy {
            border-radius:999px !important;
        }
        .cta,
        .trial-form button,
        .nav-links .nav-cta {
            white-space:nowrap !important;
        }
        @media (max-width:850px) {
            .nav {
                width:min(100% - 24px, 760px);
                top:10px;
                border-radius:20px;
            }
            body > .nav + main,
            main {
                width:min(100% - 24px, 760px) !important;
                padding:116px 0 70px !important;
            }
            .page-hero h1 {
                font-size:clamp(34px, 10vw, 44px) !important;
                line-height:1.06 !important;
            }
            .panel {
                padding:24px !important;
            }
        }