:root {
            color-scheme: light dark;
            --blue: #29a3ff;
            --cyan: #3bd6fa;
            --violet: #8566fa;
            --green: #3dc785;
            --orange: #f59e3d;
            --red: #e64e5b;
            --ink: #0b1930;
            --muted: #62708a;
            --bg: #f6f8fd;
            --card: rgba(255,255,255,.92);
            --card-strong: #ffffff;
            --stroke: rgba(73,117,190,.17);
            --soft-blue: rgba(41,163,255,.10);
            --soft-violet: rgba(133,102,250,.09);
            --soft-green: rgba(61,199,133,.10);
            --shadow: 0 18px 50px rgba(38,71,120,.12);
            --radius: 22px;
            --radius-sm: 14px;
            --site-width: 1120px;
            --hero-pad: clamp(30px,5vw,58px);
            --content-pad: clamp(20px,3.3vw,30px);
            --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        }
        @media (prefers-color-scheme: dark) {
            :root {
                --ink: #edf5ff;
                --muted: #a5b7ce;
                --bg: #07111f;
                --card: rgba(12,27,45,.93);
                --card-strong: #0e2035;
                --stroke: rgba(109,188,255,.19);
                --soft-blue: rgba(41,163,255,.14);
                --soft-violet: rgba(133,102,250,.13);
                --soft-green: rgba(61,199,133,.13);
                --shadow: 0 20px 60px rgba(0,0,0,.35);
            }
        }
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            margin: 0;
            min-height: 100vh;
            color: var(--ink);
            font-family: var(--font);
            line-height: 1.62;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
            overflow-x: hidden;
            background:
                radial-gradient(900px 520px at -10% 18%, rgba(59,214,250,.15), transparent 70%),
                radial-gradient(850px 560px at 108% 34%, rgba(133,102,250,.15), transparent 68%),
                var(--bg);
        }
        a { color: #1689e8; text-decoration: none; }
        a:hover { text-decoration: underline; }
        img { max-width:100%; display:block; }
        code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .92em; }

        /* Canonical ApexTuner site shell shared by every page. */
        .shell { width:min(var(--site-width), calc(100% - 28px)); margin:0 auto; padding:26px 0 48px; }
        main { width:100%; max-width:100%; }
        main > .hero, main > .home-hero, main > .section, main > .grid, main > .layout { width:100%; max-width:100%; }
        .topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:28px; }
        .brand { display:flex; align-items:center; gap:12px; font-weight:850; letter-spacing:-.03em; font-size:21px; }
        .mark { width:44px; height:44px; border-radius:13px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,var(--cyan),var(--blue) 48%,var(--violet)); box-shadow:0 9px 25px rgba(41,163,255,.24); }
        .nav { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
        .nav a { color:var(--muted); font-size:14px; font-weight:700; padding:8px 11px; border-radius:10px; }
        .nav a[aria-current="page"] { color:var(--ink); background:var(--soft-blue); }
        .hero { position:relative; overflow:hidden; padding:var(--hero-pad); border:1px solid var(--stroke); border-radius:30px; background:var(--card); box-shadow:var(--shadow); margin-bottom:24px; }
        .hero::after { content:""; position:absolute; width:380px; height:380px; border-radius:50%; right:-150px; top:-170px; background:linear-gradient(145deg,rgba(59,214,250,.22),rgba(133,102,250,.20)); pointer-events:none; }
        .eyebrow { color:var(--blue); font-size:13px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
        h1 { font-size:clamp(38px,7vw,68px); line-height:1.02; margin:9px 0 14px; letter-spacing:-.055em; }
        .gradient-text { background:linear-gradient(90deg,var(--blue),var(--cyan),var(--violet)); -webkit-background-clip:text; background-clip:text; color:transparent; }
        .hero p { max-width:820px; color:var(--muted); font-size:clamp(17px,2.2vw,21px); margin:0; }
        .builds { display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }
        .badge { border:1px solid var(--stroke); background:var(--card-strong); border-radius:999px; padding:8px 12px; color:var(--muted); font-size:13px; font-weight:750; }
        .badge strong { color:var(--ink); }
        footer { text-align:center; color:var(--muted); font-size:13px; padding:28px 0 4px; }
        footer a { color:var(--muted); }

        /* Shared content cards and text hierarchy. */
        .panel { border:1px solid var(--stroke); background:var(--card); border-radius:var(--radius); padding:var(--content-pad); box-shadow:var(--shadow); scroll-margin-top:16px; }
        .panel h2 { margin:0 0 10px; font-size:clamp(22px,3vw,29px); letter-spacing:-.025em; }
        .panel h3 { margin:22px 0 8px; font-size:19px; }
        .panel p { color:var(--muted); margin:0 0 12px; }
        .panel ul, .panel ol { color:var(--muted); margin:8px 0 12px 22px; padding:0; }
        .panel li { margin:6px 0; }
        .panel strong { color:var(--ink); }
        .good { border-left:4px solid var(--green); background:var(--soft-green); padding:14px 16px; border-radius:12px; color:var(--muted); margin:14px 0; }
        .info, .notice { border-left:4px solid var(--blue); background:var(--soft-blue); padding:14px 16px; border-radius:12px; color:var(--muted); margin:14px 0; }
        .warn { border-left:4px solid var(--orange); background:rgba(245,158,61,.09); padding:14px 16px; border-radius:12px; color:var(--muted); margin:14px 0; }
        .good strong, .info strong, .notice strong, .warn strong { color:var(--ink); }
        .quick { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
        .quick a { display:inline-block; padding:10px 12px; border-radius:11px; border:1px solid var(--stroke); background:var(--card-strong); font-weight:750; }

        /* Privacy/Terms document layout. */
        .layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:20px; align-items:start; }
        .toc { position:sticky; top:16px; border:1px solid var(--stroke); border-radius:20px; background:var(--card); box-shadow:var(--shadow); padding:18px; }
        .toc strong { display:block; margin-bottom:8px; }
        .toc a { display:block; color:var(--muted); font-size:14px; padding:6px 4px; }
        .toc a:hover { color:var(--blue); text-decoration:none; }
        .content { display:grid; gap:18px; }
        .summary-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:16px; }
        .summary-card { border:1px solid var(--stroke); background:linear-gradient(145deg,var(--soft-blue),var(--soft-violet)); border-radius:16px; padding:15px; }
        .summary-card b { display:block; margin-bottom:5px; }
        .summary-card span { color:var(--muted); font-size:14px; }
        .table-wrap { overflow-x:auto; border:1px solid var(--stroke); border-radius:15px; margin:14px 0; }
        table { width:100%; min-width:780px; border-collapse:collapse; background:var(--card-strong); }
        th,td { padding:13px 14px; vertical-align:top; text-align:left; border-bottom:1px solid var(--stroke); }
        th { color:var(--ink); font-size:13px; text-transform:uppercase; letter-spacing:.06em; background:var(--soft-blue); }
        td { color:var(--muted); font-size:14px; }
        tr:last-child td { border-bottom:0; }
        .platform-title { display:flex; align-items:center; gap:10px; }
        .dot { width:12px; height:12px; border-radius:50%; background:linear-gradient(145deg,var(--cyan),var(--violet)); box-shadow:0 0 0 5px var(--soft-blue); }

        /* Support page layout and controls. */
        .grid { display:grid; grid-template-columns:repeat(12,1fr); gap:18px; }
        .grid > .panel { grid-column:span 12; }
        .panel.half { grid-column:span 6; }
        .platform-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:14px 0; }
        .platform-card { border:1px solid var(--stroke); border-radius:17px; padding:16px; background:linear-gradient(145deg,var(--soft-blue),var(--soft-violet)); }
        .platform-card b { display:block; font-size:17px; margin-bottom:5px; color:var(--ink); }
        .platform-card span { color:var(--muted); font-size:14px; }
        .faq { display:grid; gap:10px; margin-top:14px; }
        details { border:1px solid var(--stroke); border-radius:15px; background:var(--card-strong); overflow:hidden; }
        summary { list-style:none; cursor:pointer; padding:15px 48px 15px 16px; font-weight:800; position:relative; }
        summary::-webkit-details-marker { display:none; }
        summary::after { content:"+"; position:absolute; right:17px; top:50%; transform:translateY(-50%); color:var(--blue); font-size:22px; }
        details[open] summary::after { content:"−"; }
        details[open] summary { border-bottom:1px solid var(--stroke); }
        .answer { padding:14px 16px 17px; color:var(--muted); }
        .answer p:last-child { margin-bottom:0; }
        .answer strong { color:var(--ink); }
        .answer ul, .answer ol { margin:8px 0 8px 21px; }
        .answer li { margin:5px 0; }
        .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
        .field { margin-bottom:15px; }
        .field.full { grid-column:1 / -1; }
        label { display:block; color:var(--muted); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin:0 0 5px; }
        input, select, textarea { width:100%; font:inherit; color:var(--ink); background:var(--card-strong); border:1px solid var(--stroke); border-radius:12px; padding:12px 14px; outline:none; }
        input:focus, select:focus, textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(41,163,255,.14); }
        input[aria-invalid="true"], textarea[aria-invalid="true"], select[aria-invalid="true"] { border-color:var(--red); box-shadow:0 0 0 3px rgba(230,78,91,.10); }
        .field-error { color:var(--red); min-height:18px; font-size:12px; font-weight:700; margin-top:5px; }
        .required-note { color:var(--muted); font-size:12px; margin:-4px 0 14px; }
        textarea { min-height:155px; resize:vertical; }
        .hint { color:var(--muted); font-size:12px; margin-top:5px; }
        .btn { appearance:none; border:0; cursor:pointer; width:100%; min-height:50px; color:white; font:inherit; font-weight:850; border-radius:14px; background:linear-gradient(90deg,#148dff,var(--blue) 48%,var(--violet)); box-shadow:0 12px 30px rgba(41,163,255,.22); }
        .btn:hover { filter:brightness(1.04); }
        .btn:disabled { cursor:wait; opacity:.72; filter:none; }
        .msg { padding:13px 15px; border-radius:12px; margin:0 0 16px; font-weight:700; }
        .msg.success { color:#14784c; background:rgba(61,199,133,.13); border:1px solid rgba(61,199,133,.3); }
        .msg.error { color:#b52a3a; background:rgba(230,78,91,.10); border:1px solid rgba(230,78,91,.28); }
        .hp { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; }
        #form-status, #contact { scroll-margin-top:18px; }

        /* Terms content uses the same cards/tokens rather than an alternate legal theme. */
        .number { color:var(--blue); font-weight:850; margin-right:5px; }
        .price-card { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; border:1px solid var(--stroke); background:linear-gradient(145deg,var(--soft-blue),var(--soft-violet)); border-radius:16px; padding:15px; margin:14px 0; }
        .price-card b { display:block; margin-bottom:5px; color:var(--ink); font-size:17px; }
        .price-card span { color:var(--muted); font-size:14px; }
        .price { color:var(--blue); font-size:24px; line-height:1.1; font-weight:900; white-space:nowrap; letter-spacing:-.025em; }
        .contact-box { display:grid; gap:10px; margin-top:14px; }
        .contact-row { border:1px solid var(--stroke); background:var(--card-strong); border-radius:13px; padding:12px 14px; }
        .contact-row span { display:block; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:750; margin-bottom:2px; }
        .contact-row b { color:var(--ink); overflow-wrap:anywhere; }

        @media (prefers-color-scheme: dark) {
            .msg.success { color:#80e6b4; }
            .msg.error { color:#ff9da6; }
        }
        @media (max-width:900px) {
            .layout { grid-template-columns:1fr; }
            .toc { position:static; }
            .toc .links { columns:2; }
            .summary-grid { grid-template-columns:1fr; }
            .panel.half { grid-column:span 12; }
        }
        @media (max-width:820px) {
            .platform-cards, .form-grid { grid-template-columns:1fr; }
        }
        @media (max-width:700px) {
            .price-card { grid-template-columns:1fr; }
            .price { font-size:22px; }
        }
        @media (max-width:620px) {
            .shell { width:min(calc(100% - 20px),var(--site-width)); padding-top:14px; }
            .topbar { flex-direction:column; align-items:flex-start; }
            .nav { justify-content:flex-start; gap:3px; }
            .hero { border-radius:22px; padding:25px 20px; }
            .panel, .section { padding:19px 16px; }
            .toc .links { columns:1; }
        }
        @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }