/* OSRSAHK V30/V33 — responsive layout correction for 100% browser zoom Goal: balanced hero/sections across 1366x768, 1440p, 1080p, ultrawide and mobile without relying on browser zoom. */ :root { --container: 1420px; --measure: 68ch; --radius-xl: 28px; --radius-lg: 20px; --radius-md: 14px; --shadow-lg: 0 28px 80px rgba(0,0,0,.28); --shadow-md: 0 14px 38px rgba(0,0,0,.22); --bg-solid: #071424; --bg-image: url('./backgrounds/theme-dark-bg.webp'); --header-bg: rgba(6, 16, 30, .78); --surface: rgba(11, 27, 46, .68); --surface-strong: rgba(8, 18, 32, .88); --surface-soft: rgba(11, 27, 46, .48); --text: #f5f9ff; --muted: #d9e6f5; --soft: #adc3dc; --line: rgba(167,210,255,.18); --line-strong: rgba(167,210,255,.32); --badge-bg: rgba(125,184,255,.10); --badge-border: rgba(167,210,255,.28); --accent: #eaf4ff; --brand: #8bc0ff; --brand-strong: #5ca4ff; --btn-text: #06111f; --zoom-chip-bg: rgba(6,16,30,.82);
} * { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; scroll-padding-top: 96px; }
body { margin: 0; min-height: 100%; color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.56; overflow-x: hidden; background: linear-gradient(rgba(6, 16, 30, .22), rgba(6, 16, 30, .28)), var(--bg-image) center top / cover fixed no-repeat, linear-gradient(180deg, #081629 0%, #10233e 52%, #071424 100%);
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
p { margin: 0; }
h1, h2, h3 { margin: 0; letter-spacing: -.045em; } .container { width: min(calc(100% - clamp(32px, 5.6vw, 96px)), var(--container)); margin-inline: auto;
} .site-header { position: sticky; top: 0; z-index: 50; background: var(--header-bg); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); box-shadow: 0 8px 32px rgba(0,0,0,.16);
}
.header-row { min-height: 74px; display: grid; grid-template-columns: minmax(190px, auto) minmax(0, 1fr) auto; gap: clamp(14px, 2.2vw, 30px); align-items: center;
}
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; white-space: nowrap;
}
.brand-mark { width: 44px; height: 40px; object-fit: contain; content: url('./branding/cross-emblem-dark.webp'); flex: 0 0 auto;
}
.brand-wordmark { font-weight: 900; font-size: clamp(1.08rem, 1.35vw, 1.42rem); letter-spacing: -.035em; overflow: hidden; text-overflow: ellipsis;
}
.desktop-nav,
.lang-switcher { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.desktop-nav { justify-content: center; }
.lang-switcher { justify-content: flex-end; }
.desktop-nav a,
.lang-switcher a { display: inline-flex; align-items: center; min-height: 36px; padding: 8px 10px; border-radius: 999px; border: 1px solid transparent; color: var(--text); font-size: clamp(.82rem, .82vw, .94rem); font-weight: 800; line-height: 1; white-space: nowrap;
}
.desktop-nav a:hover,
.desktop-nav a.is-active,
.lang-switcher a:hover,
.lang-switcher a[aria-current="page"] { background: var(--badge-bg); border-color: var(--badge-border);
} .eyebrow,
.section-label,
.plan-eyebrow { display: inline-flex; align-items: center; width: fit-content; padding: 8px 12px; border-radius: 999px; border: 1px solid var(--badge-border); background: var(--badge-bg); color: var(--accent); text-transform: uppercase; letter-spacing: .065em; font-size: .75rem; font-weight: 900; line-height: 1.05; box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
} .hero { position: relative; overflow: clip; border-bottom: 1px solid rgba(255,255,255,.05);
}
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 78% 18%, rgba(125,184,255,.08), transparent 34%), linear-gradient(180deg, rgba(6,16,30,.20), rgba(6,16,30,.38)), var(--bg-image) center top / cover no-repeat; opacity: .98;
}
.hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: clamp(34px, 4.5vw, 70px); align-items: center; padding-block: clamp(54px, 7vh, 88px); min-height: min(920px, calc(100svh - 74px));
}
.hero-copy { min-width: 0; max-width: 780px; }
h1 { margin-top: 18px; font-size: clamp(3rem, 4.1vw, 5.05rem); line-height: .965; max-width: 760px; text-wrap: balance;
}
.lede { margin-top: 20px; max-width: 68ch; color: var(--muted); font-size: clamp(1rem, 1.04vw, 1.12rem); line-height: 1.58;
}
.hero-actions,
.section-actions,
.plan-buttons,
.activation-code-buttons { display: flex; flex-wrap: wrap; gap: 12px;
}
.hero-actions { margin: 26px 0 18px; }
.btn { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; border-radius: 14px; border: 1px solid transparent; font-weight: 900; letter-spacing: -.01em; box-shadow: var(--shadow-md);
}
.btn-sm { min-height: 44px; padding: 0 16px; font-size: .94rem; }
.btn-primary { background: linear-gradient(135deg, var(--brand), var(--brand-strong)); color: var(--btn-text); }
.btn-secondary { background: rgba(255,255,255,.055); color: var(--text); border-color: var(--line); }
.btn:hover { transform: translateY(-1px); } .benefit-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 66ch;
}
.benefit-list li { color: var(--muted); font-size: .96rem; }
.benefit-list li::before { content: "•"; color: var(--brand); margin-right: 9px; }
.stat-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; max-width: 74ch;
}
.stat-row span,
.chip { display: inline-flex; align-items: center; padding: 8px 11px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface-soft); color: var(--muted); font-size: .88rem; line-height: 1.15;
} .hero-media { display: flex; justify-content: center; align-items: center; min-width: 0; }
.hero-media-stack { width: min(100%, 620px); display: grid; gap: 16px; }
.hero-banner-pair { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.media-card,
.feature-card,
.plan-card,
.note-card,
details,
.final-cta { background: linear-gradient(180deg, var(--surface), var(--surface-strong)); border: 1px solid var(--line); border-radius: var(--radius-xl); box-shadow: var(--shadow-lg);
}
.media-card { overflow: hidden; }
.media-card--hero { padding: 10px; }
.media-card--mini { border-radius: 18px; }
.media-card img { width: 100%; object-fit: cover; }
.media-card--mini img { aspect-ratio: 1672 / 941; } .section { padding-block: clamp(56px, 6.4vw, 92px); }
.section + .section { border-top: 1px solid rgba(255,255,255,.05); }
.section--soft { background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)); }
.section--accent { background: linear-gradient(180deg, rgba(125,184,255,.045), rgba(255,255,255,0)); }
.section--boxed { padding-block: clamp(28px, 3.2vw, 46px); }
.section--boxed > .container,
.section--boxed .faq-wrap { position: relative; border-radius: 32px; border: 1px solid var(--line); background: linear-gradient(180deg, rgba(11,27,46,.72), rgba(8,18,32,.88)); box-shadow: var(--shadow-lg); padding: clamp(24px, 3vw, 36px); backdrop-filter: blur(6px);
}
.section--boxed-featured > .container,
.section--boxed-featured .final-cta { border-color: rgba(134,187,255,.35); background: radial-gradient(circle at top right, rgba(134,187,255,.11), transparent 40%), linear-gradient(180deg, rgba(13,31,52,.80), rgba(8,18,32,.92));
}
.section-shell { display: grid; grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr); gap: clamp(24px, 3.4vw, 46px); align-items: center;
}
.section-shell.reverse { grid-template-columns: minmax(360px, 1.08fr) minmax(0, .92fr); }
.section-shell.reverse .section-copy { order: 2; }
.section-shell.reverse .section-visual { order: 1; }
.section-copy { min-width: 0; }
.section-copy > * { max-width: var(--measure); }
h2 { margin: 14px 0 14px; font-size: clamp(2rem, 2.85vw, 3.25rem); line-height: 1.04; max-width: 16ch; text-wrap: balance;
}
h3 { margin-bottom: 10px; font-size: clamp(1.1rem, 1.22vw, 1.32rem); line-height: 1.18;
}
.tight,
.section-intro,
.feature-card p,
.plan-card p,
.note-card p,
details p,
.footer-row p,
.mini-note { color: var(--muted);
}
.tight,
.section-intro { font-size: clamp(1rem, 1.02vw, 1.08rem); line-height: 1.62; }
.section-intro { max-width: 76ch; margin: 0 0 22px; }
.section-visual { min-width: 0; display: grid; gap: 14px; }
.visual-caption { color: var(--soft); font-size: .92rem; } .feature-grid,
.notes-grid,
.plans-grid { display: grid; gap: 16px; margin-top: 24px; }
.feature-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.notes-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.plans-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.feature-card,
.plan-card,
.note-card { padding: 20px; border-radius: 22px; }
.plan-card--featured { border-color: var(--badge-border); }
.plan-eyebrow { margin-bottom: 14px; }
.plan-buttons,
.activation-code-buttons { margin: 16px 0 12px; }
.mini-note { font-size: .9rem; } .value-banner,
.value-banner--active { display: grid !important; grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr); gap: clamp(22px, 3.6vw, 42px); align-items: center; width: 100%;
}
.value-banner__copy,
.value-banner__visual { min-width: 0; }
.value-banner__copy > * { max-width: 72ch; }
.value-banner__chips { display: flex !important; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.value-banner .media-card { border-color: var(--line-strong); } .final-section { padding-top: 40px; }
.final-cta { display: grid; grid-template-columns: minmax(0, .88fr) minmax(360px, 1.12fr); gap: 24px; align-items: center; padding: clamp(24px, 3vw, 34px); border-radius: 30px;
}
.final-copy h2 { max-width: 17ch; }
.section-actions { margin-top: 20px; } .faq-wrap { max-width: none; }
.faq-list { display: grid; gap: 10px; margin-top: 22px; }
details { padding: 0 18px; transition: border-color 160ms ease, background 160ms ease; }
details:hover { border-color: rgba(134,187,255,.30); background: linear-gradient(180deg, rgba(11,27,46,.78), rgba(8,18,32,.92)); }
summary { cursor: pointer; list-style: none; padding: 18px 0; font-weight: 900; }
summary::-webkit-details-marker { display: none; }
details p { padding-bottom: 18px; max-width: 78ch; } .site-footer { padding: 34px 0 46px; border-top: 1px solid var(--line); background: rgba(11,27,46,.48);
}
.footer-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center;
}
.footer-row p { margin-top: 4px; max-width: 78ch; color: var(--soft); } .media-card--zoomable,
.media-card.is-zoomable { position: relative; }
.media-card--zoomable .media-zoom-link { display: block; position: relative; overflow: hidden; border-radius: inherit; }
.media-card--zoomable img,
.media-card.is-zoomable img { transition: transform 220ms ease, filter 220ms ease; }
.media-card--zoomable:hover img,
.media-card.is-zoomable:hover img { transform: scale(1.018); filter: brightness(1.03); }
.media-card.is-zoomable::after { content: var(--zoom-label, "Click to enlarge"); position: absolute; right: 14px; bottom: 14px; font-size: .84rem; font-weight: 800; color: var(--text); background: var(--zoom-chip-bg); border: 1px solid var(--line); padding: 7px 11px; border-radius: 999px; pointer-events: none;
}
.image-lightbox { position: fixed; inset: 0; z-index: 120; display: none; place-items: center; padding: 26px; background: rgba(4, 10, 18, .78); backdrop-filter: blur(8px);
}
.image-lightbox.is-open { display: grid; }
.image-lightbox__dialog { width: min(1200px, 100%); max-height: calc(100vh - 52px); overflow: auto; background: var(--surface-strong); border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow-lg); padding: 16px;
}
.image-lightbox__frame { overflow: hidden; border-radius: 18px; border: 1px solid var(--line); background: var(--surface); }
.image-lightbox__frame img { width: 100%; height: auto; object-fit: contain; }
.image-lightbox__meta { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 14px; }
.image-lightbox__caption { color: var(--muted); font-size: .95rem; }
.image-lightbox__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.image-lightbox__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--line); color: var(--text); background: rgba(255,255,255,.04);
}
body.has-lightbox { overflow: hidden; } @media (min-width: 1680px) { :root { --container: 1500px; } h1 { font-size: clamp(4.1rem, 3.7vw, 5.35rem); max-width: 840px; } .hero-media-stack { width: min(100%, 660px); }
} @media (max-width: 1180px) { .header-row { grid-template-columns: 1fr; gap: 10px; padding: 12px 0; } .desktop-nav, .lang-switcher { justify-content: flex-start; } .hero-grid, .section-shell, .section-shell.reverse, .value-banner, .value-banner--active, .final-cta, .footer-row { grid-template-columns: 1fr; } .section-shell.reverse .section-copy, .section-shell.reverse .section-visual { order: initial; } .hero-grid { min-height: auto; } .hero-copy { max-width: 900px; } h1 { max-width: 900px; font-size: clamp(3rem, 7vw, 4.75rem); } .hero-media { justify-content: flex-start; } .hero-media-stack { width: min(100%, 820px); } .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
} @media (max-width: 820px) { body { background-attachment: scroll; } .container { width: min(calc(100% - 28px), var(--container)); } .header-row { min-height: auto; } .brand-wordmark { font-size: 1.12rem; } .desktop-nav a, .lang-switcher a { font-size: .83rem; min-height: 34px; padding: 7px 9px; } .hero-grid { padding-block: 40px 44px; gap: 24px; } h1 { font-size: clamp(2.45rem, 11vw, 3.85rem); line-height: .98; max-width: 11.5ch; } h2 { font-size: clamp(1.72rem, 7.5vw, 2.7rem); max-width: 14ch; } .lede { font-size: 1rem; } .benefit-list, .plans-grid, .notes-grid { grid-template-columns: 1fr; } .hero-banner-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .section--boxed > .container, .section--boxed .faq-wrap, .final-cta { border-radius: 24px; padding: 22px 18px; } .image-lightbox { padding: 14px; } .image-lightbox__meta { flex-direction: column; align-items: flex-start; }
} @media (max-width: 560px) { .container { width: min(calc(100% - 22px), var(--container)); } .brand-mark { width: 38px; height: 35px; } .desktop-nav, .lang-switcher { gap: 6px; } .desktop-nav a, .lang-switcher a { font-size: .78rem; padding: 7px 8px; } h1 { font-size: clamp(2.22rem, 12.4vw, 3.2rem); max-width: 10.6ch; } .hero-actions .btn, .section-actions .btn { width: 100%; } .hero-banner-pair { grid-template-columns: 1fr; } .stat-row span, .chip { font-size: .8rem; } .feature-grid { grid-template-columns: 1fr; } .media-card.is-zoomable::after { right: 10px; bottom: 10px; font-size: .76rem; padding: 6px 9px; }
} /* V33__LINKS_COMPACT_LAYOUT_2026_05_08 — compact visual scaling correction Purpose: reduce oversized desktop content at normal 100% zoom while preserving responsive behavior. */ :root { --container: 1320px; --radius-xl: 24px; --radius-lg: 18px; --radius-md: 12px;
}
html { scroll-padding-top: 78px; }
.container { width: min(calc(100% - clamp(28px, 5vw, 80px)), var(--container)); }
.header-row { min-height: 64px; gap: clamp(12px, 1.8vw, 24px); }
.brand-mark { width: 38px; height: 36px; }
.brand-wordmark { font-size: clamp(1rem, 1.08vw, 1.22rem); }
.desktop-nav a,
.lang-switcher a { min-height: 32px; padding: 7px 9px; font-size: clamp(.78rem, .72vw, .88rem); }
.eyebrow,
.section-label,
.plan-eyebrow { padding: 7px 11px; font-size: .68rem; }
.hero-grid { grid-template-columns: minmax(0, 1fr) minmax(380px, 540px); gap: clamp(28px, 3.3vw, 48px); padding-block: clamp(38px, 5.2vh, 66px); min-height: auto;
}
.hero-copy { max-width: 740px; }
h1 { margin-top: 15px; font-size: clamp(2.45rem, 2.85vw, 3.55rem); line-height: 1.035; max-width: 730px;
}
.lede { margin-top: 16px; max-width: 62ch; font-size: clamp(.94rem, .88vw, 1.02rem); line-height: 1.52; }
.hero-actions { margin: 22px 0 14px; }
.btn { min-height: 44px; padding: 0 15px; border-radius: 12px; }
.btn-sm { min-height: 38px; padding: 0 13px; font-size: .86rem; }
.benefit-list { gap: 6px 13px; max-width: 60ch; }
.benefit-list li { font-size: .88rem; }
.stat-row { gap: 7px; margin-top: 15px; max-width: 64ch; }
.stat-row span,
.chip { padding: 7px 10px; font-size: .80rem; }
.hero-media-stack { width: min(100%, 540px); gap: 12px; }
.hero-banner-pair { gap: 12px; }
.media-card--hero { padding: 8px; }
.section { padding-block: clamp(38px, 4.4vw, 66px); }
.section--boxed { padding-block: clamp(20px, 2.5vw, 34px); }
.section--boxed > .container,
.section--boxed .faq-wrap { padding: clamp(20px, 2.4vw, 30px); border-radius: 26px; }
.section-shell { grid-template-columns: minmax(0, .95fr) minmax(340px, 1.05fr); gap: clamp(20px, 2.8vw, 38px); }
.section-shell.reverse { grid-template-columns: minmax(340px, 1.05fr) minmax(0, .95fr); }
h2 { margin: 12px 0 12px; font-size: clamp(1.68rem, 2.18vw, 2.65rem); line-height: 1.06; max-width: 19ch; }
h3 { margin-bottom: 8px; font-size: clamp(1rem, 1.02vw, 1.18rem); }
.tight,
.section-intro { font-size: clamp(.92rem, .88vw, 1rem); line-height: 1.54; }
.section-intro { margin-bottom: 18px; max-width: 68ch; }
.visual-caption { font-size: .84rem; }
.feature-grid,
.notes-grid,
.plans-grid { gap: 13px; margin-top: 18px; }
.feature-card,
.plan-card,
.note-card { padding: 16px; border-radius: 18px; }
.feature-card p,
.plan-card p,
.note-card p,
details p,
.footer-row p,
.mini-note { font-size: .9rem; line-height: 1.48; }
.plan-eyebrow { margin-bottom: 12px; }
.plan-buttons,
.activation-code-buttons { margin: 12px 0 8px; gap: 9px; }
.mini-note { font-size: .82rem; }
.value-banner,
.value-banner--active { grid-template-columns: minmax(0, .95fr) minmax(340px, 1.05fr); gap: clamp(18px, 2.8vw, 34px); }
.value-banner__chips { gap: 8px; margin-top: 14px; }
.final-section { padding-top: 30px; }
.final-cta { grid-template-columns: minmax(0, .92fr) minmax(340px, 1.08fr); gap: 20px; padding: clamp(20px, 2.4vw, 30px); border-radius: 26px; }
.section-actions { margin-top: 16px; }
.faq-list { gap: 8px; margin-top: 18px; }
details { padding: 0 15px; border-radius: 18px; }
summary { padding: 14px 0; }
details p { padding-bottom: 14px; max-width: 72ch; }
.site-footer { padding: 26px 0 34px; }
.media-card.is-zoomable::after { right: 10px; bottom: 10px; font-size: .76rem; padding: 6px 9px; } @media (min-width: 1680px) { :root { --container: 1360px; } h1 { font-size: clamp(2.65rem, 2.55vw, 3.65rem); max-width: 760px; } .hero-media-stack { width: min(100%, 560px); }
} @media (max-width: 1180px) { .hero-grid, .section-shell, .section-shell.reverse, .value-banner, .value-banner--active, .final-cta, .footer-row { grid-template-columns: 1fr; } h1 { font-size: clamp(2.35rem, 5.6vw, 3.65rem); max-width: 820px; } .hero-media-stack { width: min(100%, 760px); }
} @media (max-width: 820px) { .container { width: min(calc(100% - 26px), var(--container)); } .hero-grid { padding-block: 34px 38px; gap: 22px; } h1 { font-size: clamp(2.05rem, 9.6vw, 3.3rem); max-width: 12.5ch; } h2 { font-size: clamp(1.52rem, 6.8vw, 2.35rem); max-width: 16ch; } .section { padding-block: 34px; } .section--boxed > .container, .section--boxed .faq-wrap, .final-cta { padding: 20px 16px; border-radius: 22px; }
} @media (max-width: 560px) { h1 { font-size: clamp(1.95rem, 10.8vw, 2.85rem); max-width: 11ch; } .brand-wordmark { font-size: 1rem; }
} /* V37_SECURITY_MARKETING_TRUST_PASS_2026_05_08 Adds clear subscription pricing and stronger mobile-first rendering. */ .price-line { display: inline-flex; align-items: center; width: fit-content; max-width: 100%; margin: 12px 0 2px; padding: 9px 12px; border-radius: 14px; border: 1px solid rgba(167,210,255,.28); background: rgba(125,184,255,.10); color: var(--accent); font-weight: 900; line-height: 1.25;
}
.price-line strong { margin-right: 4px; color: var(--text); } @media (max-width: 720px) { html { scroll-padding-top: 128px; } .site-header { position: sticky; } .header-row { display: grid; grid-template-columns: 1fr; align-items: start; gap: 8px; padding: 10px 0; } .brand { max-width: 100%; } .brand-wordmark { white-space: normal; line-height: 1.05; } .desktop-nav, .lang-switcher { width: 100%; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 4px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .desktop-nav a, .lang-switcher a { flex: 0 0 auto; } .hero-grid { grid-template-columns: 1fr; padding-block: 28px 34px; gap: 20px; } .hero-copy { max-width: 100%; } h1 { max-width: 100%; font-size: clamp(1.78rem, 8.7vw, 2.62rem); line-height: 1.06; text-wrap: balance; } h2 { max-width: 100%; font-size: clamp(1.38rem, 6.4vw, 2.1rem); line-height: 1.08; } .lede, .section-intro, .tight { font-size: .94rem; line-height: 1.5; } .benefit-list, .feature-grid, .notes-grid, .plans-grid, .hero-banner-pair { grid-template-columns: 1fr; } .section-shell, .section-shell.reverse, .value-banner, .value-banner--active, .final-cta { grid-template-columns: 1fr; } .section-shell.reverse .section-copy, .section-shell.reverse .section-visual { order: initial; } .hero-media-stack { width: 100%; } .section { padding-block: 30px; } .section--boxed { padding-block: 16px; } .section--boxed > .container, .section--boxed .faq-wrap, .final-cta { padding: 18px 14px; border-radius: 20px; } .plan-buttons .btn, .activation-code-buttons .btn, .section-actions .btn, .hero-actions .btn { width: 100%; } .price-line { width: 100%; justify-content: center; text-align: center; font-size: .9rem; } details { padding: 0 13px; } summary { padding: 13px 0; }
} @media (max-width: 390px) { .container { width: min(calc(100% - 18px), var(--container)); } h1 { font-size: clamp(1.64rem, 8.9vw, 2.25rem); } .eyebrow, .section-label, .plan-eyebrow { font-size: .62rem; padding: 6px 9px; } .btn, .btn-sm { min-height: 42px; padding-inline: 12px; }
} /* V37_SECURITY_MARKETING_TRUST_PASS_2026_05_08 Usability/compatibility pass: better laptop fit, safer mobile rendering, accessible focus states, touch-friendly controls, reduced-motion support, notched-screen padding and short-height handling. */ :root { --container: 1240px; --gutter: clamp(18px, 4.8vw, 72px); color-scheme: dark light;
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
body { min-width: 320px; padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right);
}
.container { width: min(calc(100% - var(--gutter)), var(--container)); }
.skip-link { position: fixed; top: max(10px, env(safe-area-inset-top)); left: max(10px, env(safe-area-inset-left)); z-index: 999; transform: translateY(-160%); min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border-radius: 12px; background: var(--brand); color: var(--btn-text); font-weight: 900; box-shadow: var(--shadow-md); transition: transform 160ms ease;
}
.skip-link:focus { transform: translateY(0); }
:where(a, button, summary, .btn, .media-card) { touch-action: manipulation; -webkit-tap-highlight-color: rgba(139,192,255,.22);
}
:where(a, button, summary, .btn, .media-card, [tabindex]):focus-visible { outline: 3px solid rgba(139,192,255,.92); outline-offset: 3px;
}
.desktop-nav,
.lang-switcher { min-width: 0; }
.desktop-nav,
.lang-switcher { scrollbar-width: none; -ms-overflow-style: none;
}
.desktop-nav::-webkit-scrollbar,
.lang-switcher::-webkit-scrollbar { display: none; }
.media-card img { max-height: 78svh; }
.media-card--hero img { max-height: 62svh; object-fit: contain; }
.section-visual .media-card img,
.value-banner__visual .media-card img,
.final-visual .media-card img { object-fit: contain; }
.plan-card { overflow-wrap: anywhere; }
.price-line { overflow-wrap: anywhere; }
summary { min-height: 48px; display: flex; align-items: center; } @media (min-width: 1181px) and (max-width: 1440px) { :root { --container: 1180px; --gutter: clamp(32px, 4.2vw, 60px); } .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(320px, 470px); gap: clamp(22px, 2.8vw, 36px); padding-block: clamp(30px, 4.2vh, 52px); } h1 { font-size: clamp(2.12rem, 2.52vw, 3.1rem); max-width: 720px; line-height: 1.06; } .lede { max-width: 60ch; font-size: .94rem; line-height: 1.48; } .hero-media-stack { width: min(100%, 470px); } .section-shell, .section-shell.reverse, .value-banner, .value-banner--active, .final-cta { gap: clamp(18px, 2.35vw, 30px); } h2 { font-size: clamp(1.45rem, 1.95vw, 2.28rem); max-width: 20ch; } .section--boxed > .container, .section--boxed .faq-wrap, .final-cta { padding: clamp(18px, 2vw, 26px); }
} @media (min-width: 1181px) and (max-height: 820px) { .hero-grid { padding-block: 24px 28px; } .hero-actions { margin: 16px 0 12px; } .lede { margin-top: 13px; } .stat-row { margin-top: 12px; } .hero-media-stack { width: min(100%, 440px); gap: 10px; } .section--boxed { padding-block: 18px; } .section { padding-block: 34px; }
} @media (min-width: 1181px) and (max-height: 720px) { .hero-banner-pair { display: none; } .hero-media-stack { width: min(100%, 410px); } h1 { font-size: clamp(2rem, 2.25vw, 2.8rem); }
} @media (max-width: 1180px) { :root { --container: 980px; --gutter: clamp(24px, 5vw, 54px); } .header-row { align-items: start; } .desktop-nav, .lang-switcher { width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; padding-bottom: 2px; } .desktop-nav a, .lang-switcher a { scroll-snap-align: start; flex: 0 0 auto; } .hero-grid { padding-block: 30px 38px; } .hero-media-stack { width: min(100%, 720px); } .media-card--hero img { max-height: 54svh; }
} @media (max-width: 720px) { :root { --gutter: 24px; } html { scroll-padding-top: 18px; } .site-header { position: static; } .header-row { padding: 9px 0 8px; gap: 7px; } .brand { gap: 10px; } .brand-mark { width: 34px; height: 32px; } .brand-wordmark { font-size: .98rem; } .desktop-nav a, .lang-switcher a { min-height: 40px; padding: 8px 10px; font-size: .78rem; } .eyebrow, .section-label, .plan-eyebrow { white-space: normal; border-radius: 13px; max-width: 100%; line-height: 1.15; } .hero-grid { padding-block: 22px 28px; gap: 18px; } h1 { font-size: clamp(1.72rem, 7.8vw, 2.45rem); line-height: 1.08; } h2 { font-size: clamp(1.28rem, 5.8vw, 1.95rem); line-height: 1.1; } .hero-actions, .section-actions, .plan-buttons, .activation-code-buttons { gap: 9px; } .btn, .btn-sm { min-height: 44px; border-radius: 12px; } .benefit-list { gap: 6px; } .stat-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } .stat-row span { justify-content: center; text-align: center; font-size: .74rem; padding: 7px 8px; } .hero-banner-pair { display: none; } .media-card--hero img { max-height: 48svh; } .section { padding-block: 26px; } .section--boxed { padding-block: 13px; } .section--boxed > .container, .section--boxed .faq-wrap, .final-cta { padding: 16px 13px; border-radius: 18px; } .plan-card, .feature-card, .note-card { padding: 14px; border-radius: 16px; } .image-lightbox { padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)); } .image-lightbox__dialog { max-height: calc(100svh - 20px); padding: 10px; border-radius: 18px; }
} @media (max-width: 430px) { :root { --gutter: 18px; } .brand-wordmark { max-width: 72vw; } .desktop-nav a, .lang-switcher a { font-size: .74rem; padding-inline: 8px; } .lede, .section-intro, .tight { font-size: .9rem; line-height: 1.46; } .feature-card p, .plan-card p, .note-card p, details p, .footer-row p, .mini-note { font-size: .86rem; } .stat-row { grid-template-columns: 1fr; } .price-line { font-size: .86rem; padding-inline: 10px; }
} @media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { .site-header { position: static; } .hero-grid { padding-block: 18px 22px; } .hero-banner-pair { display: none; } .media-card--hero img { max-height: 72svh; } h1 { font-size: clamp(1.65rem, 4.8vw, 2.35rem); }
} @media (hover: none) { .btn:hover, .media-card--zoomable:hover img, .media-card.is-zoomable:hover img { transform: none; filter: none; }
} @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
} /* V37_SECURITY_MARKETING_TRUST_PASS_2026_05_08 Security + marketing trust pass: clearer trust markers, safer CTAs, compact subscription emphasis. */ .trust-strip { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; max-width: 70ch;
}
.trust-strip span { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(139,192,255,.28); background: rgba(139,192,255,.085); color: var(--accent); font-size: .79rem; font-weight: 850; line-height: 1.15;
}
.plan-card--featured { background: radial-gradient(circle at top right, rgba(139,192,255,.13), transparent 45%), linear-gradient(180deg, var(--surface), var(--surface-strong));
}
.price-line { letter-spacing: -.01em;
}
#external .section-label { color: #ffffff;
}
#external .tight { max-width: 72ch;
}
.faq-list details:first-child { border-color: rgba(139,192,255,.36);
}
@media (max-width: 720px) { .trust-strip { display: grid; grid-template-columns: 1fr; gap: 6px; } .trust-strip span { justify-content: center; text-align: center; font-size: .76rem; }
} /* V38_HERO_CLEANUP_2026_05_08 Hero cleanup: remove redundant stacked trust rows and replace with one cohesive proof area. Goal: cleaner, more professional, more commercial above-the-fold hierarchy. */ .hero-proof { display: grid; gap: 10px; margin-top: 18px; max-width: 72ch;
}
.hero-proof-chips { display: flex; flex-wrap: wrap; gap: 8px;
}
.hero-proof-chips span { display: inline-flex; align-items: center; min-height: 32px; padding: 7px 11px; border-radius: 999px; border: 1px solid rgba(139,192,255,.24); background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); color: var(--text); font-size: .84rem; font-weight: 800; line-height: 1.15;
}
.hero-offer-line { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.5; letter-spacing: -.01em;
}
@media (max-width: 720px) { .hero-proof { gap: 9px; } .hero-proof-chips { gap: 7px; } .hero-proof-chips span { justify-content: center; font-size: .79rem; } .hero-offer-line { font-size: .86rem; }
} /* V41 hero chip polish and PT price note */ .trust-strip { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-top: 18px;
}
.trust-strip span { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 7px 12px; border: 1px solid rgba(167, 210, 255, .28); border-radius: 999px; background: rgba(255, 255, 255, .055); color: var(--text); font-weight: 800; font-size: clamp(.78rem, .85vw, .92rem); letter-spacing: .005em; line-height: 1.15; white-space: nowrap;
}
.stat-row { display: none !important; }
.price-line { display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
}
.price-note { display: block; color: var(--muted); font-weight: 700; font-size: .86rem; line-height: 1.35;
}
@media (max-width: 640px) { .trust-strip { gap: 7px; } .trust-strip span { min-height: 32px; padding: 7px 10px; white-space: normal; text-align: center; }
} /* V41B real hero chips fix */ .hero-proof { margin-top: 18px;
}
.hero-proof-chips { display: flex !important; flex-wrap: wrap; gap: 9px; align-items: center;
}
.hero-proof-chips span { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 7px 12px; border: 1px solid rgba(167, 210, 255, .28); border-radius: 999px; background: rgba(255, 255, 255, .055); color: var(--text); font-weight: 850; font-size: clamp(.78rem, .85vw, .92rem); letter-spacing: .005em; line-height: 1.15; white-space: nowrap;
}
.hero-offer-line,
.stat-row,
.trust-strip { display: none !important;
}
.price-line { display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
}
.price-note { display: block; color: var(--muted); font-weight: 700; font-size: .86rem; line-height: 1.35;
}
@media (max-width: 640px) { .hero-proof-chips { gap: 7px; } .hero-proof-chips span { min-height: 32px; padding: 7px 10px; white-space: normal; text-align: center; }
} /* V45 — responsive image, professional polish, mobile lightbox and small-screen readability */ :root { --container: 1360px; }
.hero-grid { grid-template-columns: minmax(0, .92fr) minmax(430px, 620px); gap: clamp(26px, 3.5vw, 52px);
}
.hero-media-stack { width: min(100%, 620px); }
.hero-copy { max-width: 720px; }
h1 { font-size: clamp(2.4rem, 2.72vw, 3.42rem); max-width: 720px; }
.lede { max-width: 60ch; }
.media-card--hero img { object-fit: contain; background: rgba(0,0,0,.18); }
.media-card--mini img { object-fit: cover; }
.media-card.is-zoomable { cursor: zoom-in; }
.media-card.is-zoomable::after { box-shadow: 0 8px 24px rgba(0,0,0,.28); backdrop-filter: blur(8px);
}
@media (min-width: 1181px) and (max-width: 1500px) { .hero-grid { grid-template-columns: minmax(0, .9fr) minmax(440px, 600px); } .hero-media-stack { width: min(100%, 600px); } h1 { font-size: clamp(2.25rem, 2.6vw, 3.18rem); } .lede { font-size: .96rem; }
}
@media (min-width: 1181px) and (max-height: 780px) { .hero-grid { padding-block: 28px 34px; } .hero-media-stack { width: min(100%, 570px); } h1 { font-size: clamp(2.12rem, 2.45vw, 3rem); } .hero-actions { margin: 18px 0 12px; }
}
@media (max-width: 1180px) { .hero-grid { grid-template-columns: 1fr; } .hero-media { justify-content: center; } .hero-media-stack { width: min(100%, 920px); } .hero-copy { max-width: 900px; } h1 { max-width: 880px; }
}
@media (max-width: 820px) { h1 { max-width: 13.5ch; } .hero-media-stack { width: min(100%, 760px); } .hero-banner-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) { .hero-banner-pair { grid-template-columns: 1fr; } .media-card--hero { padding: 6px; } .media-card--hero img { max-height: none; }
}
.image-lightbox { padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); background: rgba(1, 7, 14, .88); touch-action: none;
}
.image-lightbox__dialog { width: min(1380px, 100%); max-height: calc(100dvh - 32px); overflow: hidden; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 10px;
}
.image-lightbox__toolbar { display: flex; gap: 8px; align-items: center; justify-content: flex-end; flex-wrap: wrap;
}
.image-lightbox__frame { min-height: 0; height: min(78dvh, 820px); display: grid; place-items: center; overflow: hidden; touch-action: none; cursor: grab;
}
.image-lightbox__frame.is-zoomed { cursor: grabbing; }
.image-lightbox__frame img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; user-select: none; -webkit-user-drag: none; transform-origin: center center; transition: transform .08s linear; will-change: transform;
}
.image-lightbox__caption { font-size: .88rem; line-height: 1.35; }
.image-lightbox__close { font-size: 1.35rem; min-width: 44px; }
@media (max-width: 720px) { .image-lightbox { padding: 0; } .image-lightbox__dialog { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; border: 0; padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)); } .image-lightbox__toolbar { justify-content: center; } .image-lightbox__btn { min-height: 42px; padding: 0 11px; font-size: .82rem; } .image-lightbox__close { position: fixed; top: max(10px, env(safe-area-inset-top)); right: max(10px, env(safe-area-inset-right)); z-index: 2; } .image-lightbox__frame { height: calc(100dvh - 128px); border-radius: 14px; } .image-lightbox__caption { text-align: center; font-size: .8rem; }
}
@media (orientation: landscape) and (max-height: 520px) { .image-lightbox__frame { height: calc(100dvh - 76px); } .image-lightbox__caption { display: none; }
} /* V50 Patreon CTA harmonization */ .btn.patreon-primary,
a.patreon-primary.btn,
.patreon-primary { background: linear-gradient(180deg, #CC5A2A 0%, #B24A1C 100%) !important; border-color: rgba(178, 74, 28, .72) !important; color: #fff !important; box-shadow: 0 16px 42px rgba(178, 74, 28, .26), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.btn.patreon-primary:hover,
a.patreon-primary.btn:hover { filter: brightness(1.08); transform: translateY(-1px);
}
.btn.patreon-secondary,
a.patreon-secondary.btn { border-color: rgba(178, 74, 28, .58) !important; color: #F3B293 !important; background: rgba(178, 74, 28, .10) !important;
}
.btn.patreon-secondary:hover,
a.patreon-secondary.btn:hover { background: rgba(178, 74, 28, .18) !important; color: #FFD3BE !important;
}
.patreon-trust-note { color: var(--muted); font-weight: 800;
} /* V51 PT-only DFG lower-line note */ .marketplace-cheaper-note { color: var(--muted); font-weight: 850;
} /* V52 OAuth legal pages + footer links */ .legal-links { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; justify-content: flex-end; color: var(--soft); font-weight: 800; font-size: .92rem;
}
.legal-links a { border-bottom: 1px solid rgba(167,210,255,.28);
}
.legal-links a:hover { color: var(--text); border-bottom-color: rgba(178,74,28,.72);
}
.legal-hero { padding-top: clamp(48px, 7vw, 92px); padding-bottom: clamp(22px, 4vw, 44px);
}
.legal-shell { max-width: 980px;
}
.legal-hero h1 { margin-top: 12px; font-size: clamp(2.6rem, 6vw, 5.2rem); line-height: .98;
}
.legal-lede { margin-top: 18px; max-width: 78ch; color: var(--muted); font-size: clamp(1.05rem, 1.35vw, 1.25rem);
}
.legal-updated { margin-top: 10px; color: var(--soft); font-weight: 800;
}
.legal-content { display: grid; gap: 16px; padding-bottom: clamp(56px, 7vw, 96px);
}
.legal-card { border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(180deg, rgba(11,27,46,.72), rgba(8,18,32,.88)); box-shadow: var(--shadow-md); padding: clamp(20px, 2.6vw, 32px);
}
.legal-card h2 { max-width: none; font-size: clamp(1.3rem, 2vw, 1.8rem); margin-bottom: 10px;
}
.legal-card p { max-width: 88ch; color: var(--muted);
}
.legal-card a { color: #f3b293; font-weight: 900;
}
@media (max-width: 760px) { .legal-links { justify-content: flex-start; }
} /* V60 secondary Free Trial nav link while keeping Activate -> #plans */ .free-trial-nav-link { color: #F3B293 !important; border: 1px solid rgba(178, 74, 28, .48); background: rgba(178, 74, 28, .10); border-radius: 999px; padding: 8px 12px; font-weight: 900;
}
.free-trial-nav-link:hover { color: #FFD3BE !important; background: rgba(178, 74, 28, .18); border-color: rgba(178, 74, 28, .72);
} /* V61 Free Trial + Patreon CTA harmonization */ .free-trial-nav-link.patreon-primary,
.desktop-nav .free-trial-nav-link { background: linear-gradient(180deg, #CC5A2A 0%, #B24A1C 100%) !important; border: 1px solid rgba(178, 74, 28, .72) !important; color: #fff !important; box-shadow: 0 10px 28px rgba(178, 74, 28, .20), inset 0 1px 0 rgba(255,255,255,.18) !important; border-radius: 999px; padding: 8px 13px; font-weight: 950;
}
.free-trial-nav-link.patreon-primary:hover,
.desktop-nav .free-trial-nav-link:hover { filter: brightness(1.08); transform: translateY(-1px);
}
.plan-free-trial-callout { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; margin: 16px 0 14px; padding: clamp(14px, 1.8vw, 20px); border: 1px solid rgba(178, 74, 28, .42); border-radius: var(--radius-md); background: radial-gradient(circle at 12% 0%, rgba(178, 74, 28, .20), transparent 42%), rgba(178, 74, 28, .075);
}
.plan-free-trial-badge { display: inline-flex; width: fit-content; margin-bottom: 8px; padding: 5px 10px; border-radius: 999px; background: rgba(178, 74, 28, .18); border: 1px solid rgba(178, 74, 28, .38); color: #FFD3BE; font-size: .78rem; font-weight: 950; letter-spacing: .04em; text-transform: uppercase;
}
.plan-free-trial-copy h4 { margin: 0 0 5px; font-size: clamp(1.02rem, 1.35vw, 1.22rem); letter-spacing: -.025em;
}
.plan-free-trial-copy p { color: var(--muted); font-size: .95rem; line-height: 1.45;
}
.plan-free-trial-actions { display: flex; justify-content: flex-end;
}
.free-trial-cta { white-space: nowrap;
}
.btn.patreon-primary,
a.patreon-primary.btn { background: linear-gradient(180deg, #CC5A2A 0%, #B24A1C 100%) !important; border-color: rgba(178, 74, 28, .72) !important; color: #fff !important; box-shadow: 0 16px 42px rgba(178, 74, 28, .26), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
@media (max-width: 760px) { .plan-free-trial-callout { grid-template-columns: 1fr; } .plan-free-trial-actions { justify-content: flex-start; } .free-trial-cta { width: 100%; justify-content: center; }
} /* V62 hero free-trial CTA + subscription color fix */ .hero-actions .btn-primary,
.hero-actions .patreon-primary,
.btn.patreon-primary,
a.patreon-primary.btn,
a.patreon-primary { background: linear-gradient(180deg, #CC5A2A 0%, #B24A1C 100%) !important; border-color: rgba(178, 74, 28, .72) !important; color: #fff !important; box-shadow: 0 16px 42px rgba(178, 74, 28, .26), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.hero-actions .btn-primary:hover,
.hero-actions .patreon-primary:hover,
.btn.patreon-primary:hover,
a.patreon-primary.btn:hover { filter: brightness(1.08); transform: translateY(-1px);
}
.hero-proof-chips .free-trial-proof-chip { background: linear-gradient(180deg, rgba(204, 90, 42, .30), rgba(178, 74, 28, .20)) !important; border-color: rgba(178, 74, 28, .62) !important; color: #FFD3BE !important; box-shadow: 0 10px 26px rgba(178, 74, 28, .18);
}
.free-trial-cta { letter-spacing: .005em;
}


/* V73 DFG section redesign + free-trial polish */
#plans .plans-grid { align-items: stretch; }
#plans .plan-card { position: relative; overflow: hidden; }
#plans .plan-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)); opacity: .65; }
#plans .plan-card--featured { box-shadow: 0 24px 56px rgba(6,18,33,.42), 0 0 0 1px rgba(167,210,255,.06) inset; }
#plans .plan-card--marketplace { background: radial-gradient(circle at top right, rgba(178,74,28,.12), transparent 44%), linear-gradient(180deg, rgba(8,20,35,.96), rgba(6,15,27,.98)); border-color: rgba(178,74,28,.24); box-shadow: 0 18px 42px rgba(0,0,0,.22); }
#plans .plan-card--marketplace h3 { max-width: 16ch; }
#plans .plan-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#plans .plan-buttons .btn { width: 100%; }
.plan-free-trial-callout { position: relative; overflow: hidden; gap: 16px; border-color: rgba(178,74,28,.48); background: radial-gradient(circle at 0% 0%, rgba(204,90,42,.28), transparent 38%), linear-gradient(180deg, rgba(178,74,28,.12), rgba(178,74,28,.06)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 32px rgba(178,74,28,.12); }
.plan-free-trial-callout::after { content: ""; position: absolute; inset: auto -8% -45% auto; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle, rgba(255,210,185,.14), transparent 64%); pointer-events: none; }
.plan-free-trial-copy h4 { font-size: clamp(1.06rem, 1.45vw, 1.26rem); }
.plan-free-trial-copy p { max-width: 48ch; }
.free-trial-cta { min-height: 48px; padding-inline: 18px; font-size: .95rem; font-weight: 950; letter-spacing: .01em; border-radius: 14px; box-shadow: 0 18px 38px rgba(178,74,28,.24), inset 0 1px 0 rgba(255,255,255,.18) !important; }
.free-trial-cta::after { content: "↗"; margin-left: 8px; font-size: 1rem; opacity: .92; }
.btn-marketplace { background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035)); border: 1px solid rgba(178,74,28,.46); color: var(--text); box-shadow: 0 14px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08); }
.btn-marketplace:hover { border-color: rgba(178,74,28,.78); background: linear-gradient(180deg, rgba(178,74,28,.18), rgba(178,74,28,.1)); color: #fff; }
.btn-lg { min-height: 50px; padding: 0 20px; font-size: .96rem; }
.marketplace-panel { display: grid; gap: 14px; margin: 16px 0 12px; padding: clamp(16px, 2vw, 22px); border-radius: 18px; border: 1px solid rgba(178,74,28,.34); background: radial-gradient(circle at top left, rgba(178,74,28,.16), transparent 42%), linear-gradient(180deg, rgba(9,23,40,.96), rgba(7,18,31,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 32px rgba(0,0,0,.18); }
.marketplace-panel__copy { display: grid; gap: 8px; }
.marketplace-panel__kicker { display: inline-flex; width: fit-content; align-items: center; min-height: 28px; padding: 0 10px; border-radius: 999px; border: 1px solid rgba(178,74,28,.36); background: rgba(178,74,28,.14); color: #FFD3BE; font-size: .74rem; font-weight: 950; letter-spacing: .045em; text-transform: uppercase; }
.marketplace-panel__copy h4 { margin: 0; font-size: clamp(1.06rem, 1.45vw, 1.26rem); line-height: 1.12; }
.marketplace-panel__copy p { margin: 0; color: var(--muted); max-width: 48ch; }
.marketplace-panel .activation-code-buttons { display: flex; }
.marketplace-panel .activation-code-buttons .btn { width: 100%; justify-content: center; }
.marketplace-benefits { display: flex; flex-wrap: wrap; gap: 8px; }
.marketplace-benefits span { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(167,210,255,.18); background: rgba(255,255,255,.04); color: var(--text); font-size: .8rem; font-weight: 850; }
.marketplace-cheaper-note { margin-top: 2px; color: #F4C7AF; font-weight: 900; }
.final-copy .btn-marketplace { border-color: rgba(178,74,28,.42); }
@media (max-width: 900px) { #plans .plan-buttons { grid-template-columns: 1fr; } }
@media (max-width: 720px) {
  .plan-free-trial-callout { padding: 15px; }
  .free-trial-cta, .btn-marketplace { width: 100%; }
  .marketplace-panel { padding: 14px; }
  .marketplace-benefits span { justify-content: center; }
}


/* V74_FINAL_BUTTON_LINK_BIND_AUDIT_2026_05_12 — final button/link binding audit */
.desktop-nav .patreon-activate-link {
  background: linear-gradient(180deg, #CC5A2A 0%, #B24A1C 100%) !important;
  border: 1px solid rgba(178, 74, 28, .72) !important;
  color: #fff !important;
  box-shadow: 0 10px 28px rgba(178, 74, 28, .20), inset 0 1px 0 rgba(255,255,255,.18) !important;
  border-radius: 999px;
  padding: 8px 13px;
  font-weight: 950;
}
.desktop-nav .patreon-activate-link:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.plan-card--marketplace .btn-marketplace,
.section-actions .btn-marketplace {
  min-height: 48px;
  border-radius: 14px;
  font-weight: 950;
}


/* V106 — multilingual search-demand sections and visible SEO FAQ polish */
.v106-search-section .section-intro,
.v106-faq-section .section-intro{max-width:76ch;}
.v106-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(22px,3vw,34px);}
.v106-search-card{position:relative;overflow:hidden;border:1px solid var(--line,rgba(167,210,255,.16));border-radius:var(--radius-lg,20px);padding:clamp(18px,2vw,26px);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.032));box-shadow:var(--shadow-md,0 14px 38px rgba(0,0,0,.22));}
.v106-search-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,rgba(178,74,28,.95),rgba(123,190,255,.60));opacity:.9;}
.v106-search-card h3{margin:0 0 10px;font-size:clamp(1.05rem,1.4vw,1.28rem);letter-spacing:.01em;}
.v106-search-card p{margin:0;color:var(--muted,#d7e6f6);line-height:1.65;}
.v106-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.v106-pill{display:inline-flex;align-items:center;border:1px solid rgba(167,210,255,.18);border-radius:999px;padding:6px 10px;background:rgba(10,25,44,.52);color:var(--soft,#aac2db);font-size:.88rem;line-height:1.1;white-space:normal;}
.v106-search-card a.v106-card-link{display:inline-flex;margin-top:18px;font-weight:800;text-decoration:none;color:var(--accent,#f0a45f);}
.v106-faq-section{margin-top:0;}
.v106-mini-note{margin-top:18px;color:var(--soft,#aac2db);font-size:.95rem;}
@media (max-width:980px){.v106-search-grid{grid-template-columns:1fr;}.v106-search-card{padding:20px;}}


/* V107 — visual SEO repositioning and product proof unification */
.v107-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;max-width:760px;}
.v107-proof-card{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-height:68px;border:1px solid rgba(224,104,48,.55);border-radius:14px;background:rgba(9,22,39,.72);box-shadow:0 10px 28px rgba(0,0,0,.18);padding:12px 14px;}
.v107-proof-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;padding:0 9px;border-radius:11px;border:1px solid rgba(224,104,48,.65);background:rgba(224,104,48,.10);color:#f4b28d;font-weight:900;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;}
.v107-proof-card strong{display:block;margin:0;color:var(--text,#f4f7fb);font-size:.92rem;line-height:1.15;}
.v107-proof-card span:not(.v107-proof-badge){display:block;margin-top:3px;color:var(--muted,#aebfd4);font-size:.78rem;line-height:1.25;}
.v107-aka-section{margin-top:clamp(20px,3vw,34px);}
.v107-aka-section .container{max-width:1100px;}
.v107-aka-shell{border:1px solid rgba(167,210,255,.18);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022));box-shadow:0 16px 42px rgba(0,0,0,.18);padding:clamp(18px,2.2vw,26px);}
.v107-aka-head{display:grid;gap:8px;margin-bottom:15px;}
.v107-aka-head .section-label{margin:0;width:max-content;}
.v107-aka-head h2{margin:0;font-size:clamp(1.18rem,1.7vw,1.55rem);line-height:1.15;}
.v107-aka-head p{max-width:78ch;margin:0;color:var(--muted,#c9d8e9);line-height:1.58;font-size:.98rem;}
.v107-pill-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.v107-pill{display:inline-flex;align-items:center;border:1px solid rgba(167,210,255,.18);border-radius:999px;background:rgba(10,25,44,.56);padding:7px 11px;color:var(--soft,#b9cbe0);font-size:.86rem;line-height:1.08;white-space:normal;}
.v107-aka-note{margin:14px 0 0;color:var(--soft,#b9cbe0);font-size:.92rem;line-height:1.55;}
.v106-search-section{display:none !important;}
@media (max-width:980px){.v107-proof-grid{grid-template-columns:1fr 1fr;max-width:none}.v107-aka-shell{padding:18px}.v107-aka-head h2{font-size:1.25rem}}
@media (max-width:640px){.v107-proof-grid{grid-template-columns:1fr}.v107-proof-card{min-height:0}.v107-pill{font-size:.82rem}}


/* VCK8 — feature cards and compact search terms */
.v107-proof-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:18px 0 0!important;max-width:760px!important}
.v107-proof-card{display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;align-items:center!important;min-height:68px!important;border:1px solid rgba(224,104,48,.62)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(10,25,44,.82),rgba(10,20,34,.68))!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;padding:12px 14px!important}
.v107-proof-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px!important;height:34px!important;padding:0 9px!important;border-radius:11px!important;border:1px solid rgba(224,104,48,.72)!important;background:rgba(224,104,48,.12)!important;color:#f4b28d!important;font-weight:900!important;font-size:.78rem!important;letter-spacing:.03em!important;text-transform:uppercase!important;white-space:nowrap!important}
.v107-proof-card strong{display:block!important;margin:0!important;color:var(--text,#f4f7fb)!important;font-size:.92rem!important;line-height:1.15!important}
.v107-proof-card span:not(.v107-proof-badge){display:block!important;margin-top:3px!important;color:var(--muted,#aebfd4)!important;font-size:.78rem!important;line-height:1.25!important}
.vck8-aka-section{margin-top:clamp(18px,3vw,30px)!important}.vck8-aka-section .container{max-width:1100px!important}
.vck8-aka-shell{border:1px solid rgba(167,210,255,.20)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(10,25,44,.78),rgba(8,18,32,.58))!important;box-shadow:0 16px 42px rgba(0,0,0,.20)!important;padding:clamp(18px,2.2vw,26px)!important}
.vck8-aka-head{display:grid!important;gap:8px!important;margin-bottom:14px!important}.vck8-aka-head .section-label{margin:0!important;width:max-content!important}
.vck8-aka-head h2{margin:0!important;font-size:clamp(1.12rem,1.55vw,1.45rem)!important;line-height:1.16!important}.vck8-aka-head p{max-width:78ch!important;margin:0!important;color:var(--muted,#c9d8e9)!important;line-height:1.56!important;font-size:.96rem!important}
.vck8-pill-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}.vck8-pill{display:inline-flex!important;align-items:center!important;border:1px solid rgba(167,210,255,.20)!important;border-radius:999px!important;background:rgba(12,29,50,.72)!important;padding:7px 11px!important;color:var(--soft,#b9cbe0)!important;font-size:.86rem!important;line-height:1.08!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}.vck8-aka-note{margin:14px 0 0!important;color:var(--soft,#b9cbe0)!important;font-size:.92rem!important;line-height:1.55!important}
.v106-search-section,.v107-aka-section{display:none!important}
@media(max-width:980px){.v107-proof-grid{grid-template-columns:1fr 1fr!important;max-width:none!important}.vck8-aka-shell{padding:18px!important}}@media(max-width:640px){.v107-proof-grid{grid-template-columns:1fr!important}.v107-proof-card{min-height:0!important}.vck8-pill{font-size:.82rem!important}}


/* V109 — grouped semantic search intent expansion without stuffing */
.v109-term-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;}
.v109-term-group{border:1px solid rgba(167,210,255,.13);border-radius:16px;background:rgba(6,18,32,.28);padding:12px;}
.v109-term-group h3{margin:0 0 9px;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#f4a46a);}
.v109-term-group .vck8-pill-grid{margin-top:0!important;}
.v109-sensitive-note{margin-top:14px;border-left:3px solid rgba(244,164,106,.72);padding:10px 12px;background:rgba(244,164,106,.055);border-radius:12px;color:var(--soft,#b9cbe0);font-size:.92rem;line-height:1.55;}
@media(max-width:860px){.v109-term-groups{grid-template-columns:1fr;}}


/* V110 — humanized search-intent copy and Color Switcher semantic fix */
.vck8-aka-head p{font-size:1rem!important;line-height:1.62!important;}
.v109-sensitive-note{font-size:.94rem!important;line-height:1.58!important;}


/* V112 — final SEO, visual polish and Gear Switch by Color semantic layer */
:root{
  --v112-accent:#f0a65c;
  --v112-accent-soft:#ffc489;
  --v112-accent-strong:#e77a33;
  --v112-card-bg:rgba(7,18,38,.74);
  --v112-card-bg-soft:rgba(9,22,46,.58);
  --v112-border:rgba(240,166,92,.40);
  --v112-outline:rgba(118,163,255,.20);
  --v112-shadow:0 18px 48px rgba(0,0,0,.28);
}
.v112-intent-panel{
  padding:clamp(20px,3vw,30px)!important;
  border-radius:28px!important;
  border:1px solid var(--v112-outline)!important;
  background:linear-gradient(180deg,rgba(9,22,46,.78),rgba(7,18,38,.62))!important;
  box-shadow:var(--v112-shadow)!important;
}
.v112-intent-panel .v112-kicker{
  display:inline-flex!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(240,166,92,.38)!important;
  background:rgba(11,24,46,.58)!important;
  color:var(--v112-accent-soft)!important;
  font-size:.82rem!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
.v112-intent-panel h2{
  width:100%!important;
  max-width:980px!important;
  margin:14px 0 10px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
}
.v112-intent-panel p{
  max-width:980px!important;
}
.v112-intent-groups{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(280px,1fr))!important;
  gap:16px!important;
  margin-top:18px!important;
}
.v112-intent-group{
  border:1px solid var(--v112-outline)!important;
  border-radius:20px!important;
  background:var(--v112-card-bg-soft)!important;
  padding:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.v112-intent-group h3{
  margin:0 0 12px!important;
  color:var(--v112-accent-soft)!important;
  font-size:.96rem!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
.v112-tag-wrap{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.v112-tag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(120,165,255,.30)!important;
  background:rgba(10,24,49,.74)!important;
  color:#dfe8ff!important;
  font-size:.93rem!important;
  line-height:1.18!important;
  white-space:nowrap!important;
}
.v112-intent-summary{
  margin-top:18px!important;
  padding:16px 18px!important;
  border-radius:16px!important;
  border:1px solid var(--v112-border)!important;
  background:rgba(18,29,53,.64)!important;
  color:#e7eefc!important;
}
body[data-v112-client="1"] .hero--v43 .hero-grid--v43{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:28px!important;
  align-items:start!important;
}
body[data-v112-client="1"] .hero-copy--v43{
  max-width:980px!important;
  width:100%!important;
}
body[data-v112-client="1"] .hero-copy--v43 h1{
  max-width:980px!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
  text-wrap:balance!important;
}
body[data-v112-client="1"] .hero-copy--v43 .lede{
  max-width:940px!important;
}
body[data-v112-client="1"] .hero-media--v43{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto!important;
}
body[data-v112-client="1"] .hero-mini-grid--v48,
.v112-metrics-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body[data-v112-client="1"] .hero-mini,
.v112-metric-card{
  border:1px solid var(--v112-border)!important;
  border-radius:18px!important;
  background:var(--v112-card-bg-soft)!important;
  box-shadow:var(--v112-shadow)!important;
}
body[data-v112-client="1"] .hero-mini__icon,
.metric-card strong,
.hero-mini strong{
  color:var(--v112-accent-soft)!important;
}
.section-label,
.eyebrow,
.v111-badge,
.v107-proof-badge,
.v109-proof-badge{
  border-color:var(--v112-border)!important;
  color:var(--v112-accent-soft)!important;
}
.v106-search-section,.v107-aka-section,.vck8-aka-section,.v109-intent-section,.v111-search-panel{display:none!important}
@media(max-width:980px){
  .v112-intent-groups{grid-template-columns:1fr!important}
  body[data-v112-client="1"] .hero-mini-grid--v48,.v112-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .v112-intent-panel{padding:20px!important}
  .v112-tag{white-space:normal!important}
  body[data-v112-client="1"] .hero-mini-grid--v48,.v112-metrics-grid{grid-template-columns:1fr!important}
}


/* V114 — Responsive System Polish + Client Hero Final Refinement + SEO V3 */
:root{
  --v114-accent:#f0a65c;
  --v114-accent-soft:#ffc489;
  --v114-accent-strong:#e77a33;
  --v114-ink:#eef3ff;
  --v114-muted:#b9cbe0;
  --v114-card-bg:rgba(7,18,38,.76);
  --v114-card-bg-soft:rgba(9,22,46,.60);
  --v114-border:rgba(240,166,92,.42);
  --v114-outline:rgba(118,163,255,.20);
  --v114-shadow:0 18px 48px rgba(0,0,0,.28);
  --v114-section-gap:clamp(54px,7vw,96px);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.container{width:min(100% - clamp(32px,6vw,96px),1280px)!important;margin-inline:auto!important}
section{scroll-margin-top:92px}
.hero{padding-block:clamp(54px,7.2vw,104px)!important}
.hero h1,.hero--v43 h1{
  text-wrap:balance!important;
  letter-spacing:-.045em!important;
}
.hero .lede,.hero--v43 .lede{
  max-width:68rem!important;
  text-wrap:pretty;
}
.btn{
  min-height:44px;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  padding-inline:clamp(18px,2.2vw,28px)!important;
  white-space:normal!important;
  text-align:center!important;
}
.section-label,.eyebrow,.v112-kicker,.v111-badge,.v107-proof-badge,.v109-proof-badge{
  border-color:var(--v114-border)!important;
  color:var(--v114-accent-soft)!important;
}
.media-card img{display:block;max-width:100%;height:auto}
.v114-intent-panel{
  padding:clamp(20px,3vw,30px)!important;
  border-radius:28px!important;
  border:1px solid var(--v114-outline)!important;
  background:linear-gradient(180deg,rgba(9,22,46,.78),rgba(7,18,38,.62))!important;
  box-shadow:var(--v114-shadow)!important;
}
.v114-intent-panel .v114-kicker{
  display:inline-flex!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(240,166,92,.38)!important;
  background:rgba(11,24,46,.58)!important;
  color:var(--v114-accent-soft)!important;
  font-size:.82rem!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
.v114-intent-panel h2{
  width:100%!important;
  max-width:1000px!important;
  margin:14px 0 10px!important;
  font-size:clamp(1.65rem,2.3vw,2.65rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
}
.v114-intent-panel p{max-width:980px!important}
.v114-intent-groups{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(280px,1fr))!important;
  gap:16px!important;
  margin-top:18px!important;
}
.v114-intent-group{
  border:1px solid var(--v114-outline)!important;
  border-radius:20px!important;
  background:var(--v114-card-bg-soft)!important;
  padding:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.v114-intent-group h3{
  margin:0 0 12px!important;
  color:var(--v114-accent-soft)!important;
  font-size:.96rem!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
.v114-tag-wrap{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.v114-tag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(120,165,255,.30)!important;
  background:rgba(10,24,49,.74)!important;
  color:#dfe8ff!important;
  font-size:.93rem!important;
  line-height:1.18!important;
  white-space:nowrap!important;
}
.v114-intent-summary{
  margin-top:18px!important;
  padding:16px 18px!important;
  border-radius:16px!important;
  border:1px solid var(--v114-border)!important;
  background:rgba(18,29,53,.64)!important;
  color:#e7eefc!important;
}
.v114-routing-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:14px!important;
}
.v114-routing-links a{
  color:var(--v114-accent-soft)!important;
  border:1px solid var(--v114-border)!important;
  background:rgba(240,166,92,.08)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  text-decoration:none!important;
  font-weight:700!important;
}
body[data-v114-client="1"] .hero--v43{
  padding-block:clamp(50px,6.6vw,92px)!important;
}
body[data-v114-client="1"] .hero--v43 .hero-grid--v43{
  display:grid!important;
  grid-template-columns:minmax(500px,.92fr) minmax(560px,1.08fr)!important;
  gap:clamp(32px,5vw,72px)!important;
  align-items:center!important;
  max-width:1320px!important;
  margin-inline:auto!important;
  padding-inline:clamp(24px,4vw,64px)!important;
}
body[data-v114-client="1"] .hero-copy--v43{
  max-width:620px!important;
  width:100%!important;
}
body[data-v114-client="1"] .hero-copy--v43 h1{
  max-width:620px!important;
  font-size:clamp(3.1rem,4.15vw,5.4rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  text-wrap:balance!important;
}
body[data-v114-client="1"] .hero-copy--v43 .lede{
  max-width:620px!important;
  font-size:clamp(.98rem,1.05vw,1.12rem)!important;
  line-height:1.55!important;
}
body[data-v114-client="1"] .hero-actions--v43{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:clamp(18px,2vw,26px)!important;
}
body[data-v114-client="1"] .hero-media--v43{
  width:100%!important;
  max-width:760px!important;
  justify-self:center!important;
}
body[data-v114-client="1"] .media-card--hero img{
  width:100%!important;
}
body[data-v114-client="1"] .hero-support-grid--v43{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(12px,1.5vw,18px)!important;
  margin-top:clamp(14px,1.8vw,22px)!important;
}
body[data-v114-client="1"] .hero-mini-grid--v48{
  width:min(100% - clamp(32px,6vw,96px),920px)!important;
  margin:clamp(28px,4vw,48px) auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body[data-v114-client="1"] .hero-mini{
  border:1px solid var(--v114-border)!important;
  border-radius:18px!important;
  background:var(--v114-card-bg-soft)!important;
  box-shadow:var(--v114-shadow)!important;
  min-height:76px!important;
}
body[data-v114-client="1"] .hero-mini__icon,
.hero-mini strong,.v107-proof-badge,.v107-proof-card strong{
  color:var(--v114-accent-soft)!important;
}
.v107-proof-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.v107-proof-card{
  border:1px solid var(--v114-border)!important;
  border-radius:18px!important;
  background:var(--v114-card-bg-soft)!important;
  box-shadow:var(--v114-shadow)!important;
}
.v106-search-section,.v107-aka-section,.vck8-aka-section,.v109-intent-section,.v111-search-panel,.v112-intent-section{display:none!important}
@media(max-width:1180px){
  body[data-v114-client="1"] .hero--v43 .hero-grid--v43{
    grid-template-columns:1fr!important;
    gap:clamp(22px,4vw,42px)!important;
  }
  body[data-v114-client="1"] .hero-copy--v43,
  body[data-v114-client="1"] .hero-copy--v43 h1,
  body[data-v114-client="1"] .hero-copy--v43 .lede{
    max-width:940px!important;
  }
  body[data-v114-client="1"] .hero-copy--v43 h1{
    font-size:clamp(2.9rem,7vw,5rem)!important;
  }
  body[data-v114-client="1"] .hero-media--v43{
    max-width:860px!important;
  }
}
@media(max-width:980px){
  .v114-intent-groups{grid-template-columns:1fr!important}
  .v107-proof-grid,
  body[data-v114-client="1"] .hero-mini-grid--v48{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  .container{width:min(100% - 28px,1280px)!important}
  .hero{padding-block:44px!important}
  .hero h1,.hero--v43 h1{
    font-size:clamp(2.25rem,12vw,3.35rem)!important;
    line-height:1.02!important;
  }
  .hero-actions,.hero-actions--v43{
    width:100%!important;
  }
  .hero-actions .btn,.hero-actions--v43 .btn{
    width:100%!important;
  }
  body[data-v114-client="1"] .hero-support-grid--v43,
  body[data-v114-client="1"] .hero-mini-grid--v48,
  .v107-proof-grid{
    grid-template-columns:1fr!important;
  }
  .v114-intent-panel{padding:20px!important}
  .v114-tag{white-space:normal!important}
}


/* V115.1 — Client hero correction, 28 PK scripts card and no-situações copy pass */
body[data-v1151-client="1"] .hero--v43 .hero-grid--v43{
  grid-template-columns:minmax(520px,.92fr) minmax(600px,1.08fr)!important;
  gap:clamp(34px,5.2vw,78px)!important;
  align-items:center!important;
}
body[data-v1151-client="1"] .hero-copy--v43{
  max-width:690px!important;
}
body[data-v1151-client="1"] .hero-copy--v43 h1{
  max-width:690px!important;
  font-size:clamp(2.85rem,3.65vw,4.85rem)!important;
  line-height:1.02!important;
  letter-spacing:-.048em!important;
}
body[data-v1151-client="1"] .hero-copy--v43 .lede{
  max-width:680px!important;
  font-size:clamp(1rem,1.02vw,1.12rem)!important;
  line-height:1.58!important;
}
body[data-v1151-client="1"] .hero-actions--v43{
  margin-top:clamp(20px,2.1vw,30px)!important;
}
body[data-v1151-client="1"] .hero-media--v43{
  max-width:820px!important;
}
body[data-v1151-client="1"] .hero-support-grid--v43{
  grid-template-columns:repeat(3,minmax(150px,1fr))!important;
  gap:clamp(18px,2.3vw,34px)!important;
  align-items:stretch!important;
  margin-top:clamp(24px,3vw,42px)!important;
}
body[data-v1151-client="1"] .hero-support-grid--v43 .media-card{
  max-width:220px!important;
  width:100%!important;
  justify-self:center!important;
}
body[data-v1151-client="1"] .hero-support-grid--v43 img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
body[data-v1151-client="1"] .hero-mini-grid--v48{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  max-width:1120px!important;
  width:min(100% - clamp(32px,6vw,96px),1120px)!important;
}
body[data-v1151-client="1"] .hero-mini--pk-scripts{
  border-color:rgba(240,166,92,.56)!important;
  background:linear-gradient(180deg,rgba(18,35,62,.72),rgba(9,22,46,.62))!important;
}
body[data-v1151-client="1"] .hero-mini--pk-scripts .hero-mini__icon{
  color:#ffc489!important;
}
@media(max-width:1180px){
  body[data-v1151-client="1"] .hero--v43 .hero-grid--v43{
    grid-template-columns:1fr!important;
  }
  body[data-v1151-client="1"] .hero-copy--v43,
  body[data-v1151-client="1"] .hero-copy--v43 h1,
  body[data-v1151-client="1"] .hero-copy--v43 .lede{
    max-width:920px!important;
  }
  body[data-v1151-client="1"] .hero-mini-grid--v48{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:920px!important;
  }
}
@media(max-width:760px){
  body[data-v1151-client="1"] .hero-support-grid--v43{
    grid-template-columns:1fr!important;
  }
  body[data-v1151-client="1"] .hero-support-grid--v43 .media-card{
    max-width:360px!important;
  }
  body[data-v1151-client="1"] .hero-mini-grid--v48{
    grid-template-columns:1fr!important;
  }
}


/* V116 fixed — safe download build; Client gallery and lightbox polish */
body[data-v116-client="1"] .hero--v43 .hero-grid--v43{
  grid-template-columns:minmax(520px,.90fr) minmax(640px,1.10fr)!important;
  gap:clamp(38px,5.5vw,86px)!important;
  align-items:center!important;
}
body[data-v116-client="1"] .hero-copy--v43{
  max-width:700px!important;
}
body[data-v116-client="1"] .hero-copy--v43 h1{
  max-width:700px!important;
  font-size:clamp(2.75rem,3.45vw,4.65rem)!important;
  line-height:1.03!important;
}
body[data-v116-client="1"] .hero-media--v43{
  max-width:900px!important;
  width:100%!important;
  justify-self:center!important;
}
body[data-v116-client="1"] .hero-media--v43 .media-card,
body[data-v116-client="1"] .hero-support-grid--v43 .media-card{
  background:transparent!important;
  box-shadow:none!important;
  border:1px solid rgba(118,163,255,.24)!important;
}
body[data-v116-client="1"] .media-card--hero{
  border-radius:22px!important;
  overflow:hidden!important;
}
body[data-v116-client="1"] .media-card--hero img{
  width:100%!important;
  height:auto!important;
  display:block!important;
}
body[data-v116-client="1"] .hero-support-grid--v43{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(180px,1fr))!important;
  gap:clamp(20px,2.5vw,42px)!important;
  margin-top:clamp(26px,3.2vw,46px)!important;
  align-items:start!important;
}
body[data-v116-client="1"] .hero-support-grid--v43 .media-card{
  max-width:none!important;
  width:100%!important;
  padding:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:rgba(7,18,38,.28)!important;
}
body[data-v116-client="1"] .hero-support-grid--v43 img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
body[data-v116-client="1"] .hero-support-grid--v43 .media-card__zoom{
  right:10px!important;
  bottom:10px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(5,12,24,.78)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:blur(4px)!important;
}
body[data-v116-client="1"] .hero-mini-grid--v48{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  max-width:1120px!important;
  width:min(100% - clamp(32px,6vw,96px),1120px)!important;
}
#image-lightbox,
.lightbox,
.modal-lightbox{
  padding:clamp(14px,2vw,34px)!important;
}
#image-lightbox img,
.lightbox img,
.modal-lightbox img,
.dialog-lightbox img{
  max-width:min(96vw,1680px)!important;
  max-height:92vh!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
@media(max-width:1180px){
  body[data-v116-client="1"] .hero--v43 .hero-grid--v43{
    grid-template-columns:1fr!important;
  }
  body[data-v116-client="1"] .hero-copy--v43,
  body[data-v116-client="1"] .hero-copy--v43 h1,
  body[data-v116-client="1"] .hero-copy--v43 .lede{
    max-width:940px!important;
  }
  body[data-v116-client="1"] .hero-support-grid--v43{
    grid-template-columns:repeat(3,minmax(160px,1fr))!important;
  }
  body[data-v116-client="1"] .hero-mini-grid--v48{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  body[data-v116-client="1"] .hero-support-grid--v43{
    grid-template-columns:1fr!important;
  }
  body[data-v116-client="1"] .hero-support-grid--v43 img{
    aspect-ratio:16/9!important;
  }
  body[data-v116-client="1"] .hero-mini-grid--v48{
    grid-template-columns:1fr!important;
  }
}