/* ======================= tokens + base ======================= */
/**
 * Developed by Mohammad Rameez Imdad (Rameez Scripts)
 * WhatsApp: https://wa.me/923435347417 (For Custom Projects)
 * YouTube: https://www.youtube.com/@rameezimdad (Subscribe for more!)
 *
 * public.css — the ONE stylesheet of every public page (home, catalogues, product + checkout, blog,
 * policies, sign-in). google look, light by default; dark = <html data-theme="dark">, set before paint
 * by rs_public_head() and flipped by the header switch. layout:
 *   tokens + base  ->  page blocks (each scoped to its page with :where(body.x), zero specificity, so the
 *   cascade inside a page is the same as when it had its own <style>)  ->  shared header / dock / chat
 *   ->  footer  ->  google layer. a rule with a fixed colour carries a dark twin right after it
 *   (:where(html[data-theme="dark"]) …) — same specificity, same place in the cascade.
 * the portal + admin never load this file; they keep styles.css.
 */
/* ===== tokens — google light ===== */
:root {
    color-scheme: light;
    --rs-font: 'Google Sans Flex', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --rs-font-display: var(--rs-font);
    --font-display: var(--rs-font); --font-body: var(--rs-font);
    --c-primary: #1F1F1F; --c-secondary: #3C4043; --c-primary-dark: #000000; --c-primary-hover: #3C4043; --c-primary-rgb: 31,31,31;
    --c-bg: #FFFFFF; --c-card: #FFFFFF; --c-tint: #F1F3F4; --c-tint-2: #F8F9FA; --c-tint-line: #DADCE0;
    --c-text: #1F1F1F; --c-text-muted: #5F6368;
    --c-accent: #0B57D0; --c-accent-rgb: 11,87,208; --c-accent-strong: #0842A0; --c-accent-soft: #D3E3FD; --c-on-accent: #FFFFFF; --c-on-primary: #FFFFFF;
    --c-verified: #188038; --c-verified-bg: #E6F4EA; --c-verified-ink: #137333;
    --c-support: #25D366; --c-support-dark: #128C7E; --c-wa: #25D366; --c-wa-d: #128C7E; --c-em: #0EA5E9; --c-em-d: #0284C7;
    --c-ink: #1F1F1F; --c-ink-line: #747775;   /* text + outline roles of the brand colour (dark twins point here) */
    --g-tonal: #D3E3FD; --g-tonal-hi: #C2D7FB; --g-tonal-ink: #0842A0; --g-link: #0B57D0; --g-hi: #0B57D0;
    --g-surface: #F1F3F4; --g-line: #DADCE0; --g-chip-line: #747775; --g-pro: #E8F0FE;
}
/* ===== tokens — google dark ===== */
:root[data-theme="dark"] {
    color-scheme: dark;
    --c-primary: #0F1E3D; --c-secondary: #1E1F20; --c-primary-dark: #06142F; --c-primary-hover: #1B3363; --c-primary-rgb: 15,30,61;
    --c-bg: #000000; --c-card: #131314; --c-tint: #1E1F20; --c-tint-2: #17181A; --c-tint-line: #3C4043;
    --c-text: #E3E3E3; --c-text-muted: #9AA0A6;
    --c-accent: #1A73E8; --c-accent-rgb: 26,115,232; --c-accent-strong: #2B7DE9; --c-accent-soft: #1E3A6B; --c-on-accent: #FFFFFF; --c-on-primary: #FFFFFF;
    --c-verified: #81C995; --c-verified-bg: #0F2A1D; --c-verified-ink: #81C995;
    --c-ink: #F1F3F4; --c-ink-line: #9AA0A6;
    --g-link: #8AB4F8; --g-hi: #4FA0FF;
    --g-surface: #1E1F20; --g-line: #3C4043; --g-chip-line: rgba(255,255,255,.55); --g-pro: #0D1B31;
}
/* ===== base ===== */
html { background: var(--c-bg); }
body { font-family: var(--rs-font); }
::selection { background: rgba(var(--c-accent-rgb), .25); }
a { text-decoration: none; }
/* no underlined text anywhere (owner) — links show state by colour */
:where(a) { color: var(--g-link); }
/* any link no rule colours gets the theme link colour, never the browser blue */

/* ======================= styles.css rules used by contact, meet booking, partner, course, checkout success, product pages, help (visitor) ======================= */
body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs) { --navy-primary: var(--c-primary); --ph-bottom-nav-h: 96px; --cf-action-bar-h: 76px; --navy-dark: var(--c-primary-dark); --navy-light: var(--c-secondary); --navy-accent: var(--c-accent); --navy-hover: var(--c-primary-hover); --success: #34a853; --warning: #fbbc04; --danger: #ea4335; --navy-900: var(--c-primary-dark); --navy-800: var(--c-primary); --navy-700: var(--c-primary-hover); --navy-600: var(--c-secondary); --navy-500: var(--c-accent); --navy-400: #3392e3; --navy-300: #66ade9; --navy-200: #99c8f0; --navy-100: var(--c-tint-line); --navy-50: var(--c-tint); --gray-900: #1F1F1F; --gray-800: #1F1F1F; --gray-700: #3C4043; --gray-600: #444746; --gray-500: #5F6368; --gray-400: #80868B; --gray-300: #C4C7C5; --gray-200: #DADCE0; --gray-100: #F1F3F4; --gray-50: #F8F9FA; --white: #ffffff; --color-success: #34a853; --color-success-light: #d4edda; --color-success-dark: #155724; --color-warning: #fbbc04; --color-warning-light: #fff3cd; --color-warning-dark: #856404; --color-danger: #ea4335; --color-danger-light: #f8d7da; --color-danger-dark: #721c24; --color-info: var(--c-accent); --color-info-light: #D3E3FD; --color-info-dark: #1e3a8a; --surface-page: var(--c-tint); --surface-card: #ffffff; --surface-subtle: #F8F9FA; --border-color: #DADCE0; --text-primary: var(--c-primary); --text-body: #1F1F1F; --text-muted: #5F6368; --text-inverse: #ffffff; --gradient-page: linear-gradient(135deg, var(--c-tint) 0%, var(--c-tint-2) 50%, var(--c-tint) 100%); --gradient-navy: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); --gradient-accent: linear-gradient(135deg, var(--c-accent) 0%, var(--c-primary) 100%); --gradient-success: linear-gradient(135deg, #34a853 0%, #2d8e47 100%); --space-0: 0; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --radius-xs: 6px; --radius-sm: 14px; --radius-md: 16px; --radius-lg: 22px; --radius-xl: 28px; --radius-pill: 999px; --radius-full: 50%; --shadow-sm: 0 1px 3px rgba(0,0,0,0.08); --shadow-md: 0 4px 12px rgba(0,0,0,0.12); --shadow-lg: 0 8px 30px rgba(0,0,0,0.18); --shadow-xl: 0 20px 60px rgba(0,0,0,0.30); --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; --font-family-display: 'Space Grotesk', var(--font-family-base); --font-family-mono: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace; --text-xs: 12px; --text-sm: 13px; --text-base: 14px; --text-md: 16px; --text-lg: 18px; --text-xl: 20px; --text-2xl: 24px; --text-3xl: 30px; --text-4xl: 36px; --leading-tight: 1.25; --leading-snug: 1.4; --leading-normal: 1.6; --weight-normal: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-extra: 800; --z-base: 1; --z-sticky: 100; --z-header: 500; --z-dropdown: 1000; --z-overlay: 9000; --z-modal: 9999; --z-toast: 10000; --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); --ease-decelerate: cubic-bezier(0, 0, 0.2, 1); --ease-accelerate: cubic-bezier(0.4, 0, 1, 1); --duration-fast: 0.15s; --duration-base: 0.25s; --duration-slow: 0.4s; --transition-base: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
:where(html[data-theme="dark"]) body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs) { --gray-900: #D6D6D6; --gray-800: #D6D6D6; --gray-700: #BABEC1; --gray-600: #B8BBBA; --gray-500: #9EA2A7; --gray-300: #454645; --gray-200: #37393C; --gray-100: #191B1C; --gray-50: #151719; --color-success-light: #1D2E21; --color-success-dark: #8CE3A0; --color-warning-light: #352C0F; --color-warning-dark: #F4D57B; --color-danger-light: #2E1417; --color-danger-dark: #E38C94; --color-info-light: #101D31; --color-info-dark: #8AA2E5; --surface-card: #131313; --surface-subtle: #151719; --border-color: #37393C; --text-primary: var(--c-ink); --text-body: #D6D6D6; --text-muted: #9EA2A7; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs), :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) * { margin: 0; padding: 0; box-sizing: border-box; }
html:where(:has(> :is(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs))) { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) h1, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) h2, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) h3 { font-family: var(--font-family-display); }
body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs) { font-family: var(--font-family-base); background: #f5f5f5; -webkit-tap-highlight-color: transparent; touch-action: manipulation; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
:where(html[data-theme="dark"]) body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs) { background: #191919; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) input, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) select, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) textarea { font-size: 16px !important; touch-action: manipulation; }
@keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes fadeSlideIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
:where(body.hc-public) .main-content { flex: 1; padding: 20px; overflow-y: auto; background: #f5f5f5; }
:where(html[data-theme="dark"]) :where(body.hc-public) .main-content { background: #191919; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .breadcrumb { padding: 12px 20px; background: white; border-radius: var(--radius-sm); margin-bottom: 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); font-size: 14px; display: flex; align-items: center; gap: 8px; color: #666; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .breadcrumb { background: #131313; color: #A1A1A1; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .breadcrumb a { color: var(--navy-primary); text-decoration: none; display: flex; align-items: center; gap: 6px; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .breadcrumb a { color: var(--c-ink); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .breadcrumb a:hover { color: var(--navy-accent); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .header { background: white; padding: 20px; border-radius: var(--radius-sm); margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); display: flex; justify-content: space-between; align-items: center; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .header { background: #131313; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .header h1 { font-size: 24px; color: #333; display: flex; align-items: center; gap: 10px; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .header h1 { color: #C7C7C7; }
:where(body.page-contact) .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
:where(body.page-contact) .section-header h2 { font-size: 20px; color: #333; display: flex; align-items: center; gap: 10px; }
:where(html[data-theme="dark"]) :where(body.page-contact) .section-header h2 { color: #C7C7C7; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .skeleton { background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s ease-in-out infinite; border-radius: var(--radius-sm); }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .skeleton { background: linear-gradient(90deg, #1C1C1C 25%, #262626 50%, #1C1C1C 75%); }
@keyframes skeleton-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .btn { padding: 10px 20px; border: none; border-radius: 2px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s; display: inline-flex; align-items: center; justify-content: center; gap: 8px; touch-action: manipulation; -webkit-tap-highlight-color: transparent; text-decoration: none; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .btn:hover, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .btn:focus { text-decoration: none; }
:where(body.page-cf, body.page-sc) .btn-primary { background: var(--navy-primary); color: white; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .btn-primary { background: var(--c-accent); }
:where(body.page-cf, body.page-sc) .btn-primary:hover { background: var(--navy-hover); transform: translateY(-2px); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .btn:disabled { background: #ccc; cursor: not-allowed; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .btn:disabled { background: #333333; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .error { margin-top: 15px; color: #ea4335; font-size: 14px; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .error { color: #F2877E; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .modal { background: white; border-radius: var(--radius-sm); width: 80%; max-width: 800px; max-height: 90vh; overflow-y: auto; box-shadow: 0 4px 24px rgba(0,0,0,0.2); }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .modal { background: #131313; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .searchable-dropdown { position: relative; width: 100%; }
@media (max-width: 768px) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .modal { width: 95%; }
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) input, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) select, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) textarea { font-size: 16px !important; }
}
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .dashboard { display: flex; min-height: 100vh; }
:where(body.hc-public) .dashboard .main-content { flex: 1; padding: 30px; background: linear-gradient(135deg, var(--c-tint) 0%, var(--c-tint-2) 50%, var(--c-tint) 100%); background-attachment: fixed; }
:where(body.page-cf, body.page-sc) .plan-badge { background: linear-gradient(135deg, var(--navy-accent) 0%, var(--navy-primary) 100%); color: white; padding: 8px 20px; border-radius: var(--radius-sm); font-weight: 600; display: inline-block; font-size: 16px; box-shadow: 0 3px 10px rgba(var(--c-accent-rgb),0.3); }
:where(body.page-course) .plan-card { background: linear-gradient(145deg, #ffffff 0%, #F8F9FA 100%); border: 2px solid #DADCE0; border-radius: var(--radius-sm); padding: 35px; text-align: center; transition: all 0.3s; position: relative; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
:where(html[data-theme="dark"]) :where(body.page-course) .plan-card { background: linear-gradient(145deg, #131313 0%, #151719 100%); border: 2px solid #37393C; }
:where(body.page-course) .plan-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, var(--navy-accent) 0%, var(--navy-primary) 100%); transform: scaleX(0); transition: transform 0.3s; }
:where(body.page-course) .plan-card:hover::before { transform: scaleX(1); }
:where(body.page-course) .plan-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(var(--c-accent-rgb),0.2); border-color: var(--navy-accent); background: linear-gradient(135deg, var(--c-tint) 0%, var(--c-tint-2) 100%); }
:where(body.page-course) .plan-card.current { background: linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%); border-color: var(--navy-accent); }
:where(html[data-theme="dark"]) :where(body.page-course) .plan-card.current { background: linear-gradient(135deg, #12243B 0%, #163353 100%); }
@keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
:where(body.page-course, body.page-cf, body.page-sc) .action-btn { width: 100%; padding: 15px 20px; border-radius: var(--radius-sm); font-size: 16px; font-weight: 600; text-decoration: none; text-align: center; display: block; transition: all 0.3s; border: none; cursor: pointer; }
:where(body.page-course, body.page-cf, body.page-sc) .card-pay-btn { background: linear-gradient(135deg, var(--navy-accent) 0%, var(--navy-primary) 100%); color: white; box-shadow: 0 4px 12px rgba(var(--c-accent-rgb),0.3); margin-top: 8px; }
:where(body.page-course, body.page-cf, body.page-sc) .card-pay-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(var(--c-accent-rgb),0.4); }
:where(body.page-course, body.page-cf, body.page-sc) .card-pay-btn i { margin: 0 1px; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .countdown { font-weight: 700; font-size: 32px; display: inline-block; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .countdown.warning { color: #f59e0b; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .countdown.warning { color: #F4C77B; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .countdown.danger { color: #ef4444; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .countdown.safe { color: #10b981; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .countdown.safe { color: #7CF4CC; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .support-pair { display: inline-flex; gap: 10px; flex-wrap: wrap; align-items: stretch; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .support-btn-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; width: 100%; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .support-pair > a { min-width: 0; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .support-pair .sup-wa { background: linear-gradient(135deg, var(--c-wa, #25D366), var(--c-wa-d, #128C7E)); color: #fff; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .support-pair .sup-em { background: linear-gradient(135deg, var(--c-em, #1A73E8), var(--c-em-d, #0B57D0)); color: #fff; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .support-pair .sup-wa:hover, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .support-pair .sup-em:hover { color: #fff; filter: brightness(1.07); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .sup-num { font-weight: 600; opacity: .88; letter-spacing: .2px; direction: ltr; unicode-bidi: isolate; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .sup-num::before { content: "\00b7"; margin-right: 5px; opacity: .6; font-weight: 700; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .sup-num-wa, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .sup-num-tg { white-space: nowrap; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .sup-num-em { overflow-wrap: anywhere; }
@media (max-width: 420px) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .sup-num { font-size: .75em; }
}
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .fab.fa-envelope, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .fa-brands.fa-envelope { font-family: "Font Awesome 6 Free"; font-weight: 900; }
@media (max-width: 480px) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .support-btn-grid { grid-template-columns: 1fr; }
}
@keyframes receiptFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes receiptBounce { 0% { transform: translate(-50%,-50%) scale(0.7); opacity: 0; } 50% { transform: translate(-50%,-50%) scale(1.05); } 100% { transform: translate(-50%,-50%) scale(1); opacity: 1; } }
@keyframes rsLangPulse { 0% { box-shadow: 0 0 0 0 rgba(var(--c-accent-rgb),.55); } 70% { box-shadow: 0 0 0 10px rgba(var(--c-accent-rgb),0); } 100% { box-shadow: 0 0 0 0 rgba(var(--c-accent-rgb),0); } }
:where(body.page-cf, body.page-sc) .rs-lang-pulse { animation: rsLangPulse 1.6s ease-out infinite; border-radius: 6px; }
:where(body.page-cf, body.page-sc) .rs-lang-coach { position: fixed; z-index: 100000; max-width: 280px; width: max-content; background: #fff; color: var(--c-primary); border: 1px solid #DADCE0; border-top: 3px solid var(--c-accent); border-radius: 10px; box-shadow: 0 12px 34px rgba(var(--c-primary-rgb),.22); padding: 14px 16px 12px; font-size: 14px; line-height: 1.45; opacity: 0; transform: translateY(-6px); transition: opacity .22s ease, transform .22s ease; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .rs-lang-coach { background: #131313; color: var(--c-ink); border: 1px solid #37393C; }
:where(body.page-cf, body.page-sc) .rs-lang-coach.show { opacity: 1; transform: translateY(0); }
:where(body.page-cf, body.page-sc) .rs-lang-coach-arrow { position: absolute; top: -7px; width: 12px; height: 12px; background: #fff; border-left: 1px solid #DADCE0; border-top: 1px solid #DADCE0; transform: rotate(45deg); }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .rs-lang-coach-arrow { background: #131313; border-left: 1px solid #37393C; border-top: 1px solid #37393C; }
:where(body.page-cf, body.page-sc) .rs-lang-coach-head { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--c-primary); margin-bottom: 4px; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .rs-lang-coach-head { color: var(--c-ink); }
:where(body.page-cf, body.page-sc) .rs-lang-coach-head i { color: var(--c-accent); font-size: 16px; }
:where(body.page-cf, body.page-sc) .rs-lang-coach-text { color: #3C4043; font-size: 14px; margin: 0 0 10px; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .rs-lang-coach-text { color: #BABEC1; }
:where(body.page-cf, body.page-sc) .rs-lang-coach-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 18px; border: none; border-radius: 7px; cursor: pointer; background: var(--c-accent); color: #fff; font-size: 14px; font-weight: 600; line-height: 1; transition: background .15s ease; touch-action: manipulation; }
:where(body.page-cf, body.page-sc) .rs-lang-coach-btn:hover { background: #005fb0; }
@media (max-width: 480px) {
    :where(body.page-cf, body.page-sc) .rs-lang-coach { max-width: calc(100vw - 24px); width: calc(100vw - 24px); }
}
:where(body.page-cf, body.page-sc) .mobile-bottom-nav, :where(body.page-cf, body.page-sc) .mobile-navbar, body:where(.page-cf, .page-sc).page-code-file .mobile-action-bar { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; }
@media (max-width: 768px) {
    html:where(:has(> :is(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs))), body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs) { overscroll-behavior-y: none; }
}
@media (max-width: 768px) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .dashboard { flex-direction: column; }
    :where(body.hc-public) .dashboard .main-content { padding: 12px; padding-bottom: 90px; width: 100%; }
    :where(body.page-cf, body.page-sc) .plan-badge { padding: 4px 10px; font-size: 11px; }
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .countdown { font-size: 18px; }
    :where(body.page-course) .plan-card { padding: 18px 14px; }
    :where(body.page-course, body.page-cf, body.page-sc) .action-btn { padding: 10px 14px; font-size: 13px; }
}
@media (max-width: 380px) {
    :where(body.hc-public) .dashboard .main-content { padding: 8px; padding-bottom: 90px; }
}
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .file-card { background: #fafafa; border: 2px solid #e0e0e0; border-radius: var(--radius-sm); padding: 20px; transition: all 0.3s; position: relative; overflow: hidden; border-left: 4px solid var(--navy-accent); }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .file-card { background: #161616; border: 2px solid #383838; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .file-card::before { content: ''; position: absolute; top: 0; left: -4px; width: calc(100% + 4px); height: 3px; background: linear-gradient(90deg, var(--navy-accent) 0%, var(--navy-primary) 100%); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .file-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(var(--c-accent-rgb),0.15); border-color: var(--navy-accent); background: #f0f7ff; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .file-card:hover { background: #0B1725; }
@keyframes pendingPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .search-btn { padding: 14px 20px; background: linear-gradient(135deg, var(--navy-accent) 0%, var(--navy-light) 100%); color: white; border: none; border-radius: var(--radius-sm); cursor: pointer; font-size: 15px; font-weight: 600; flex-shrink: 0; transition: all 0.3s; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .search-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(var(--c-accent-rgb),0.3); }
@media (max-width: 768px) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .file-card { padding: 10px; border-width: 1px; }
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .file-card:hover { transform: none; }
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .search-btn { padding: 10px 14px !important; font-size: 16px; flex-shrink: 0; }
}
@media (max-width: 380px) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .file-card { padding: 8px; }
}
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .header p { color: #5F6368; font-size: 15px; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .header p { color: #9EA2A7; }
@keyframes cf-shimmer { 0% { left: -100%; } 100% { left: 100%; } }
@keyframes cf-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes cf-cta-ring { 0% { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25), 0 0 0 0 rgba(255, 255, 255, 0.55); } 70% { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25), 0 0 0 12px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25), 0 0 0 0 rgba(255, 255, 255, 0); } }
@keyframes cf-cta-ring-alert { 0% { box-shadow: 0 4px 14px rgba(198, 40, 40, 0.35), 0 0 0 0 rgba(198, 40, 40, 0.45); } 70% { box-shadow: 0 4px 14px rgba(198, 40, 40, 0.35), 0 0 0 12px rgba(198, 40, 40, 0); } 100% { box-shadow: 0 4px 14px rgba(198, 40, 40, 0.35), 0 0 0 0 rgba(198, 40, 40, 0); } }
@keyframes cf-cta-ring-blue { 0% { box-shadow: 0 4px 14px rgba(37, 99, 235, 0.30), 0 0 0 0 rgba(37, 99, 235, 0.45); } 70% { box-shadow: 0 4px 14px rgba(37, 99, 235, 0.30), 0 0 0 12px rgba(37, 99, 235, 0); } 100% { box-shadow: 0 4px 14px rgba(37, 99, 235, 0.30), 0 0 0 0 rgba(37, 99, 235, 0); } }
@keyframes cf-vipShimmer { 0% { left: -100%; } 100% { left: 100%; } }
@keyframes cf-pulse-clock { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
@keyframes cf-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
@keyframes cf-sidebarGlow { 0%, 100% { box-shadow: 0 4px 15px rgba(var(--c-accent-rgb), 0.3); } 50% { box-shadow: 0 4px 25px rgba(var(--c-accent-rgb), 0.5), 0 0 0 3px rgba(var(--c-accent-rgb), 0.15); } }
@keyframes cf-scaleIn { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes cf-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes cf-fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes cf-slideUp { from { transform: translateY(50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes cf-pulseGlow { 0%, 100% { transform: scale(1); box-shadow: 0 4px 15px rgba(var(--c-accent-rgb), 0.3); } 50% { transform: scale(1.03); box-shadow: 0 6px 20px rgba(var(--c-accent-rgb), 0.42); } }
@keyframes cf-wg-enter { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes cf-wg-spin { to { --cf-wg-ang: 360deg; } }
@keyframes cf-wg-sheen { 0% { left: -60%; } 55%, 100% { left: 130%; } }
@keyframes cf-wg-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes cf-wg-ring { 0% { transform: scale(1); opacity: 0.65; } 100% { transform: scale(1.85); opacity: 0; } }
@keyframes cf-wg-throb { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.14); opacity: 0.82; } }
@keyframes cf-wg-slide { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes cf-wg-stripes { to { background-position: 22px 0; } }
@keyframes cf-wg-callout { 0%, 100% { box-shadow: 0 8px 22px rgba(220,38,38,0.42), 0 0 0 0 rgba(220,38,38,0.45); } 50% { box-shadow: 0 8px 22px rgba(220,38,38,0.42), 0 0 0 14px rgba(220,38,38,0); } }
@keyframes cf-wg-pop { 0% { transform: scale(0.97); } 60% { transform: scale(1.015); } 100% { transform: scale(1); } }
@keyframes cf-auth-cue { 0%, 100% { box-shadow: 0 8px 22px rgba(var(--c-accent-rgb), .3), 0 0 0 0 rgba(var(--c-accent-rgb), .45); } 50% { box-shadow: 0 8px 22px rgba(var(--c-accent-rgb), .3), 0 0 0 12px rgba(var(--c-accent-rgb), 0); } }
@keyframes ru-blink { 0%, 100% { box-shadow: 0 0 0 0 rgba(var(--c-accent-rgb), 0.6); filter: brightness(1); } 50% { box-shadow: 0 0 0 9px rgba(var(--c-accent-rgb), 0); filter: brightness(1.12); } }
@media (max-width: 480px) {
    body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs).page-code-file div[style*="background: linear-gradient(135deg, #eff6ff"] { padding: 12px !important; }
}
body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs) { top: 0 !important; position: static !important; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) font[style] { background: transparent !important; box-shadow: none !important; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-switcher { position: relative; display: inline-flex; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-btn { display: inline-flex; align-items: center; gap: var(--space-2, 8px); background: var(--surface-card, #fff); border: 1px solid var(--border-color, #e3e8ef); color: var(--text-primary, var(--c-primary)); padding: var(--space-3, 12px) var(--space-5, 20px); border-radius: var(--radius-sm, 4px); cursor: pointer; font-size: var(--text-base, 14px); font-weight: var(--weight-semibold, 600); min-height: 44px; line-height: 1; transition: all .18s ease; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-btn { color: var(--c-ink); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-btn:hover { border-color: var(--c-accent); color: var(--c-accent); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-btn .lang-caret { font-size: 9px; transition: transform .18s ease; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-btn .lang-caret.open { transform: rotate(180deg); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-menu { position: absolute; top: calc(100% + 6px); right: 0; width: 260px; max-height: 420px; display: flex; flex-direction: column; background: var(--surface-card, #fff); border: 1px solid var(--border-color, #DADCE0); border-radius: 11px; box-shadow: 0 10px 30px rgba(var(--c-primary-rgb),.18); padding: 6px; overflow: hidden; z-index: 99999; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-search-wrap { position: relative; padding: 2px 2px 8px; flex: 0 0 auto; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-search-icon { position: absolute; left: 13px; top: 13px; color: #80868B; font-size: 12px; pointer-events: none; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-search-icon { color: #848A8E; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-search { width: 100%; box-sizing: border-box; padding: 9px 12px 9px 32px; border: 1px solid var(--border-color, #DADCE0); border-radius: var(--radius-lg); font-size: 16px; line-height: 1.2; color: var(--text-primary, var(--c-primary)); background: #fff; outline: none; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-search { color: var(--c-ink); background: #131313; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-search:focus { border-color: var(--c-accent); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb),.12); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-list { flex: 1 1 auto; overflow-y: auto; max-height: 340px; -webkit-overflow-scrolling: touch; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-name { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-no-results { padding: 18px 10px; text-align: center; color: #80868B; font-size: 13px; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-no-results { color: #848A8E; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-menu[hidden], :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-item[hidden], :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-no-results[hidden] { display: none !important; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-item { display: flex; align-items: center; gap: 10px; width: 100%; background: none; border: none; padding: 9px 11px; border-radius: 7px; cursor: pointer; font-size: 13.5px; color: var(--text-primary, var(--c-primary)); text-align: left; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-item { color: var(--c-ink); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-item:hover { background: rgba(var(--c-accent-rgb),.08); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-item.active { background: rgba(var(--c-accent-rgb),.12); color: var(--c-accent); font-weight: 700; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-item .lang-flag { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px; font-size: 15px; line-height: 1; color: var(--c-text-muted, #5F6368); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-item .lang-check { margin-left: auto; color: var(--c-accent); font-size: 12px; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-item:not(.active) .lang-check { display: none; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) [dir="rtl"] .lang-menu { right: auto; left: 0; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) [dir="rtl"] .lang-item { text-align: right; }
body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public).lang-modal-open { overflow: hidden; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-modal-item { display: flex; align-items: center; gap: 10px; background: #F8F9FA; border: 1px solid #eef2f7; padding: 11px 13px; border-radius: var(--radius-lg); cursor: pointer; font-size: 14px; color: var(--c-primary); text-align: left; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-modal-item { background: #151719; border: 1px solid #272E38; color: var(--c-ink); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-modal-item:hover { background: rgba(var(--c-accent-rgb),.08); border-color: rgba(var(--c-accent-rgb),.3); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-modal-item.active { background: rgba(var(--c-accent-rgb),.12); border-color: var(--c-accent); font-weight: 700; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-modal-flag { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px; font-size: 15px; line-height: 1; color: var(--c-text-muted, #5F6368); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) :is(.lang-flag, .lang-modal-flag) img { display: block; width: 22px; height: 16px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,.1); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-modal-name { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-modal-check { color: var(--c-accent); font-size: 13px; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-modal-item:not(.active) .lang-modal-check { display: none; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .lang-modal-item[hidden] { display: none !important; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .content-box, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .data-section, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .card, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .plan-card, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .modal-content, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .receipt-card { border-radius: var(--radius-lg); }
:where(body.page-partner-home, body.page-course, body.page-cf, body.page-sc) .promo-box { margin-top: 12px; }
:where(body.page-cf, body.page-sc) .promo-remove-btn { margin-left: 8px; background: none; border: 0; padding: 0; font: inherit; font-size: 12px; font-weight: 700; color: #b91c1c; text-decoration: none; cursor: pointer; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .promo-remove-btn { color: #EC8383; }
:where(body.page-cf, body.page-sc) .promo-remove-btn:hover { color: #7f1d1d; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .promo-remove-btn:hover { color: #E48B8B; }
:where(body.page-cf, body.page-sc) .promo-remove-btn[disabled] { opacity: .5; cursor: default; }
:where(body.page-cf, body.page-sc) .promo-input-row { display: flex; gap: 8px; align-items: stretch; }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-code-field { flex: 1 1 auto; min-width: 0; padding: 10px 12px; font-size: 16px; border: 1.5px solid var(--navy-primary, var(--c-primary)); border-radius: 8px; color: var(--navy-primary, var(--c-primary)); text-transform: uppercase; background: #fff; outline: none; }
:where(html[data-theme="dark"]) :where(body.page-partner-home, body.page-cf, body.page-sc) .promo-code-field { border: 1.5px solid var(--c-ink-line)); color: var(--c-ink); background: #131313; }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-code-field::placeholder { text-transform: none; color: #80868B; }
:where(html[data-theme="dark"]) :where(body.page-partner-home, body.page-cf, body.page-sc) .promo-code-field::placeholder { color: #848A8E; }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-code-field:focus { border-color: var(--navy-accent, var(--c-accent)); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb),0.15); }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-apply-btn { flex: 0 0 auto; cursor: pointer; white-space: nowrap; padding: 10px 14px; font-size: 14px; font-weight: 600; border: none; border-radius: 8px; color: #fff; background: linear-gradient(135deg, var(--navy-primary, var(--c-primary)) 0%, var(--navy-accent, var(--c-accent)) 100%); touch-action: manipulation; transition: opacity .2s, transform .1s; }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-apply-btn i { margin-right: 5px; }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-apply-btn:hover { opacity: .92; }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-apply-btn:active { transform: translateY(1px); }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-apply-btn:disabled { opacity: .55; cursor: default; }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-msg { font-size: 13px; line-height: 1.4; margin-top: 6px; min-height: 0; }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-msg:empty { margin-top: 0; }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-msg.ok { color: #15803d; }
:where(html[data-theme="dark"]) :where(body.page-partner-home, body.page-cf, body.page-sc) .promo-msg.ok { color: #84EBAB; }
:where(body.page-partner-home, body.page-cf, body.page-sc) .promo-msg.err { color: #dc2626; }
:where(html[data-theme="dark"]) :where(body.page-partner-home, body.page-cf, body.page-sc) .promo-msg.err { color: #EB8484; }
@media (max-width: 480px) {
    :where(body.page-cf, body.page-sc) .promo-input-row { flex-wrap: wrap; }
    :where(body.page-partner-home, body.page-cf, body.page-sc) .promo-apply-btn { flex: 1 1 100%; }
}
@keyframes cartxIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (max-width: 640px) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .header { flex-direction: column; align-items: flex-start; gap: 3px; padding: 13px 15px; margin-bottom: 14px; }
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .header h1 { font-size: 18px; gap: 8px; }
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .header p { font-size: 12.5px; line-height: 1.45; }
}
@media (max-width: 400px) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .header h1 { font-size: 16.5px; }
}
:where(body.page-cf, body.page-sc) .rs-file-cart-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; font-size: 15px; font-weight: 700; color: #fff; border: none; border-radius: 10px; cursor: pointer; background: linear-gradient(135deg, var(--navy-primary, var(--c-primary)) 0%, var(--navy-accent, var(--c-accent)) 100%); box-shadow: 0 4px 14px rgba(var(--c-accent-rgb),0.3); transition: transform 0.15s, box-shadow 0.2s; touch-action: manipulation; }
:where(body.page-cf, body.page-sc) .rs-file-cart-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(var(--c-accent-rgb),0.4); }
:where(body.page-cf, body.page-sc) .rs-file-cart-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
:where(body.page-cf, body.page-sc) .rs-wish-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px; font-size: 15px; font-weight: 700; cursor: pointer; color: var(--danger, #ea4335); background: #fff; border: 2px solid var(--danger, #ea4335); border-radius: 10px; transition: all 0.2s; touch-action: manipulation; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .rs-wish-btn { background: #131313; }
:where(body.page-cf, body.page-sc) .rs-wish-btn:hover { background: #fff5f5; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .rs-wish-btn:hover { background: #220A0A; }
:where(body.page-cf, body.page-sc) .rs-wish-btn.active { background: var(--danger, #ea4335); color: #fff; }
:where(body.page-cf, body.page-sc) .rs-wish-btn.active:hover { background: #d33; }
:where(body.page-cf, body.page-sc) .proof-form { margin-top: 16px; }
:where(body.page-cf, body.page-sc) .proof-field { margin-bottom: 14px; }
:where(body.page-cf, body.page-sc) .proof-label { font-size: 13px; font-weight: 700; color: #1F1F1F; display: block; margin-bottom: 6px; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .proof-label { color: #D6D6D6; }
:where(body.page-cf, body.page-sc) .proof-input { width: 100%; padding: 12px 14px; border: 2px solid #DADCE0; border-radius: 10px; font-size: 16px; font-weight: 600; color: var(--c-primary); outline: none; transition: border .3s; box-sizing: border-box; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .proof-input { border: 2px solid #37393C; color: var(--c-ink); }
:where(body.page-cf, body.page-sc) .proof-input:focus { border-color: var(--c-accent); }
:where(body.page-cf, body.page-sc) .proof-submit-btn { width: 100%; padding: 15px; background: linear-gradient(135deg, var(--c-accent), #004a8f); color: #fff; border: none; border-radius: 10px; font-size: 16px; font-weight: 700; cursor: pointer; transition: background .2s, box-shadow .2s; touch-action: manipulation; box-shadow: 0 6px 18px rgba(var(--c-accent-rgb), .28); }
:where(body.page-cf, body.page-sc) .proof-submit-btn:hover { background: linear-gradient(135deg, var(--c-accent-strong), #003a6b); box-shadow: 0 8px 22px rgba(var(--c-accent-rgb), .36); }
:where(body.page-cf, body.page-sc) .proof-submit-btn:disabled { opacity: .7; cursor: not-allowed; }
:where(body.page-cf, body.page-sc) .proof-note { text-align: center; font-size: 11px; color: #80868B; margin-top: 8px; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .proof-note { color: #848A8E; }
:where(body.page-cf, body.page-sc) .proof-note i { margin-right: 3px; }
:where(body.page-cf, body.page-sc) .proof-phone-row { display: flex; gap: 8px; align-items: stretch; flex-wrap: wrap; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-cf, body.page-sc) .proof-cc { flex: 0 0 46%; max-width: 210px; padding: 12px 8px; border: 2px solid #DADCE0; border-radius: 10px; font-size: 14px; font-weight: 600; color: var(--c-primary); background: #fff; outline: none; cursor: pointer; box-sizing: border-box; transition: border .3s; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-cf, body.page-sc) .proof-cc { border: 2px solid #37393C; color: var(--c-ink); background: #131313; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-cf, body.page-sc) .proof-cc:focus { border-color: var(--c-accent); }
:where(body.page-cf, body.page-sc) .proof-phone-row .proof-phone-num { flex: 1 1 auto; min-width: 0; }
@media (max-width: 420px) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-cf, body.page-sc) .proof-cc { flex: 1 1 100%; max-width: none; }
}
:where(body.page-cf, body.page-sc) .sidebar-disc-strip { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 4px; font-size: 15px; color: #80868B; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .sidebar-disc-strip { color: #848A8E; }
:where(body.page-cf, body.page-sc) .sidebar-disc-strip s { font-weight: 700; }
:where(body.page-cf, body.page-sc) .sidebar-disc-badge { background: #dcfce7; color: #166534; border: 1px solid #86efac; border-radius: 20px; padding: 2px 10px; font-size: 12px; font-weight: 800; white-space: nowrap; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .sidebar-disc-badge { background: #102D1A; color: #8AE5AD; }
:where(body.page-cf, body.page-sc) .sidebar-disc-why { margin-top: 8px; font-size: 12px; color: #b45309; background: #fffbeb; border: 1px dashed #fde68a; border-radius: 6px; padding: 6px 10px; display: inline-block; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .sidebar-disc-why { color: #F4AF7B; background: #27210B; border: 1px dashed #695B24; }
:where(body.page-cf, body.page-sc) .omp-was { color: #80868B; font-weight: 600; font-size: 12px; margin-right: 5px; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .omp-was { color: #848A8E; }
:where(body.page-cf, body.page-sc) .disc-timer { margin-top: 12px; background: linear-gradient(135deg, #fef2f2, #fee2e2); border: 1px solid #fecaca; border-radius: 10px; padding: 10px 12px 12px; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .disc-timer { background: linear-gradient(135deg, #220C0C, #2B0E0E); border: 1px solid #501C1C; }
:where(body.page-cf, body.page-sc) .disc-timer-head { font-size: 11px; font-weight: 800; color: #b91c1c; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; justify-content: center; gap: 6px; margin-bottom: 8px; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .disc-timer-head { color: #EC8383; }
:where(body.page-cf, body.page-sc) .disc-timer-cells { display: flex; align-items: flex-start; justify-content: center; gap: 4px; }
:where(body.page-cf, body.page-sc) .dt-cell { background: linear-gradient(180deg, #dc2626, #b91c1c); color: #fff; border-radius: 8px; min-width: 48px; padding: 8px 6px 6px; text-align: center; font-weight: 800; font-size: 22px; line-height: 1; font-variant-numeric: tabular-nums; box-shadow: 0 4px 10px rgba(220, 38, 38, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.18); }
:where(body.page-cf, body.page-sc) .dt-cell > span { display: inline-block; }
:where(body.page-cf, body.page-sc) .dt-cell small { display: block; font-size: 8.5px; font-weight: 700; letter-spacing: 0.8px; margin-top: 4px; opacity: 0.8; text-transform: uppercase; }
:where(body.page-cf, body.page-sc) .dt-sep { font-size: 20px; font-weight: 800; color: #dc2626; padding-top: 8px; animation: dtFlash 1s steps(1) infinite; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .dt-sep { color: #EB8484; }
@keyframes dtFlash { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
:where(body.page-cf, body.page-sc) .proof-phone-row.proof-phone-locked { display: grid; grid-template-columns: 1fr 1fr; }
:where(body.page-cf, body.page-sc) .proof-cc-locked { width: 100%; padding: 12px 8px; border: 2px solid #DADCE0; border-radius: 10px; font-size: 14px; font-weight: 700; color: var(--c-primary); background: #F8F9FA; text-align: center; cursor: not-allowed; box-sizing: border-box; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .proof-cc-locked { border: 2px solid #37393C; color: var(--c-ink); background: #151719; }
:where(body.page-cf, body.page-sc) .proof-phone-locked .proof-phone-num { width: 100%; }
:where(body.page-cf, body.page-sc) .proof-hint { font-size: 11px; color: #80868B; margin-top: 5px; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .proof-hint { color: #848A8E; }
:where(body.page-cf, body.page-sc) .proof-readonly { padding: 12px 14px; border: 2px dashed #C4C7C5; border-radius: 10px; font-size: 15px; font-weight: 700; color: var(--c-primary); background: #F8F9FA; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; box-sizing: border-box; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .proof-readonly { border: 2px dashed #454645; color: var(--c-ink); background: #151719; }
:where(body.page-cf, body.page-sc) .proof-readonly i { color: #25D366; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .proof-readonly i { color: #86EAAB; }
:where(body.page-cf, body.page-sc) .proof-readonly-tag { font-size: 11px; font-weight: 600; color: #80868B; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .proof-readonly-tag { color: #848A8E; }
:where(body.page-course, body.page-cf, body.page-sc) .plan-pay-heading { margin-top: 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #5F6368; display: flex; align-items: center; gap: 6px; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .plan-pay-heading { color: #9EA2A7; }
:where(body.page-course, body.page-cf, body.page-sc) .plan-pay-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 8px; }
@media (max-width: 480px) {
    :where(body.page-course, body.page-cf, body.page-sc) .plan-pay-grid { grid-template-columns: 1fr; }
}
:where(body.page-course, body.page-cf, body.page-sc) .plan-pay-grid .action-btn { margin-top: 0; min-width: 0; display: flex; align-items: center; gap: 10px; width: 100%; justify-content: flex-start; text-align: left; }
:where(body.page-course, body.page-cf, body.page-sc) .plan-pay-grid .card-pay-btn { grid-column: 1 / -1; }
:where(body.page-course, body.page-cf, body.page-sc) .plan-pay-grid .plan-pay-btn { overflow: hidden; }
:where(body.page-course, body.page-cf, body.page-sc) .plan-pay-grid .ppm-logo { flex: 0 0 auto; display: inline-flex; align-items: center; }
:where(body.page-course, body.page-cf, body.page-sc) .plan-pay-grid .ppm-logo img, :where(body.page-course, body.page-cf, body.page-sc) .plan-pay-grid .dp-method-logo { width: 26px; height: 26px; object-fit: contain; border-radius: 10px; }
:where(body.page-course, body.page-cf, body.page-sc) .plan-pay-grid .ppm-name { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(body.page-cf, body.page-sc) .proof-email-status { display: none; font-size: 12px; font-weight: 600; margin-top: 6px; padding: 8px 10px; border-radius: 10px; line-height: 1.45; }
:where(body.page-cf, body.page-sc) .proof-email-status.show { display: block; }
:where(body.page-cf, body.page-sc) .proof-email-status i { margin-right: 5px; }
:where(body.page-cf, body.page-sc) .proof-email-status.exists { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .proof-email-status.exists { background: #0E251A; color: #7BF4D2; border: 1px solid #295B44; }
:where(body.page-cf, body.page-sc) .proof-email-status.fresh { background: #E8F0FE; color: #0842A0; border: 1px solid #bfdbfe; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .proof-email-status.fresh { background: #0D1728; color: #7BA9F4; border: 1px solid #1D3655; }
:where(body.page-partner-application, body.page-cf, body.page-sc) .file-input { width: 100%; font-size: 16px; color: #1F1F1F; border: 2px solid #DADCE0; border-radius: 6px; background: #fff; box-sizing: border-box; cursor: pointer; }
:where(html[data-theme="dark"]) :where(body.page-partner-application, body.page-cf, body.page-sc) .file-input { color: #D6D6D6; border: 2px solid #37393C; background: #131313; }
:where(body.page-partner-application, body.page-cf, body.page-sc) .file-input::file-selector-button { margin-right: 14px; padding: 11px 16px; border: none; background: var(--c-primary); color: #fff; font-weight: 700; font-size: 13px; cursor: pointer; border-radius: 0; transition: background .2s; }
:where(html[data-theme="dark"]) :where(body.page-partner-application, body.page-cf, body.page-sc) .file-input::file-selector-button { background: var(--c-accent); }
:where(body.page-partner-application, body.page-cf, body.page-sc) .file-input::file-selector-button:hover { background: var(--c-accent); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs).page-checkout-success { background-color: var(--c-bg); background-image: var(--pat-img); background-size: var(--pat-size); min-height: 100vh; margin: 0; padding: 20px 20px 40px; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-wrap { width: 100%; max-width: 1180px; margin: 0 auto; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-card { display: grid; grid-template-columns: 1fr; gap: 22px; }
@media (min-width: 900px) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-card { grid-template-columns: 1fr 1fr; align-items: start; }
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-icon, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-title, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-sub { grid-column: 1 / -1; }
}
:where(body.page-checkout-success) .cs-steps-box { background: var(--c-tint-2, #F8F9FA); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 6px; padding: 18px; text-align: left; }
:where(body.page-checkout-success) .cs-steps { margin: 0; padding-left: 20px; counter-reset: none; }
:where(body.page-checkout-success) .cs-steps li { font-size: 13.5px; color: var(--c-text-muted, #444746); line-height: 1.65; margin-bottom: 12px; }
:where(body.page-checkout-success) .cs-steps li strong { color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-checkout-success) .cs-steps li strong { color: var(--c-ink); }
:where(body.page-checkout-success) .cs-steps li::marker { color: var(--c-accent); font-weight: 800; }
:where(body.page-checkout-success) .cs-note-tip { background: var(--c-tint-2); border-color: var(--c-tint-line); color: var(--c-primary); margin: 4px 0 0; }
:where(html[data-theme="dark"]) :where(body.page-checkout-success) .cs-note-tip { color: var(--c-ink); }
:where(body.page-checkout-success) .cs-actions { margin-top: 22px; background: var(--c-card, #fff); border-radius: 8px; padding: 20px; box-shadow: 0 8px 28px rgba(var(--c-primary-rgb), .10); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-btn-wa { background: var(--c-support, #25D366); color: #fff; margin-bottom: 10px; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-btn-wa:hover { background: #1ebe5b; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-card { background: var(--c-card, #fff); border-radius: 8px; padding: 36px 30px; box-shadow: 0 8px 28px rgba(var(--c-primary-rgb), .10); text-align: center; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-icon { font-size: 64px; color: var(--c-verified, #16a34a); margin-bottom: 14px; line-height: 1; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-icon.is-wait { color: var(--c-accent, #0B57D0); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-title { font-size: 22px; font-weight: 800; color: var(--c-primary); margin: 0 0 10px; line-height: 1.3; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-title { color: var(--c-ink); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-sub { font-size: 14px; color: var(--c-text-muted, #444746); line-height: 1.7; margin: 0 0 24px; }
:where(body.page-checkout-success) .cs-creds { background: var(--c-tint-2, #F8F9FA); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 6px; padding: 18px; text-align: left; margin-bottom: 18px; }
:where(body.page-checkout-success) .cs-creds-head { font-size: 13px; font-weight: 800; color: var(--c-primary); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 14px; }
:where(html[data-theme="dark"]) :where(body.page-checkout-success) .cs-creds-head { color: var(--c-ink); }
:where(body.page-checkout-success) .cs-creds-head i { color: var(--c-accent); margin-right: 6px; }
:where(body.page-checkout-success) .cs-note { font-size: 13px; color: #0c4a6e; background: #e0f2fe; border: 1px solid #bae6fd; border-radius: 10px; padding: 10px 12px; margin: 0 0 14px; line-height: 1.5; }
:where(html[data-theme="dark"]) :where(body.page-checkout-success) .cs-note { color: #7EC7F1; background: #0E202C; border: 1px solid #1F4356; }
:where(body.page-checkout-success) .cs-note i { margin-right: 5px; }
:where(body.page-checkout-success) .cs-cred-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--c-tint-line, #eef2f7); flex-wrap: wrap; }
:where(body.page-checkout-success) .cs-cred-row:last-child { border-bottom: none; }
:where(body.page-checkout-success) .cs-cred-label { font-size: 13px; font-weight: 700; color: var(--c-text-muted, #5F6368); min-width: 110px; }
:where(body.page-checkout-success) .cs-cred-label i { color: var(--c-accent); margin-right: 5px; width: 16px; text-align: center; }
:where(body.page-checkout-success) .cs-cred-val { flex: 1; min-width: 140px; font-family: 'Courier New', monospace; font-size: 15px; font-weight: 700; color: var(--c-primary); background: #fff; border: 1px solid #DADCE0; border-radius: 10px; padding: 8px 10px; word-break: break-all; }
:where(html[data-theme="dark"]) :where(body.page-checkout-success) .cs-cred-val { color: var(--c-ink); background: #131313; border: 1px solid #37393C; }
:where(body.page-checkout-success) .cs-copy-btn { background: var(--c-tint); border: none; color: var(--c-accent); font-size: 12px; font-weight: 700; padding: 8px 12px; border-radius: 10px; cursor: pointer; white-space: nowrap; transition: background .2s; touch-action: manipulation; }
:where(body.page-checkout-success) .cs-copy-btn:hover { background: var(--c-tint-2, #cfe6ff); }
:where(body.page-checkout-success) .cs-copy-btn.cs-copied { background: var(--c-verified-bg, #dcfce7); color: var(--c-verified-ink, #16a34a); }
:where(body.page-checkout-success) .cs-warn { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: #92400e; background: #fffbeb; border: 2px solid #fbbf24; border-radius: 10px; padding: 14px 16px; margin: 16px 0 0; line-height: 1.6; box-shadow: 0 2px 10px rgba(217,119,6,.12); }
:where(html[data-theme="dark"]) :where(body.page-checkout-success) .cs-warn { color: #F3A97D; background: #27210B; }
:where(body.page-checkout-success) .cs-warn i { font-size: 18px; color: #d97706; margin-top: 1px; flex-shrink: 0; }
:where(html[data-theme="dark"]) :where(body.page-checkout-success) .cs-warn i { color: #F4BC7B; }
:where(body.page-checkout-success) .cs-warn strong { color: #78350f; }
:where(html[data-theme="dark"]) :where(body.page-checkout-success) .cs-warn strong { color: #EFA880; }
:where(body.page-checkout-success) .cs-cred-row--key { background: var(--c-tint); border: 1.5px solid var(--c-accent); border-radius: 8px; padding: 12px; margin-top: 8px; }
:where(body.page-checkout-success) .cs-cred-row--key .cs-cred-label { color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-checkout-success) .cs-cred-row--key .cs-cred-label { color: var(--c-ink); }
:where(body.page-checkout-success) .cs-cred-row--key .cs-cred-val { font-size: 17px; border-color: var(--c-accent); }
:where(body.page-checkout-success) .cs-login-hint { font-size: 13px; color: var(--c-text-muted, #444746); margin: 0 0 18px; line-height: 1.6; }
:where(body.page-checkout-success) .cs-login-hint i { color: var(--c-accent); margin-right: 4px; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-btn { display: block; width: 100%; padding: 14px; border-radius: 10px; font-size: 15px; font-weight: 700; text-decoration: none; text-align: center; cursor: pointer; transition: all .2s; box-sizing: border-box; touch-action: manipulation; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-btn i { margin-right: 6px; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-btn-primary { background: var(--c-accent); color: #fff; margin-bottom: 10px; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-btn-primary:hover { background: var(--c-accent-strong); }
:where(body.page-checkout-success) .cs-btn-ghost { background: var(--c-card, #fff); color: var(--c-text-muted, #5F6368); border: 1px solid var(--c-tint-line, #DADCE0); }
:where(body.page-checkout-success) .cs-btn-ghost:hover { background: var(--c-tint, #F8F9FA); color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-checkout-success) .cs-btn-ghost:hover { color: var(--c-ink); }
@media (max-width: 480px) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .cs-card { padding: 28px 18px; }
    :where(body.page-checkout-success) .cs-cred-label, :where(body.page-checkout-success) .cs-cred-val { min-width: 100%; }
}
@media (prefers-reduced-motion: no-preference) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) ::view-transition-old(root) { animation: rsPageOut .16s ease both; }
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) ::view-transition-new(root) { animation: rsPageIn .28s cubic-bezier(.2,.7,.2,1) both; }
    @keyframes rsPageOut { to { opacity: 0; } }
    @keyframes rsPageIn { from { opacity: 0; transform: translateY(10px); } }
}
@media (prefers-reduced-motion: reduce) {
    :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) ::view-transition-group(*), :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) ::view-transition-old(*), :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) ::view-transition-new(*) { animation-duration: 1ms !important; }
}
@media (prefers-reduced-motion: no-preference) {
    @keyframes rsPjIn { from { opacity: 0; transform: translateY(10px); } }
}
@keyframes rsNavSlide { 0% { transform: translateX(-40vw); } 100% { transform: translateX(105vw); } }
@media (prefers-reduced-motion: reduce) {
    @keyframes rsNavHold { 0%, 100% { opacity: .4; } 50% { opacity: 1; } }
}
:root:where(:has(> :is(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs))) {  }
html:where(:has(> :is(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs))):has(.page-code-file) { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; overscroll-behavior-y: none; overscroll-behavior-x: none; height: 100%; }
@keyframes rsLangPulse { 0% { box-shadow: 0 0 0 0 rgba(var(--c-accent-rgb),.55); } 70% { box-shadow: 0 0 0 10px rgba(var(--c-accent-rgb),0); } 100% { box-shadow: 0 0 0 0 rgba(var(--c-accent-rgb),0); } }
@keyframes rsAiHowFade { from{ opacity:0; } }
@keyframes rsAiHowPop { from{ opacity:0; transform:translateY(14px) scale(.96); } }
body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs).page-code-file div[style*="linear-gradient"][style*="#3b82f6"]:not([style*="linear-gradient(135deg, var(--c-tint)"]), body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs).page-code-file div[style*="linear-gradient"][style*="#1d4ed8"]:not([style*="linear-gradient(135deg, var(--c-tint)"]) { background: linear-gradient(135deg, var(--c-accent), var(--c-accent-strong)) !important; color: var(--c-on-accent) !important; }
@keyframes rsToastIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes rsOvBar { from { transform: translateX(-100%); } to { transform: translateX(250%); } }
@keyframes topLoadSlide { 0% { transform: translateX(-105%); } 100% { transform: translateX(320%); } }
@keyframes dashTkPulse { 0%,100% { opacity: 1; } 50% { opacity: .55; } }
body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs).rs-portal-theme .swal2-confirm.swal2-styled { background-color: var(--c-primary) !important; }
body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs).rs-portal-theme .swal2-confirm.swal2-styled:hover { background-color: var(--c-primary-hover) !important; }
body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs).rs-portal-theme .swal2-deny.swal2-styled { background-color: var(--c-secondary) !important; }
@keyframes asPanelIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes uhnRing { 0%,100% { transform: rotate(0); } 15% { transform: rotate(14deg); } 30% { transform: rotate(-12deg); } 45% { transform: rotate(9deg); } 60% { transform: rotate(-6deg); } 75% { transform: rotate(3deg); } }
@keyframes uhnPop { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(1); } }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .rs-fatal { max-width: 520px; margin: 18vh auto; padding: 0 20px; text-align: center; font-family: var(--rs-font); color: #1F1F1F; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .rs-fatal { color: #D6D6D6; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .rs-fatal i { font-size: 40px; color: #0B57D0; margin-bottom: 14px; display: block; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .rs-fatal i { color: #7BAAF4; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .rs-fatal h1 { font-size: 21px; font-weight: 800; margin: 0 0 8px; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .rs-fatal p { font-size: 14.5px; color: #5F6368; margin: 0 0 18px; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .rs-fatal p { color: #9EA2A7; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .rs-fatal-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 8px; background: #1F1F1F; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; transition: background .2s; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .rs-fatal-btn i { font-size: 13px; color: #fff; margin: 0; display: inline-block; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .rs-fatal-btn:hover { background: #0B57D0; color: #fff; }
body:where(.page-cf, .page-sc).page-code-file .paytm-overlay, body:where(.page-cf, .page-sc).page-code-file .binance-overlay, body:where(.page-cf, .page-sc).page-code-file .crypto-overlay { padding: 0; }
body:where(.page-cf, .page-sc).page-code-file .paytm-box, body:where(.page-cf, .page-sc).page-code-file .binance-box, body:where(.page-cf, .page-sc).page-code-file .crypto-box, body:where(.page-cf, .page-sc).page-cart .paytm-box, body:where(.page-cf, .page-sc).page-cart .binance-box { width: 100%; max-width: none; min-height: 100vh; min-height: 100dvh; margin: 0; border-radius: 0; box-sizing: border-box; }
body:where(.page-cf, .page-sc).page-code-file .paytm-right, body:where(.page-cf, .page-sc).page-code-file .binance-right, body:where(.page-cf, .page-sc).page-code-file .crypto-right, body:where(.page-cf, .page-sc).page-code-file .crypto-left, body:where(.page-cf, .page-sc).page-cart .paytm-right, body:where(.page-cf, .page-sc).page-cart .binance-right { max-height: none; }
body:where(.page-cf, .page-sc).page-code-file .paytm-grid, body:where(.page-cf, .page-sc).page-code-file .binance-grid, body:where(.page-cf, .page-sc).page-code-file .crypto-grid, body:where(.page-cf, .page-sc).page-cart .paytm-grid, body:where(.page-cf, .page-sc).page-cart .binance-grid { max-width: none; margin: 0; width: 100%; }
:where(body.page-cf, body.page-sc) .rs-thanks-overlay { position: fixed; inset: 0; z-index: 100002; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(var(--c-primary-rgb, 0,31,63), .72); backdrop-filter: blur(4px); animation: rsThanksFade .3s ease both; }
:where(body.page-cf, body.page-sc) .rs-thanks-card { position: relative; background: var(--c-card, #fff); border-radius: 18px; padding: 38px 30px 30px; width: 100%; max-width: 440px; text-align: center; box-shadow: 0 30px 80px rgba(0,0,0,.4); animation: rsThanksUp .45s cubic-bezier(.18,1.25,.4,1) both .05s; }
:where(body.page-cf, body.page-sc) .rs-thanks-ring { width: 92px; height: 92px; margin: 0 auto 18px; border-radius: 50%; background: #16a34a; color: #fff; font-size: 40px; display: flex; align-items: center; justify-content: center; animation: rsThanksPop .55s cubic-bezier(.68,-.55,.27,1.55) both .25s, rsThanksPulse 2s ease-out infinite 1s; }
:where(body.page-cf, body.page-sc) .rs-thanks-ring i { animation: rsThanksPop .4s cubic-bezier(.68,-.55,.27,1.55) both .5s; }
:where(body.page-cf, body.page-sc) .rs-thanks-card h2 { margin: 0 0 10px; font-size: 26px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .rs-thanks-card h2 { color: var(--c-ink); }
:where(body.page-cf, body.page-sc) .rs-thanks-card p { margin: 0 0 22px; font-size: 15px; line-height: 1.7; color: #444746; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .rs-thanks-card p { color: #B8BBBA; }
:where(body.page-cf, body.page-sc) .rs-thanks-btn { border: 0; cursor: pointer; width: 100%; padding: 14px 18px; border-radius: 10px; background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); font-size: 15px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; gap: 8px; touch-action: manipulation; transition: filter .15s; }
:where(body.page-cf, body.page-sc) .rs-thanks-btn:hover { filter: brightness(1.08); }
:where(body.page-cf, body.page-sc) .rs-thanks-info { text-align: left; background: rgba(var(--c-accent-rgb, 0,116,217), .06); border: 1px solid rgba(var(--c-accent-rgb, 0,116,217), .18); border-radius: 12px; padding: 14px 16px; margin: 0 0 18px; display: flex; flex-direction: column; gap: 11px; }
:where(body.page-cf, body.page-sc) .rs-thanks-row { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; line-height: 1.6; color: #444746; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .rs-thanks-row { color: #B8BBBA; }
:where(body.page-cf, body.page-sc) .rs-thanks-row i { color: var(--c-accent, #0B57D0); font-size: 15px; margin-top: 2px; flex: 0 0 auto; }
:where(body.page-cf, body.page-sc) .rs-thanks-row strong { color: var(--c-primary, #1F1F1F); word-break: break-all; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .rs-thanks-row strong { color: var(--c-ink); }
:where(body.page-cf, body.page-sc) .rs-thanks-btn-alt { background: transparent; color: var(--c-accent, #0B57D0); border: 2px solid var(--c-accent, #0B57D0); margin-bottom: 10px; text-decoration: none; }
:where(body.page-cf, body.page-sc) .rs-thanks-btn-alt:hover { background: rgba(var(--c-accent-rgb, 0,116,217), .08); filter: none; }
:where(body.page-cf, body.page-sc) .rs-thanks-burst span { position: absolute; top: 84px; left: 50%; width: 9px; height: 9px; border-radius: 2px; opacity: 0; animation: rsThanksBurst 1.1s ease-out both .55s; }
:where(body.page-cf, body.page-sc) .rs-thanks-burst span:nth-child(1) { background: #FFD700; --tx: -118px; --ty: -70px; }
:where(body.page-cf, body.page-sc) .rs-thanks-burst span:nth-child(2) { background: #2ECC40; --tx: 118px; --ty: -64px; animation-delay: .6s; }
:where(body.page-cf, body.page-sc) .rs-thanks-burst span:nth-child(3) { background: #7FDBFF; --tx: -86px; --ty: 36px; animation-delay: .65s; }
:where(html[data-theme="dark"]) :where(body.page-cf, body.page-sc) .rs-thanks-burst span:nth-child(3) { background: #164659; }
:where(body.page-cf, body.page-sc) .rs-thanks-burst span:nth-child(4) { background: #FF6B6B; --tx: 92px; --ty: 42px; animation-delay: .7s; }
:where(body.page-cf, body.page-sc) .rs-thanks-burst span:nth-child(5) { background: #FFB300; --tx: -40px; --ty: -108px; animation-delay: .75s; }
:where(body.page-cf, body.page-sc) .rs-thanks-burst span:nth-child(6) { background: #B10DC9; --tx: 46px; --ty: -112px; animation-delay: .8s; }
@keyframes rsThanksFade { from { opacity: 0; } }
@keyframes rsThanksUp { from { opacity: 0; transform: translateY(26px) scale(.94); } }
@keyframes rsThanksPop { from { transform: scale(0); } }
@keyframes rsThanksPulse { from { box-shadow: 0 0 0 0 rgba(22,163,74,.45); } to { box-shadow: 0 0 0 26px rgba(22,163,74,0); } }
@keyframes rsThanksBurst { 0% { opacity: 0; transform: translate(-50%,-50%) rotate(0); } 15% { opacity: 1; } 100% { opacity: 0; transform: translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) rotate(320deg); } }
@media (prefers-reduced-motion: reduce) {
    :where(body.page-cf, body.page-sc) .rs-thanks-overlay, :where(body.page-cf, body.page-sc) .rs-thanks-card, :where(body.page-cf, body.page-sc) .rs-thanks-ring, :where(body.page-cf, body.page-sc) .rs-thanks-ring i { animation: none; }
    :where(body.page-cf, body.page-sc) .rs-thanks-burst { display: none; }
}
body:where(.page-cf, .page-sc).page-code-file .paytm-overlay, body:where(.page-cf, .page-sc).page-code-file .binance-overlay, body:where(.page-cf, .page-sc).page-code-file .crypto-overlay { z-index: 100000; }
body:where(.page-cf, .page-sc):has(.paytm-overlay[style*="flex"]), body:where(.page-cf, .page-sc):has(.binance-overlay[style*="flex"]), body:where(.page-cf, .page-sc):has(.crypto-overlay[style*="flex"]) { overflow: hidden; }
body:where(.page-cf, .page-sc).page-code-file .paytm-left, body:where(.page-cf, .page-sc).page-code-file .binance-left, body:where(.page-cf, .page-sc).page-code-file .crypto-left, body:where(.page-cf, .page-sc).page-cart .paytm-left, body:where(.page-cf, .page-sc).page-cart .binance-left { background: #F8F9FA; }
:where(html[data-theme="dark"]) body:where(.page-cf, .page-sc).page-code-file .paytm-left, :where(html[data-theme="dark"]) body:where(.page-cf, .page-sc).page-code-file .binance-left, :where(html[data-theme="dark"]) body:where(.page-cf, .page-sc).page-code-file .crypto-left, :where(html[data-theme="dark"]) body:where(.page-cf, .page-sc).page-cart .paytm-left, :where(html[data-theme="dark"]) body:where(.page-cf, .page-sc).page-cart .binance-left { background: #151719; }
@media (min-width: 769px) {
    body:where(.page-cf, .page-sc).page-code-file .paytm-right, body:where(.page-cf, .page-sc).page-code-file .binance-right, body:where(.page-cf, .page-sc).page-code-file .crypto-right, body:where(.page-cf, .page-sc).page-cart .paytm-right, body:where(.page-cf, .page-sc).page-cart .binance-right { padding: 28px 34px; }
}
@media (max-width: 768px) {
    body:where(.page-cf, .page-sc).page-code-file .paytm-right, body:where(.page-cf, .page-sc).page-code-file .binance-right, body:where(.page-cf, .page-sc).page-code-file .crypto-right, body:where(.page-cf, .page-sc).page-cart .paytm-right, body:where(.page-cf, .page-sc).page-cart .binance-right { padding-bottom: calc(var(--space-6) + env(safe-area-inset-bottom, 0px)); }
}
@keyframes qrLivePulse { 0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(134, 239, 172, 0.7); } 70% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(134, 239, 172, 0); } 100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(134, 239, 172, 0); } }
@keyframes qrBlinkRed { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@keyframes qrWaitPulse { 0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.6); } 70% { box-shadow: 0 0 0 5px rgba(239, 68, 68, 0); } 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); } }
@keyframes sc-blink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@keyframes sc-spin { to { transform: rotate(360deg); } }
@keyframes sc-dot { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } }
@keyframes scSkel { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
@keyframes scProfIn { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 480px) {
    @keyframes scProfUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
}
@media (max-width: 900px) {
    @keyframes scActsUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
}
body.page-contact { background: var(--c-bg, #F8F9FA); }
body.page-contact .ct-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin: 38px 0 56px; }
body.page-contact .ct-card { padding: 28px 24px; border-radius: 12px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); }
body.page-contact .ct-card i { font-size: 22px; color: var(--c-accent, #0B57D0); }
body.page-contact .ct-card b { display: block; margin: 10px 0 5px; font-size: 15px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-contact .ct-card b { color: var(--c-ink); }
body.page-contact .ct-card span { font-size: 13.5px; line-height: 1.6; color: var(--c-text-muted, #5F6368); }
body.page-contact .ct-reach { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; max-width: 760px; margin: 32px auto 0; }
body.page-contact .ct-chan { display: flex; align-items: center; gap: 14px; min-height: 72px; padding: 16px 18px; border-radius: 12px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); color: var(--c-primary, #1F1F1F); text-decoration: none; transition: border-color .2s; }
:where(html[data-theme="dark"]) body.page-contact .ct-chan { color: var(--c-ink); }
body.page-contact .ct-chan > i:first-child { width: 44px; height: 44px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 20px; }
body.page-contact .ct-wa > i:first-child { background: #25D366; color: #06301F; }
body.page-contact .ct-em > i:first-child { background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); }
body.page-contact .ct-chan span { flex: 1; min-width: 0; }
body.page-contact .ct-chan b { display: block; font-size: 16px; }
body.page-contact .ct-chan small { display: block; margin-top: 2px; font-size: 14px; color: var(--c-text-muted, #5F6368); overflow-wrap: anywhere; }
body.page-contact .ct-go { color: var(--c-text-muted, #5F6368); transition: transform .2s; }
body.page-contact .ct-chan:hover, body.page-contact .ct-chan:focus-visible { border-color: var(--c-accent, #0B57D0); }
body.page-contact .ct-chan:hover .ct-go { transform: translateX(3px); }
body.page-contact .ct-chat-line { margin: 18px 0 0; text-align: center; }
body.page-contact .ct-chat-line a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 600; color: var(--c-accent, #0B57D0); text-decoration: none; }
body.page-contact .ct-faq h2 { margin: 0 0 20px; font-size: 22px; font-weight: 800; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-contact .ct-faq h2 { color: var(--c-ink); }
body.page-contact .ct-faq .faq-item { margin-bottom: 12px; padding: 0; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: var(--c-card, #fff); overflow: hidden; }
body.page-contact .ct-faq summary { padding: 18px 22px; font-size: 15px; font-weight: 700; color: var(--c-primary, #1F1F1F); cursor: pointer; list-style: none; }
:where(html[data-theme="dark"]) body.page-contact .ct-faq summary { color: var(--c-ink); }
body.page-contact .ct-faq summary::-webkit-details-marker { display: none; }
body.page-contact .ct-faq summary::after { content: '\002B'; float: right; font-weight: 700; color: var(--c-accent, #0B57D0); }
body.page-contact .ct-faq details[open] summary::after { content: '\2212'; }
body.page-contact .ct-faq p { margin: 0; padding: 0 22px 18px; font-size: 14px; line-height: 1.7; color: var(--c-text-muted, #5F6368); }
@keyframes bmcSlide { 0% { transform: translateX(-100%); } 100% { transform: translateX(260%); } }
@keyframes pnBlink { 50% { opacity: .35; } }
@keyframes pnTravel { 0%, 3% { left: 0; opacity: 0; transform: scale(.6); } 8% { opacity: 1; transform: scale(1); } 26% { left: calc(100% - 26px); opacity: 1; } 31%, 100% { left: calc(100% - 26px); opacity: 0; transform: scale(.6); } }
@keyframes pnPulse { 0%, 22% { border-color: var(--c-tint-line, #DADCE0); box-shadow: none; } 26%, 40% { border-color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 4px rgba(var(--c-accent-rgb, 0, 116, 217), .15); } 46%, 100% { border-color: var(--c-tint-line, #DADCE0); box-shadow: none; } }
@keyframes pnFill { 0%, 55% { width: 0; } 70%, 100% { width: 50%; } }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .pn-pill { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 0; font-size: 11.5px; font-weight: 700; white-space: nowrap; background: #e0f2fe; color: #075985; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .pn-pill { background: #0E202C; color: #7BCAF4; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .pn-pill.ok { background: #dcfce7; color: #166534; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .pn-pill.ok { background: #102D1A; color: #8AE5AD; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .pn-pill.bad { background: #fee2e2; color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .pn-pill.bad { background: #2B0E0E; color: #EA8686; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .pn-pill.warn { background: #fef3c7; color: #92400e; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .pn-pill.warn { background: #373011; color: #F3A97D; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .pn-pill.off { background: #F1F3F4; color: #444746; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application) .pn-pill.off { background: #191B1C; color: #B8BBBA; }
@media (min-width: 769px) {
    body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs):not(.rs-portal-theme) .dashboard { height: calc(100vh - var(--rsb-ticker-h, 0px)); height: calc(100dvh - var(--rsb-ticker-h, 0px)); min-height: 0; overflow: hidden; }
    body:where(.hc-public):not(.rs-portal-theme) .dashboard > .main-content { height: 100%; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
    body:where(.hc-public):not(.rs-portal-theme) .dashboard > .main-content::-webkit-scrollbar { width: 10px; }
    body:where(.hc-public):not(.rs-portal-theme) .dashboard > .main-content::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(15,23,42,.2); }
    body:where(.hc-public):not(.rs-portal-theme) .dashboard > .main-content::-webkit-scrollbar-thumb:hover { background: rgba(15,23,42,.34); }
}
:where(body.page-email-prefs).page-email-prefs { background: #f5f5f5; min-height: 100vh; margin: 0; }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs { background: #191919; }
:where(body.page-email-prefs).page-email-prefs .ep-wrap { max-width: 560px; margin: 0 auto; padding: 48px 16px; }
:where(body.page-email-prefs).page-email-prefs .ep-card { background: #fff; border: 1px solid var(--border-color, #DADCE0); border-radius: var(--radius-md, 8px); padding: 32px; }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs .ep-card { background: #131313; }
:where(body.page-email-prefs).page-email-prefs .ep-brand { display: flex; align-items: center; gap: 9px; font-size: 16px; font-weight: 700; color: var(--navy-primary, #1F1F1F); padding-bottom: 18px; border-bottom: 1px solid var(--border-color, #DADCE0); }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs .ep-brand { color: var(--c-ink); }
:where(body.page-email-prefs).page-email-prefs .ep-title { margin: 22px 0 8px; font-size: 22px; font-weight: 700; color: #1F1F1F; line-height: 1.35; }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs .ep-title { color: #D6D6D6; }
:where(body.page-email-prefs).page-email-prefs .ep-lead { margin: 0 0 14px; font-size: 15px; line-height: 1.6; color: #444746; }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs .ep-lead { color: #B8BBBA; }
:where(body.page-email-prefs).page-email-prefs .ep-note { display: flex; gap: 9px; align-items: flex-start; margin: 16px 0; padding: 12px 14px; border-radius: var(--radius-sm, 6px); font-size: 13.5px; line-height: 1.55; }
:where(body.page-email-prefs).page-email-prefs .ep-ok { background: #ecfdf5; border: 1px solid #a7f3d0; color: #065f46; }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs .ep-ok { background: #0E251A; border: 1px solid #295B44; color: #7BF4D2; }
:where(body.page-email-prefs).page-email-prefs .ep-bad { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs .ep-bad { background: #220C0C; border: 1px solid #501C1C; color: #EA8686; }
:where(body.page-email-prefs).page-email-prefs .ep-form { margin-top: 20px; }
:where(body.page-email-prefs).page-email-prefs .ep-row { display: flex; align-items: center; gap: 16px; justify-content: space-between; padding: 16px; border: 1px solid var(--border-color, #DADCE0); border-radius: var(--radius-sm, 6px); cursor: pointer; }
:where(body.page-email-prefs).page-email-prefs .ep-row-txt { min-width: 0; }
:where(body.page-email-prefs).page-email-prefs .ep-row-txt strong { display: block; font-size: 14.5px; color: #1F1F1F; }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs .ep-row-txt strong { color: #D6D6D6; }
:where(body.page-email-prefs).page-email-prefs .ep-row-txt em { display: block; font-style: normal; font-size: 12.5px; color: var(--gray-500, #5F6368); line-height: 1.5; margin-top: 3px; }
:where(body.page-email-prefs).page-email-prefs .ep-btn { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 12px 24px; border: 0; border-radius: var(--radius-sm, 6px); background: var(--navy-primary, #1F1F1F); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs .ep-btn { background: var(--c-accent); }
:where(body.page-email-prefs).page-email-prefs .ep-btn:hover { background: var(--navy-hover, #3C4043); }
:where(body.page-email-prefs).page-email-prefs .ep-fine { display: flex; gap: 8px; align-items: flex-start; margin: 22px 0 0; padding-top: 16px; border-top: 1px solid #f0f0f0; font-size: 12.5px; line-height: 1.6; color: var(--gray-500, #5F6368); }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs .ep-fine { border-top: 1px solid #303030; }
:where(body.page-email-prefs).page-email-prefs .ep-foot { margin-top: 18px; text-align: center; font-size: 12px; color: #80868B; }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs .ep-foot { color: #848A8E; }
:where(body.page-email-prefs).page-email-prefs .ep-foot a { color: #5F6368; text-decoration: none; }
:where(html[data-theme="dark"]) :where(body.page-email-prefs).page-email-prefs .ep-foot a { color: #9EA2A7; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .chip { display: inline-block; padding: 3px 9px; border-radius: 10px; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; white-space: nowrap; background: #E8EAED; color: #444746; border: 1px solid #dde5ee; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public) .chip { background: #1D1F22; color: #B8BBBA; border: 1px solid #2D353E; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev { max-width:960px;margin:38px auto 30px;padding:0 18px;font-family:inherit; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-head { display:grid;grid-template-columns:1fr auto;grid-template-areas:"h b" "s b";align-items:center;column-gap:16px;margin-bottom:16px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-head h2 { grid-area:h;font-size:22px;color:var(--c-primary,#1F1F1F);margin:0;display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.01em; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-head h2 { color: var(--c-ink); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-head h2 i { width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--c-tint,#e8f2fc);color:var(--c-accent,#0B57D0);font-size:17px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-sub { grid-area:s;margin:4px 0 0 49px;font-size:13px;color:#5F6368;font-weight:600; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-sub { color: #9EA2A7; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-write-btn { grid-area:b;display:inline-flex;align-items:center;gap:8px;background:var(--c-primary,#1F1F1F);color:var(--c-on-primary,#fff);border:none;border-radius:10px;padding:11px 18px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,transform .2s; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-write-btn { background: var(--c-accent); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-write-btn:hover { background:var(--c-accent,#0B57D0);color:var(--c-on-accent,#fff);transform:translateY(-1px); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-write-btn[hidden] { display:none; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-stars { color:#f59e0b;font-size:13px;letter-spacing:1px;white-space:nowrap; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-stars { color: #F4C77B; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-sum { display:grid;grid-template-columns:200px 1fr;gap:18px;border:1px solid var(--c-tint-line,#dbe7f3);border-radius:14px;background:#fff;padding:18px 20px;margin-bottom:14px; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-sum { background: #131313; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-score { display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;border-right:1px solid #eef2f7;padding-right:18px; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-score { border-right: 1px solid #272E38; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-score b { font-size:44px;line-height:1;color:var(--c-primary,#1F1F1F);letter-spacing:-.03em; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-score b { color: var(--c-ink); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-score .rsrev-stars { font-size:15px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-score small { font-size:12.5px;color:#5F6368;font-weight:600;line-height:1.5; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-score small { color: #9EA2A7; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-bars { display:grid;gap:6px;align-content:center; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-sum.is-empty { grid-template-columns:1fr auto;align-items:center; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate { display:flex;flex-direction:column;align-items:flex-start;gap:5px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate-stars { display:inline-flex;gap:2px;margin-left:-4px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate-star { background:none;border:0;padding:3px 4px;font-size:26px;line-height:1;color:#C4C7C5;cursor:pointer;border-radius:8px;transition:transform .12s,color .12s; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate-star:hover, :where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate-star.on { color:#f59e0b;transform:scale(1.12); }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate-star:hover, :where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate-star.on { color: #F4C77B; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate-star:focus-visible { outline:2px solid var(--c-accent,#0B57D0);outline-offset:2px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate b { font-size:16px;color:var(--c-primary,#1F1F1F);letter-spacing:-.01em; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate b { color: var(--c-ink); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate small { font-size:12.5px;color:#5F6368;font-weight:600; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-rate small { color: #9EA2A7; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-stat { display:flex;align-items:center;gap:12px;padding-left:22px;border-left:1px solid #eef2f7; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-stat { border-left: 1px solid #272E38; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-stat>i { font-size:24px;color:#ff0000; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-stat>i { color: #F47B7B; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-stat b { font-size:30px;line-height:1;color:var(--c-primary,#1F1F1F);letter-spacing:-.03em; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-stat b { color: var(--c-ink); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-stat small { font-size:12.5px;line-height:1.3;color:#5F6368;font-weight:600; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-stat small { color: #9EA2A7; }
@media (max-width:640px) {
    :where(body.page-course, body.page-cf, body.page-sc) .rsrev-sum.is-empty { grid-template-columns:1fr;gap:12px; }
    :where(body.page-course, body.page-cf, body.page-sc) .rsrev-stat { border-left:0;padding:12px 0 0;border-top:1px solid #eef2f7; }
    :where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-stat { border-top: 1px solid #272E38; }
}
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar { display:grid;grid-template-columns:44px 1fr 34px;align-items:center;gap:10px;background:none;border:1px solid transparent;border-radius:8px;padding:4px 6px;cursor:pointer;font-family:inherit;text-align:left;color:#3C4043; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar { color: #BABEC1; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar:hover:not(:disabled), :where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar.on { border-color:var(--c-tint-line,#bfdbf7);background:var(--c-tint,#f6faff); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar:disabled { cursor:default;opacity:.55; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar>span { font-size:12.5px;font-weight:700;white-space:nowrap; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar>span i { color:#f59e0b;font-size:11px; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar>span i { color: #F4C77B; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar-track { display:block;height:9px;border-radius:999px;background:#eef2f7;overflow:hidden; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar-track { background: #151A20; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar-fill { display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#fbbf24); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar>em { font-style:normal;font-size:12px;font-weight:700;color:#5F6368;text-align:right; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-bar>em { color: #9EA2A7; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-tools { display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-chips { display:flex;align-items:center;gap:6px;flex-wrap:wrap; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-chips>span { font-size:12px;font-weight:700;color:#80868B;display:inline-flex;align-items:center;gap:6px;margin-right:2px; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-chips>span { color: #848A8E; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-chip { display:inline-flex;align-items:center;gap:6px;border:1px solid #d6dee8;background:#fff;color:#3C4043;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-chip { border: 1px solid #313841; background: #131313; color: #BABEC1; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-chip em { font-style:normal;font-size:11px;padding:1px 7px;border-radius:999px;background:#F1F3F4;color:#5F6368; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-chip em { background: #191B1C; color: #9EA2A7; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-chip:hover { border-color:var(--c-accent,#0B57D0);color:var(--c-accent,#0B57D0); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-chip.on { background:var(--c-primary,#1F1F1F);border-color:var(--c-primary,#1F1F1F);color:var(--c-on-primary,#fff); }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-chip.on { border-color: var(--c-ink-line); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-chip.on em { background:rgba(255,255,255,.18);color:inherit; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-card { border:1px solid #DADCE0;border-left:3px solid transparent;border-radius:12px;background:#fff;margin-bottom:10px;padding:14px 18px;transition:border-color .2s,box-shadow .2s; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-card { border: 1px solid #37393C; background: #131313; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-card[hidden] { display:none; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-card:hover { border-color:#C4C7C5;box-shadow:0 6px 20px rgba(0,31,63,.06); }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-card:hover { border-color: #454645; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-card.is-rated { border-left-color:var(--c-accent,#0B57D0); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-top { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-ava { width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 34px;background:var(--c-tint,#e8f2fc); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-ini { width:34px;height:34px;border-radius:50%;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-tint,#e8f2fc);color:var(--c-accent,#0B57D0);font-weight:800;font-size:14px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-name { font-weight:700;font-size:14px;color:#1F1F1F; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-name { color: #D6D6D6; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-src { display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#fee2e2;color:#b91c1c; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-src { background: #2B0E0E; color: #EC8383; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-src.is-site, :where(body.page-course, body.page-cf, body.page-sc) .rsrev-src.is-buyer { background:var(--c-verified-bg,#ECFDF5);color:var(--c-verified-ink,#047857); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-src.is-site i, :where(body.page-course, body.page-cf, body.page-sc) .rsrev-src.is-buyer i { color:var(--c-verified,#10B981); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-date { margin-left:auto;font-size:12px;color:#80868B;font-weight:600;white-space:nowrap; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-date { color: #848A8E; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-txt { margin:9px 0 0 44px;font-size:13.8px;line-height:1.75;color:#444746;white-space:pre-line;overflow-wrap:anywhere; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-txt { color: #B8BBBA; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-txt.is-clamp { display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-rm { margin:4px 0 0 44px;background:none;border:none;padding:0;font:inherit;font-size:12.5px;font-weight:700;color:var(--c-accent,#0B57D0);cursor:pointer;display:inline-flex;align-items:center;gap:5px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-likes { margin:6px 0 0 44px;font-size:11.5px;color:#80868B;font-weight:600; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-likes { color: #848A8E; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-more { display:block;width:100%;border:1px dashed #C4C7C5;background:none;border-radius:12px;padding:12px;font-size:13px;font-weight:700;color:var(--c-accent,#0B57D0);cursor:pointer;font-family:inherit; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-more { border: 1px dashed #454645; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-more:hover { background:var(--c-tint,#e8f2fc); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-more[hidden], :where(body.page-course, body.page-cf, body.page-sc) .rsrev-none[hidden] { display:none; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-none, :where(body.page-course, body.page-cf, body.page-sc) .rsrev-empty { border:1px dashed #C4C7C5;border-radius:12px;padding:22px;text-align:center;color:#5F6368;font-size:13.5px;font-weight:600; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-none, :where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-empty { border: 1px dashed #454645; color: #9EA2A7; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-form { border:1px solid var(--c-tint-line,#bfdbf7);border-radius:12px;background:var(--c-tint,#f6faff);padding:18px;margin:0 0 16px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-form[hidden] { display:none; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-form .rsrev-row { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-field { margin-top:12px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-form label { display:block;font-size:12.5px;font-weight:700;color:#3C4043;margin:0 0 6px; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-form label { color: #BABEC1; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-form input[type=text], :where(body.page-course, body.page-cf, body.page-sc) .rsrev-form textarea { width:100%;box-sizing:border-box;border:1px solid #d0d9e4;border-radius:8px;background:#fff;padding:11px 13px;font-size:16px;font-family:inherit;color:#1F1F1F;outline:none; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-form input[type=text], :where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-form textarea { border: 1px solid #333A43; background: #131313; color: #D6D6D6; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-form input[type=text]:focus, :where(body.page-course, body.page-cf, body.page-sc) .rsrev-form textarea:focus { border-color:var(--c-accent,#0B57D0);box-shadow:0 0 0 3px rgba(var(--c-accent-rgb,0,116,217),.12); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-form textarea { min-height:96px;resize:vertical;line-height:1.6; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-count { display:block;margin-top:5px;font-size:11.5px;color:#80868B;font-weight:600; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-count { color: #848A8E; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-pick { display:inline-flex;gap:4px;font-size:26px;color:#C4C7C5;cursor:pointer; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-pick i { transition:transform .12s,color .12s;outline:none; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-pick i:hover, :where(body.page-course, body.page-cf, body.page-sc) .rsrev-pick i:focus-visible { transform:scale(1.15); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-pick i.on { color:#f59e0b; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-pick i.on { color: #F4C77B; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-pick-txt { display:block;margin-top:4px;font-size:12px;font-weight:700;color:#5F6368;min-height:16px; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-pick-txt { color: #9EA2A7; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-form-actions { display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-submit { display:inline-flex;align-items:center;gap:8px;background:var(--c-primary,#1F1F1F);color:var(--c-on-primary,#fff);border:none;border-radius:8px;padding:11px 20px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-submit:disabled { opacity:.6;cursor:not-allowed; }
:where(body.page-contact, body.page-meet, body.page-partner-application, body.page-course, body.page-cf, body.page-sc) .rsrev-msg { margin-top:10px;font-size:13px;font-weight:700;display:none; }
:where(body.page-contact, body.page-meet, body.page-partner-application, body.page-course, body.page-cf, body.page-sc) .rsrev-msg.ok { display:block;color:var(--cf-ok,#15803d); }
:where(body.page-contact, body.page-meet, body.page-partner-application, body.page-course, body.page-cf, body.page-sc) .rsrev-msg.err { display:block;color:#b91c1c; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-application, body.page-course, body.page-cf, body.page-sc) .rsrev-msg.err { color: #EC8383; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-thanks { display:grid;grid-template-columns:auto 1fr;grid-template-areas:"i b" "i s";column-gap:14px;align-items:center;padding:6px 2px; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-thanks i { grid-area:i;font-size:34px;color:var(--cf-ok,#15803d); }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-thanks b { grid-area:b;font-size:15px;color:#1F1F1F; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-thanks b { color: #D6D6D6; }
:where(body.page-course, body.page-cf, body.page-sc) .rsrev-thanks span { grid-area:s;font-size:13px;color:#444746;font-weight:600; }
:where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-thanks span { color: #B8BBBA; }
:where(body.page-contact, body.page-meet, body.page-partner-application, body.page-course, body.page-cf, body.page-sc) .rsrev-hp { position:absolute;left:-9999px;opacity:0;height:0;width:0; }
@media (max-width:700px) {
    :where(body.page-course, body.page-cf, body.page-sc) .rsrev-sum { grid-template-columns:1fr; }
    :where(body.page-course, body.page-cf, body.page-sc) .rsrev-score { border-right:none;border-bottom:1px solid #eef2f7;padding:0 0 14px; }
    :where(html[data-theme="dark"]) :where(body.page-course, body.page-cf, body.page-sc) .rsrev-score { border-bottom: 1px solid #272E38; }
}
@media (max-width:600px) {
    :where(body.page-course, body.page-cf, body.page-sc) .rsrev { padding:0 12px; }
    :where(body.page-course, body.page-cf, body.page-sc) .rsrev-head { grid-template-columns:1fr;grid-template-areas:"h" "s" "b";row-gap:10px; }
    :where(body.page-course, body.page-cf, body.page-sc) .rsrev-sub { margin-left:0; }
    :where(body.page-course, body.page-cf, body.page-sc) .rsrev-write-btn { width:100%;justify-content:center; }
    :where(body.page-course, body.page-cf, body.page-sc) .rsrev-form .rsrev-row { grid-template-columns:1fr; }
    :where(body.page-course, body.page-cf, body.page-sc) .rsrev-txt, :where(body.page-course, body.page-cf, body.page-sc) .rsrev-likes, :where(body.page-course, body.page-cf, body.page-sc) .rsrev-rm { margin-left:0; }
    :where(body.page-course, body.page-cf, body.page-sc) .rsrev-tools { flex-direction:column;align-items:flex-start; }
}
@keyframes cfCustomFlash { 0%,100%{box-shadow:none;}25%{box-shadow:0 0 0 4px rgba(var(--c-accent-rgb),.45);} }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .act { width: 26px; height: 26px; border: none; border-radius: 6px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; transition: all .2s; background: transparent; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .act[disabled] { opacity: .32; cursor: not-allowed; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .act[disabled]:hover { transform: none; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .chip-* name below is written inside rs_table.js strings, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) so an unused-CSS purge sees them nowhere in the HTML and strips the lot. Keep this block safelisted. */ :root { --r-sm: 4px; --r-md: 6px; --r-pill: 999px; }
:where(body.page-contact, body.page-meet) .tb-pill { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: var(--r-pill); font-size: 11.5px; font-weight: 700; }
:where(body.page-contact, body.page-meet) .tb-pill i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
:where(body.page-contact, body.page-meet) .tb-pill.role { background: color-mix(in srgb, var(--navy-accent) 14%, transparent); color: var(--navy-accent); }
:where(body.page-contact, body.page-meet) .tb-pill.ok { background: rgba(52,168,83,.14); color: #1e7e34; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet) .tb-pill.ok { color: #8CE4A0; }
:where(body.page-contact, body.page-meet) .tb-pill.off { background: rgba(234,67,53,.13); color: #c5221f; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet) .tb-pill.off { color: #EC8584; }
:where(body.page-course, body.page-cf, body.page-sc, body.page-wax) .gpay-mark { display: inline-flex; align-items: center; gap: 7px; font-size: 16px; font-weight: 600; color: #fff; line-height: 1; white-space: nowrap; }
:where(body.page-course, body.page-cf, body.page-sc, body.page-wax) .gpay-mark .gpay-g { width: 20px; height: 20px; display: block; flex: 0 0 20px; margin-left: 2px; }
:where(body.page-course, body.page-cf, body.page-sc, body.page-wax) .gpay-mark b { font-weight: 700; letter-spacing: -.01em; }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .lib-owned { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 16px; border-radius: var(--radius-xs); background: var(--c-tint-2, #e6f0fa); color: var(--c-primary, #1F1F1F); border: 1px solid var(--c-accent, #0B57D0); font-weight: 700; font-size: 14px; text-decoration: none; white-space: nowrap; touch-action: manipulation; transition: background .2s ease, color .2s ease; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .lib-owned { color: var(--c-ink); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .lib-owned:hover, :where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .lib-owned:focus-visible { background: var(--c-primary, #1F1F1F); color: var(--c-on-primary, #fff); }
:where(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs) .lib-owned i { font-size: .95em; }
:where(body.page-cf, body.page-sc) .lib-owned-lg { padding: 14px 30px; font-size: 16px; }
body:where(.hc-public).rs-sheet-open { overflow: hidden; }
@media (max-width: 768px) {
    body:where(.hc-public).rs-portal-theme .dashboard .main-content, body:where(.hc-public).rs-portal-theme .dashboard-container .main-content { padding-top: 14px !important; padding-bottom: calc(var(--ph-bottom-nav-h, 80px) + env(safe-area-inset-bottom, 0px) + 16px) !important; }
}
@media (max-width: 768px) {
    body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs).rs-portal-theme { -webkit-text-size-adjust: 100%; }
    body:where(.hc-public).rs-portal-theme .main-content { min-width: 0; max-width: 100vw; overflow-x: clip; }
    body:where(.hc-public).rs-portal-theme .main-content img, body:where(.hc-public).rs-portal-theme .main-content video, body:where(.hc-public).rs-portal-theme .main-content iframe { max-width: 100%; }
    body:where(.hc-public).rs-portal-theme .main-content > .header, body:where(.hc-public).rs-portal-theme .main-content .container > .header { padding: 14px 16px; border-radius: 14px; margin-bottom: 14px; text-align: left; }
    body:where(.hc-public).rs-portal-theme .main-content > .header h1, body:where(.hc-public).rs-portal-theme .main-content .container > .header h1 { font-size: 20px; line-height: 1.25; margin: 0; overflow-wrap: break-word; }
    body:where(.hc-public).rs-portal-theme .main-content > .header p, body:where(.hc-public).rs-portal-theme .main-content .container > .header p { font-size: 13px; line-height: 1.45; margin: 4px 0 0; }
    body:where(.hc-public).rs-portal-theme .main-content input:not([type=checkbox]):not([type=radio]):not([type=range]), body:where(.hc-public).rs-portal-theme .main-content select, body:where(.hc-public).rs-portal-theme .main-content textarea { font-size: 16px; max-width: 100%; }
    body:where(.hc-public).rs-portal-theme .main-content .btn { min-height: 44px; }
    body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs).rs-portal-theme .swal2-popup { width: calc(100vw - 28px) !important; max-width: 440px; padding: 18px 16px !important; }
}
@media (hover: none) {
    :where(body.page-course) .plan-card:hover, :where(body.page-course) .rs-lp-scope .plans-grid .plan-card:hover { transform: none; translate: none; }
}
@media (max-width: 768px) {
    :where(body.hc-public) .dashboard .main-content { background-attachment: scroll; }
    html:where(:has(> :is(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs))) { scroll-behavior: smooth; }
    body:where(.hc-public).rs-portal-theme .main-content { overflow-y: visible; overscroll-behavior: auto; }
}
@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
    html:where(:has(> :is(body.page-contact, body.page-meet, body.page-partner-home, body.page-partner-application, body.page-course, body.page-checkout-success, body.page-cf, body.page-sc, body.hc-public, body.page-email-prefs))) { scroll-behavior: auto; }
}
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown { position: relative; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown.open { z-index: 60; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-trigger { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 52px; padding: 10px 14px; border: 1.5px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: #fff; font-size: 16px; font-weight: 500; color: var(--c-text, #1F1F1F); cursor: pointer; transition: border-color .15s, box-shadow .15s, background .15s; touch-action: manipulation; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-trigger { background: #131313; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown.open .sd-trigger, :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-trigger:focus { outline: none; border-color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb, 0, 116, 217), .12); background: #fff; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown.open .sd-trigger, :where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-trigger:focus { background: #131313; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-label { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; overflow: hidden; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-label.sd-placeholder { color: #999; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-label.sd-placeholder { color: #7A7A7A; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-arrow { font-size: 11px; color: #777; transition: transform 0.2s; flex: 0 0 auto; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-arrow { color: #949494; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-arrow.open { transform: rotate(180deg); }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-panel { position: absolute; z-index: 50; top: calc(100% + 6px); left: 0; right: 0; overflow: hidden; background: #fff; border: 1.5px solid var(--c-accent, #0B57D0); border-radius: 10px; box-shadow: 0 12px 30px -12px rgba(var(--c-primary-rgb, 17, 24, 39), .35); }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-panel { background: #131313; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-search { width: 100%; padding: 10px 12px; border: none; border-bottom: 1px solid #eee; font-size: 16px; font-family: inherit; outline: none; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-search { border-bottom: 1px solid #313131; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-list { max-height: 220px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-item { display: flex; align-items: center; gap: 10px; padding: 9px 12px; font-size: 14px; font-weight: 500; cursor: pointer; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-item:hover, :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-item.is-hi { background: #f1f6fb; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-item:hover, :where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-item.is-hi { background: #111920; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-item.selected { background: rgba(0,116,217,0.12); color: var(--navy-accent, var(--c-accent, #0B57D0)); font-weight: 600; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-item i { width: 16px; font-size: 13px; color: var(--c-accent, #0B57D0); }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-empty { padding: 12px; color: #999; font-size: 13px; text-align: center; }
:where(html[data-theme="dark"]) :where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-empty { color: #7A7A7A; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-tag { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 999px; background: rgba(0,116,217,0.12); color: var(--navy-accent, var(--c-accent, #0B57D0)); font-size: 13px; font-weight: 600; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-tag i { font-size: 11px; cursor: pointer; }
:where(body.page-contact, body.page-meet, body.page-partner-application) .sd.searchable-dropdown .sd-vals { display: none; }
@keyframes mbProcPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.06); opacity: .86; } }
@keyframes mbProcSlide { 0% { transform: translateX(-110%); } 100% { transform: translateX(310%); } }
body:where(.hc-public).rs-portal-theme .up-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; background: #fff; border: 1px solid #DADCE0; border-radius: var(--up-r); padding: 18px 20px; margin-bottom: 16px; box-shadow: none; text-align: left; }
:where(html[data-theme="dark"]) body:where(.hc-public).rs-portal-theme .up-head { background: #131313; border: 1px solid #37393C; }
body:where(.hc-public).rs-portal-theme .up-head > div:first-child { min-width: 0; flex: 1 1 260px; }
body:where(.hc-public).rs-portal-theme .up-head h1 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 22px; line-height: 1.25; font-weight: 700; color: var(--c-primary, #1F1F1F); overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body:where(.hc-public).rs-portal-theme .up-head h1 { color: var(--c-ink); }
body:where(.hc-public).rs-portal-theme .up-head h1 i { color: var(--c-accent, #0B57D0); font-size: .85em; }
body:where(.hc-public).rs-portal-theme .up-head p { margin: 4px 0 0; font-size: 14px; line-height: 1.45; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.hc-public).rs-portal-theme .up-head p { color: #9EA2A7; }
body:where(.hc-public).rs-portal-theme .up-head-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
body:where(.hc-public).rs-portal-theme .up-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 18px; border: 1px solid #C4C7C5; border-radius: var(--up-pill); background: #fff; color: var(--c-primary, #1F1F1F); font: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background .15s, border-color .15s; touch-action: manipulation; }
:where(html[data-theme="dark"]) body:where(.hc-public).rs-portal-theme .up-btn { border: 1px solid #454645; background: #131313; color: var(--c-ink); }
body:where(.hc-public).rs-portal-theme .up-btn:hover { background: #f4f7fb; border-color: #c3ccd9; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.hc-public).rs-portal-theme .up-btn:hover { background: #12171E; border-color: #3A4049; color: var(--c-ink); }
body:where(.hc-public).rs-portal-theme .up-btn.primary { background: var(--c-primary, #1F1F1F); border-color: var(--c-primary, #1F1F1F); color: #fff; box-shadow: 0 10px 22px -14px rgba(var(--c-primary-rgb, 0,31,63), .85); }
:where(html[data-theme="dark"]) body:where(.hc-public).rs-portal-theme .up-btn.primary { background: var(--c-accent); border-color: var(--c-ink-line); }
body:where(.hc-public).rs-portal-theme .up-btn.primary:hover { background: var(--c-primary-hover, #3C4043); }
:where(html[data-theme="dark"]) body:where(.hc-public).rs-portal-theme .up-btn.primary:hover { background: var(--c-accent); }
body:where(.hc-public).rs-portal-theme .up-btn.accent { background: var(--c-accent, #0B57D0); border-color: var(--c-accent, #0B57D0); color: #fff; }
body:where(.hc-public).rs-portal-theme .up-btn.danger { color: #b91c1c; border-color: #f1c4c4; }
:where(html[data-theme="dark"]) body:where(.hc-public).rs-portal-theme .up-btn.danger { color: #EC8383; border-color: #4D2929; }
body:where(.hc-public).rs-portal-theme .up-btn.danger:hover { background: #fdf2f2; }
:where(html[data-theme="dark"]) body:where(.hc-public).rs-portal-theme .up-btn.danger:hover { background: #210E0E; }
body:where(.hc-public).rs-portal-theme .up-btn:disabled, body:where(.hc-public).rs-portal-theme .up-btn.is-busy { opacity: .7; cursor: default; pointer-events: none; }
body:where(.hc-public).rs-portal-theme .up-btn.icon { width: 40px; padding: 0; border-radius: 50%; }
@media (max-width: 768px) {
    body:where(.hc-public).rs-portal-theme .up-head { padding: 14px 16px; margin-bottom: 12px; }
    body:where(.hc-public).rs-portal-theme .up-head h1 { font-size: 20px; }
    body:where(.hc-public).rs-portal-theme .up-head p { font-size: 13px; }
    body:where(.hc-public).rs-portal-theme .up-head-actions { width: 100%; }
    body:where(.hc-public).rs-portal-theme .up-head-actions .up-btn { flex: 1 1 auto; min-height: 44px; }
    body:where(.hc-public).rs-portal-theme .up-head-actions .up-btn.icon { flex: 0 0 44px; width: 44px; }
    body:where(.hc-public).rs-portal-theme .up-btn { min-height: 44px; }
}
@media (max-width: 768px) {
    body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-cf, .page-sc).rs-portal-theme :is(.rsf-col > a, .rsf-social a) { min-height: 44px; display: inline-flex; align-items: center; }
}
body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs).rs-portal-theme { --r-sm: 12px; --r-md: 16px; --up-r: 20px; --up-r-box: 14px; --up-pill: 999px; }
body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs).rs-portal-theme .swal2-popup { border-radius: 24px; }
body:where(.page-contact, .page-meet, .page-partner-home, .page-partner-application, .page-course, .page-checkout-success, .page-cf, .page-sc, .hc-public, .page-email-prefs).rs-portal-theme .swal2-styled { border-radius: 999px; }
body:where(.hc-public).page-help .main-content { overflow-y: visible; overflow-x: clip; min-width: 0; display: flex; flex-direction: column; }
body:where(.hc-public).page-help .up-head-actions [hidden], body:is(.rs-portal-theme, .hc-public) .hc-log > [hidden], body:is(.rs-portal-theme, .hc-public) .hc [hidden] { display: none !important; }
@media (min-height: 520px) {
    body:where(.hc-public).page-help .main-content { height: 100vh; height: 100dvh; }
}
body:where(.hc-public).page-help .main-content > :not(.hc-pane) { flex-shrink: 0; }
@media (max-width: 768px) and (min-height: 520px) {
    body:where(.hc-public).page-help .main-content { flex: 0 0 auto; }
}
body:where(.hc-public).page-help .hc-pane { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
@media (min-width: 769px) {
    body:where(.hc-public).page-help .main-content { padding: 0; }
    body:where(.hc-public).page-help .up-head { margin: 0; padding: 12px 24px; border-width: 0 0 1px; border-radius: 0; }
    body:where(.hc-public).page-help .hc { border: 0; border-radius: 0; }
}
body:is(.rs-portal-theme, .hc-public) .hc { --hc-wall: color-mix(in srgb, var(--c-accent, #0B57D0) 6%, #eef1f4); --hc-out: color-mix(in srgb, var(--c-accent, #0B57D0) 15%, #fff); --hc-bar: color-mix(in srgb, var(--c-primary, #1F1F1F) 4%, #f3f5f8); --hc-ink: #111b21; --hc-mute: #667781; --hc-shadow: 0 1px .5px rgba(11, 20, 26, .13); position: relative; display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; min-height: 440px; margin: 0; border: 1px solid #DADCE0; border-radius: 10px; background: var(--hc-wall); overflow: hidden; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc { --hc-bar: color-mix(in srgb, var(--c-primary, #1F1F1F) 4%, #15181C); --hc-ink: #A1BDCE; border: 1px solid #37393C; }
body:is(.rs-portal-theme, .hc-public) .hc-top { position: relative; z-index: 4; flex: 0 0 auto; display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 8px 8px 8px 14px; background: var(--c-primary, #1F1F1F); color: #fff; }
body:is(.rs-portal-theme, .hc-public) .hc-top-ava { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #fff; color: var(--c-primary, #1F1F1F); font-size: 18px; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-top-ava { background: #131313; color: var(--c-ink); }
body:is(.rs-portal-theme, .hc-public) .hc-top-who { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
body:is(.rs-portal-theme, .hc-public) .hc-top-who b { font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body:is(.rs-portal-theme, .hc-public) .hc-status { font-size: 12.5px; color: rgba(255, 255, 255, .78); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body:is(.rs-portal-theme, .hc-public) .hc.is-busy .hc-status { color: #fff; font-style: italic; }
body:is(.rs-portal-theme, .hc-public) .hc-top-act { flex: 0 0 auto; display: flex; align-items: center; gap: 2px; }
body:is(.rs-portal-theme, .hc-public) .hc-ibtn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 44px; height: 44px; padding: 0 10px; border: 0; border-radius: 10px; background: none; color: #fff; font: inherit; font-size: 16px; cursor: pointer; touch-action: manipulation; }
body:is(.rs-portal-theme, .hc-public) .hc-ibtn:hover, body:is(.rs-portal-theme, .hc-public) .hc-ibtn:focus-visible { background: rgba(255, 255, 255, .14); outline: none; }
body:is(.rs-portal-theme, .hc-public) .hc-langcode { max-width: 120px; font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body:is(.rs-portal-theme, .hc-public) .hc-langmenu { position: absolute; top: calc(100% + 6px); right: 8px; z-index: 30; display: flex; flex-direction: column; width: 320px; max-width: calc(100% - 16px); max-height: min(440px, 62vh); border: 1px solid #DADCE0; border-radius: 10px; background: #fff; color: var(--hc-ink); box-shadow: 0 14px 36px rgba(15, 23, 42, .2); overflow: hidden; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-langmenu { border: 1px solid #37393C; background: #131313; }
body:is(.rs-portal-theme, .hc-public) .hc-langhead { display: flex; align-items: center; gap: 8px; padding: 4px 4px 4px 14px; border-bottom: 1px solid #E8EAED; color: #80868B; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-langhead { border-bottom: 1px solid #303236; color: #848A8E; }
body:is(.rs-portal-theme, .hc-public) .hc-langhead input { flex: 1 1 auto; min-width: 0; height: 44px; border: 0; outline: none; background: none; color: var(--hc-ink); font: inherit; font-size: 16px; }
body:is(.rs-portal-theme, .hc-public) .hc-langhead .hc-ibtn { color: #5F6368; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-langhead .hc-ibtn { color: #9EA2A7; }
body:is(.rs-portal-theme, .hc-public) .hc-langhead .hc-ibtn:hover, body:is(.rs-portal-theme, .hc-public) .hc-langhead .hc-ibtn:focus-visible { background: #F1F3F4; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-langhead .hc-ibtn:hover, :where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-langhead .hc-ibtn:focus-visible { background: #191B1C; }
body:is(.rs-portal-theme, .hc-public) .hc-langlist { overflow-y: auto; overscroll-behavior: contain; padding: 4px 0; }
body:is(.rs-portal-theme, .hc-public) .hc-lang { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 46px; padding: 6px 14px; border: 0; background: none; color: var(--hc-ink); font: inherit; text-align: start; cursor: pointer; touch-action: manipulation; }
body:is(.rs-portal-theme, .hc-public) .hc-lang b { font-size: 15px; font-weight: 600; }
body:is(.rs-portal-theme, .hc-public) .hc-lang small { color: var(--hc-mute); font-size: 12.5px; }
body:is(.rs-portal-theme, .hc-public) .hc-lang i { margin-inline-start: auto; color: var(--c-accent, #0B57D0); visibility: hidden; }
body:is(.rs-portal-theme, .hc-public) .hc-lang.on b { color: var(--c-accent, #0B57D0); }
body:is(.rs-portal-theme, .hc-public) .hc-lang.on i { visibility: visible; }
body:is(.rs-portal-theme, .hc-public) .hc-lang:hover, body:is(.rs-portal-theme, .hc-public) .hc-lang:focus-visible { background: #f4f6f9; outline: none; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-lang:hover, :where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-lang:focus-visible { background: #14171C; }
body:is(.rs-portal-theme, .hc-public) .hc-langnone { padding: 16px 14px; color: var(--hc-mute); font-size: 14px; }
body:is(.rs-portal-theme, .hc-public) .hc-log { position: relative; flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; padding: 12px max(14px, 5%) 16px; overflow-y: auto; overscroll-behavior: contain; background-color: var(--hc-wall); background-image: url("data:image/svg+xml,%3Csvg%20xmlns="http://www.w3.org/2000/svg"%20width="160"%20height="160"%20fill="none"%20stroke="%230f172a"%20stroke-opacity=".055"%20stroke-width="1.6"%20stroke-linecap="round"%20stroke-linejoin="round"%3E%3Ccircle%20cx="24"%20cy="26"%20r="11"/%3E%3Cpath%20d="M20%2023a4%204%200%201%201%205%204v3M24%2034v.5"/%3E%3Cpath%20d="M96%2014h28a6%206%200%200%201%206%206v14a6%206%200%200%201-6%206h-16l-8%207v-7h-4a6%206%200%200%201-6-6V20a6%206%200%200%201%206-6z"/%3E%3Cpath%20d="M58%2070l-8%208%208%208M78%2070l8%208-8%208M71%2066l-6%2024"/%3E%3Crect%20x="112"%20y="84"%20width="30"%20height="24"%20rx="2"/%3E%3Cpath%20d="M112%2092h30M112%20100h30M122%2084v24M132%2084v24"/%3E%3Ccircle%20cx="30"%20cy="124"%20r="8"/%3E%3Cpath%20d="M30%20110v4M30%20134v4M16%20124h4M40%20124h4"/%3E%3Cpath%20d="M84%20128l4%208%209%201-7%206%202%209-8-5-8%205%202-9-7-6%209-1z"/%3E%3C/svg%3E"); background-size: 160px 160px; }
body:is(.rs-portal-theme, .hc-public) .hc-day, body:is(.rs-portal-theme, .hc-public) .hc-sys { align-self: center; max-width: 90%; margin: 4px 0 10px; text-align: center; }
body:is(.rs-portal-theme, .hc-public) .hc-day span, body:is(.rs-portal-theme, .hc-public) .hc-sys span { display: inline-block; padding: 5px 12px; border-radius: 10px; background: #fff; color: #54656f; font-size: 12.5px; font-weight: 600; box-shadow: var(--hc-shadow); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-day span, :where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-sys span { background: #131313; color: #97A7B1; }
body:is(.rs-portal-theme, .hc-public) .hc-day span { text-transform: uppercase; letter-spacing: .03em; }
body:is(.rs-portal-theme, .hc-public) .hc-sys { margin-top: 10px; }
body:is(.rs-portal-theme, .hc-public) .hc-msg, body:is(.rs-portal-theme, .hc-public) .hc-in { display: flex; min-width: 0; margin-top: 10px; }
body:is(.rs-portal-theme, .hc-public) .hc-in { margin-top: 2px; }
body:is(.rs-portal-theme, .hc-public) .hc-msg.me { justify-content: flex-end; }
body:is(.rs-portal-theme, .hc-public) .hc-ava { display: none; }
body:is(.rs-portal-theme, .hc-public) .hc-body { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; max-width: min(760px, 88%); }
body:is(.rs-portal-theme, .hc-public) .hc-in .hc-body { max-width: min(480px, 92%); }
body:is(.rs-portal-theme, .hc-public) .hc-bub { position: relative; min-width: 0; max-width: 100%; padding: 8px 12px 9px; border-radius: 16px; background: #fff; color: var(--hc-ink); font-size: 15px; line-height: 1.6; box-shadow: var(--hc-shadow); overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-bub { background: #131313; }
body:is(.rs-portal-theme, .hc-public) :is(.hc-msg.bot, .hc-in) .hc-bub { border-top-left-radius: 0; }
body:is(.rs-portal-theme, .hc-public) :is(.hc-msg.bot, .hc-in) .hc-bub::before { content: ''; position: absolute; top: 0; left: -8px; width: 8px; height: 13px; background: inherit; clip-path: polygon(0 0, 100% 0, 100% 100%); }
body:is(.rs-portal-theme, .hc-public) .hc-msg.me .hc-bub { max-width: min(560px, 80%); border-top-right-radius: 0; background: var(--hc-out); }
body:is(.rs-portal-theme, .hc-public) .hc-msg.me .hc-bub::before { content: ''; position: absolute; top: 0; right: -8px; width: 8px; height: 13px; background: inherit; clip-path: polygon(0 0, 100% 0, 0 100%); }
body:is(.rs-portal-theme, .hc-public) .hc-txt { white-space: pre-wrap; }
body:is(.rs-portal-theme, .hc-public) .hc-meta { display: flex; justify-content: flex-end; align-items: center; gap: 4px; margin: 2px 0 -3px; font-size: 11px; line-height: 1.2; color: var(--hc-mute); white-space: nowrap; }
body:is(.rs-portal-theme, .hc-public) .hc-msg.me .hc-meta { float: right; float: inline-end; position: relative; top: 5px; margin: 0 0 0 12px; margin-inline-start: 12px; }
body:is(.rs-portal-theme, .hc-public) :is(.hc-meta, .hc-prog) { direction: ltr; }
body:is(.rs-portal-theme, .hc-public) .hc-meta:empty, body:is(.rs-portal-theme, .hc-public) .hc-time:empty { display: none; }
body:is(.rs-portal-theme, .hc-public) .hc-tick { font-size: 11px; color: #8696a0; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-tick { color: #70828E; }
body:is(.rs-portal-theme, .hc-public) .hc-msg.me.is-read .hc-tick { color: var(--c-accent, #0B57D0); }
body:is(.rs-portal-theme, .hc-public) .hc-bub p, body:is(.rs-portal-theme, .hc-public) .hc-bub ul, body:is(.rs-portal-theme, .hc-public) .hc-bub ol { margin: 0 0 8px; }
body:is(.rs-portal-theme, .hc-public) .hc-bub ul, body:is(.rs-portal-theme, .hc-public) .hc-bub ol { padding-inline-start: 22px; }
body:is(.rs-portal-theme, .hc-public) .hc-bub li { margin-bottom: 4px; }
body:is(.rs-portal-theme, .hc-public) .hc-bub > :last-child, body:is(.rs-portal-theme, .hc-public) .hc-in .hc-bub > :last-child { margin-bottom: 0; }
body:is(.rs-portal-theme, .hc-public) .hc-bub a { color: var(--c-accent, #0B57D0); font-weight: 600; }
body:is(.rs-portal-theme, .hc-public) .hc-bub code { padding: 1px 5px; border-radius: 6px; background: #F1F3F4; color: #1F1F1F; font-size: 13.5px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; direction: ltr; unicode-bidi: isolate; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-bub code { background: #191B1C; color: #D6D6D6; }
body:is(.rs-portal-theme, .hc-public) .hc-msg.me .hc-bub code { background: rgba(255, 255, 255, .6); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-msg.me .hc-bub code { background: rgba(19,19,19,0.6); }
body:is(.rs-portal-theme, .hc-public) .hc-bub pre { position: relative; margin: 0 0 10px; padding: 34px 14px 12px; border-radius: 10px; background: var(--c-primary, #1F1F1F); overflow-x: auto; direction: ltr; }
body:is(.rs-portal-theme, .hc-public) .hc-bub pre code { padding: 0; background: none; color: #DADCE0; font-size: 13px; line-height: 1.55; white-space: pre; }
body:is(.rs-portal-theme, .hc-public) .hc-ccopy { position: absolute; top: 6px; right: 6px; min-height: 26px; padding: 0 8px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 10px; background: transparent; color: #DADCE0; font-size: 12px; cursor: pointer; }
body:is(.rs-portal-theme, .hc-public) .hc-ccopy:hover { background: rgba(255, 255, 255, .1); }
body:is(.rs-portal-theme, .hc-public) .hc-from { font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-from { color: var(--c-ink); }
body:is(.rs-portal-theme, .hc-public) .hc-note { color: var(--hc-mute); font-size: 13.5px; }
body:is(.rs-portal-theme, .hc-public) .hc-bub.is-err { color: #b91c1c; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-bub.is-err { color: #EC8383; }
body:is(.rs-portal-theme, .hc-public) .hc-bub.is-off { color: #444746; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-bub.is-off { color: #B8BBBA; }
body:is(.rs-portal-theme, .hc-public) .hc-bub.is-wait { padding: 4px 14px; }
body:is(.rs-portal-theme, .hc-public) .hc-dots { display: inline-flex; gap: 5px; padding: 8px 0; }
body:is(.rs-portal-theme, .hc-public) .hc-dots i { width: 7px; height: 7px; background: #8696a0; animation: hcDot 1.2s infinite ease-in-out; }
body:is(.rs-portal-theme, .hc-public) .hc-dots i:nth-child(2) { animation-delay: .15s; }
body:is(.rs-portal-theme, .hc-public) .hc-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes hcDot { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
body:is(.rs-portal-theme, .hc-public) .hc-tools { display: flex; gap: 6px; margin-top: 4px; }
body:is(.rs-portal-theme, .hc-public) .hc-tool { min-height: 32px; padding: 0 8px; border: 0; border-radius: 10px; background: none; color: var(--hc-mute); font-size: 12.5px; cursor: pointer; }
body:is(.rs-portal-theme, .hc-public) .hc-tool:hover, body:is(.rs-portal-theme, .hc-public) .hc-tool:focus-visible { background: rgba(255, 255, 255, .75); color: var(--c-primary, #1F1F1F); outline: none; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-tool:hover, :where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-tool:focus-visible { background: rgba(19,19,19,0.75); color: var(--c-ink); }
body:is(.rs-portal-theme, .hc-public) .hc-tool.hc-simpler { color: var(--c-accent, #0B57D0); font-weight: 600; }
body:is(.rs-portal-theme, .hc-public) .hc-waittxt { margin-inline-start: 10px; color: var(--hc-mute); font-size: 13px; font-style: italic; vertical-align: middle; }
body:is(.rs-portal-theme, .hc-public) .hc-retry { display: flex; align-items: center; gap: 6px; min-height: 40px; margin-top: 8px; padding: 0 12px; border: 1px solid var(--c-accent, #0B57D0); border-radius: 10px; background: #fff; color: var(--c-accent, #0B57D0); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; touch-action: manipulation; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-retry { background: #131313; }
body:is(.rs-portal-theme, .hc-public) .hc-term { position: relative; display: inline; padding: 0; border: 0; border-bottom: 1.5px dotted var(--c-accent, #0B57D0); border-radius: 0; background: none; color: inherit; font: inherit; line-height: inherit; text-align: inherit; cursor: help; touch-action: manipulation; }
body:is(.rs-portal-theme, .hc-public) .hc-term::after { content: ''; position: absolute; inset: -10px -4px; }
body:is(.rs-portal-theme, .hc-public) .hc-term:hover, body:is(.rs-portal-theme, .hc-public) .hc-term:focus-visible, body:is(.rs-portal-theme, .hc-public) .hc-term[aria-expanded="true"] { color: var(--c-accent, #0B57D0); outline: none; }
body:is(.rs-portal-theme, .hc-public) .hc-termpop { position: fixed; z-index: 1200; width: 300px; max-width: calc(100vw - 24px); padding: 12px 44px 12px 14px; border: 1px solid #DADCE0; border-radius: 10px; background: #fff; color: #111b21; box-shadow: 0 14px 36px rgba(15, 23, 42, .2); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-termpop { border: 1px solid #37393C; background: #131313; color: #A1BDCE; }
body:is(.rs-portal-theme, .hc-public) .hc-termpop[hidden] { display: none; }
body:is(.rs-portal-theme, .hc-public) .hc-termpop b { display: block; margin-bottom: 4px; color: var(--c-primary, #1F1F1F); font-size: 14.5px; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-termpop b { color: var(--c-ink); }
body:is(.rs-portal-theme, .hc-public) .hc-termpop p { margin: 0; color: #3C4043; font-size: 14.5px; line-height: 1.55; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-termpop p { color: #BABEC1; }
body:is(.rs-portal-theme, .hc-public) .hc-termx { position: absolute; top: 4px; right: 4px; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 0; border-radius: 10px; background: none; color: #5F6368; font-size: 15px; cursor: pointer; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-termx { color: #9EA2A7; }
body:is(.rs-portal-theme, .hc-public) .hc-termx:hover, body:is(.rs-portal-theme, .hc-public) .hc-termx:focus-visible { background: #F1F3F4; outline: none; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-termx:hover, :where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-termx:focus-visible { background: #191B1C; }
body:is(.rs-portal-theme, .hc-public) .hc-hello > .is-done .hc-replies, body:is(.rs-portal-theme, .hc-public) .is-again.is-done .hc-replies { display: none; }
body:is(.rs-portal-theme, .hc-public) .hc-ask { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; margin-top: 6px; }
body:is(.rs-portal-theme, .hc-public) .hc-asklab { flex: 1 0 100%; color: var(--hc-mute); font-size: 13px; font-weight: 600; }
body:is(.rs-portal-theme, .hc-public) :is(.hc-yes, .hc-no) { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 14px; border-radius: 10px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; touch-action: manipulation; box-shadow: var(--hc-shadow); }
body:is(.rs-portal-theme, .hc-public) .hc-yes { border: 1px solid var(--c-accent, #0B57D0); background: var(--c-accent, #0B57D0); color: #fff; }
body:is(.rs-portal-theme, .hc-public) .hc-no { border: 1px solid #C4C7C5; background: #fff; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-no { border: 1px solid #454645; background: #131313; color: var(--c-ink); }
body:is(.rs-portal-theme, .hc-public) .hc-yes:hover, body:is(.rs-portal-theme, .hc-public) .hc-yes:focus-visible { background: color-mix(in srgb, var(--c-accent, #0B57D0) 85%, #000); outline: none; }
body:is(.rs-portal-theme, .hc-public) .hc-no:hover, body:is(.rs-portal-theme, .hc-public) .hc-no:focus-visible { border-color: var(--c-accent, #0B57D0); outline: none; }
body:is(.rs-portal-theme, .hc-public) .hc-attach { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-inline-end: -8px; border: 0; border-radius: 10px; background: none; color: var(--hc-mute); font-size: 18px; cursor: pointer; touch-action: manipulation; }
body:is(.rs-portal-theme, .hc-public) .hc-attach:hover, body:is(.rs-portal-theme, .hc-public) .hc-attach:focus-visible { color: var(--c-accent, #0B57D0); background: #F1F3F4; outline: none; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-attach:hover, :where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-attach:focus-visible { background: #191B1C; }
body:is(.rs-portal-theme, .hc-public) .hc.is-askshot .hc-attach { color: var(--c-accent, #0B57D0); animation: hcPing 1.2s ease-in-out 3; }
@keyframes hcPing { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--c-accent, #0B57D0) 45%, transparent); } 50% { box-shadow: 0 0 0 8px transparent; } }
body:is(.rs-portal-theme, .hc-public) .hc-shot { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 6px 6px 6px 8px; border-radius: 10px; background: #fff; box-shadow: var(--hc-shadow); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-shot { background: #131313; }
body:is(.rs-portal-theme, .hc-public) .hc-shot img { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 6px; object-fit: cover; background: #E8EAED; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-shot img { background: #1D1F22; }
body:is(.rs-portal-theme, .hc-public) .hc-shot span { flex: 1 1 auto; min-width: 0; color: var(--hc-mute); font-size: 13px; line-height: 1.4; }
body:is(.rs-portal-theme, .hc-public) .hc-shotx { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 0; border-radius: 10px; background: none; color: #5F6368; font-size: 15px; cursor: pointer; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-shotx { color: #9EA2A7; }
body:is(.rs-portal-theme, .hc-public) .hc-shotx:hover, body:is(.rs-portal-theme, .hc-public) .hc-shotx:focus-visible { background: #fef2f2; color: #dc2626; outline: none; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-shotx:hover, :where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-shotx:focus-visible { background: #220C0C; color: #EB8484; }
body:is(.rs-portal-theme, .hc-public) .hc-shoterr { color: #b91c1c; font-size: 12.5px; line-height: 1.4; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-shoterr { color: #EC8383; }
body:is(.rs-portal-theme, .hc-public) .hc-meimg { display: block; margin: -2px -4px 4px; }
body:is(.rs-portal-theme, .hc-public) .hc-meimg img { display: block; max-width: min(260px, 100%); max-height: 280px; border-radius: 6px; object-fit: cover; }
body:is(.rs-portal-theme, .hc-public) .hc-shotchip { display: flex; align-items: center; gap: 6px; margin-bottom: 2px; color: var(--hc-mute); font-size: 12.5px; font-weight: 600; }
body:is(.rs-portal-theme, .hc-public) .hc.is-drop::after { content: 'Drop your screenshot here'; position: absolute; inset: 0; z-index: 6; display: flex; align-items: center; justify-content: center; border: 2px dashed var(--c-accent, #0B57D0); background: color-mix(in srgb, var(--c-accent, #0B57D0) 10%, rgba(255, 255, 255, .85)); color: var(--c-primary, #1F1F1F); font-size: 16px; font-weight: 700; pointer-events: none; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc.is-drop::after { background: color-mix(in srgb, var(--c-accent, #0B57D0) 10%, rgba(19,19,19,0.85)); color: var(--c-ink); }
body:is(.rs-portal-theme, .hc-public) :is(.hc-replies, .hc-rel) { display: flex; flex-direction: column; width: 100%; min-width: 0; margin-top: 4px; border-radius: 10px; background: #fff; box-shadow: var(--hc-shadow); overflow: hidden; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) :is(.hc-replies, .hc-rel) { background: #131313; }
body:is(.rs-portal-theme, .hc-public) .hc-rel { max-width: 460px; margin-top: 6px; }
body:is(.rs-portal-theme, .hc-public) .hc-rel > span { padding: 8px 14px 6px; color: var(--hc-mute); font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
body:is(.rs-portal-theme, .hc-public) :is(.hc-start, .hc-chip-rel, .hc-pickbtn, .hc-choice) { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 48px; padding: 10px 14px; border: 0; border-top: 1px solid #E8EAED; background: none; color: var(--c-accent, #0B57D0); font: inherit; font-size: 14.5px; font-weight: 600; line-height: 1.4; text-align: start; cursor: pointer; touch-action: manipulation; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) :is(.hc-start, .hc-chip-rel, .hc-pickbtn, .hc-choice) { border-top: 1px solid #303236; }
body:is(.rs-portal-theme, .hc-public) .hc-replies > :first-child { border-top: 0; }
body:is(.rs-portal-theme, .hc-public) :is(.hc-start, .hc-chip-rel, .hc-choice) i { flex: 0 0 auto; color: #8696a0; font-size: 12px; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) :is(.hc-start, .hc-chip-rel, .hc-choice) i { color: #70828E; }
body:is(.rs-portal-theme, .hc-public) :is(.hc-start, .hc-chip-rel, .hc-pickbtn, .hc-choice):hover, body:is(.rs-portal-theme, .hc-public) :is(.hc-start, .hc-chip-rel, .hc-pickbtn, .hc-choice):focus-visible { background: #f5f7fa; outline: none; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) :is(.hc-start, .hc-chip-rel, .hc-pickbtn, .hc-choice):hover, :where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) :is(.hc-start, .hc-chip-rel, .hc-pickbtn, .hc-choice):focus-visible { background: #13171C; }
body:is(.rs-portal-theme, .hc-public) .hc-choice[data-place] { justify-content: flex-start; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-choice[data-place] { color: var(--c-ink); }
body:is(.rs-portal-theme, .hc-public) .hc-choice i.hc-choice-ic { flex: 0 0 28px; font-size: 20px; color: var(--c-accent, #0B57D0); text-align: center; transform: none; }
body:is(.rs-portal-theme, .hc-public) .hc-pickbtn { justify-content: flex-start; min-height: 60px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-pickbtn { color: var(--c-ink); }
body:is(.rs-portal-theme, .hc-public) .hc-pickbtn > i { flex: 0 0 28px; font-size: 24px; color: var(--c-accent, #0B57D0); text-align: center; }
body:is(.rs-portal-theme, .hc-public) .hc-pickbtn b { display: block; font-size: 15px; }
body:is(.rs-portal-theme, .hc-public) .hc-pickbtn small { display: block; color: var(--hc-mute); font-size: 12.5px; font-weight: 400; }
:where(body.hc-public) [dir="rtl"] body:is(.rs-portal-theme, .hc-public) :is(.hc-start, .hc-chip-rel, .hc-choice) > i:last-child { transform: scaleX(-1); }
body:is(.rs-portal-theme, .hc-public) .hc-idtool { display: flex; flex-direction: column; gap: 6px; margin: 8px 0 4px; padding: 10px 12px; border: 1px dashed color-mix(in srgb, var(--c-accent, #0B57D0) 45%, #fff); border-radius: 10px; background: color-mix(in srgb, var(--c-accent, #0B57D0) 5%, #fff); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-idtool { background: color-mix(in srgb, var(--c-accent, #0B57D0) 5%, #131313); }
body:is(.rs-portal-theme, .hc-public) .hc-idlab { color: var(--c-primary, #1F1F1F); font-size: 13.5px; font-weight: 700; line-height: 1.4; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-idlab { color: var(--c-ink); }
body:is(.rs-portal-theme, .hc-public) .hc-idlab i { color: var(--c-accent, #0B57D0); margin-inline-end: 4px; }
body:is(.rs-portal-theme, .hc-public) .hc-idtool input { width: 100%; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid #C4C7C5; border-radius: 10px; background: #fff; color: var(--hc-ink, #111b21); font-size: 16px; font-family: inherit; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-idtool input { border: 1px solid #454645; background: #131313; }
body:is(.rs-portal-theme, .hc-public) .hc-idtool input:focus { outline: none; border-color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-accent, #0B57D0) 15%, transparent); }
body:is(.rs-portal-theme, .hc-public) .hc-idout { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; min-width: 0; padding: 6px 6px 6px 10px; border-radius: 10px; background: #fff; border: 1px solid color-mix(in srgb, #16a34a 40%, #fff); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-idout { background: #131313; }
body:is(.rs-portal-theme, .hc-public) .hc-idout code { flex: 1 1 240px; min-width: 0; padding: 0; background: none; color: #166534; font-size: 13px; word-break: break-all; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-idout code { color: #8AE5AD; }
body:is(.rs-portal-theme, .hc-public) .hc-idcopy { flex: 0 0 auto; min-height: 40px; padding: 0 12px; border: 0; border-radius: 10px; background: var(--c-accent, #0B57D0); color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; touch-action: manipulation; }
body:is(.rs-portal-theme, .hc-public) .hc-iderr { color: #b91c1c; font-size: 12.5px; line-height: 1.4; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-iderr { color: #EC8383; }
body:is(.rs-portal-theme, .hc-public) .hc-compose { position: relative; z-index: 2; flex: 0 0 auto; display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 8px 10px 10px; background: var(--hc-bar); border-top: 1px solid rgba(11, 20, 26, .06); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-compose { border-top: 1px solid rgba(255,255,255,0.06); }
body:is(.rs-portal-theme, .hc-public) .hc-quick { display: flex; gap: 6px; min-width: 0; overflow-x: auto; scrollbar-width: none; padding: 1px 0; }
body:is(.rs-portal-theme, .hc-public) .hc-quick::-webkit-scrollbar { display: none; }
body:is(.rs-portal-theme, .hc-public) .hc-chip { flex: 0 0 auto; max-width: 260px; min-height: 36px; padding: 6px 12px; border: 1px solid #C4C7C5; border-radius: 10px; background: #fff; color: var(--c-primary, #1F1F1F); font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; touch-action: manipulation; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-chip { border: 1px solid #454645; background: #131313; color: var(--c-ink); }
body:is(.rs-portal-theme, .hc-public) .hc-chip:hover, body:is(.rs-portal-theme, .hc-public) .hc-chip:focus-visible { border-color: var(--c-accent, #0B57D0); color: var(--c-accent, #0B57D0); outline: none; }
body:is(.rs-portal-theme, .hc-public) .hc-chip.hc-switch { color: var(--hc-mute); }
body:is(.rs-portal-theme, .hc-public) .hc-bar { display: flex; align-items: flex-end; gap: 8px; min-width: 0; }
body:is(.rs-portal-theme, .hc-public) .hc-field { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; min-height: 46px; padding: 0 14px; border: 1px solid transparent; border-radius: 10px; background: #fff; box-shadow: var(--hc-shadow); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-field { background: #131313; }
body:is(.rs-portal-theme, .hc-public) .hc-field:focus-within { border-color: var(--c-accent, #0B57D0); }
body:is(.rs-portal-theme, .hc-public) .hc-field textarea { flex: 1 1 auto; width: 100%; min-width: 0; min-height: 24px; max-height: 140px; padding: 11px 0; border: 0; outline: none; resize: none; background: transparent; color: var(--hc-ink); font: inherit; font-size: 16px; line-height: 1.45; }
body:is(.rs-portal-theme, .hc-public) .hc-field textarea:disabled { cursor: not-allowed; }
body:is(.rs-portal-theme, .hc-public) .hc-send { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 0; background: var(--c-accent, #0B57D0); color: #fff; font-size: 17px; cursor: pointer; touch-action: manipulation; transition: transform .12s, opacity .12s; }
body:is(.rs-portal-theme, .hc-public) .hc-send:disabled { opacity: .45; cursor: default; }
body:is(.rs-portal-theme, .hc-public) .hc-send:not(:disabled):active { transform: scale(.94); }
body:is(.rs-portal-theme, .hc-public) .hc-wa { margin: 12px 0 0; }
body:is(.rs-portal-theme, .hc-public) .hc-wa .up-btn { min-height: 44px; }
body:is(.rs-portal-theme, .hc-public) ol.hc-steps { display: grid; gap: 8px; list-style: none; margin: 4px 0 8px; padding-left: 0; }
body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li { --st: #0B57D0; display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, var(--st) 7%, #fff); line-height: 1.65; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li { background: color-mix(in srgb, var(--st) 7%, #131313); }
body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li:nth-child(5n+2) { --st: #0D9488; }
body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li:nth-child(5n+3) { --st: #15803D; }
body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li:nth-child(5n+4) { --st: #B45309; }
body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li:nth-child(5n+5) { --st: #0284C7; }
body:is(.rs-portal-theme, .hc-public) .hc-chk { position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-top: 1px; border: 2px solid #C4C7C5; border-radius: 10px; background: #fff; color: #444746; font-size: 12px; font-weight: 700; line-height: 1; cursor: pointer; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-chk { border: 2px solid #454645; background: #131313; color: #B8BBBA; }
body:is(.rs-portal-theme, .hc-public) .hc-chk::after { content: ''; position: absolute; inset: -9px; }
body:is(.rs-portal-theme, .hc-public) .hc-chk i { display: none; }
body:is(.rs-portal-theme, .hc-public) .hc-chk:hover, body:is(.rs-portal-theme, .hc-public) .hc-chk:focus-visible { border-color: var(--c-accent, #0B57D0); outline: none; }
body:is(.rs-portal-theme, .hc-public) li.is-done > .hc-chk { border-color: #16a34a; background: #16a34a; color: #fff; }
body:is(.rs-portal-theme, .hc-public) li.is-done > .hc-chk span { display: none; }
body:is(.rs-portal-theme, .hc-public) li.is-done > .hc-chk i { display: inline; font-size: 13px; }
body:is(.rs-portal-theme, .hc-public) .hc-step { flex: 1 1 auto; min-width: 0; }
body:is(.rs-portal-theme, .hc-public) li.is-done > .hc-step { color: #80868B; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) li.is-done > .hc-step { color: #848A8E; }
body:is(.rs-portal-theme, .hc-public) li.is-done > .hc-step code { opacity: .7; }
body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li > .hc-chk { border-color: var(--st); background: var(--st); color: #fff; font-weight: 700; }
body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li > .hc-chk:hover, body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li > .hc-chk:focus-visible { border-color: var(--st); box-shadow: 0 0 0 3px color-mix(in srgb, var(--st) 25%, transparent); }
body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li.is-done { background: #F8F9FA; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li.is-done { background: #151719; }
body:is(.rs-portal-theme, .hc-public) ol.hc-steps > li.is-done > .hc-chk { border-color: #16a34a; background: #16a34a; }
body:is(.rs-portal-theme, .hc-public) .hc-ui { display: inline-block; margin: 1px 0; padding: 0 7px; border: 1px solid color-mix(in srgb, var(--st, var(--c-accent, #0B57D0)) 35%, #fff); border-radius: 6px; background: #fff; color: color-mix(in srgb, var(--st, var(--c-accent, #0B57D0)) 85%, #000); font-weight: 600; line-height: 1.55; white-space: nowrap; box-shadow: 0 1px 0 color-mix(in srgb, var(--st, var(--c-accent, #0B57D0)) 20%, transparent); }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-ui { background: #131313; color: color-mix(in srgb, var(--st, var(--c-accent, #0B57D0)) 85%, #EDEDED); }
body:is(.rs-portal-theme, .hc-public) .hc-key { display: inline-block; margin: 1px 0; padding: 0 6px; border: 1px solid #C4C7C5; border-bottom-width: 2px; border-radius: 5px; background: #F8F9FA; color: #1F1F1F; font: 600 12.5px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: nowrap; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-key { border: 1px solid #454645; background: #151719; color: #D6D6D6; }
body:is(.rs-portal-theme, .hc-public) .hc-arrow { margin: 0 4px; color: var(--st, var(--c-accent, #0B57D0)); font-weight: 700; }
body:is(.rs-portal-theme, .hc-public) li.is-done .hc-ui { color: #5F6368; border-color: #DADCE0; box-shadow: none; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) li.is-done .hc-ui { color: #9EA2A7; border-color: #37393C; }
body:is(.rs-portal-theme, .hc-public) .hc-prog { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 12.5px; color: #5F6368; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-prog { color: #9EA2A7; }
body:is(.rs-portal-theme, .hc-public) .hc-prog.is-all span { color: #15803d; font-weight: 700; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-prog.is-all span { color: #84EBAB; }
body:is(.rs-portal-theme, .hc-public) .hc-prog-reset { min-height: 30px; padding: 0 8px; border: 0; border-radius: 10px; background: none; color: var(--c-accent, #0B57D0); font-size: 12.5px; font-weight: 600; cursor: pointer; }
body:is(.rs-portal-theme, .hc-public) .hc-prog-reset[hidden] { display: none; }
body:is(.rs-portal-theme, .hc-public) .hc-bub code { word-break: break-all; }
body:is(.rs-portal-theme, .hc-public) .hc-bub pre code { word-break: normal; }
@media (prefers-reduced-motion: reduce) {
    body:is(.rs-portal-theme, .hc-public) .hc.is-askshot .hc-attach, body:is(.rs-portal-theme, .hc-public) .hc-dots i, body:is(.rs-portal-theme, .hc-public) .hc-send { transition: none; animation: none; }
}
@media (max-width: 768px) {
    body:where(.hc-public).page-help :is(.up-head p, .hc-head-clear) { display: none !important; }
    body:is(.rs-portal-theme, .hc-public) .hc { min-height: 380px; }
    body:is(.rs-portal-theme, .hc-public) .hc-top { min-height: 56px; gap: 10px; padding: 6px 4px 6px 10px; }
    body:is(.rs-portal-theme, .hc-public) .hc-top-ava { width: 36px; height: 36px; font-size: 16px; }
    body:is(.rs-portal-theme, .hc-public) .hc-top-who b { font-size: 15px; }
    body:is(.rs-portal-theme, .hc-public) .hc-ibtn { padding: 0 8px; }
    body:is(.rs-portal-theme, .hc-public) .hc-langcode { max-width: 74px; }
    body:is(.rs-portal-theme, .hc-public) .hc-log { padding: 10px 12px 14px; }
    body:is(.rs-portal-theme, .hc-public) .hc-body { max-width: 92%; }
    body:is(.rs-portal-theme, .hc-public) .hc-in .hc-body { max-width: 94%; }
    body:is(.rs-portal-theme, .hc-public) .hc-msg.me .hc-bub { max-width: 86%; }
    body:is(.rs-portal-theme, .hc-public) .hc-compose { padding: 6px 8px 8px; }
    body:is(.rs-portal-theme, .hc-public) .hc-chip, body:is(.rs-portal-theme, .hc-public) .hc-tool, body:is(.rs-portal-theme, .hc-public) .hc-retry { min-height: 44px; }
    body:is(.rs-portal-theme, .hc-public) :is(.hc-yes, .hc-no) { flex: 1 1 auto; justify-content: center; min-height: 44px; }
    body:is(.rs-portal-theme, .hc-public) .hc-attach { width: 44px; height: 44px; }
    body:is(.rs-portal-theme, .hc-public) .hc-termpop { top: auto !important; left: 0 !important; right: 0; bottom: 0; width: auto; max-width: none; padding: 16px 56px calc(18px + env(safe-area-inset-bottom, 0px)) 16px; border: 0; border-radius: 16px 16px 0 0; box-shadow: 0 -10px 40px rgba(15, 23, 42, .28), 0 0 0 100vmax rgba(15, 23, 42, .35); }
    body:is(.rs-portal-theme, .hc-public) .hc-termpop b { font-size: 16px; }
    body:is(.rs-portal-theme, .hc-public) .hc-termpop p { font-size: 15.5px; }
    body:is(.rs-portal-theme, .hc-public) .hc-termx { top: 8px; right: 8px; width: 44px; height: 44px; }
    body:is(.rs-portal-theme, .hc-public) .hc-prog-reset { min-height: 44px; }
    body:is(.rs-portal-theme, .hc-public) .hc.is-langopen .hc-top { z-index: 1200; }
    body:is(.rs-portal-theme, .hc-public) .hc-langmenu { position: fixed; top: auto; left: 0; right: 0; bottom: 0; z-index: 1200; width: auto; max-width: none; max-height: 72vh; max-height: 72dvh; border: 0; border-radius: 16px 16px 0 0; padding-bottom: env(safe-area-inset-bottom, 0px); box-shadow: 0 -10px 40px rgba(15, 23, 42, .28), 0 0 0 100vmax rgba(15, 23, 42, .35); }
}
body:is(.rs-portal-theme, .hc-public) .hc-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
body:is(.rs-portal-theme, .hc-public) .hc-link { display: inline-flex; align-items: center; gap: 7px; max-width: 100%; min-height: 36px; padding: 6px 12px; border: 1px solid var(--c-accent, #0B57D0); border-radius: 10px; background: #fff; color: var(--c-accent, #0B57D0); font-size: 13px; font-weight: 600; text-decoration: none; }
:where(html[data-theme="dark"]) body:is(.rs-portal-theme, .hc-public) .hc-link { background: #131313; }
body:is(.rs-portal-theme, .hc-public) .hc-link span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body:is(.rs-portal-theme, .hc-public) .hc-link:hover, body:is(.rs-portal-theme, .hc-public) .hc-link:focus-visible { background: var(--c-accent, #0B57D0); color: #fff; outline: none; }
@media (max-width: 768px) {
    body:is(.rs-portal-theme, .hc-public) .hc-link { min-height: 44px; }
}
body.hc-public { background: #f5f7fb; }
:where(html[data-theme="dark"]) body.hc-public { background: #12151D; }
body.hc-public .hc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.hc-public .hc-pubmain { display: flex; flex-direction: column; height: calc(100vh - 64px); height: calc(100dvh - 64px); min-height: 460px; }
body.hc-public .hc-pane { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
body.hc-public .hc { min-height: 0; border: 0; border-radius: 0; }
body.hc-public :is(.hc-top-ava, .hc-send, .hc-dots i) { border-radius: 50%; }
body.hc-public .hc-wa .up-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 10px; background: var(--c-accent, #0B57D0); color: #fff; font-weight: 600; text-decoration: none; }
@media (max-width: 820px) {
    body.hc-public { padding-bottom: 0 !important; }
    body.hc-public .ph-bottom-nav { display: none !important; }
    body.hc-public .hc-pubmain { height: calc(100vh - 60px); height: calc(100dvh - 60px); min-height: 400px; }
    body.hc-public .hc-compose { padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
}
body.hc-public { background-color: #fff; background-image: radial-gradient(rgba(10, 10, 10, .05) 1px, transparent 1px); background-size: 26px 26px; }
:where(html[data-theme="dark"]) body.hc-public { background-color: #131313; }
body.hc-public .hc { --hc-ink: #1F1F1F; --hc-mute: #5F6670; --hc-wall: transparent; --hc-bar: rgba(255, 255, 255, .94); --hc-line: rgba(10, 10, 10, .08); --hc-line-2: rgba(10, 10, 10, .16); --hc-shadow: 0 1px 2px rgba(10, 10, 10, .04), 0 18px 40px -24px rgba(10, 10, 10, .18); --hc-acc: var(--c-accent, #0B57D0); --hc-col: max(14px, calc((100% - 940px) / 2)); background: transparent; font-family: var(--rs-font); }
:where(html[data-theme="dark"]) body.hc-public .hc { --hc-ink: #D6D6D6; --hc-bar: rgba(19,19,19,0.94); --hc-line: rgba(255,255,255,0.08); --hc-line-2: rgba(255,255,255,0.16); }
body.hc-public .hc-top { padding-inline: var(--hc-col); border-bottom: 1px solid var(--hc-line); background: var(--hc-bar); color: var(--hc-ink); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
body.hc-public .hc-top-ava { background: color-mix(in srgb, var(--hc-acc) 12%, #fff); color: var(--hc-acc); box-shadow: 0 0 0 1px color-mix(in srgb, var(--hc-acc) 25%, transparent); }
:where(html[data-theme="dark"]) body.hc-public .hc-top-ava { background: color-mix(in srgb, var(--hc-acc) 12%, #131313); }
body.hc-public .hc-top-who b { font-family: var(--rs-font-display); letter-spacing: -.01em; }
body.hc-public .hc-status { color: var(--hc-mute); }
body.hc-public .hc.is-busy .hc-status { color: var(--hc-acc); }
body.hc-public .hc-ibtn { color: var(--hc-ink); }
body.hc-public .hc-ibtn:hover, body.hc-public .hc-ibtn:focus-visible { background: rgba(10, 10, 10, .05); }
:where(html[data-theme="dark"]) body.hc-public .hc-ibtn:hover, :where(html[data-theme="dark"]) body.hc-public .hc-ibtn:focus-visible { background: rgba(255,255,255,0.07); }
body.hc-public .hc-log { padding-inline: var(--hc-col); background-color: transparent; background-image: none; }
body.hc-public .hc-day span, body.hc-public .hc-sys span { border: 1px solid var(--hc-line); border-radius: 999px; background: #fff; color: var(--hc-mute); box-shadow: none; font-size: 11.5px; letter-spacing: .12em; }
:where(html[data-theme="dark"]) body.hc-public .hc-day span, :where(html[data-theme="dark"]) body.hc-public .hc-sys span { background: #131313; }
body.hc-public .hc-bub { border: 1px solid var(--hc-line); border-radius: 12px; color: var(--hc-ink); }
body.hc-public :is(.hc-msg.bot, .hc-in) .hc-bub { border-top-left-radius: 12px; }
body.hc-public :is(.hc-msg.bot, .hc-in) .hc-bub::before, body.hc-public .hc-msg.me .hc-bub::before { content: none; }
body.hc-public .hc-msg.me .hc-bub { border-color: transparent; border-top-right-radius: 12px; background: var(--hc-acc); color: var(--c-on-accent, #fff); box-shadow: 0 12px 30px -16px color-mix(in srgb, var(--hc-acc) 85%, transparent); }
body.hc-public .hc-msg.me .hc-bub a, body.hc-public .hc-msg.me .hc-meta, body.hc-public .hc-msg.me .hc-tick, body.hc-public .hc-msg.me.is-read .hc-tick { color: inherit; opacity: .85; }
body.hc-public .hc-msg.me .hc-bub code { background: rgba(255, 255, 255, .18); color: inherit; }
body.hc-public :is(.hc-replies, .hc-rel) { border: 1px solid var(--hc-line); border-radius: 12px; }
body.hc-public :is(.hc-start, .hc-chip-rel, .hc-pickbtn, .hc-choice) { border-color: var(--hc-line); color: var(--hc-ink); }
body.hc-public :is(.hc-start, .hc-chip-rel, .hc-choice) i { color: var(--hc-acc); }
body.hc-public :is(.hc-start, .hc-chip-rel, .hc-pickbtn, .hc-choice):hover, body.hc-public :is(.hc-start, .hc-chip-rel, .hc-pickbtn, .hc-choice):focus-visible { background: color-mix(in srgb, var(--hc-acc) 6%, #fff); }
:where(html[data-theme="dark"]) body.hc-public :is(.hc-start, .hc-chip-rel, .hc-pickbtn, .hc-choice):hover, :where(html[data-theme="dark"]) body.hc-public :is(.hc-start, .hc-chip-rel, .hc-pickbtn, .hc-choice):focus-visible { background: color-mix(in srgb, var(--hc-acc) 6%, #131313); }
body.hc-public .hc-compose { padding-inline: var(--hc-col); border-top: 1px solid var(--hc-line); background: var(--hc-bar); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
body.hc-public .hc-chip { border-color: var(--hc-line-2); border-radius: 12px; color: var(--hc-ink); }
body.hc-public .hc-chip:hover, body.hc-public .hc-chip:focus-visible { border-color: color-mix(in srgb, var(--hc-acc) 60%, transparent); background: color-mix(in srgb, var(--hc-acc) 6%, #fff); color: var(--hc-ink); }
:where(html[data-theme="dark"]) body.hc-public .hc-chip:hover, :where(html[data-theme="dark"]) body.hc-public .hc-chip:focus-visible { background: color-mix(in srgb, var(--hc-acc) 6%, #131313); }
body.hc-public .hc-field { border: 1px solid var(--hc-line-2); border-radius: 12px; box-shadow: none; }
body.hc-public .hc-field:focus-within { border-color: var(--hc-acc); box-shadow: 0 0 0 3px color-mix(in srgb, var(--hc-acc) 15%, transparent); }
body.hc-public .hc-send { border-radius: 12px; box-shadow: 0 12px 30px -12px color-mix(in srgb, var(--hc-acc) 85%, transparent); }
body.hc-public .hc-wa .up-btn { border-radius: 12px; box-shadow: 0 12px 30px -12px color-mix(in srgb, var(--hc-acc) 85%, transparent); }

/* ======================= page-meet-booking.css — contact + meet booking ======================= */
body.page-meet-booking #book { scroll-margin-top: 96px; }
body.page-meet-booking .mb-card { position: relative; scroll-margin-top: 96px; max-width: 1120px; margin: 0 auto; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 16px; padding: 22px 24px 26px; box-shadow: 0 10px 34px rgba(var(--c-primary-rgb, 17, 24, 39), .07); }
body.page-meet-booking .mb-steps { display: flex; gap: 6px; margin: 0 0 20px; padding: 0; list-style: none; }
body.page-meet-booking .mb-steps li { flex: 1 1 0; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: var(--c-tint-2, #F8F9FA); color: var(--c-text-muted, #5F6368); font-size: 13.5px; font-weight: 700; }
body.page-meet-booking .mb-steps li span { display: inline-flex; width: 26px; height: 26px; flex: 0 0 auto; align-items: center; justify-content: center; border: 1.5px solid currentColor; border-radius: 50%; font-size: 12px; }
body.page-meet-booking .mb-steps li.is-on { border-color: var(--c-accent, #0B57D0); background: var(--c-card, #fff); color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-steps li.is-on { color: var(--c-ink); }
body.page-meet-booking .mb-steps li.is-on span { border-color: var(--c-accent, #0B57D0); background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); }
body.page-meet-booking .mb-steps li.is-done { color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-steps li.is-done { color: var(--c-ink); }
body.page-meet-booking .mb-steps li.is-done span { border-color: transparent; background: var(--success, #16a34a); color: transparent; position: relative; }
body.page-meet-booking .mb-steps li.is-done span::before { content: '\f00c'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 11px; color: #fff; }
body.page-meet-booking .mb-grid { display: grid; grid-template-columns: 300px minmax(0, 1fr) 300px; align-items: start; }
body.page-meet-booking .mb-info { padding-right: 24px; border-right: 1px solid var(--c-tint-line, #DADCE0); }
body.page-meet-booking .mb-cal { padding: 0 24px; }
body.page-meet-booking .mb-times { padding-left: 24px; border-left: 1px solid var(--c-tint-line, #DADCE0); }
body.page-meet-booking .mb-form { display: none; grid-column: 2 / -1; flex-direction: column; gap: 14px; padding-left: 24px; }
body.page-meet-booking .mb-card[data-stage="details"] .mb-grid { grid-template-columns: 300px minmax(0, 1fr); }
body.page-meet-booking .mb-card[data-stage="details"] .mb-cal, body.page-meet-booking .mb-card[data-stage="details"] .mb-times { display: none; }
body.page-meet-booking .mb-card[data-stage="details"] .mb-form { display: flex; }
body.page-meet-booking .mb-host { display: flex; align-items: center; gap: 12px; }
body.page-meet-booking .mb-host img { width: 44px; height: 44px; flex: 0 0 auto; border-radius: 10px; object-fit: cover; border: 1px solid var(--c-tint-line, #DADCE0); }
body.page-meet-booking .mb-host b { display: block; font-size: 14px; font-weight: 800; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-host b { color: var(--c-ink); }
body.page-meet-booking .mb-host span { display: block; font-size: 12.5px; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-title { margin: 14px 0 12px; font-family: var(--rs-font-display); font-size: 24px; font-weight: 700; line-height: 1.15; letter-spacing: -.01em; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-title { color: var(--c-ink); }
body.page-meet-booking .mb-facts { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
body.page-meet-booking .mb-facts li { display: flex; gap: 10px; font-size: 14px; line-height: 1.45; color: var(--c-text, #1f2937); }
body.page-meet-booking .mb-facts i { width: 18px; flex: 0 0 auto; margin-top: 3px; text-align: center; color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-tzrow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--c-tint-line, #DADCE0); font-size: 13.5px; color: var(--c-text, #1f2937); }
body.page-meet-booking .mb-flag { font-size: 20px; line-height: 1; color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-tzrow-t { flex: 1 1 160px; min-width: 0; line-height: 1.4; }
body.page-meet-booking .mb-tzrow-t b { color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-tzrow-t b { color: var(--c-ink); }
body.page-meet-booking .mb-link { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 0 12px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: var(--c-card, #fff); color: var(--c-accent, #0B57D0); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; touch-action: manipulation; }
body.page-meet-booking .mb-link:hover, body.page-meet-booking .mb-link:focus-visible { border-color: var(--c-accent, #0B57D0); outline: none; }
body.page-meet-booking .mb-tz { flex: 1 1 100%; }
body.page-meet-booking .mb-pickbox { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-top: 16px; padding: 12px; border: 1.5px solid var(--c-accent, #0B57D0); border-radius: 12px; background: rgba(var(--c-accent-rgb, 0, 116, 217), .05); }
body.page-meet-booking .mb-pickbox[hidden] { display: none; }
body.page-meet-booking .mb-pickbox-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
body.page-meet-booking .mb-pickbox-t b { font-size: 14px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-pickbox-t b { color: var(--c-ink); }
body.page-meet-booking .mb-pickbox-t span { font-size: 13.5px; font-weight: 600; color: var(--c-text, #1f2937); }
body.page-meet-booking .mb-pickbox-t small { font-size: 12px; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-pickbox .mb-link { flex: 1 1 100%; }
body.page-meet-booking .mb-leaf { display: flex; flex-direction: column; align-items: center; width: 56px; flex: 0 0 auto; overflow: hidden; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: var(--c-card, #fff); text-align: center; }
body.page-meet-booking .mb-leaf span { display: block; width: 100%; padding: 3px 0; background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
body.page-meet-booking .mb-leaf b { padding-top: 3px; font-size: 22px; line-height: 1.1; font-weight: 800; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-leaf b { color: var(--c-ink); }
body.page-meet-booking .mb-leaf small { padding-bottom: 4px; font-size: 10px; font-weight: 700; text-transform: uppercase; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-sec-h { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 10px; margin: 0 0 12px; }
body.page-meet-booking .mb-sec-h h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 16px; font-weight: 800; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-sec-h h3 { color: var(--c-ink); }
body.page-meet-booking .mb-sec-h h3 i { font-size: 14px; color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-sec-h > span { font-size: 13px; font-weight: 600; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-dow, body.page-meet-booking .mb-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
body.page-meet-booking .mb-dow { margin-bottom: 6px; }
body.page-meet-booking .mb-dow span { text-align: center; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-cell { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-height: 52px; aspect-ratio: 1; padding: 0; border: 1.5px solid transparent; border-radius: 10px; background: transparent; font: inherit; }
body.page-meet-booking .mb-cell b { font-size: 15px; font-weight: 800; line-height: 1.1; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-cell b { color: var(--c-ink); }
body.page-meet-booking .mb-cell small { font-size: 10.5px; font-weight: 600; color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-cell .mb-dot { width: 5px; height: 5px; margin-top: 2px; border-radius: 50%; background: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-cell.is-pad b { color: var(--c-tint-line, #DADCE0); }
body.page-meet-booking .mb-cell.is-off { border: 1px dashed var(--c-tint-line, #DADCE0); background: var(--c-tint, #eef2ff); }
body.page-meet-booking .mb-cell.is-off b, body.page-meet-booking .mb-cell.is-off small { color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-day { border-color: rgba(var(--c-accent-rgb, 0, 116, 217), .22); background: rgba(var(--c-accent-rgb, 0, 116, 217), .06); cursor: pointer; touch-action: manipulation; transition: border-color .15s, background .15s; }
body.page-meet-booking .mb-day:hover, body.page-meet-booking .mb-day:focus-visible { border-color: var(--c-accent, #0B57D0); outline: none; }
body.page-meet-booking .mb-day.is-on { border-color: var(--c-accent, #0B57D0); background: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-day.is-on b, body.page-meet-booking .mb-day.is-on small { color: var(--c-on-accent, #fff); }
body.page-meet-booking .mb-day.is-on .mb-dot { background: var(--c-on-accent, #fff); }
body.page-meet-booking .mb-day.is-today b { text-decoration: none; text-decoration-thickness: 2px; text-underline-offset: 3px; text-decoration-color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-day.is-today.is-on b { text-decoration-color: var(--c-on-accent, #fff); }
body.page-meet-booking .mb-legend { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 12px; font-size: 12px; font-weight: 600; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-legend span { display: inline-flex; align-items: center; gap: 6px; }
body.page-meet-booking .mb-legend i { width: 12px; height: 12px; border-radius: 4px; }
body.page-meet-booking .mb-legend .is-open i { border: 1px solid rgba(var(--c-accent-rgb, 0, 116, 217), .4); background: rgba(var(--c-accent-rgb, 0, 116, 217), .12); }
body.page-meet-booking .mb-legend .is-off i { border: 1px dashed var(--c-tint-line, #DADCE0); background: var(--c-tint, #eef2ff); }
body.page-meet-booking .mb-legend .is-today i { border: 0; background: var(--c-accent, #0B57D0); width: 12px; height: 3px; margin-top: 8px; }
body.page-meet-booking .mb-slots { display: flex; flex-direction: column; gap: 8px; max-height: 470px; overflow-y: auto; padding: 2px; scrollbar-width: thin; scrollbar-color: var(--c-tint-line, #DADCE0) transparent; }
body.page-meet-booking .mb-slots::-webkit-scrollbar { width: 5px; }
body.page-meet-booking .mb-slots::-webkit-scrollbar-thumb { background: var(--c-tint-line, #DADCE0); border-radius: 999px; }
body.page-meet-booking .mb-slot { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 48px; padding: 0 14px; border: 1.5px solid rgba(var(--c-accent-rgb, 0, 116, 217), .32); border-radius: 10px; background: var(--c-card, #fff); font: inherit; cursor: pointer; touch-action: manipulation; transition: border-color .15s, background .15s; }
body.page-meet-booking .mb-slot b { font-size: 15px; font-weight: 800; color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-slot small { font-size: 12px; font-weight: 600; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-slot:hover, body.page-meet-booking .mb-slot:focus-visible { border-color: var(--c-accent, #0B57D0); background: rgba(var(--c-accent-rgb, 0, 116, 217), .05); outline: none; }
body.page-meet-booking .mb-slot.is-on { border-color: var(--c-accent, #0B57D0); background: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-slot.is-on b, body.page-meet-booking .mb-slot.is-on small { color: var(--c-on-accent, #fff); }
body.page-meet-booking .mb-midnight { display: flex; align-items: center; gap: 8px; margin-top: 6px; padding: 6px 2px; border-top: 1px dashed var(--c-tint-line, #DADCE0); font-size: 12.5px; font-weight: 700; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-midnight i { color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-times .rsrev-msg { margin: -4px 0 10px; }
body.page-meet-booking .mb-f2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
body.page-meet-booking .mb-f { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
body.page-meet-booking .mb-f > span { font-size: 13.5px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-f > span { color: var(--c-ink); }
body.page-meet-booking .mb-f > span i { width: 16px; color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-f em { font-style: normal; color: var(--danger, #dc2626); }
body.page-meet-booking .mb-f small { font-weight: 500; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-f input, body.page-meet-booking .mb-f textarea { width: 100%; min-height: 48px; padding: 12px 14px; border: 1.5px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: var(--c-card, #fff); font: inherit; font-size: 16px; color: var(--c-text, #1f2937); resize: vertical; }
body.page-meet-booking .mb-f input:focus, body.page-meet-booking .mb-f textarea:focus { outline: none; border-color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb, 0, 116, 217), .12); }
body.page-meet-booking .mb-wa { display: flex; gap: 8px; min-width: 0; }
body.page-meet-booking .mb-wa .rsdc { flex: 0 0 148px; min-width: 0; }
body.page-meet-booking .mb-wa > input { flex: 1 1 auto; min-width: 0; }
body.page-meet-booking .mb-wa .rsdc-btn { height: 100%; min-height: 48px; padding: 12px 10px; border: 1.5px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: var(--c-card, #fff); font-size: 13.5px; }
body.page-meet-booking .mb-f .rsdc-q { width: auto; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.page-meet-booking .mb-form .rsrev-msg { margin-top: 0; }
body.page-meet-booking .mb-form-a { display: flex; gap: 10px; margin-top: 4px; }
body.page-meet-booking .mb-form-a .mb-btn-primary { flex: 1 1 auto; }
body.page-meet-booking .mb-fine { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-fine i { margin-top: 3px; color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border: 1.5px solid transparent; border-radius: 10px; font: inherit; font-size: 15px; font-weight: 800; text-decoration: none; cursor: pointer; touch-action: manipulation; transition: filter .15s, opacity .15s, border-color .15s; }
body.page-meet-booking .mb-btn-primary { background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); }
body.page-meet-booking .mb-btn-primary:hover { filter: brightness(1.08); }
body.page-meet-booking .mb-btn-primary:disabled { opacity: .5; cursor: not-allowed; filter: none; }
body.page-meet-booking .mb-btn-ghost { background: var(--c-card, #fff); border-color: var(--c-tint-line, #DADCE0); color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-btn-ghost { color: var(--c-ink); }
body.page-meet-booking .mb-btn-ghost:hover { border-color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-btn-wa { background: var(--success, #16a34a); color: #fff; }
body.page-meet-booking .mb-busy { position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; justify-content: center; border-radius: inherit; background: rgba(255, 255, 255, .75); backdrop-filter: blur(2px); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-busy { background: rgba(19,19,19,0.75); }
body.page-meet-booking .mb-busy[hidden] { display: none; }
body.page-meet-booking .mb-busy span { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 999px; background: var(--c-primary, #1F1F1F); color: var(--c-on-primary, #fff); font-weight: 700; box-shadow: 0 10px 30px rgba(var(--c-primary-rgb, 17, 24, 39), .25); }
body.page-meet-booking .mb-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 34px 10px; text-align: center; }
body.page-meet-booking .mb-empty > i { font-size: 38px; color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-empty b { font-size: 18px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-empty b { color: var(--c-ink); }
body.page-meet-booking .mb-empty span { max-width: 520px; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-empty-a { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 6px; }
body.page-meet-booking .mb-card.is-done { max-width: 720px; padding: 0; overflow: hidden; }
body.page-meet-booking .mb-done { display: flex; flex-direction: column; animation: mbIn .35s var(--ease-decelerate, ease-out); }
@keyframes mbIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
body.page-meet-booking .mb-done-head { display: flex; align-items: center; gap: 16px; padding: 26px 28px; background: var(--c-primary, #1F1F1F); color: var(--c-on-primary, #fff); }
body.page-meet-booking .mb-done-ico { display: inline-flex; flex: 0 0 auto; width: 54px; height: 54px; align-items: center; justify-content: center; border-radius: 50%; background: var(--success, #16a34a); color: #fff; font-size: 24px; box-shadow: 0 0 0 6px rgba(255, 255, 255, .14); }
body.page-meet-booking .mb-done-head h2 { margin: 0; font-size: 24px; font-weight: 800; color: inherit; }
body.page-meet-booking .mb-done-head p { margin: 4px 0 0; font-size: 14px; opacity: .85; word-break: break-word; }
body.page-meet-booking .mb-ticket { position: relative; margin: 24px 28px 0; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 12px; background: var(--c-card, #fff); }
body.page-meet-booking .mb-ticket-when { display: flex; align-items: center; gap: 20px; padding: 22px 22px 20px; }
body.page-meet-booking .mb-ticket .mb-leaf { width: 78px; }
body.page-meet-booking .mb-ticket .mb-leaf span { padding: 4px 0; font-size: 12px; }
body.page-meet-booking .mb-ticket .mb-leaf b { padding-top: 4px; font-size: 30px; }
body.page-meet-booking .mb-ticket .mb-leaf small { padding-bottom: 6px; font-size: 11px; }
body.page-meet-booking .mb-ticket-t { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
body.page-meet-booking .mb-ticket-t > b { font-size: 34px; line-height: 1; font-weight: 800; letter-spacing: -.02em; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-ticket-t > b { color: var(--c-ink); }
body.page-meet-booking .mb-ticket-t > span { font-size: 15px; font-weight: 700; color: var(--c-text, #1f2937); }
body.page-meet-booking .mb-ticket-t > small { font-size: 12.5px; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-ticket-t > small i { color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-ticket-meta { position: relative; display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; padding: 14px 22px; list-style: none; border-top: 2px dashed var(--c-tint-line, #DADCE0); background: var(--c-tint-2, #F8F9FA); border-radius: 0 0 12px 12px; }
body.page-meet-booking .mb-ticket-meta::before, body.page-meet-booking .mb-ticket-meta::after { content: ''; position: absolute; top: -10px; width: 18px; height: 18px; border-radius: 50%; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); }
body.page-meet-booking .mb-ticket-meta::before { left: -10px; clip-path: inset(0 0 0 50%); }
body.page-meet-booking .mb-ticket-meta::after { right: -10px; clip-path: inset(0 50% 0 0); }
body.page-meet-booking .mb-ticket-meta li { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-ticket-meta li { color: var(--c-ink); }
body.page-meet-booking .mb-ticket-meta i { color: var(--c-accent, #0B57D0); }
body.page-meet-booking .mb-done-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 22px 28px 0; padding: 0; list-style: none; counter-reset: mbs; }
body.page-meet-booking .mb-done-steps li { counter-increment: mbs; display: flex; flex-direction: column; gap: 4px; padding: 14px; border-radius: 10px; background: var(--c-tint, #eef2ff); }
body.page-meet-booking .mb-done-steps li::before { content: counter(mbs); display: inline-flex; width: 24px; height: 24px; margin-bottom: 4px; align-items: center; justify-content: center; border-radius: 50%; background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); font-size: 12px; font-weight: 800; }
body.page-meet-booking .mb-done-steps b { font-size: 14px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-meet-booking .mb-done-steps b { color: var(--c-ink); }
body.page-meet-booking .mb-done-steps span { font-size: 13px; line-height: 1.45; color: var(--c-text-muted, #5F6368); }
body.page-meet-booking .mb-done-a { display: flex; flex-wrap: wrap; gap: 10px; padding: 22px 28px 28px; }
body.page-meet-booking .mb-done-a .mb-btn-primary { flex: 1 1 240px; }
@media (max-width: 1100px) {
    body.page-meet-booking .mb-grid { grid-template-columns: 250px minmax(0, 1fr) 240px; }
    body.page-meet-booking .mb-card[data-stage="details"] .mb-grid { grid-template-columns: 250px minmax(0, 1fr); }
    body.page-meet-booking .mb-info { padding-right: 18px; }
    body.page-meet-booking .mb-cal { padding: 0 18px; }
    body.page-meet-booking .mb-times, body.page-meet-booking .mb-form { padding-left: 18px; }
}
@media (max-width: 900px) {
    body.page-meet-booking .mb-grid, body.page-meet-booking .mb-card[data-stage="details"] .mb-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    body.page-meet-booking .mb-info, body.page-meet-booking .mb-cal, body.page-meet-booking .mb-times, body.page-meet-booking .mb-form { padding: 0; border: 0; }
    body.page-meet-booking .mb-times, body.page-meet-booking .mb-form { grid-column: auto; padding-top: 18px; border-top: 1px solid var(--c-tint-line, #DADCE0); }
    body.page-meet-booking .mb-title { font-size: 21px; margin: 12px 0 10px; }
    body.page-meet-booking .mb-facts { gap: 8px; }
    body.page-meet-booking .mb-slots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; overflow: visible; }
    body.page-meet-booking .mb-slot { flex-direction: column; justify-content: center; gap: 2px; min-height: 56px; padding: 8px 6px; }
    body.page-meet-booking .mb-midnight { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
    body.page-meet-booking .mb-card { padding: 16px 14px 20px; border-radius: 14px; }
    body.page-meet-booking .mb-steps { gap: 4px; margin-bottom: 16px; }
    body.page-meet-booking .mb-steps li { gap: 6px; min-height: 40px; padding: 0 8px; font-size: 12px; }
    body.page-meet-booking .mb-steps li span { width: 22px; height: 22px; font-size: 11px; }
    body.page-meet-booking .mb-steps li:not(.is-on) { flex: 0 0 auto; }
    body.page-meet-booking .mb-steps li:not(.is-on) b { display: none; }
    body.page-meet-booking .mb-cell { min-height: 44px; border-radius: 8px; }
    body.page-meet-booking .mb-cell b { font-size: 14px; }
    body.page-meet-booking .mb-cell small { font-size: 9.5px; }
    body.page-meet-booking .mb-tzrow .mb-link { flex: 1 1 100%; }
    body.page-meet-booking .mb-f2 { grid-template-columns: minmax(0, 1fr); }
    body.page-meet-booking .mb-form-a { flex-direction: column-reverse; }
    body.page-meet-booking .mb-form-a .mb-btn, body.page-meet-booking .mb-done-a .mb-btn, body.page-meet-booking .mb-empty-a .mb-btn { width: 100%; }
    body.page-meet-booking .mb-ticket-when { flex-direction: column; align-items: flex-start; }
    body.page-meet-booking .mb-ticket-t > b { font-size: 30px; }
    body.page-meet-booking .mb-done-steps { grid-template-columns: minmax(0, 1fr); }
    body.page-meet-booking .mb-card.is-done { padding: 0; }
    body.page-meet-booking .mb-done-head { padding: 20px 16px; }
    body.page-meet-booking .mb-done-head h2 { font-size: 20px; }
    body.page-meet-booking .mb-ticket, body.page-meet-booking .mb-done-steps { margin-left: 14px; margin-right: 14px; }
    body.page-meet-booking .mb-done-a { padding: 18px 14px 20px; }
}
@media (max-width: 360px) {
    body.page-meet-booking .mb-slots { grid-template-columns: minmax(0, 1fr); }
    body.page-meet-booking .mb-slot { flex-direction: row; justify-content: space-between; min-height: 48px; padding: 0 12px; }
}
@media (prefers-reduced-motion: reduce) {
    body.page-meet-booking .mb-done { animation: none; }
    body.page-meet-booking .mb-day, body.page-meet-booking .mb-slot, body.page-meet-booking .mb-btn { transition: none; }
}
@media (min-width: 1800px) {
    body.page-meet-booking .mb-card { max-width: 1280px; }
    body.page-meet-booking .mb-grid { grid-template-columns: 340px minmax(0, 1fr) 340px; }
    body.page-meet-booking .mb-card[data-stage="details"] .mb-grid { grid-template-columns: 340px minmax(0, 1fr); }
}

/* ======================= page-partner.css — partner + partner application ======================= */
body.page-partner .pn-page { position: relative; z-index: 1; color: var(--c-text, #1F1F1F); }
body.page-partner .pn-container { width: 92%; max-width: 1180px; margin: 0 auto; }
body.page-partner .pn-econ-steps { min-width: 0; }
body.page-partner h1, body.page-partner h2, body.page-partner h3 { font-family: var(--rs-font-display); color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner h1, :where(html[data-theme="dark"]) body.page-partner h2, :where(html[data-theme="dark"]) body.page-partner h3 { color: var(--c-ink); }
body.page-partner .pn-eyebrow-sm { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.page-partner .pn-btn { display: inline-flex; align-items: center; gap: 9px; padding: 11px 18px; border-radius: 10px; border: 1.5px solid transparent; font-family: inherit; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; transition: transform .15s, box-shadow .15s, background .15s, border-color .15s; touch-action: manipulation; white-space: nowrap; }
body.page-partner .pn-btn:hover { transform: translateY(-1px); }
body.page-partner .pn-btn[disabled] { opacity: .45; cursor: not-allowed; transform: none; box-shadow: none; }
body.page-partner .pn-btn-sm { padding: 8px 14px; font-size: 13px; }
body.page-partner .pn-btn-primary { background: var(--c-accent, #0B57D0); border-color: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); }
body.page-partner .pn-btn-primary:hover { background: var(--c-accent-strong, var(--c-accent, #0B57D0)); box-shadow: 0 8px 22px rgba(var(--c-accent-rgb, 0, 116, 217), .25); }
body.page-partner .pn-btn-ghost { background: var(--c-card, #fff); color: var(--c-primary, #1F1F1F); border-color: var(--c-tint-line, #DADCE0); }
:where(html[data-theme="dark"]) body.page-partner .pn-btn-ghost { color: var(--c-ink); }
body.page-partner .pn-btn-ghost:hover { border-color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner .pn-btn-ghost:hover { border-color: var(--c-ink-line); }
body.page-partner .pn-subnav { background: var(--c-card, #fff); border-top: 1px solid var(--c-tint-line, #DADCE0); border-bottom: 1px solid var(--c-tint-line, #DADCE0); }
body.page-partner .pn-subnav .pn-container { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; }
body.page-partner .pn-subnav-links { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
body.page-partner .pn-subnav-links::-webkit-scrollbar { display: none; }
body.page-partner .pn-subnav-links a { padding: 8px 12px; border-radius: 8px; font-size: 13.5px; font-weight: 600; color: var(--c-text-muted, #5F6368); text-decoration: none; white-space: nowrap; transition: color .15s, background .15s; }
body.page-partner .pn-subnav-links a:hover { color: var(--c-primary, #1F1F1F); background: var(--c-tint-2, #F8F9FA); }
:where(html[data-theme="dark"]) body.page-partner .pn-subnav-links a:hover { color: var(--c-ink); }
body.page-partner .pn-subnav-links a.is-on { color: var(--c-accent, #0B57D0); background: var(--c-tint, #eef2ff); }
body.page-partner .pn-tl-n em { font-style: normal; }
body.page-partner .pn-tl-n > i { display: none; font-size: 15px; }
@keyframes pnPing { 0% { box-shadow: 0 0 0 6px var(--c-bg, #fff), 0 0 0 6px rgba(var(--c-accent-rgb, 0, 116, 217), .35); } 100% { box-shadow: 0 0 0 6px var(--c-bg, #fff), 0 0 0 16px rgba(var(--c-accent-rgb, 0, 116, 217), 0); } }
body.page-partner .pn-tl-n { position: relative; z-index: 1; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; background: var(--c-primary, #1F1F1F); color: #fff; font-family: var(--rs-font-display); font-size: 15px; font-weight: 700; box-shadow: 0 0 0 6px var(--c-bg, #fff); }
body.page-partner .pn-econ { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: start; }
body.page-partner .pn-econ-step { display: grid; grid-template-columns: 40px 1fr; gap: 16px; margin-bottom: 22px; }
body.page-partner .pn-econ-step h3 { margin: 8px 0 6px; font-size: 18px; font-weight: 700; }
body.page-partner .pn-econ-step p { margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-rates { width: 100%; margin: 8px 0 14px; border-collapse: separate; border-spacing: 0; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 12px; overflow: hidden; font-size: 14px; }
body.page-partner .pn-rates th, body.page-partner .pn-rates td { padding: 14px 16px; text-align: center; border-bottom: 1px solid var(--c-tint-line, #E8EAED); }
body.page-partner .pn-rates tbody tr:last-child th, body.page-partner .pn-rates tbody tr:last-child td { border-bottom: 0; }
body.page-partner .pn-rates thead th { font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--c-text-muted, #5F6368); background: var(--c-tint-2, #F8F9FA); }
body.page-partner .pn-rates thead th.is-rec { color: var(--c-accent, #0B57D0); }
body.page-partner .pn-rates tbody th { text-align: left; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner .pn-rates tbody th { color: var(--c-ink); }
body.page-partner .pn-rates tbody th small { display: block; margin-top: 2px; font-size: 12px; font-weight: 500; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-rates td { color: var(--c-text-muted, #5F6368); font-weight: 600; }
body.page-partner .pn-rates td b { font-family: var(--rs-font-display); font-size: 20px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner .pn-rates td b { color: var(--c-ink); }
body.page-partner .pn-rates .is-rec { background: rgba(var(--c-accent-rgb, 0, 116, 217), .06); }
body.page-partner .pn-rates td.is-rec b { color: var(--c-accent, #0B57D0); }
body.page-partner .pn-terms { margin: 0; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 12px; }
body.page-partner .pn-terms div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; border-bottom: 1px solid var(--c-tint-line, #E8EAED); }
body.page-partner .pn-terms div:last-child { border-bottom: 0; }
body.page-partner .pn-terms dt { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-terms dt i { width: 16px; text-align: center; color: var(--c-accent, #0B57D0); }
body.page-partner .pn-terms dd { margin: 0; font-size: 14px; font-weight: 700; color: var(--c-primary, #1F1F1F); text-align: right; }
:where(html[data-theme="dark"]) body.page-partner .pn-terms dd { color: var(--c-ink); }
body.page-partner .pn-statement { position: sticky; top: 140px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 14px; padding: 22px 24px; box-shadow: 0 24px 60px -34px rgba(var(--c-primary-rgb, 17, 24, 39), .4); }
body.page-partner .pn-statement-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 14px; margin-bottom: 6px; border-bottom: 1px solid var(--c-tint-line, #DADCE0); }
body.page-partner .pn-statement-head b { display: block; margin-top: 4px; font-family: var(--rs-font-display); font-size: 17px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner .pn-statement-head b { color: var(--c-ink); }
body.page-partner .pn-statement-cur { padding: 4px 10px; border-radius: 6px; background: var(--c-tint-2, #F8F9FA); border: 1px solid var(--c-tint-line, #DADCE0); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; font-weight: 700; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-statement table { width: 100%; border-collapse: collapse; font-size: 14px; }
body.page-partner .pn-statement td { padding: 11px 0; border-bottom: 1px solid var(--c-tint-line, #E8EAED); color: var(--c-text, #1F1F1F); vertical-align: top; }
body.page-partner .pn-statement td + td { text-align: right; font-family: ui-monospace, Menlo, Consolas, monospace; font-weight: 700; white-space: nowrap; padding-left: 16px; }
body.page-partner .pn-statement td small { display: block; font-size: 12px; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-statement .is-muted td { color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-statement .is-sub td { font-weight: 700; background: var(--c-tint-2, #F8F9FA); }
body.page-partner .pn-statement tfoot td { padding-top: 14px; border-bottom: 0; font-size: 17px; font-weight: 800; color: var(--c-verified, #15803d); }
body.page-partner .pn-statement p { margin: 14px 0 0; font-size: 12.5px; line-height: 1.6; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-mock { border-radius: 14px; border: 1px solid var(--c-tint-line, #DADCE0); background: var(--c-card, #fff); box-shadow: 0 30px 70px -40px rgba(var(--c-primary-rgb, 17, 24, 39), .5); overflow: hidden; }
body.page-partner .pn-mock-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: var(--c-tint-2, #F8F9FA); border-bottom: 1px solid var(--c-tint-line, #DADCE0); }
body.page-partner .pn-mock-bar i { width: 10px; height: 10px; border-radius: 50%; background: var(--c-tint-line, #DADCE0); }
body.page-partner .pn-mock-bar span { margin-left: 10px; flex: 1; padding: 5px 10px; border-radius: 6px; background: #fff; border: 1px solid var(--c-tint-line, #DADCE0); font-size: 11.5px; color: var(--c-text-muted, #5F6368); font-family: ui-monospace, Menlo, Consolas, monospace; }
:where(html[data-theme="dark"]) body.page-partner .pn-mock-bar span { background: #131313; }
body.page-partner .pn-mock-body { padding: 18px; }
body.page-partner .pn-mock-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
body.page-partner .pn-mock-top b { font-family: var(--rs-font-display); font-size: 16px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner .pn-mock-top b { color: var(--c-ink); }
body.page-partner .pn-mock-top em { font-style: normal; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 7px; background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); font-size: 11.5px; font-weight: 700; }
body.page-partner .pn-mock-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 14px; }
body.page-partner .pn-mock-kpis div { padding: 12px 14px; border-radius: 10px; background: var(--c-tint-2, #F8F9FA); border: 1px solid var(--c-tint-line, #DADCE0); }
body.page-partner .pn-mock-kpis small { display: block; margin-bottom: 4px; font-size: 11px; font-weight: 600; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-mock-kpis b { font-family: var(--rs-font-display); font-size: 22px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner .pn-mock-kpis b { color: var(--c-ink); }
body.page-partner .pn-mock-kpis b.is-ok { color: var(--c-verified, #15803d); }
body.page-partner .pn-mock-row { display: grid; grid-template-columns: 1.3fr 1fr auto; gap: 16px; align-items: center; padding: 12px 2px; border-top: 1px solid var(--c-tint-line, #E8EAED); font-size: 12.5px; }
body.page-partner .pn-mock-row b { font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner .pn-mock-row b { color: var(--c-ink); }
body.page-partner .pn-mock-row small { display: block; margin-top: 2px; font-size: 11px; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-mock-prog span { display: flex; justify-content: space-between; margin-bottom: 6px; font-size: 11.5px; font-weight: 700; color: var(--c-accent, #0B57D0); }
body.page-partner .pn-mock-prog span small { margin: 0; font-weight: 600; }
body.page-partner .pn-mock-prog i { display: block; height: 6px; border-radius: 6px; background: var(--c-tint-line, #DADCE0); overflow: hidden; }
body.page-partner .pn-mock-prog s { display: block; height: 100%; width: 0; border-radius: 6px; background: var(--c-accent, #0B57D0); transition: width 1.2s cubic-bezier(.16,1,.3,1) .2s; }
body.page-partner .pn-mock.is-in .pn-mock-prog s { width: var(--w); }
body.page-partner .pn-mock-prog.is-warn span { color: #b45309; }
:where(html[data-theme="dark"]) body.page-partner .pn-mock-prog.is-warn span { color: #F4AF7B; }
body.page-partner .pn-mock-prog.is-warn s { background: #d97706; }
body.page-partner .pn-mock-prog.is-ok span { color: var(--c-verified, #15803d); }
body.page-partner .pn-mock-prog.is-ok s { background: var(--c-verified, #16a34a); }
body.page-partner .pn-mock-yours { text-align: right; }
body.page-partner .pn-mock-yours b { color: var(--c-verified, #15803d); }
@media (prefers-reduced-motion: reduce) {
    body.page-partner .pn-mock-prog s { transition: none; }
}
body.page-partner .searchable-dropdown { position: relative; margin-top: 6px; }
body.page-partner .pn-form-card-wide .sd-trigger { background: var(--c-tint-2, #F8F9FA); }
body:where(.page-partner).page-partner-application .pn-phone-row .rsdc-btn { padding: 14px 14px; border: 1.5px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: var(--c-tint-2, #F8F9FA); font-family: inherit; font-size: 16px; font-weight: 500; line-height: normal; color: var(--c-text, #1F1F1F); }
body:where(.page-partner).page-partner-application .pn-phone-row .rsdc-btn:hover { border-color: var(--c-tint-line, #DADCE0); }
body:where(.page-partner).page-partner-application .pn-phone-row .rsdc.open .rsdc-btn, body:where(.page-partner).page-partner-application .pn-phone-row .rsdc-btn:focus { outline: none; border-color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb, 0, 116, 217), .12); background: #fff; }
:where(html[data-theme="dark"]) body:where(.page-partner).page-partner-application .pn-phone-row .rsdc.open .rsdc-btn, :where(html[data-theme="dark"]) body:where(.page-partner).page-partner-application .pn-phone-row .rsdc-btn:focus { background: #131313; }
body:where(.page-partner).page-partner-application .pn-phone-row .rsdc-caret { color: var(--c-text-muted, #5F6368); }
body:where(.page-partner).page-partner-application .pn-done { max-width: 760px; margin: 8px auto 0; text-align: center; }
body:where(.page-partner).page-partner-application .pn-done-ico { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; border-radius: 50%; background: var(--c-verified-bg, #ecfdf5); color: var(--c-verified, #16a34a); font-size: 26px; box-shadow: 0 0 0 8px rgba(22, 163, 74, .08); }
body:where(.page-partner).page-partner-application .pn-done h3 { margin: 18px 0 8px; font-size: 24px; font-weight: 700; letter-spacing: -.4px; line-height: 1.2; }
body:where(.page-partner).page-partner-application .pn-done > p { margin: 0 auto; max-width: 560px; font-size: 15px; line-height: 1.6; color: var(--c-text-muted, #5F6368); }
body:where(.page-partner).page-partner-application .pn-done-meta { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 24px 0 0; padding: 0; text-align: left; }
body:where(.page-partner).page-partner-application .pn-done-meta div { min-width: 0; padding: 12px 14px; border-radius: 10px; background: var(--c-tint-2, #F8F9FA); border: 1px solid var(--c-tint-line, #DADCE0); }
body:where(.page-partner).page-partner-application .pn-done-meta dt { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--c-text-muted, #5F6368); }
body:where(.page-partner).page-partner-application .pn-done-meta dd { margin: 4px 0 0; font-size: 14px; font-weight: 700; color: var(--c-primary, #1F1F1F); overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body:where(.page-partner).page-partner-application .pn-done-meta dd { color: var(--c-ink); }
body:where(.page-partner).page-partner-application .pn-done-steps { list-style: none; counter-reset: pnd; margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; text-align: left; }
body:where(.page-partner).page-partner-application .pn-done-steps li { counter-increment: pnd; position: relative; padding: 16px 16px 16px 54px; border-radius: 12px; border: 1px solid var(--c-tint-line, #DADCE0); background: var(--c-card, #fff); }
body:where(.page-partner).page-partner-application .pn-done-steps li::before { content: counter(pnd); position: absolute; left: 16px; top: 16px; width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); font-size: 12.5px; font-weight: 800; }
body:where(.page-partner).page-partner-application .pn-done-steps b { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 800; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.page-partner).page-partner-application .pn-done-steps b { color: var(--c-ink); }
body:where(.page-partner).page-partner-application .pn-done-steps span { font-size: 13px; line-height: 1.55; color: var(--c-text-muted, #5F6368); }
body:where(.page-partner).page-partner-application .pn-done-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; }
body.page-partner .pn-form-card { background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 16px; padding: 26px 28px; box-shadow: 0 24px 60px -34px rgba(var(--c-primary-rgb, 17, 24, 39), .4); }
body.page-partner .pn-stepper { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
body.page-partner .pn-stepper li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; border: 1.5px solid var(--c-tint-line, #DADCE0); background: var(--c-card, #fff); cursor: default; }
body.page-partner .pn-stepper li span { display: inline-flex; width: 26px; height: 26px; flex: 0 0 26px; align-items: center; justify-content: center; border-radius: 50%; background: var(--c-tint-2, #F1F3F4); color: var(--c-text-muted, #5F6368); font-size: 12.5px; font-weight: 800; }
body.page-partner .pn-stepper li b { font-size: 13px; font-weight: 700; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-stepper li.is-on { border-color: var(--c-accent, #0B57D0); background: var(--c-tint, #eef2ff); }
body.page-partner .pn-stepper li.is-on span { background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); }
body.page-partner .pn-stepper li.is-on b { color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner .pn-stepper li.is-on b { color: var(--c-ink); }
body.page-partner .pn-stepper li.is-done { cursor: pointer; }
body.page-partner .pn-stepper li.is-done span { background: var(--c-verified, #16a34a); color: #fff; font-size: 0; }
body.page-partner .pn-stepper li.is-done span::before { content: "\2713"; font-size: 13px; }
body.page-partner .pn-panel[hidden] { display: none; }
body.page-partner .pn-panel-title { margin: 0 0 14px; font-size: 17px; font-weight: 700; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
body.page-partner .pn-panel-title small { font-family: var(--rs-font); font-size: 12.5px; font-weight: 500; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-panel-sub { margin-top: 20px; }
body.page-partner .pn-types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px; }
body.page-partner .pn-type { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 16px; border-radius: 12px; border: 1.5px solid var(--c-tint-line, #DADCE0); background: var(--c-card, #fff); cursor: pointer; transition: border-color .15s, box-shadow .15s; touch-action: manipulation; }
body.page-partner .pn-choice input { position: absolute; opacity: 0; pointer-events: none; }
body.page-partner .pn-type i { font-size: 18px; color: var(--c-accent, #0B57D0); }
body.page-partner .pn-type b { font-size: 14px; font-weight: 800; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner .pn-type b { color: var(--c-ink); }
body.page-partner .pn-type span { font-size: 12.5px; line-height: 1.45; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-type.is-on, body.page-partner .pn-type:focus-within { border-color: var(--c-accent, #0B57D0); background: var(--c-tint, #eef2ff); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb, 0, 116, 217), .14); }
body.page-partner .pn-label { display: block; font-size: 13px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner .pn-label { color: var(--c-ink); }
body.page-partner .pn-label em { color: #dc2626; font-style: normal; }
:where(html[data-theme="dark"]) body.page-partner .pn-label em { color: #EB8484; }
body.page-partner .pn-label small { font-weight: 500; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-fields { display: grid; gap: 12px; }
body.page-partner .pn-fields-2 { grid-template-columns: 1fr 1fr; }
body.page-partner .pn-fields > label, body.page-partner .pn-field { display: block; position: relative; font-size: 13px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-partner .pn-fields > label, :where(html[data-theme="dark"]) body.page-partner .pn-field { color: var(--c-ink); }
body.page-partner .pn-fields label em { color: #dc2626; font-style: normal; }
:where(html[data-theme="dark"]) body.page-partner .pn-fields label em { color: #EB8484; }
body.page-partner .pn-fields label small { font-weight: 500; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-input { display: flex; align-items: center; gap: 10px; margin-top: 6px; padding: 0 14px; border: 1.5px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: #fff; transition: border-color .15s, box-shadow .15s; }
:where(html[data-theme="dark"]) body.page-partner .pn-input { background: #131313; }
body.page-partner .pn-input:focus-within { border-color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb, 0, 116, 217), .12); }
body.page-partner .pn-input > i { color: var(--c-text-muted, #5F6368); font-size: 15px; flex: 0 0 18px; text-align: center; }
body.page-partner .pn-input input, body.page-partner .pn-input textarea { flex: 1 1 auto; min-width: 0; width: 100%; padding: 12px 0; border: 0; outline: none; background: transparent; font-family: inherit; font-size: 16px; font-weight: 500; line-height: 1.4; color: var(--c-text, #1F1F1F); }
body.page-partner .pn-input.is-area { align-items: flex-start; }
body.page-partner .pn-input.is-area > i { margin-top: 15px; }
body.page-partner .pn-input textarea { resize: vertical; min-height: 96px; }
body.page-partner .pn-count { display: block; margin-top: 4px; text-align: right; font-size: 11.5px; font-weight: 500; color: var(--c-text-muted, #5F6368); }
body.page-partner .pn-phone-row { display: flex; gap: 8px; margin-top: 6px; }
body.page-partner .pn-phone-row .rsdc { flex: 0 0 46%; max-width: 230px; min-width: 0; }
body.page-partner .pn-phone-row .pn-num { flex: 1 1 auto; min-width: 0; padding: 12px 14px; border: 1.5px solid var(--c-tint-line, #DADCE0); border-radius: 10px; font-family: inherit; font-size: 16px; font-weight: 500; color: var(--c-text, #1F1F1F); background: #fff; }
:where(html[data-theme="dark"]) body.page-partner .pn-phone-row .pn-num { background: #131313; }
body.page-partner .pn-phone-row .pn-num:focus { outline: none; border-color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb, 0, 116, 217), .12); }
body.page-partner .pn-fields .file-input { display: block; width: 100%; margin-top: 6px; }
body.page-partner .pn-photo-note { display: flex; gap: 10px; align-items: flex-start; margin-top: 6px; padding: 12px 14px; border-radius: 10px; background: var(--c-tint, #eef2ff); font-size: 13px; font-weight: 500; line-height: 1.55; color: var(--c-text, #1F1F1F); }
body.page-partner .pn-photo-note i { color: var(--c-accent, #0B57D0); font-size: 18px; margin-top: 1px; }
body.page-partner .pn-agree { display: flex !important; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 10px; background: var(--c-tint-2, #F8F9FA); border: 1.5px solid var(--c-tint-line, #DADCE0); font-weight: 500 !important; font-size: 13.5px !important; line-height: 1.55; color: var(--c-text, #1F1F1F) !important; cursor: pointer; }
body.page-partner .pn-agree input { width: 20px; height: 20px; flex: 0 0 20px; margin-top: 1px; accent-color: var(--c-accent, #0B57D0); }
body.page-partner .pn-agree a { color: var(--c-accent, #0B57D0); font-weight: 700; }
body.page-partner .pn-nav { display: flex; gap: 10px; margin-top: 20px; }
body.page-partner .pn-nav .pn-btn { min-height: 48px; padding: 12px 22px; font-size: 15px; }
body.page-partner .pn-nav #pnNext, body.page-partner .pn-nav .pn-submit { margin-left: auto; }
body.page-partner .pn-nav [hidden] { display: none !important; }
body.page-partner .pn-submit[disabled] { opacity: .8; cursor: progress; transform: none; }
body.page-partner .pn-form .rsrev-thanks { padding: 18px 6px; }
body.page-partner .pn-apply-page { padding-top: 36px; }
body.page-partner .pn-form-card-wide { max-width: none; padding: 30px 36px 32px; border-width: 1.5px; box-shadow: 0 30px 70px -40px rgba(var(--c-primary-rgb, 17, 24, 39), .5); }
body.page-partner .pn-form-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding-bottom: 18px; margin-bottom: 22px; border-bottom: 1px solid var(--c-tint-line, #DADCE0); }
body.page-partner .pn-form-head h2 { margin: 4px 0 0; font-size: 26px; font-weight: 700; letter-spacing: -.5px; }
body.page-partner .pn-form-time { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: var(--c-tint, #eef2ff); color: var(--c-accent, #0B57D0); font-size: 12.5px; font-weight: 700; white-space: nowrap; }
body.page-partner .pn-form-card-wide .pn-stepper li { padding: 12px 14px; }
body.page-partner .pn-form-card-wide .pn-panel-title { font-size: 19px; }
body.page-partner .pn-form-card-wide .pn-types { gap: 14px; }
body.page-partner .pn-form-card-wide .pn-type { padding: 18px; }
body.page-partner .pn-form-card-wide .pn-fields { gap: 16px; }
body.page-partner .pn-form-card-wide .pn-input input, body.page-partner .pn-form-card-wide .pn-input textarea, body.page-partner .pn-form-card-wide .pn-phone-row .pn-num { padding-top: 14px; padding-bottom: 14px; }
body.page-partner .pn-form-card-wide .pn-input, body.page-partner .pn-form-card-wide .pn-phone-row .pn-num { background: var(--c-tint-2, #F8F9FA); }
body.page-partner .pn-form-card-wide .pn-input:focus-within, body.page-partner .pn-form-card-wide .pn-phone-row .pn-num:focus { background: #fff; }
:where(html[data-theme="dark"]) body.page-partner .pn-form-card-wide .pn-input:focus-within, :where(html[data-theme="dark"]) body.page-partner .pn-form-card-wide .pn-phone-row .pn-num:focus { background: #131313; }
body.page-partner .pn-form .rsrev-thanks .pn-btn { display: inline-flex; }
@media (max-width: 960px) {
    body.page-partner .pn-econ, body.page-partner .pn-portal-grid, body.page-partner .pn-apply-grid, body.page-partner .pn-spec-grid, body.page-partner .pn-faq-layout { grid-template-columns: 1fr; }
    body.page-partner .pn-statement, body.page-partner .pn-apply-aside { position: static; }
}
@media (max-width: 768px) {
    body.page-partner .pn-container { width: 94%; }
    body.page-partner .pn-form-card-wide { padding: 18px 16px 20px; }
    body.page-partner .pn-form-head { flex-direction: column; align-items: flex-start; }
    body.page-partner .pn-subnav { display: none; }
    body.page-partner .pn-rates th, body.page-partner .pn-rates td { padding: 12px 8px; }
    body.page-partner .pn-rates td b { font-size: 17px; }
    body.page-partner .pn-terms div { flex-direction: column; align-items: flex-start; gap: 4px; }
    body.page-partner .pn-terms dd { text-align: left; }
    body.page-partner .pn-mock-kpis { gap: 6px; }
    body.page-partner .pn-mock-kpis div { padding: 10px; }
    body.page-partner .pn-mock-kpis b { font-size: 17px; }
    body.page-partner .pn-mock-row { grid-template-columns: 1fr auto; gap: 8px 12px; }
    body.page-partner .pn-mock-prog { grid-column: 1 / -1; grid-row: 2; }
    body.page-partner .pn-form-card { padding: 18px 16px; border-radius: 14px; }
    body.page-partner .pn-stepper { grid-template-columns: 1fr 1fr; }
    body.page-partner .pn-types, body.page-partner .pn-fields-2 { grid-template-columns: 1fr; }
    body.page-partner .pn-phone-row { flex-wrap: wrap; }
    body:where(.page-partner).page-partner-application .pn-done-meta { grid-template-columns: 1fr 1fr; }
    body:where(.page-partner).page-partner-application .pn-done-steps { grid-template-columns: 1fr; }
    body.page-partner .pn-phone-row .rsdc { flex: 1 1 100%; max-width: none; }
    body.page-partner .pn-nav { flex-wrap: wrap; }
    body.page-partner .pn-nav .pn-btn { flex: 1 1 45%; justify-content: center; }
}

/* ======================= page-course.css — course + its checkout results ======================= */
body.page-course .vc-page { position: relative; z-index: 1; color: var(--c-text, #1F1F1F); }
body.page-course .vc-wrap { width: 92%; max-width: 1180px; margin: 0 auto; }
body.page-course h1, body.page-course h2, body.page-course h3 { font-family: var(--rs-font-display); color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-course h1, :where(html[data-theme="dark"]) body.page-course h2, :where(html[data-theme="dark"]) body.page-course h3 { color: var(--c-ink); }
body.page-course .vc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 18px; border-radius: 10px; border: 1.5px solid transparent; font-family: inherit; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; transition: transform .15s, box-shadow .15s, background .15s, border-color .15s; touch-action: manipulation; white-space: nowrap; }
body.page-course .vc-btn:hover { transform: translateY(-1px); }
body.page-course .vc-btn-lg { padding: 14px 24px; font-size: 15.5px; }
body.page-course .vc-btn-primary { background: var(--c-accent, #0B57D0); border-color: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); }
body.page-course .vc-btn-primary:hover { background: var(--c-accent-strong, var(--c-accent, #0B57D0)); box-shadow: 0 8px 22px rgba(var(--c-accent-rgb, 0, 116, 217), .25); }
body.page-course .vc-btn-ghost { background: var(--c-card, #fff); color: var(--c-primary, #1F1F1F); border-color: var(--c-tint-line, #DADCE0); }
:where(html[data-theme="dark"]) body.page-course .vc-btn-ghost { color: var(--c-ink); }
body.page-course .vc-btn-ghost:hover { border-color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-course .vc-btn-ghost:hover { border-color: var(--c-ink-line); }
body.page-course .vc-link { padding: 0; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 700; color: var(--c-accent, #0B57D0); cursor: pointer; }
body.page-course .vc-link:hover { text-decoration: none; }
:is(body.page-course, body.page-wax) .vc-pay, :is(body.page-course, body.page-wax) .vc-gpay { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 52px; padding: 0 18px; border: 0; border-radius: 10px; font-family: inherit; font-size: 15.5px; font-weight: 700; cursor: pointer; touch-action: manipulation; transition: background .15s, box-shadow .15s; }
:is(body.page-course, body.page-wax) .vc-pay { background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); }
:is(body.page-course, body.page-wax) .vc-pay:hover { background: var(--c-accent-strong, var(--c-accent, #0B57D0)); box-shadow: 0 10px 24px -8px rgba(var(--c-accent-rgb, 0, 116, 217), .55); }
:is(body.page-course, body.page-wax) .vc-gpay { margin-top: 10px; background: #000; color: #fff; }
:is(body.page-course, body.page-wax) .vc-gpay:hover { background: #1f1f1f; }
:is(body.page-course, body.page-wax) .vc-pay[disabled], :is(body.page-course, body.page-wax) .vc-gpay[disabled] { opacity: .75; cursor: progress; }
body.page-course .vc-hero { background: linear-gradient(135deg, var(--c-primary-dark, #1F1F1F) 0%, var(--c-secondary, #1F1F1F) 100%); color: #fff; padding: 44px 0 52px; position: relative; overflow: hidden; }
body.page-course .vc-hero::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 12% -20%, rgba(var(--c-accent-rgb, 0, 116, 217), .35), transparent 55%); pointer-events: none; }
body.page-course .vc-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; }
body.page-course .vc-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; font-size: 13px; font-weight: 600; color: rgba(255,255,255,.7); }
body.page-course .vc-crumbs a { color: var(--c-accent-soft, #93c5fd); text-decoration: none; }
:where(html[data-theme="dark"]) body.page-course .vc-crumbs a { color: var(--g-link); }
body.page-course .vc-crumbs a:hover { text-decoration: none; }
body.page-course .vc-crumbs i { font-size: 9px; opacity: .7; }
body.page-course .vc-flag { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 14px; padding: 5px 12px; border-radius: 999px; background: rgba(var(--c-accent-rgb, 0, 116, 217), .25); border: 1px solid rgba(255,255,255,.22); font-size: 12.5px; font-weight: 700; letter-spacing: .02em; }
body.page-course .vc-hero h1 { margin: 0 0 14px; color: #fff; font-size: clamp(28px, 3.6vw, 42px); font-weight: 700; letter-spacing: -.02em; line-height: 1.12; text-wrap: balance; }
body.page-course .vc-sub { margin: 0 0 20px; max-width: 700px; font-size: 17px; line-height: 1.6; color: rgba(255,255,255,.86); }
body.page-course .vc-facts { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; font-weight: 600; color: rgba(255,255,255,.92); }
body.page-course .vc-facts i { margin-right: 4px; color: var(--c-accent-soft, #93c5fd); }
:where(html[data-theme="dark"]) body.page-course .vc-facts i { color: var(--g-link); }
body.page-course .vc-by { margin: 0; font-size: 14px; color: rgba(255,255,255,.75); }
body.page-course .vc-by a { color: var(--c-accent-soft, #93c5fd); font-weight: 700; }
:where(html[data-theme="dark"]) body.page-course .vc-by a { color: var(--g-link); }
body.page-course .vc-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; grid-template-areas: "main aside"; gap: 48px; align-items: start; padding: 36px 0 64px; }
body.page-course .vc-main { grid-area: main; min-width: 0; }
body.page-course .vc-aside { grid-area: aside; align-self: stretch; }
body.page-course .vc-buy { position: sticky; top: 84px; margin-top: -330px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 16px; box-shadow: 0 24px 60px -30px rgba(var(--c-primary-rgb, 17, 24, 39), .5); overflow: hidden; z-index: 2; }
body.page-course .vc-cover { position: relative; display: block; height: 170px; overflow: hidden; background: radial-gradient(circle at 80% 0%, rgba(var(--c-accent-rgb, 0, 116, 217), .55), transparent 60%), linear-gradient(135deg, var(--c-primary-dark, #1F1F1F) 0%, var(--c-secondary, #1F1F1F) 100%); text-decoration: none; }
body.page-course .vc-win { position: absolute; left: 22px; right: 22px; top: 20px; bottom: -12px; border-radius: 10px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); }
body.page-course .vc-win-bar { display: flex; align-items: center; gap: 5px; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.1); }
body.page-course .vc-win-bar i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.3); }
body.page-course .vc-win-bar em { margin-left: 6px; font-style: normal; font-size: 10.5px; font-weight: 600; color: rgba(255,255,255,.55); }
body.page-course .vc-win-code { display: grid; gap: 8px; padding: 12px 14px; }
body.page-course .vc-win-code u { display: block; height: 6px; border-radius: 4px; background: rgba(255,255,255,.18); }
body.page-course .vc-win-code u.is-acc { background: rgba(var(--c-accent-rgb, 0, 116, 217), .75); }
body.page-course .vc-win-code .w4 { width: 40%; }
body.page-course .vc-win-code .w5 { width: 50%; margin-left: 12%; }
body.page-course .vc-win-code .w6 { width: 60%; }
body.page-course .vc-win-code .w7 { width: 70%; margin-left: 12%; }
body.page-course .vc-win-code .w8 { width: 80%; margin-left: 12%; }
body.page-course .vc-win-code .w9 { width: 90%; }
body.page-course .vc-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-flex; width: 58px; height: 58px; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: var(--c-accent, #0B57D0); font-size: 20px; box-shadow: 0 0 0 8px rgba(255,255,255,.18), 0 12px 30px rgba(0,0,0,.35); transition: transform .2s, box-shadow .2s; }
:where(html[data-theme="dark"]) body.page-course .vc-play { background: #131313; }
body.page-course .vc-play i { margin-left: 4px; }
body.page-course .vc-cover:hover .vc-play { transform: translate(-50%, -50%) scale(1.08); box-shadow: 0 0 0 12px rgba(255,255,255,.2), 0 12px 30px rgba(0,0,0,.35); }
body.page-course .vc-cover-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 12px 10px; background: linear-gradient(0deg, rgba(0,0,0,.55), transparent); text-align: center; font-size: 13px; font-weight: 700; color: #fff; }
body.page-course .vc-buy-in { padding: 20px 22px 22px; }
body.page-course .vc-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; }
body.page-course .vc-price strong { font-family: var(--rs-font-display); font-size: 40px; font-weight: 700; line-height: 1; letter-spacing: -.03em; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-course .vc-price strong { color: var(--c-ink); }
body.page-course .vc-price s { font-size: 18px; font-weight: 600; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-off { padding: 3px 9px; border-radius: 999px; background: var(--c-tint, #eef2ff); color: var(--c-accent, #0B57D0); font-size: 13px; font-weight: 800; }
body.page-course .vc-save { margin: 6px 0 0; font-size: 13.5px; font-weight: 600; color: var(--success, #16a34a); }
body.page-course .vc-count { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 14px 0 0; padding: 10px; border-radius: 12px; background: var(--c-tint, #eef2ff); border: 1px solid var(--c-tint-line, #DADCE0); }
body.page-course .vc-count-l { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--c-accent, #0B57D0); }
body.page-course .vc-count-u { display: flex; flex-direction: column; align-items: center; padding: 6px 0 5px; border-radius: 8px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); }
body.page-course .vc-count-u b { font-family: var(--rs-font-display); font-size: 20px; font-weight: 700; line-height: 1.1; color: var(--c-primary, #1F1F1F); font-variant-numeric: tabular-nums; }
:where(html[data-theme="dark"]) body.page-course .vc-count-u b { color: var(--c-ink); }
body.page-course .vc-count-u small { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-count.is-over .vc-count-u { display: none; }
body.page-course .vc-count.is-over .vc-count-l { color: var(--c-text-muted, #5F6368); }
body.page-course .vc-buy .vc-pay { margin-top: 18px; }
body.page-course .vc-off-note { display: flex; gap: 8px; margin: 16px 0 0; padding: 12px 14px; border-radius: 10px; background: var(--c-tint-2, #F8F9FA); border: 1px solid var(--c-tint-line, #DADCE0); font-size: 13.5px; line-height: 1.5; }
body.page-course a.vc-pay { text-decoration: none; }
body.page-course .vc-more { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 48px; margin-top: 10px; padding: 0 16px; border: 1.5px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: var(--c-card, #fff); font-family: inherit; font-size: 14.5px; font-weight: 700; color: var(--c-primary, #1F1F1F); cursor: pointer; touch-action: manipulation; transition: border-color .15s; }
:where(html[data-theme="dark"]) body.page-course .vc-more { color: var(--c-ink); }
body.page-course .vc-more:hover { border-color: var(--c-accent, #0B57D0); }
body.page-course .vc-more i { color: var(--c-accent, #0B57D0); }
body.page-course .vc-owned { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; font-size: 15px; font-weight: 700; color: var(--success, #16a34a); }
body.page-course .vc-ask { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 12px; font-size: 13px; font-weight: 600; color: var(--c-text-muted, #5F6368); text-decoration: none; }
body.page-course .vc-ask:hover { color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-course .vc-ask:hover { color: var(--c-ink); }
body.page-course .vc-ask i { color: var(--c-support, #25D366); }
:is(body.page-course, body.page-wax) .vc-pm-list { gap: 8px; }
:is(body.page-course, body.page-wax) .vc-pm { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto 14px; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border: 1.5px solid var(--c-tint-line, #DADCE0); border-radius: 12px; background: var(--c-card, #fff); font-family: inherit; text-align: left; cursor: pointer; touch-action: manipulation; transition: border-color .15s, background .15s; }
:is(body.page-course, body.page-wax) .vc-pm:hover { border-color: var(--c-accent, #0B57D0); background: var(--c-tint-2, #F8F9FA); }
:is(body.page-course, body.page-wax) .vc-pm > i:first-child { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 9px; background: var(--c-tint, #eef2ff); color: var(--c-accent, #0B57D0); font-size: 15px; }
:is(body.page-course, body.page-wax) .vc-pm span { font-size: 15px; font-weight: 700; color: var(--c-primary, #1F1F1F); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(html[data-theme="dark"]) :is(body.page-course, body.page-wax) .vc-pm span { color: var(--c-ink); }
:is(body.page-course, body.page-wax) .vc-pm b { font-family: var(--rs-font-display); font-size: 15px; color: var(--c-primary, #1F1F1F); white-space: nowrap; }
:where(html[data-theme="dark"]) :is(body.page-course, body.page-wax) .vc-pm b { color: var(--c-ink); }
:is(body.page-course, body.page-wax) .vc-pm-go { font-size: 11px; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-cards { list-style: none; display: flex; gap: 6px; margin: 16px 0 0; padding: 0; }
body.page-course .vc-cards li { flex: 1; display: flex; align-items: center; justify-content: center; height: 34px; border-radius: 8px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); font-size: 24px; }
body.page-course .vc-cards .is-visa { color: #1a1f71; }
:where(html[data-theme="dark"]) body.page-course .vc-cards .is-visa { color: #8B90E4; }
body.page-course .vc-cards .is-mc { color: #eb001b; }
:where(html[data-theme="dark"]) body.page-course .vc-cards .is-mc { color: #F47B89; }
body.page-course .vc-cards .is-gpay { color: #5f6368; font-size: 30px; }
:where(html[data-theme="dark"]) body.page-course .vc-cards .is-gpay { color: #9EA2A7; }
body.page-course .vc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.page-course .vc-trust { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 12px 0 0; padding: 0; text-align: center; font-size: 11.5px; font-weight: 600; line-height: 1.3; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-trust i { display: block; margin: 0 auto 4px; font-size: 14px; color: var(--success, #16a34a); }
body.page-course .vc-inc-t { display: block; margin: 18px 0 10px; padding-top: 16px; border-top: 1px solid var(--c-tint-line, #DADCE0); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-inc { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
body.page-course .vc-inc li { display: flex; align-items: center; gap: 11px; font-size: 14px; font-weight: 500; color: var(--c-text, #1F1F1F); }
body.page-course .vc-inc-i { display: inline-flex; width: 28px; height: 28px; flex: 0 0 28px; align-items: center; justify-content: center; border-radius: 8px; background: var(--c-tint, #eef2ff); color: var(--c-accent, #0B57D0); font-size: 12.5px; }
body.page-course .vc-sec { margin-bottom: 40px; }
body.page-course .vc-sec h2, body.page-course .vc-box h2 { margin: 0 0 16px; font-size: 24px; font-weight: 700; letter-spacing: -.02em; }
body.page-course .vc-box { margin-bottom: 40px; padding: 24px 26px; border-radius: 14px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); }
body.page-course .vc-learn ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 26px; }
body.page-course .vc-learn li { display: flex; gap: 12px; font-size: 14.5px; line-height: 1.55; }
body.page-course .vc-learn li i { margin-top: 4px; color: var(--success, #16a34a); }
body.page-course .vc-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--c-accent, #0B57D0); }
body.page-course .vc-sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
body.page-course .vc-meta { margin: -8px 0 12px; font-size: 14px; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-mods { border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 12px; overflow: hidden; background: var(--c-card, #fff); }
body.page-course .vc-mod + .vc-mod, body.page-course .vc-mods .vc-capstone { border-top: 1px solid var(--c-tint-line, #DADCE0); }
body.page-course .vc-mod summary { display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 12px; padding: 14px 18px; background: var(--c-tint-2, #F8F9FA); cursor: pointer; list-style: none; }
body.page-course .vc-mod summary::-webkit-details-marker { display: none; }
body.page-course .vc-mod summary:hover { background: var(--c-tint, #eef2ff); }
body.page-course .vc-mod-chev { font-size: 12px; color: var(--c-text-muted, #5F6368); transition: transform .2s; }
body.page-course .vc-mod[open] .vc-mod-chev { transform: rotate(180deg); color: var(--c-accent, #0B57D0); }
body.page-course .vc-mod-t { font-size: 15.5px; color: var(--c-primary, #1F1F1F); line-height: 1.35; }
:where(html[data-theme="dark"]) body.page-course .vc-mod-t { color: var(--c-ink); }
body.page-course .vc-mod-n { font-size: 12.5px; font-weight: 600; color: var(--c-text-muted, #5F6368); white-space: nowrap; }
body.page-course .vc-lessons { list-style: none; margin: 0; padding: 4px 18px 10px 50px; }
body.page-course .vc-lessons li { display: grid; grid-template-columns: 16px 1fr auto; gap: 10px; align-items: center; padding: 9px 0; font-size: 14.5px; color: var(--c-text, #1F1F1F); }
body.page-course .vc-lessons li + li { border-top: 1px dashed var(--c-tint-line, #DADCE0); }
body.page-course .vc-lessons li > i { font-size: 12.5px; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-mod-goal { margin: 0; padding: 12px 18px 0 50px; font-size: 13.5px; font-weight: 600; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-lessons li > a:not(.vc-l-tag) { color: inherit; text-decoration: none; }
body.page-course .vc-lessons li > a:not(.vc-l-tag):hover { color: var(--c-accent, #0B57D0); }
body.page-course .vc-l-tag { align-self: center; padding: 3px 10px; border-radius: 999px; background: var(--c-tint, #eef2ff); color: var(--c-accent, #0B57D0); font-size: 12px; font-weight: 800; text-decoration: none; }
body.page-course .vc-capstone { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: var(--c-tint, #eef2ff); font-size: 14.5px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-course .vc-capstone { color: var(--c-ink); }
body.page-course .vc-capstone i { color: var(--c-accent, #0B57D0); }
body.page-course .vc-l1-video { position: relative; aspect-ratio: 16 / 9; margin: 0 0 18px; border-radius: 10px; overflow: hidden; background: var(--c-primary-dark, #1F1F1F); }
body.page-course .vc-l1-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
body.page-course .vc-l1 { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
body.page-course .vc-l1 li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; font-size: 14.5px; line-height: 1.6; }
body.page-course .vc-l1 i { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 9px; background: var(--c-tint, #eef2ff); color: var(--c-accent, #0B57D0); font-size: 14px; }
body.page-course .vc-req { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
body.page-course .vc-req li { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); font-size: 14px; font-weight: 600; }
body.page-course .vc-req i { color: var(--c-accent, #0B57D0); }
body.page-course .vc-teacher { display: grid; grid-template-columns: 56px 1fr; gap: 14px; align-items: center; }
body.page-course .vc-teacher img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 2px solid var(--c-tint-line, #DADCE0); }
body.page-course .vc-teacher b { display: block; font-family: var(--rs-font-display); font-size: 17px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-course .vc-teacher b { color: var(--c-ink); }
body.page-course .vc-teacher-facts { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13.5px; font-weight: 600; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-teacher-facts i { width: 16px; color: var(--c-accent, #0B57D0); }
body.page-course .vc-faq { border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 12px; overflow: hidden; background: var(--c-card, #fff); }
body.page-course .vc-faq-item + .vc-faq-item { border-top: 1px solid var(--c-tint-line, #DADCE0); }
body.page-course .vc-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; cursor: pointer; list-style: none; font-size: 15px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-course .vc-faq-item summary { color: var(--c-ink); }
body.page-course .vc-faq-item summary::-webkit-details-marker { display: none; }
body.page-course .vc-faq-item summary i { font-size: 12px; color: var(--c-text-muted, #5F6368); transition: transform .2s; }
body.page-course .vc-faq-item[open] summary i { transform: rotate(180deg); color: var(--c-accent, #0B57D0); }
body.page-course .vc-faq-item p { margin: 0; padding: 0 18px 16px; font-size: 14.5px; line-height: 1.7; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-cta { padding: 56px 0; text-align: center; color: #fff; background: linear-gradient(135deg, var(--c-primary, #1F1F1F) 0%, var(--c-secondary, #1F1F1F) 100%); }
body.page-course .vc-cta h2 { margin: 0 0 10px; color: #fff; font-size: clamp(24px, 3vw, 32px); }
body.page-course .vc-cta p { margin: 0 0 22px; font-size: 16px; opacity: .88; }
body.page-course .vc-bar { display: none; }
:is(body.page-course, body.page-wax) .vc-dlg { width: min(460px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow-y: auto; border: 0; border-radius: 16px; background: var(--c-card, #fff); color: var(--c-text, #1F1F1F); box-shadow: 0 30px 80px -20px rgba(0,0,0,.45); }
:is(body.page-course, body.page-wax) .vc-dlg::backdrop { background: rgba(var(--c-primary-rgb, 17, 24, 39), .6); }
:is(body.page-course, body.page-wax) .vc-dlg-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 20px; background: var(--c-tint, #eef2ff); border-bottom: 1px solid var(--c-tint-line, #DADCE0); }
:is(body.page-course, body.page-wax) .vc-dlg-head b { display: block; font-family: var(--rs-font-display); font-size: 18px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :is(body.page-course, body.page-wax) .vc-dlg-head b { color: var(--c-ink); }
:is(body.page-course, body.page-wax) .vc-dlg-head small { font-size: 13px; color: var(--c-text-muted, #5F6368); }
:is(body.page-course, body.page-wax) .vc-dlg-x { width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 50%; background: var(--c-card, #fff); color: var(--c-text-muted, #5F6368); cursor: pointer; }
:is(body.page-course, body.page-wax) .vc-dlg-x:hover { color: var(--c-primary, #1F1F1F); border-color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :is(body.page-course, body.page-wax) .vc-dlg-x:hover { color: var(--c-ink); border-color: var(--c-ink-line); }
:is(body.page-course, body.page-wax) .vc-dlg-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 18px 20px 20px; }
:is(body.page-course, body.page-wax) .vc-dlg-sum { display: flex; align-items: baseline; justify-content: space-between; padding: 12px 14px; border-radius: 10px; background: var(--c-tint-2, #F8F9FA); border: 1px solid var(--c-tint-line, #DADCE0); font-size: 14px; font-weight: 600; }
:is(body.page-course, body.page-wax) .vc-dlg-sum b { font-family: var(--rs-font-display); font-size: 22px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :is(body.page-course, body.page-wax) .vc-dlg-sum b { color: var(--c-ink); }
:is(body.page-course, body.page-wax) .vc-dlg-sum small { font-size: 12px; color: var(--c-text-muted, #5F6368); }
:is(body.page-course, body.page-wax) .vc-dlg-sum s { font-size: 14px; font-weight: 600; color: var(--c-text-muted, #5F6368); }
:is(body.page-course, body.page-wax) .vc-alert { display: flex; gap: 8px; padding: 11px 13px; border-radius: 10px; background: rgba(220, 38, 38, .08); border: 1px solid rgba(220, 38, 38, .35); color: var(--danger, #b91c1c); font-size: 13.5px; font-weight: 600; line-height: 1.45; }
:is(body.page-course, body.page-wax) .vc-field { display: grid; gap: 6px; font-size: 13.5px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :is(body.page-course, body.page-wax) .vc-field { color: var(--c-ink); }
:is(body.page-course, body.page-wax) .vc-field small { font-weight: 500; color: var(--c-text-muted, #5F6368); }
:is(body.page-course, body.page-wax) .vc-input { display: flex; align-items: center; gap: 10px; padding: 0 12px; border: 2px solid var(--c-tint-line, #DADCE0); border-radius: 8px; background: var(--c-card, #fff); transition: border-color .15s, box-shadow .15s; }
:is(body.page-course, body.page-wax) .vc-input:focus-within { border-color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb, 0, 116, 217), .15); }
:is(body.page-course, body.page-wax) .vc-input.is-bad { border-color: var(--danger, #dc2626); }
:is(body.page-course, body.page-wax) .vc-input i { color: var(--c-text-muted, #5F6368); }
:is(body.page-course, body.page-wax) .vc-input input { flex: 1; min-width: 0; padding: 11px 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 16px; font-weight: 500; color: var(--c-text, #1F1F1F); }
:is(body.page-course, body.page-wax) .vc-phone { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 8px; }
:is(body.page-course, body.page-wax) .vc-phone > * { min-width: 0; }
:is(body.page-course, body.page-wax) .vc-phone .rsdc-btn { height: 100%; }
:is(body.page-course, body.page-wax) .vc-dlg .vc-gpay { margin-top: -4px; }
:is(body.page-course, body.page-wax) .vc-dlg-note { display: flex; align-items: baseline; gap: 7px; margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-result-wrap { padding: 64px 16px 80px; }
body.page-course .vc-result { max-width: 580px; margin: 0 auto; padding: 40px 36px 32px; border-radius: 6px; background: var(--c-card, #fff); border: 1px solid rgba(10, 10, 10, .08); box-shadow: 0 1px 2px rgba(10, 10, 10, .04), 0 18px 40px -24px rgba(10, 10, 10, .18); text-align: center; }
:where(html[data-theme="dark"]) body.page-course .vc-result { border: 1px solid rgba(255,255,255,0.08); }
body.page-course .vc-result-ico { display: inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; border-radius: 6px; background: rgba(22, 163, 74, .10); color: var(--c-verified, #16a34a); font-size: 24px; margin-bottom: 18px; }
body.page-course .vc-result-ico.is-wait { background: rgba(217, 119, 6, .10); color: var(--warning, #d97706); }
body.page-course .vc-result-ico.is-bad { background: rgba(220, 38, 38, .08); color: var(--danger, #dc2626); }
body.page-course .vc-result h1 { margin: 0 0 10px; font-family: var(--rs-font-display); font-size: 26px; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; color: var(--c-text, #1F1F1F); }
body.page-course .vc-result p { margin: 0 0 12px; font-size: 15px; line-height: 1.65; color: var(--c-text-muted, #5F6670); }
body.page-course .vc-result-amt { margin-bottom: 12px; font-size: 16px; font-weight: 700; color: var(--c-accent, #0B57D0); }
body.page-course .vc-result-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 24px 0 6px; }
body.page-course .vc-result .vc-btn { min-height: 46px; padding: 0 20px; border-radius: 4px; border-width: 1px; font-size: 14.5px; font-weight: 600; }
body.page-course .vc-result .vc-btn-primary { box-shadow: 0 12px 30px -14px rgba(var(--c-accent-rgb, 0, 116, 217), .8); }
body.page-course .vc-result .vc-btn-ghost { border-color: rgba(10, 10, 10, .16); color: var(--c-text, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-course .vc-result .vc-btn-ghost { border-color: rgba(255,255,255,0.16); }
body.page-course .vc-result .vc-btn-ghost:hover { border-color: rgba(var(--c-accent-rgb, 0, 116, 217), .6); background: rgba(var(--c-accent-rgb, 0, 116, 217), .06); }
body.page-course .vc-result-note { font-size: 13px; }
body.page-course .vc-creds { display: grid; gap: 8px; margin: 16px 0 4px; padding: 16px; border-radius: 4px; background: var(--c-tint, #eef2ff); border: 1px solid var(--c-tint-line, #DADCE0); text-align: left; }
body.page-course .vc-creds > b { display: flex; align-items: center; gap: 8px; font-size: 15px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-course .vc-creds > b { color: var(--c-ink); }
body.page-course .vc-creds div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; font-size: 13.5px; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-creds code { padding: 2px 8px; border-radius: 6px; background: var(--c-card, #fff); font-size: 14px; font-weight: 700; color: var(--c-primary, #1F1F1F); word-break: break-all; }
:where(html[data-theme="dark"]) body.page-course .vc-creds code { color: var(--c-ink); }
body.page-course .vc-creds small { font-size: 12.5px; color: var(--c-text-muted, #5F6368); }
body.page-course .vc-result-ref { margin-top: 20px; padding-top: 14px; border-top: 1px solid rgba(10, 10, 10, .08); font-size: 12.5px; color: var(--c-text-muted, #5F6368); word-break: break-all; }
:where(html[data-theme="dark"]) body.page-course .vc-result-ref { border-top: 1px solid rgba(255,255,255,0.08); }
@media (prefers-reduced-motion: reduce) {
    body.page-course .vc-btn, body.page-course .vc-mod-chev, body.page-course .vc-faq-item summary i, body.page-course .vc-play { transition: none; }
}
@media (max-width: 1000px) {
    body.page-course .vc-hero-grid { grid-template-columns: 1fr; }
    body.page-course .vc-layout { grid-template-columns: 1fr; grid-template-areas: "aside" "main"; gap: 32px; padding-top: 24px; }
    body.page-course .vc-buy { position: static; margin-top: 0; max-width: 520px; }
    body.page-course .vc-cover { display: none; }
}
@media (max-width: 768px) {
    body.page-course .vc-hero { padding: 22px 0 26px; }
    body.page-course .vc-crumbs { display: none; }
    body.page-course .vc-flag { margin-bottom: 10px; font-size: 12px; }
    body.page-course .vc-hero h1 { font-size: 25px; margin-bottom: 8px; }
    body.page-course .vc-sub { margin-bottom: 12px; font-size: 15px; }
    body.page-course .vc-facts { gap: 6px 14px; margin-bottom: 10px; font-size: 13px; }
    body.page-course .vc-by { font-size: 13px; }
    body.page-course .vc-layout { gap: 24px; padding: 16px 0 12px; }
    body.page-course .vc-buy { border-radius: 14px; }
    body.page-course .vc-buy-in { padding: 18px 16px; }
    body.page-course .vc-price strong { font-size: 34px; }
    body.page-course .vc-sec, body.page-course .vc-box { margin-bottom: 28px; }
    body.page-course .vc-sec h2, body.page-course .vc-box h2 { font-size: 20px; margin-bottom: 12px; }
    body.page-course .vc-box { padding: 18px 16px; }
    body.page-course .vc-learn ul { grid-template-columns: 1fr; gap: 10px; }
    body.page-course .vc-learn li { font-size: 14px; }
    body.page-course .vc-mod summary { padding: 13px 14px; gap: 10px; }
    body.page-course .vc-mod-t { font-size: 14.5px; }
    body.page-course .vc-lessons { padding: 2px 14px 8px 40px; }
    body.page-course .vc-mod-goal { padding: 10px 14px 0 40px; font-size: 13px; }
    body.page-course .vc-lessons li { font-size: 13.5px; }
    body.page-course .vc-faq-item summary { padding: 13px 14px; font-size: 14.5px; }
    body.page-course .vc-faq-item p { padding: 0 14px 14px; font-size: 14px; }
    body.page-course .vc-cta { padding: 36px 0 120px; }
    body.page-course .vc-cta h2 { font-size: 22px; }
    body.page-course .vc-result { padding: 30px 20px 24px; }
    body.page-course .vc-result h1 { font-size: 22px; }
    body.page-course .vc-result-btns .vc-btn { width: 100%; }
    body.page-course .vc-bar { position: fixed; left: 14px; right: 14px; bottom: calc(var(--ph-bottom-nav-h, 80px) + env(safe-area-inset-bottom, 0px)); z-index: 1070; display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 520px; margin: 0 auto; padding: 10px 10px 10px 16px; border-radius: 14px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); box-shadow: 0 14px 34px -10px rgba(var(--c-primary-rgb, 17, 24, 39), .45); opacity: 0; transform: translateY(20px); pointer-events: none; transition: opacity .25s, transform .25s; }
    body.page-course .vc-bar.is-on { opacity: 1; transform: none; pointer-events: auto; }
    body.page-course .vc-bar b { font-family: var(--rs-font-display); font-size: 22px; color: var(--c-primary, #1F1F1F); }
    :where(html[data-theme="dark"]) body.page-course .vc-bar b { color: var(--c-ink); }
    body.page-course .vc-bar s { font-size: 14px; color: var(--c-text-muted, #5F6368); }
    :is(body.page-course, body.page-wax) .vc-phone { grid-template-columns: 1fr; }
}
@media (min-width: 1800px) {
    body.page-course .vc-hero-grid, body.page-course .vc-layout { grid-template-columns: minmax(0, 1fr) 400px; gap: 64px; }
    body.page-course .vc-sub { max-width: 780px; font-size: 18.5px; }
}
@media (min-width: 2400px) {
    body.page-course .vc-hero-grid, body.page-course .vc-layout { grid-template-columns: minmax(0, 1fr) 440px; }
}

/* ======================= page-code-file.css — product pages (code_file, source_code) ======================= */
body.page-code-file { --radius-xs: 8px; --radius-sm: 10px; --radius-md: 14px; --radius-lg: 18px; --radius-xl: 24px; --navy-primary: var(--c-primary); --navy-dark: var(--c-primary-dark); --navy-light: var(--c-secondary); --navy-accent: var(--c-accent); --navy-hover: var(--c-primary-hover); --navy-800: var(--c-primary); --gradient-navy: linear-gradient(135deg, var(--c-primary), var(--c-secondary)); }
body.page-code-file { --cf-ok: #15803d; --cf-ok-deep: #166534; --cf-ok-tint: #f0fdf4; --cf-ok-tint-2: #dcfce7; --cf-ok-line: #bbf7d0; --cf-ok-rgb: 21, 128, 61; }
:where(html[data-theme="dark"]) body.page-code-file { --cf-ok-deep: #8AE5AD; --cf-ok-tint: #0E2214; --cf-ok-tint-2: #102D1A; --cf-ok-line: #245335; }
body.page-code-file .mobile-action-bar { display: none; }
@media (max-width: 768px) {
    body.page-code-file .mobile-action-bar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-overlay, 9000); align-items: center; gap: var(--space-3, 12px); padding: var(--space-3, 12px) var(--space-4, 16px); padding-bottom: calc(var(--space-3, 12px) + env(safe-area-inset-bottom, 0px)); background: var(--white, #fff); border-top: 1px solid var(--border-color, #DADCE0); box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12); min-height: var(--cf-action-bar-h); box-sizing: border-box; }
    body.page-code-file .mab-info { flex: 1; min-width: 0; }
    body.page-code-file .mab-info-main { font-size: var(--text-lg, 18px); font-weight: var(--weight-extra, 800); line-height: 1.1; color: var(--navy-800, var(--c-primary)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    :where(html[data-theme="dark"]) body.page-code-file .mab-info-main { color: var(--c-ink); }
    body.page-code-file .mab-info-sub { font-size: 12px; margin-top: 2px; color: var(--text-muted, #5F6368); }
    body.page-code-file .mab-btn { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: var(--space-3, 12px) var(--space-6, 22px); border: none; border-radius: var(--radius-sm, 4px); font-size: var(--text-base, 14px); font-weight: var(--weight-extra, 800); color: var(--white, #fff); cursor: pointer; background: var(--gradient-navy, linear-gradient(135deg, var(--c-primary), var(--c-secondary))); box-shadow: var(--shadow-md, 0 4px 12px rgba(var(--c-primary-rgb), 0.3)); transition: transform var(--duration-fast, 0.15s) ease; }
    body.page-code-file .mab-btn:active { transform: scale(0.97); }
    body.page-code-file .mobile-action-bar { bottom: calc(env(safe-area-inset-bottom, 0px) + var(--ph-bottom-nav-h)); }
    body.page-code-file.has-mobile-action-bar { padding-bottom: calc(var(--ph-bottom-nav-h) + var(--cf-action-bar-h) + env(safe-area-inset-bottom, 0px)); }
}
@media (min-width: 769px) {
    body.page-code-file .checkout-grid.cf-grid-even { grid-template-columns: 1fr; align-items: stretch; }
}
body.page-code-file .cf-cred, body.page-code-file .cf-faq-card, body.page-code-file .cf-custom-card, body.page-code-file .video-container, body.page-code-file .video-desc-acc, body.page-code-file .checkout-video-wrap { border-radius: var(--radius-md) !important; overflow: hidden; }
body.page-code-file .video-container iframe, body.page-code-file .checkout-video-wrap iframe { border-radius: var(--radius-md); }
body.page-code-file #verifiedActionsSection, body.page-code-file #subscriptionNoticeBanner, body.page-code-file #youtubeAuthSection { border-radius: var(--radius-md) !important; }
body.page-code-file .gsc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 360px; max-width: 100%; padding: 18px 34px; background: linear-gradient(135deg, #17846f, #0d6557); color: #fff; text-decoration: none; font-size: 17px; font-weight: 800; box-shadow: 0 12px 28px rgba(13, 101, 87, .26); transition: transform .25s ease, box-shadow .25s ease; }
body.page-code-file .gsc-btn:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(13, 101, 87, .34); }
body.page-code-file .gsc-btn-demo { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 360px; max-width: 100%; margin-top: 12px; padding: 14px 28px; background: #fff; border: 1px solid #C4C7C5; color: var(--c-primary); text-decoration: none; font-size: 15px; font-weight: 700; transition: border-color .2s, color .2s; }
:where(html[data-theme="dark"]) body.page-code-file .gsc-btn-demo { background: #131313; border: 1px solid #454645; color: var(--c-ink); }
body.page-code-file .gsc-btn-demo:hover { border-color: var(--c-accent); color: var(--c-accent); }
@media (max-width: 900px) {
    body.page-code-file .gsc-btn, body.page-code-file .gsc-btn-demo { min-width: 100%; }
}
body.page-code-file .checkout-sidebar .gsc-btn, body.page-code-file .checkout-sidebar .gsc-btn-demo { min-width: 0; width: 100%; margin-top: var(--space-3); box-sizing: border-box; }
body.page-code-file .checkout-sidebar .gsc-btn-hire { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; box-sizing: border-box; margin-top: var(--space-3); padding: 14px 28px; background: var(--gradient-navy); color: #fff; text-decoration: none; font-size: 15px; font-weight: 800; box-shadow: 0 8px 20px rgba(var(--c-primary-rgb), .22); transition: transform .2s ease, box-shadow .2s ease; }
body.page-code-file .checkout-sidebar .gsc-btn-hire:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(var(--c-primary-rgb), .3); }
body.page-code-file .checkout-grid.cf-grid-single { grid-template-columns: 1fr; }
body.page-code-file .checkout-grid.cf-grid-single .checkout-right { position: static; top: auto; max-width: 760px; width: 100%; margin: 0 auto; }
body.page-code-file .cf-fileinfo-card { margin-top: var(--space-5); padding: var(--space-5); background: #fff; border: 1px solid #e6edf5; box-shadow: 0 1px 2px rgba(var(--c-primary-rgb), .04), 0 12px 30px rgba(var(--c-primary-rgb), .06); box-sizing: border-box; }
:where(html[data-theme="dark"]) body.page-code-file .cf-fileinfo-card { background: #131313; border: 1px solid #27313C; }
@media (max-width: 600px) {
    body.page-code-file .cf-fileinfo-card { padding: var(--space-4) var(--space-3); }
}
body.page-code-file .cf-custom-card .trust-grid > div { background: #f0f7ff !important; border-color: #cfe2ff !important; }
:where(html[data-theme="dark"]) body.page-code-file .cf-custom-card .trust-grid > div { background: #0B1725 !important; border-color: #1A2F4F !important; }
body.page-code-file .cf-custom-card .trust-grid > div > div:first-child { color: var(--c-accent) !important; }
body.page-code-file { font-family: var(--font-family-base); background: var(--gradient-page); background-attachment: fixed; line-height: var(--leading-normal); min-height: 100vh; min-height: -webkit-fill-available; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overscroll-behavior-y: none; overscroll-behavior-x: none; -webkit-overflow-scrolling: touch; touch-action: pan-y; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
body.page-code-file input, body.page-code-file textarea { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
body.page-code-file img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; pointer-events: none; }
body.page-code-file video, body.page-code-file iframe { pointer-events: auto; }
body.page-code-file .btn-primary { display: inline-block; background: var(--gradient-accent); color: var(--text-inverse); padding: var(--space-3) var(--space-8); border-radius: var(--radius-sm); text-decoration: none; font-weight: var(--weight-semibold); font-size: var(--text-base); margin: var(--space-1); min-height: 44px; box-shadow: 0 4px 12px rgba(var(--c-accent-rgb), 0.3); transition: var(--transition-base); }
body.page-code-file .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(var(--c-accent-rgb), 0.4); }
body.page-code-file .btn-primary:active { transform: translateY(0); box-shadow: var(--shadow-sm); }
body.page-code-file .btn-primary:focus-visible { outline: 3px solid var(--navy-500); outline-offset: 2px; }
body.page-code-file .btn-whatsapp { background: linear-gradient(135deg, var(--c-support, #25D366) 0%, var(--c-support-dark, #128C7E) 100%); color: var(--text-inverse); border: none; }
body.page-code-file .btn-whatsapp:hover { background: linear-gradient(135deg, var(--c-support-dark, #128C7E) 0%, #075E54 100%); }
body.page-code-file .content-section { background: var(--surface-card); padding: var(--space-8); border-radius: var(--radius-lg); margin-bottom: var(--space-8); box-shadow: var(--shadow-md); max-width: 100%; overflow: hidden; box-sizing: border-box; }
body.page-code-file .file-header { background: var(--surface-card); padding: var(--space-8); border-radius: var(--radius-lg); margin-bottom: var(--space-8); box-shadow: var(--shadow-md); }
body.page-code-file .file-header h1 { color: var(--text-primary); font-size: clamp(var(--text-2xl), 4vw, var(--text-4xl)); margin-bottom: var(--space-4); font-weight: var(--weight-bold); line-height: var(--leading-tight); }
body.page-code-file .file-meta { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
body.page-code-file .cf-faq-card, body.page-code-file .cf-custom-card, body.page-code-file .auth-section { background: var(--surface-card); border-radius: var(--radius-lg); box-shadow: 0 6px 22px rgba(var(--c-primary-rgb), .08); margin: 0 0 var(--space-8); box-sizing: border-box; }
body.page-code-file .cf-faq-card, body.page-code-file .cf-custom-card, body.page-code-file .auth-section { padding: var(--space-8); }
body.page-code-file #verifiedActionsSection { margin: 0 0 var(--space-8) !important; box-sizing: border-box !important; }
body.page-code-file #verifiedActionsSection { border: 1px solid var(--c-accent-soft) !important; border-top: 3px solid var(--c-accent) !important; }
body.page-code-file .cf-faq-card > h3, body.page-code-file .cf-custom-card h3 { font-size: 19px !important; color: var(--c-primary) !important; }
:where(html[data-theme="dark"]) body.page-code-file .cf-faq-card > h3, :where(html[data-theme="dark"]) body.page-code-file .cf-custom-card h3 { color: var(--c-ink) !important; }
body.page-code-file #getSourceCodeBtn, body.page-code-file #verifiedDownloadBtn, body.page-code-file #buyWithPointsBtn, body.page-code-file #startWatchingBtn { border-radius: 999px !important; box-shadow: 0 4px 14px rgba(var(--c-primary-rgb), .18) !important; }
body.page-code-file { --radius-lg: 18px; --radius-md: 14px; --radius-sm: 10px; }
body.page-code-file .checkout-video-wrap, body.page-code-file .checkout-video-wrap iframe, body.page-code-file #youtubeAuthSection { border-radius: var(--radius-lg) !important; }
body.page-code-file #getSourceCodeBtn { border-radius: 999px !important; }
body.page-code-file .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #000; border-radius: var(--radius-lg); margin-bottom: var(--space-6); box-shadow: var(--shadow-lg); }
body.page-code-file .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
body.page-code-file .no-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: var(--gray-400); font-size: var(--text-md); }
body.page-code-file .badge { color: var(--text-inverse); padding: var(--space-1) var(--space-4); border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: var(--weight-semibold); box-shadow: var(--shadow-sm); }
body.page-code-file .code-badge { background: linear-gradient(135deg, var(--gray-500), var(--gray-700)); }
body.page-code-file .category-badge { background: var(--gradient-navy); }
body.page-code-file .plan-badge { background: var(--gradient-navy); }
body.page-code-file .section-title { font-size: clamp(var(--text-lg), 2.5vw, var(--text-2xl)); color: var(--navy-900); font-weight: var(--weight-semibold); margin-bottom: var(--space-5); display: flex; align-items: center; gap: var(--space-2); padding-bottom: var(--space-4); border-bottom: 2px solid var(--border-color); flex-wrap: wrap; word-break: break-word; max-width: 100%; box-sizing: border-box; }
:where(html[data-theme="dark"]) body.page-code-file .section-title { color: var(--c-ink); }
body.page-code-file .highlight { background: #fef3c7; padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm); font-weight: var(--weight-semibold); color: #92400e; }
:where(html[data-theme="dark"]) body.page-code-file .highlight { background: #373011; color: #F3A97D; }
body.page-code-file .container { max-width: 1280px; margin: 0 auto; padding: var(--space-10) var(--space-5); overflow-x: hidden; box-sizing: border-box; width: 92%; }
body.page-code-file .related-files-section, body.page-code-file .cf-faq-card { content-visibility: auto; contain-intrinsic-size: auto 600px; }
body.page-code-file .subscribers-milestone-banner { background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary-hover) 100%); padding: var(--space-5) var(--space-6); box-shadow: 0 10px 30px rgba(var(--c-accent-rgb), 0.35); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: var(--radius-lg); margin-bottom: var(--space-8); position: relative; overflow: hidden; }
body.page-code-file .subscribers-milestone-banner::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: cf-shimmer 3s infinite; }
body.page-code-file .milestone-content { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: var(--space-5); position: relative; z-index: var(--z-base); }
body.page-code-file .milestone-text { display: flex; align-items: center; gap: var(--space-4); flex: 1; }
body.page-code-file .milestone-emoji { font-size: 34px; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.16); border: 2px solid rgba(255, 255, 255, 0.35); border-radius: var(--radius-full); flex-shrink: 0; animation: cf-bounce 2s ease-in-out infinite; }
body.page-code-file .milestone-emoji:empty { display: none; }
body.page-code-file .milestone-message { color: #ffffff; }
body.page-code-file .milestone-main { font-size: var(--text-xl); font-weight: var(--weight-bold); margin-bottom: var(--space-1); line-height: var(--leading-snug); letter-spacing: 0.2px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
body.page-code-file .milestone-main strong { font-weight: var(--weight-extra); color: #ffffff; }
body.page-code-file .milestone-sub { font-size: var(--text-md); font-weight: var(--weight-medium); color: rgba(255, 255, 255, 0.92); font-style: normal; }
body.page-code-file .subscribe-btn { background: #ffffff; color: var(--c-primary); padding: var(--space-3) var(--space-8); border-radius: 999px; text-decoration: none; font-weight: var(--weight-extra); font-size: var(--text-md); min-height: 44px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); transition: var(--transition-base); display: inline-flex; align-items: center; white-space: nowrap; border: 2px solid transparent; animation: cf-cta-ring 2.4s ease-out infinite; }
:where(html[data-theme="dark"]) body.page-code-file .subscribe-btn { background: #131313; color: var(--c-ink); }
@media (prefers-reduced-motion: reduce) {
    body.page-code-file .subscribe-btn, body.page-code-file .milestone-emoji { animation: none; }
}
body.page-code-file .subscribe-btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 6px 25px rgba(0, 0, 0, 0.35); background: var(--c-accent); color: #ffffff; border-color: var(--white); }
body.page-code-file .subscribe-btn:active { transform: translateY(0) scale(1); }
body.page-code-file .subscribe-btn:focus-visible { outline: 3px solid var(--white); outline-offset: 2px; }
body.page-code-file .subscribe-btn svg { flex-shrink: 0; }
body.page-code-file .subscribers-milestone-banner.is-alert { background: linear-gradient(135deg, #ffcdd2 0%, #ef9a9a 100%); box-shadow: 0 10px 30px rgba(183, 28, 28, 0.18); border-color: #e57373; }
:where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner.is-alert { background: linear-gradient(135deg, #350F13 0%, #4D1E1E 100%); }
body.page-code-file .subscribers-milestone-banner.is-alert::before { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent); }
body.page-code-file .subscribers-milestone-banner.is-alert .milestone-emoji { background: rgba(255, 255, 255, 0.6); border-color: #e57373; }
:where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner.is-alert .milestone-emoji { background: rgba(19,19,19,0.6); }
body.page-code-file .subscribers-milestone-banner.is-alert .milestone-message { color: #b71c1c; }
:where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner.is-alert .milestone-message { color: #EC8383; }
body.page-code-file .subscribers-milestone-banner.is-alert .milestone-main { text-shadow: none; }
body.page-code-file .subscribers-milestone-banner.is-alert .milestone-main strong { color: #c62828; }
:where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner.is-alert .milestone-main strong { color: #E78888; }
body.page-code-file .subscribers-milestone-banner.is-alert .milestone-sub { color: #d32f2f; }
:where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner.is-alert .milestone-sub { color: #E68989; }
body.page-code-file .subscribers-milestone-banner.is-alert .subscribe-btn { background: linear-gradient(135deg, #ef5350 0%, #c62828 100%); color: #ffffff; box-shadow: 0 4px 14px rgba(198, 40, 40, 0.35); animation-name: cf-cta-ring-alert; }
body.page-code-file .subscribers-milestone-banner.is-alert .subscribe-btn:hover { background: linear-gradient(135deg, #e53935 0%, #b71c1c 100%); box-shadow: 0 6px 22px rgba(198, 40, 40, 0.45); color: #ffffff; border-color: rgba(255, 255, 255, 0.8); }
body.page-code-file .subscribers-milestone-banner.is-alert .subscribe-btn:focus-visible { outline-color: #b71c1c; }
body.page-code-file .subscribers-milestone-banner, body.page-code-file .subscribers-milestone-banner.is-alert { background: #E8F0FE; border: 1px solid #BFDBFE; box-shadow: 0 10px 30px rgba(37, 99, 235, 0.12); }
:where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner, :where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner.is-alert { background: #0D1728; border: 1px solid #1D3655; }
body.page-code-file .subscribers-milestone-banner::before, body.page-code-file .subscribers-milestone-banner.is-alert::before { background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.10), transparent); }
body.page-code-file .subscribers-milestone-banner .milestone-emoji, body.page-code-file .subscribers-milestone-banner.is-alert .milestone-emoji { background: #ffffff; border-color: #BFDBFE; }
:where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner .milestone-emoji, :where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner.is-alert .milestone-emoji { background: #131313; border-color: #1D3655; }
body.page-code-file .subscribers-milestone-banner .milestone-message, body.page-code-file .subscribers-milestone-banner.is-alert .milestone-message { color: #1E3A8A; }
:where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner .milestone-message, :where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner.is-alert .milestone-message { color: #8AA2E5; }
body.page-code-file .subscribers-milestone-banner .milestone-main, body.page-code-file .subscribers-milestone-banner.is-alert .milestone-main { color: #1E3A8A; text-shadow: none; }
:where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner .milestone-main, :where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner.is-alert .milestone-main { color: #8AA2E5; }
body.page-code-file .subscribers-milestone-banner .milestone-main strong, body.page-code-file .subscribers-milestone-banner.is-alert .milestone-main strong { color: #1E3A8A; }
:where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner .milestone-main strong, :where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner.is-alert .milestone-main strong { color: #8AA2E5; }
body.page-code-file .subscribers-milestone-banner .milestone-sub, body.page-code-file .subscribers-milestone-banner.is-alert .milestone-sub { color: #444746; }
:where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner .milestone-sub, :where(html[data-theme="dark"]) body.page-code-file .subscribers-milestone-banner.is-alert .milestone-sub { color: #B8BBBA; }
body.page-code-file .subscribers-milestone-banner .subscribe-btn, body.page-code-file .subscribers-milestone-banner.is-alert .subscribe-btn { background: #0B57D0; color: #ffffff; border-color: transparent; box-shadow: 0 4px 14px rgba(37, 99, 235, 0.30); animation-name: cf-cta-ring-blue; }
body.page-code-file .subscribers-milestone-banner .subscribe-btn:hover, body.page-code-file .subscribers-milestone-banner.is-alert .subscribe-btn:hover { background: #0B57D0; color: #ffffff; border-color: transparent; box-shadow: 0 6px 22px rgba(37, 99, 235, 0.42); }
body.page-code-file .subscribers-milestone-banner .subscribe-btn:focus-visible, body.page-code-file .subscribers-milestone-banner.is-alert .subscribe-btn:focus-visible { outline-color: #0B57D0; }
@media (prefers-reduced-motion: reduce) {
    body.page-code-file .subscribers-milestone-banner .subscribe-btn, body.page-code-file .subscribers-milestone-banner.is-alert .subscribe-btn { animation: none; }
}
body.page-code-file .vip-membership-banner { background: linear-gradient(135deg, var(--navy-800) 0%, var(--navy-600) 50%, var(--navy-500) 100%); padding: var(--space-6) var(--space-8); border-radius: var(--radius-lg); margin: var(--space-6) 0; position: relative; overflow: hidden; box-shadow: var(--shadow-lg); border: 2px solid rgba(var(--c-accent-rgb), 0.3); }
body.page-code-file .vip-membership-banner::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent); animation: cf-vipShimmer 4s infinite; }
body.page-code-file .vip-banner-content { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); position: relative; z-index: var(--z-base); }
body.page-code-file .vip-banner-left { display: flex; align-items: center; gap: var(--space-5); flex: 1; }
body.page-code-file .vip-banner-icon { width: 55px; height: 55px; background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4); }
body.page-code-file .vip-banner-icon i { font-size: var(--text-2xl); color: var(--text-inverse); }
body.page-code-file .vip-banner-badge { display: inline-block; background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: var(--text-inverse); padding: var(--space-1) var(--space-3); border-radius: var(--radius-sm); font-size: 10px; font-weight: var(--weight-extra); text-transform: uppercase; letter-spacing: 1px; margin-bottom: var(--space-1); }
body.page-code-file .vip-banner-text { color: var(--text-inverse); font-size: var(--text-md); font-weight: var(--weight-semibold); line-height: var(--leading-snug); }
body.page-code-file .vip-banner-text strong { color: #fbbf24; font-weight: var(--weight-extra); }
:where(html[data-theme="dark"]) body.page-code-file .vip-banner-text strong { color: #F4D27B; }
body.page-code-file .vip-banner-btn { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: var(--text-inverse); padding: var(--space-4) var(--space-8); border-radius: var(--radius-sm); text-decoration: none; font-weight: var(--weight-bold); font-size: var(--text-base); min-height: 44px; white-space: nowrap; display: inline-flex; align-items: center; gap: var(--space-2); box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4); transition: var(--transition-base); border: 2px solid transparent; }
body.page-code-file .vip-banner-btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 6px 25px rgba(245, 158, 11, 0.6); border-color: var(--white); }
body.page-code-file .vip-banner-btn:active { transform: translateY(0) scale(1); }
body.page-code-file .vip-banner-btn:focus-visible { outline: 3px solid var(--white); outline-offset: 2px; }
body.page-code-file .vip-banner-trust { display: flex; gap: var(--space-4); margin-top: var(--space-1); }
body.page-code-file .vip-banner-trust span { color: rgba(255, 255, 255, 0.7); font-size: var(--text-xs); display: flex; align-items: center; gap: var(--space-1); }
body.page-code-file .vip-banner-trust i { color: var(--c-accent-soft); font-size: 10px; }
:where(html[data-theme="dark"]) body.page-code-file .vip-banner-trust i { color: var(--g-link); }
body.page-code-file .scheduled-countdown-banner { background: linear-gradient(135deg, var(--navy-800) 0%, var(--navy-600) 50%, var(--navy-500) 100%); padding: var(--space-10) var(--space-8); border-radius: var(--radius-lg); margin-bottom: var(--space-8); text-align: center; box-shadow: var(--shadow-lg); position: relative; overflow: hidden; }
body.page-code-file .scheduled-countdown-banner::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 60%); pointer-events: none; }
body.page-code-file .scheduled-countdown-icon { font-size: var(--text-4xl); color: #ffd700; margin-bottom: var(--space-4); animation: cf-pulse-clock 2s ease-in-out infinite; }
:where(html[data-theme="dark"]) body.page-code-file .scheduled-countdown-icon { color: #F4E17B; }
body.page-code-file .scheduled-countdown-title { color: var(--text-inverse); font-size: var(--text-3xl); font-weight: var(--weight-extra); margin: 0 0 var(--space-1) 0; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); }
body.page-code-file .scheduled-countdown-subtitle { color: rgba(255, 255, 255, 0.8); font-size: var(--text-md); margin: 0 0 var(--space-8) 0; font-weight: var(--weight-medium); }
body.page-code-file .scheduled-countdown-timer { display: flex; justify-content: center; align-items: center; gap: var(--space-3); margin-bottom: var(--space-6); }
body.page-code-file .countdown-unit { display: flex; flex-direction: column; align-items: center; background: rgba(255, 255, 255, 0.12); border-radius: var(--radius-lg); padding: var(--space-4) var(--space-5); min-width: 80px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.15); }
body.page-code-file .countdown-value { font-size: var(--text-4xl); font-weight: var(--weight-extra); color: var(--text-inverse); line-height: 1; font-variant-numeric: tabular-nums; }
body.page-code-file .countdown-label { font-size: var(--text-xs); color: rgba(255, 255, 255, 0.7); text-transform: uppercase; letter-spacing: 1px; margin-top: var(--space-1); font-weight: var(--weight-semibold); }
body.page-code-file .countdown-separator { font-size: var(--text-3xl); font-weight: var(--weight-bold); color: rgba(255, 255, 255, 0.5); padding-bottom: var(--space-5); }
body.page-code-file .scheduled-countdown-note { color: rgba(255, 255, 255, 0.7); font-size: var(--text-base); margin: 0; font-weight: var(--weight-medium); }
body.page-code-file .scheduled-countdown-note i { color: #ffd700; margin-right: var(--space-1); }
:where(html[data-theme="dark"]) body.page-code-file .scheduled-countdown-note i { color: #F4E17B; }
body.page-code-file .step { margin-bottom: var(--space-6); padding: var(--space-5); background: linear-gradient(135deg, var(--gray-50) 0%, var(--gray-100) 100%); border-radius: var(--radius-lg); border-left: 4px solid var(--navy-500); }
@media (max-width: 768px) {
    body.page-code-file .customize-grid, body.page-code-file .cf-grid-even, body.page-code-file .checkout-grid.cf-grid-even { grid-template-columns: 1fr !important; }
    body.page-code-file .cf-features-grid { grid-template-columns: 1fr 1fr !important; gap: 7px !important; }
    body.page-code-file .cf-feat { min-height: 34px; padding: 7px 9px; font-size: 11.5px; gap: 6px; }
    body.page-code-file .cf-feat-ic { width: 18px; height: 18px; font-size: 9px; }
    body.page-code-file .trust-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 8px !important; }
}
body.page-code-file .video-card { background: var(--surface-card); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); transition: var(--transition-base); cursor: pointer; border: 2px solid transparent; max-width: 100%; width: 100%; box-sizing: border-box; }
body.page-code-file .video-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: var(--navy-500); }
body.page-code-file .video-card.hidden { display: none; }
body.page-code-file .file-prompt-section { background: var(--surface-subtle); border: 1px solid var(--border-color); border-left: 4px solid var(--navy-500); border-radius: var(--radius-lg); padding: var(--space-5) var(--space-6); margin: var(--space-5) 0; }
body.page-code-file .checkout-grid { display: grid; grid-template-columns: 7fr 5fr; gap: var(--space-6); margin: var(--space-5) 0; align-items: start; }
body.page-code-file .checkout-left { min-width: 0; }
body.page-code-file .checkout-right { position: sticky; top: var(--space-5); }
body.page-code-file .checkout-video-wrap { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: var(--radius-lg); overflow: hidden; background: #000; box-shadow: var(--shadow-lg); }
body.page-code-file .checkout-video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
body.page-code-file .checkout-sidebar { background: var(--surface-card); border: 1px solid var(--border-color); border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 1px 2px rgba(var(--c-primary-rgb), .04), 0 12px 30px rgba(var(--c-primary-rgb), .08); }
body.page-code-file .trust-grid > div { transition: box-shadow .18s ease, transform .18s ease; }
body.page-code-file .trust-grid > div:hover { box-shadow: 0 4px 12px rgba(var(--c-primary-rgb), .10); transform: translateY(-1px); }
body.page-code-file .checkout-sidebar-header { background: var(--gradient-navy); padding: var(--space-4) var(--space-5); color: var(--text-inverse); }
body.page-code-file .checkout-sidebar-body { padding: var(--space-5); }
body.page-code-file .sidebar-price-box { text-align: center; padding: var(--space-2) 0 var(--space-1); position: relative; }
body.page-code-file .sidebar-price-main { font-size: var(--text-4xl); font-weight: var(--weight-extra); color: var(--navy-800); line-height: 1; letter-spacing: -1px; }
:where(html[data-theme="dark"]) body.page-code-file .sidebar-price-main { color: var(--c-ink); }
body.page-code-file .sidebar-price-sub { font-size: var(--text-xs); color: var(--gray-500); font-weight: var(--weight-medium); margin-top: var(--space-1); }
body.page-code-file .sidebar-price-sub strong { color: var(--gray-700); font-weight: var(--weight-bold); }
:where(html[data-theme="dark"]) body.page-code-file .sidebar-price-sub strong { color: var(--c-ink); }
body.page-code-file .sidebar-trust-strip { display: flex; align-items: center; justify-content: center; gap: var(--space-1); margin: var(--space-3) 0 var(--space-1); padding: var(--space-2) var(--space-3); background: #fffbeb; border: 1px solid #fde68a; border-radius: var(--radius-sm); font-size: var(--text-xs); color: #78350f; font-weight: var(--weight-semibold); flex-wrap: wrap; }
:where(html[data-theme="dark"]) body.page-code-file .sidebar-trust-strip { background: #27210B; border: 1px solid #695B24; color: #EFA880; }
body.page-code-file .sidebar-trust-strip .stars i { color: #f59e0b; font-size: var(--text-xs); }
:where(html[data-theme="dark"]) body.page-code-file .sidebar-trust-strip .stars i { color: #F4C77B; }
body.page-code-file .sidebar-trust-strip a { color: inherit; text-decoration: none; text-underline-offset: 2px; }
body.page-code-file .sidebar-divider { height: 1px; background: var(--border-color); margin: var(--space-4) 0; }
body.page-code-file .sidebar-feature-list { list-style: none; padding: 0; margin: 0; }
body.page-code-file .sidebar-feature-list li { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-1) 0; font-size: var(--text-sm); color: var(--gray-700); line-height: var(--leading-snug); }
:where(html[data-theme="dark"]) body.page-code-file .sidebar-feature-list li { color: var(--c-ink); }
body.page-code-file .sidebar-feature-list li i { color: var(--c-accent); font-size: var(--text-xs); margin-top: 3px; flex-shrink: 0; }
body.page-code-file .order-summary-box { background: var(--surface-subtle); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: var(--space-3) var(--space-4); margin: var(--space-4) 0; }
body.page-code-file .order-summary-box .summary-row { display: flex; justify-content: space-between; align-items: center; font-size: var(--text-sm); color: var(--gray-600); padding: 3px 0; }
body.page-code-file .order-summary-box .summary-total { border-top: 2px solid var(--border-color); padding-top: var(--space-2); margin-top: var(--space-1); font-size: var(--text-md); font-weight: var(--weight-extra); color: var(--navy-800); }
:where(html[data-theme="dark"]) body.page-code-file .order-summary-box .summary-total { color: var(--c-ink); }
body.page-code-file .points-short-notice { background: #eef5ff; border: 1px dashed var(--c-accent); border-radius: var(--radius-sm); padding: var(--space-3); font-size: var(--text-xs); color: #78350f; margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2); line-height: var(--leading-snug); }
:where(html[data-theme="dark"]) body.page-code-file .points-short-notice { background: #0B1626; color: #EFA880; }
body.page-code-file .points-short-notice a { color: #b45309; font-weight: var(--weight-bold); text-decoration: none; }
:where(html[data-theme="dark"]) body.page-code-file .points-short-notice a { color: #F4AF7B; }
body.page-code-file .sidebar-pay-btn { display: block; width: 100%; padding: 16px var(--space-4); background: linear-gradient(180deg, var(--c-accent) 0%, var(--c-accent-strong) 100%); color: var(--c-on-accent); border: none; border-radius: 999px; font-weight: var(--weight-extra); min-height: 44px; cursor: pointer; box-shadow: 0 14px 26px rgba(var(--c-accent-rgb), .38), 0 2px 4px rgba(0, 0, 0, .12); transition: var(--transition-base); text-align: center; line-height: var(--leading-tight); }
body.page-code-file .sidebar-pay-btn .pay-btn-main { display: block; font-size: var(--text-md); margin-bottom: 3px; }
body.page-code-file .sidebar-pay-btn:hover { background: linear-gradient(180deg, var(--c-accent-soft) 0%, var(--c-accent) 100%); transform: translateY(-2px); box-shadow: 0 18px 32px rgba(var(--c-accent-rgb), .48), 0 3px 6px rgba(0, 0, 0, .14); }
body.page-code-file .sidebar-pay-btn:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 2px; }
body.page-code-file .method-pay-btn { display: flex; align-items: stretch; width: 100%; padding: 0; border: none; border-radius: 999px; overflow: hidden; cursor: pointer; min-height: 68px; background: linear-gradient(180deg, #00BAF2 0%, #012B72 100%); box-shadow: 0 14px 26px rgba(0, 186, 242, .38), 0 2px 4px rgba(0, 0, 0, .12); transition: var(--transition-base); text-align: left; }
body.page-code-file .method-pay-btn .mpb-logo { flex: 0 0 40%; display: flex; align-items: center; justify-content: center; background: #fff; border-right: 1px solid rgba(0, 0, 0, .08); padding: 8px 12px; }
:where(html[data-theme="dark"]) body.page-code-file .method-pay-btn .mpb-logo { background: #131313; border-right: 1px solid rgba(255,255,255,0.08); }
body.page-code-file .method-pay-btn .mpb-logo img { max-width: 100%; max-height: 46px; width: auto; height: auto; display: block; }
body.page-code-file .method-pay-btn .mpb-logo i { color: #00BAF2; font-size: 30px; }
:where(html[data-theme="dark"]) body.page-code-file .method-pay-btn .mpb-logo i { color: #7BD8F4; }
body.page-code-file .method-pay-btn .mpb-body { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 8px var(--space-3); color: #fff; min-width: 0; }
body.page-code-file .method-pay-btn .mpb-main { display: block; font-size: var(--text-md); font-weight: var(--weight-extra); line-height: var(--leading-tight); letter-spacing: .3px; }
body.page-code-file .method-pay-btn .mpb-sub { display: block; font-size: var(--text-xs); font-weight: var(--weight-medium); opacity: .85; margin-top: 2px; }
body.page-code-file .method-pay-btn .mpb-sub i { margin-right: 4px; }
body.page-code-file .method-pay-btn:hover { background: linear-gradient(180deg, #22c9fb 0%, #0743a0 100%); transform: translateY(-2px); box-shadow: 0 18px 32px rgba(0, 186, 242, .48), 0 3px 6px rgba(0, 0, 0, .14); }
body.page-code-file .method-pay-btn:focus-visible { outline: 3px solid #00BAF2; outline-offset: 2px; }
body.page-code-file .other-methods-list.few .other-method-btn { background: var(--c-tint-2); border: 2px solid var(--c-accent); min-height: 58px; padding: var(--space-4); box-shadow: 0 6px 16px rgba(var(--c-accent-rgb), .18); }
body.page-code-file .other-methods-list.few .other-method-btn::after { content: ""; width: 8px; height: 8px; border-right: 2.5px solid var(--c-accent); border-bottom: 2.5px solid var(--c-accent); transform: rotate(-45deg); margin-left: var(--space-2); flex-shrink: 0; }
body.page-code-file .other-methods-list.few .other-method-btn:hover { background: var(--c-tint); border-color: var(--c-accent-strong); transform: translateY(-2px); box-shadow: 0 10px 22px rgba(var(--c-accent-rgb), .28); }
body.page-code-file .other-methods-list.few .other-method-price { background: var(--white); padding: 4px 10px; border-radius: var(--radius-sm); }
:where(html[data-theme="dark"]) body.page-code-file .other-methods-list.few .other-method-price { background: var(--c-card); }
body.page-code-file .qr-fallback { display: none; font-size: 12.5px; color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: 8px; padding: 10px 12px; line-height: 1.5; word-break: break-all; }
:where(html[data-theme="dark"]) body.page-code-file .qr-fallback { color: #F3A97D; background: #27210B; border: 1px solid #695B24; }
body.page-code-file .qr-dead .qr-fallback { display: block; }
body.page-code-file .qr-dead img { display: none; }
body.page-code-file .cf-features { margin-top: 16px; padding: 16px; background: var(--c-card); border: 1px solid var(--c-tint-line); }
body.page-code-file .cf-features h3 { font-size: 15px; font-weight: 700; color: var(--c-primary); margin: 0 0 11px 0; display: flex; align-items: center; gap: 8px; }
:where(html[data-theme="dark"]) body.page-code-file .cf-features h3 { color: var(--c-ink); }
body.page-code-file .cf-features h3 i { color: var(--c-accent); }
body.page-code-file .cf-features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
body.page-code-file .cf-feat { display: flex; align-items: center; gap: 8px; min-height: 40px; background: var(--c-tint); border: 1px solid rgba(var(--c-accent-rgb), .18); color: var(--c-primary); padding: 8px 11px; font-size: 12.5px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; word-break: break-word; transition: background .18s, box-shadow .18s; }
:where(html[data-theme="dark"]) body.page-code-file .cf-feat { color: var(--c-ink); }
body.page-code-file .cf-feat:hover { background: var(--c-tint-2); box-shadow: 0 3px 10px rgba(var(--c-primary-rgb), .08); }
body.page-code-file .cf-feat-ic { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex-shrink: 0; background: var(--c-accent); color: #fff; font-size: 10px; }
@media (max-width: 420px) {
    body.page-code-file .cf-feat { font-size: 11px; padding: 6px 8px; min-height: 32px; }
    body.page-code-file .cf-features { padding: 12px; }
    body.page-code-file .cf-features h3 { font-size: 14px; margin-bottom: 9px; }
}
body.page-code-file .cf-desc { margin-top: 16px; padding: 18px; background: var(--c-card); border: 1px solid var(--c-tint-line); }
body.page-code-file .cf-desc-sec + .cf-desc-sec { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--c-tint-line); }
body.page-code-file .cf-desc-sec h3 { font-size: 15px; font-weight: 700; color: var(--c-primary); margin: 0 0 11px 0; display: flex; align-items: center; gap: 8px; }
:where(html[data-theme="dark"]) body.page-code-file .cf-desc-sec h3 { color: var(--c-ink); }
body.page-code-file .cf-desc-sec h3 i { color: var(--c-accent); }
body.page-code-file .cf-desc-html { font-size: 14.5px; line-height: 1.7; color: var(--gray-700, #3C4043); overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body.page-code-file .cf-desc-html { color: var(--c-ink); }
body.page-code-file .cf-desc-html p { margin: 0 0 12px; }
body.page-code-file .cf-desc-html h2, body.page-code-file .cf-desc-html h3, body.page-code-file .cf-desc-html h4 { color: var(--c-primary); margin: 18px 0 8px; line-height: 1.3; }
:where(html[data-theme="dark"]) body.page-code-file .cf-desc-html h2, :where(html[data-theme="dark"]) body.page-code-file .cf-desc-html h3, :where(html[data-theme="dark"]) body.page-code-file .cf-desc-html h4 { color: var(--c-ink); }
body.page-code-file .cf-desc-html h2 { font-size: 20px; }
body.page-code-file .cf-desc-html h3 { font-size: 17px; }
body.page-code-file .cf-desc-html h4 { font-size: 15px; }
body.page-code-file .cf-desc-html ul, body.page-code-file .cf-desc-html ol { margin: 0 0 12px; padding-left: 22px; }
body.page-code-file .cf-desc-html li { margin: 4px 0; }
body.page-code-file .cf-desc-html a { color: var(--c-accent); text-decoration: none; }
body.page-code-file .cf-desc-html blockquote { margin: 0 0 12px; padding: 10px 14px; border-left: 3px solid var(--c-accent); background: var(--c-tint); }
body.page-code-file .cf-desc-html code { background: var(--c-tint); padding: 1px 5px; font-size: 13px; }
body.page-code-file .cf-desc-html pre { background: var(--c-tint); padding: 12px; overflow-x: auto; font-size: 13px; margin: 0 0 12px; }
body.page-code-file .cf-desc-html pre code { background: none; padding: 0; }
body.page-code-file .cf-desc-html table { width: 100%; border-collapse: collapse; margin: 0 0 12px; font-size: 13.5px; }
body.page-code-file .cf-desc-html th, body.page-code-file .cf-desc-html td { padding: 8px 10px; border: 1px solid var(--c-tint-line); text-align: left; vertical-align: top; }
body.page-code-file .cf-desc-html th { background: var(--c-tint); color: var(--c-primary); }
:where(html[data-theme="dark"]) body.page-code-file .cf-desc-html th { color: var(--c-ink); }
body.page-code-file .cf-desc-html hr { border: 0; border-top: 1px solid var(--c-tint-line); margin: 16px 0; }
body.page-code-file .cf-desc-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
body.page-code-file .cf-desc-list li { display: flex; align-items: flex-start; gap: 8px; background: var(--c-tint); border: 1px solid rgba(var(--c-accent-rgb), .18); color: var(--c-primary); padding: 8px 11px; font-size: 13px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body.page-code-file .cf-desc-list li { color: var(--c-ink); }
body.page-code-file .cf-desc-list li i { color: var(--c-accent); font-size: 12px; margin-top: 3px; flex-shrink: 0; }
body.page-code-file .cf-desc-qa { margin: 0; }
body.page-code-file .cf-desc-qa dt { font-weight: 700; color: var(--c-primary); font-size: 14.5px; margin: 0 0 4px; }
:where(html[data-theme="dark"]) body.page-code-file .cf-desc-qa dt { color: var(--c-ink); }
body.page-code-file .cf-desc-qa dd { margin: 0 0 14px; color: var(--gray-700, #444746); font-size: 14px; line-height: 1.65; }
:where(html[data-theme="dark"]) body.page-code-file .cf-desc-qa dd { color: var(--c-ink); }
body.page-code-file .cf-desc-qa dd:last-child { margin-bottom: 0; }
body.page-code-file .cf-desc-log-list { list-style: none; margin: 0; padding: 0; }
body.page-code-file .cf-desc-log-list li { padding: 8px 0; border-bottom: 1px dashed var(--c-tint-line); font-size: 14px; }
body.page-code-file .cf-desc-log-list li:last-child { border-bottom: 0; }
body.page-code-file .cf-desc-log-list p { margin: 4px 0 0; color: var(--gray-700, #444746); line-height: 1.6; }
:where(html[data-theme="dark"]) body.page-code-file .cf-desc-log-list p { color: var(--c-ink); }
body.page-code-file .cf-desc-ver { display: inline-block; background: var(--c-tint-2); color: var(--c-accent); font-size: 12px; font-weight: 700; padding: 2px 8px; margin-right: 8px; }
body.page-code-file .cf-desc-log-list time { color: var(--gray-500, #5F6368); font-size: 13px; }
body.page-code-file .cf-details-table { margin-top: 0; }
body.page-code-file .cf-details-table td i { color: var(--c-accent); margin-right: 4px; width: 16px; text-align: center; }
body.page-code-file .cf-tags { display: flex; flex-wrap: wrap; gap: 6px; }
body.page-code-file .cf-tag { background: var(--c-tint-2); color: var(--c-accent); padding: 2px 9px; font-size: 12px; font-weight: 600; }
@media (max-width: 600px) {
    body.page-code-file .cf-desc { padding: 14px 12px; }
    body.page-code-file .cf-desc-list { grid-template-columns: 1fr; }
}
body.page-code-file .sidebar-pay-btn:disabled, body.page-code-file .sidebar-pay-btn.loading { opacity: 0.65; cursor: wait; animation: none; }
body.page-code-file .sidebar-points-btn { display: block; width: 100%; padding: var(--space-3); background: linear-gradient(135deg, #f59e0b, #d97706); color: var(--text-inverse); border: none; border-radius: var(--radius-sm); font-size: var(--text-base); font-weight: var(--weight-bold); min-height: 44px; cursor: pointer; transition: var(--transition-base); margin-bottom: var(--space-3); }
body.page-code-file .sidebar-points-btn:hover { transform: translateY(-2px); }
body.page-code-file .sidebar-points-btn:focus-visible { outline: 3px solid var(--navy-500); outline-offset: 2px; }
body.page-code-file .other-methods-list { margin-top: var(--space-3); display: flex; flex-direction: column; gap: var(--space-2); }
body.page-code-file .other-methods-heading { font-size: var(--text-xs); font-weight: var(--weight-bold); color: var(--gray-500); text-transform: uppercase; letter-spacing: 0.8px; padding: 0 2px; display: flex; align-items: center; gap: var(--space-1); }
body.page-code-file .other-methods-heading i { color: var(--navy-500); }
body.page-code-file .other-method-btn { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: var(--space-3) var(--space-4); background: var(--white); border: 1.5px solid var(--border-color); border-radius: var(--radius-sm); min-height: 44px; cursor: pointer; font-size: var(--text-sm); font-weight: var(--weight-bold); color: var(--text-body); text-decoration: none; transition: var(--transition-base); text-align: left; box-sizing: border-box; }
:where(html[data-theme="dark"]) body.page-code-file .other-method-btn { background: var(--c-card); }
body.page-code-file .other-method-btn:hover { border-color: var(--navy-500); background: var(--navy-50); transform: translateY(-1px); box-shadow: var(--shadow-sm); }
body.page-code-file .other-method-btn:focus-visible { outline: 3px solid var(--navy-500); outline-offset: 2px; }
body.page-code-file .other-method-btn > span:first-child { display: inline-flex; align-items: center; gap: var(--space-3); }
body.page-code-file .other-method-btn > span:first-child i { font-size: var(--text-lg); width: 20px; text-align: center; }
body.page-code-file .other-method-btn .other-method-price { font-weight: var(--weight-extra); color: var(--navy-800); font-size: var(--text-xs); background: var(--navy-50); padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm); }
:where(html[data-theme="dark"]) body.page-code-file .other-method-btn .other-method-price { color: var(--c-ink); }
body.page-code-file .sidebar-payment-logos { display: flex; align-items: center; justify-content: center; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); padding: var(--space-3); background: var(--surface-subtle); border-radius: var(--radius-sm); }
body.page-code-file .sidebar-payment-logos span { display: inline-flex; align-items: center; font-size: var(--text-2xl); color: var(--gray-500); }
body.page-code-file .sidebar-trust-bar { margin-top: var(--space-3); padding: var(--space-3); background: #f0fdf4; border-radius: var(--radius-sm); border: 1px solid #bbf7d0; display: flex; align-items: center; justify-content: center; gap: var(--space-3); flex-wrap: wrap; }
:where(html[data-theme="dark"]) body.page-code-file .sidebar-trust-bar { background: #0E2214; border: 1px solid #245335; }
body.page-code-file .sidebar-trust-bar span { font-size: var(--text-xs); font-weight: var(--weight-semibold); color: #166534; display: inline-flex; align-items: center; gap: var(--space-1); }
:where(html[data-theme="dark"]) body.page-code-file .sidebar-trust-bar span { color: #8AE5AD; }
body.page-code-file .sidebar-trust-bar span i { color: var(--color-success); }
body.page-code-file .sidebar-trust-bar a { color: inherit; text-decoration: none; text-underline-offset: 2px; }
body.page-code-file .what-you-get-table { width: 100%; border-collapse: collapse; margin-top: var(--space-4); }
body.page-code-file .what-you-get-table td { padding: var(--space-3) var(--space-4); font-size: var(--text-sm); color: var(--gray-700); border-bottom: 1px solid var(--gray-100); }
:where(html[data-theme="dark"]) body.page-code-file .what-you-get-table td { color: var(--c-ink); }
body.page-code-file .what-you-get-table td:first-child { font-weight: var(--weight-semibold); white-space: nowrap; }
body.page-code-file .what-you-get-table tr:last-child td { border-bottom: none; }
body.page-code-file .method-verification-notice { background: #eef5ff; border: 1px solid #cfe2ff; border-radius: var(--radius-sm); padding: var(--space-3); font-size: var(--text-xs); color: #78350f; line-height: var(--leading-snug); margin-top: var(--space-3); display: flex; align-items: flex-start; gap: var(--space-2); }
:where(html[data-theme="dark"]) body.page-code-file .method-verification-notice { background: #0B1626; border: 1px solid #1A2F4F; color: #EFA880; }
body.page-code-file .method-verification-notice i { color: #b45309; margin-top: 2px; flex-shrink: 0; }
:where(html[data-theme="dark"]) body.page-code-file .method-verification-notice i { color: #F4AF7B; }
body.page-code-file .crypto-wallet-picker { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-3); }
body.page-code-file .crypto-wallet-opt { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3); border: 2px solid var(--border-color); border-radius: var(--radius-lg); cursor: pointer; transition: var(--transition-base); background: var(--white); }
:where(html[data-theme="dark"]) body.page-code-file .crypto-wallet-opt { background: var(--c-card); }
body.page-code-file .crypto-wallet-opt:hover { border-color: #f7931a; background: #fff7ed; }
:where(html[data-theme="dark"]) body.page-code-file .crypto-wallet-opt:hover { background: #261A0B; }
body.page-code-file .crypto-wallet-opt input { accent-color: #f7931a; width: 16px; height: 16px; flex-shrink: 0; }
:where(html[data-theme="dark"]) body.page-code-file .crypto-wallet-opt input { accent-color: #F4BD7B; }
body.page-code-file .crypto-wallet-opt.active { border-color: #f7931a; background: #fff7ed; box-shadow: 0 0 0 3px rgba(247, 147, 26, 0.12); }
:where(html[data-theme="dark"]) body.page-code-file .crypto-wallet-opt.active { background: #261A0B; }
body.page-code-file .crypto-wallet-opt-name { font-weight: var(--weight-bold); color: var(--text-body); font-size: var(--text-sm); }
body.page-code-file .crypto-wallet-opt-chain { font-size: 10px; color: var(--gray-400); font-weight: var(--weight-semibold); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 1px; }
body.page-code-file .crypto-selected-addr { background: #fff7ed; border: 1px solid #fed7aa; border-radius: var(--radius-lg); padding: var(--space-3) var(--space-4); }
:where(html[data-theme="dark"]) body.page-code-file .crypto-selected-addr { background: #261A0B; border: 1px solid #5D4020; }
body.page-code-file .crypto-selected-addr-label { font-size: 10px; color: #9a3412; font-weight: var(--weight-bold); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: var(--space-1); }
:where(html[data-theme="dark"]) body.page-code-file .crypto-selected-addr-label { color: #F09B7F; }
body.page-code-file .crypto-selected-addr-value { display: flex; align-items: center; gap: var(--space-2); font-family: var(--font-family-mono); font-size: var(--text-xs); color: var(--navy-800); word-break: break-all; overflow-wrap: anywhere; font-weight: var(--weight-semibold); }
:where(html[data-theme="dark"]) body.page-code-file .crypto-selected-addr-value { color: var(--c-ink); }
body.page-code-file #selectedCryptoAddr { word-break: break-all; overflow-wrap: anywhere; min-width: 0; }
body.page-code-file .paytm-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.92); z-index: var(--z-modal); align-items: flex-start; justify-content: center; padding: var(--space-4); overflow-y: auto; }
body.page-code-file .paytm-box { background: var(--white); border-radius: var(--radius-lg); width: 92%; max-width: 920px; box-shadow: var(--shadow-xl); position: relative; margin: 28px auto var(--space-8); }
:where(html[data-theme="dark"]) body.page-code-file .paytm-box { background: var(--c-card); }
body.page-code-file .paytm-grid { display: grid; grid-template-columns: 5fr 7fr; gap: 0; }
body.page-code-file .paytm-left { padding: var(--space-5); border-right: 1px solid var(--border-color); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
body.page-code-file .paytm-left img { max-width: 180px; }
body.page-code-file .paytm-right { padding: var(--space-5); overflow-y: auto; max-height: 75vh; }
body.page-code-file .binance-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.92); z-index: var(--z-modal); align-items: flex-start; justify-content: center; padding: var(--space-4); overflow-y: auto; }
body.page-code-file .binance-box { background: var(--white); border-radius: var(--radius-lg); width: 92%; max-width: 920px; box-shadow: var(--shadow-xl); position: relative; margin: 28px auto var(--space-8); }
:where(html[data-theme="dark"]) body.page-code-file .binance-box { background: var(--c-card); }
body.page-code-file .binance-grid { display: grid; grid-template-columns: 5fr 7fr; gap: 0; }
body.page-code-file .binance-left { padding: var(--space-5); border-right: 1px solid var(--border-color); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
body.page-code-file .binance-left img { max-width: 180px; }
body.page-code-file .binance-right { padding: var(--space-5); overflow-y: auto; max-height: 75vh; }
body.page-code-file .crypto-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.92); z-index: var(--z-modal); align-items: flex-start; justify-content: center; padding: var(--space-4); overflow-y: auto; }
body.page-code-file .crypto-box { background: var(--white); border-radius: var(--radius-lg); width: 92%; max-width: 920px; box-shadow: var(--shadow-xl); position: relative; margin: 28px auto var(--space-8); }
:where(html[data-theme="dark"]) body.page-code-file .crypto-box { background: var(--c-card); }
body.page-code-file .crypto-grid { display: grid; grid-template-columns: 5fr 7fr; gap: 0; }
body.page-code-file .crypto-left { padding: var(--space-5); border-right: 1px solid var(--border-color); overflow-y: auto; max-height: 75vh; }
body.page-code-file .crypto-right { padding: var(--space-5); overflow-y: auto; max-height: 75vh; }
body.page-code-file .crypto-copy-btn { background: var(--navy-50); border: none; color: var(--navy-500); padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm); cursor: pointer; font-size: var(--text-xs); flex-shrink: 0; }
body.page-code-file .crypto-copy-btn:hover { background: var(--navy-100); }
body.page-code-file .crypto-copy-btn:focus-visible { outline: 3px solid var(--navy-500); outline-offset: 2px; }
body.page-code-file .community-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(5px); display: flex; justify-content: center; align-items: center; z-index: var(--z-toast); animation: cf-fadeIn 0.3s ease; }
body.page-code-file .community-popup { background: var(--c-card); color: var(--c-text); border-radius: var(--radius-lg); padding: var(--space-10) var(--space-8); max-width: 450px; width: 90%; box-shadow: 0 24px 60px rgba(0,0,0,.28); position: relative; text-align: center; animation: cf-slideUp 0.4s ease; border: 1px solid var(--c-tint-line); border-top: 4px solid var(--c-wa); }
body.page-code-file .community-popup-close { position: absolute; top: var(--space-4); right: var(--space-5); background: none; border: none; font-size: var(--text-3xl); color: var(--c-text-muted); cursor: pointer; line-height: 1; padding: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-full); transition: var(--transition-base); }
body.page-code-file .community-popup-close:hover { background: var(--c-tint); color: var(--c-text); transform: rotate(90deg); }
body.page-code-file .community-popup-close:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 2px; }
body.page-code-file .community-popup-icon { font-size: 48px; line-height: 1; margin-bottom: var(--space-4); color: var(--c-wa); }
body.page-code-file .community-popup-title { font-size: var(--text-3xl); font-weight: var(--weight-bold); color: var(--c-text); margin-bottom: var(--space-3); }
body.page-code-file .community-popup-message { font-size: var(--text-md); color: var(--c-text-muted); margin-bottom: var(--space-5); line-height: var(--leading-normal); }
body.page-code-file .community-popup-privacy { display: flex; align-items: center; justify-content: center; gap: var(--space-2); background: var(--c-tint); padding: var(--space-3) var(--space-4); border-radius: var(--radius-lg); margin-bottom: var(--space-6); font-size: var(--text-sm); color: var(--c-text-muted); border: 1px solid var(--c-tint-line); text-align: left; }
body.page-code-file .community-popup-privacy i { flex-shrink: 0; color: var(--c-verified); }
body.page-code-file .community-popup-button { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); background: var(--c-wa-d); color: #fff; text-decoration: none; padding: var(--space-4) var(--space-10); border-radius: var(--radius-sm); font-size: var(--text-lg); font-weight: var(--weight-bold); min-height: 44px; transition: var(--transition-base); }
body.page-code-file .community-popup-button:hover { background: var(--c-wa); color: #fff; }
body.page-code-file .community-popup-button:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 2px; }
body.page-code-file .cf-wg { position: relative; background: transparent; border-radius: var(--radius-lg); padding: var(--space-8) var(--space-6); margin: var(--space-5) 0 var(--space-8); box-sizing: border-box; box-shadow: 0 10px 34px rgba(var(--c-accent-rgb), 0.16); animation: cf-wg-enter 0.55s cubic-bezier(0.22, 1, 0.36, 1) both; }
body.page-code-file .cf-wg::before { content: ''; position: absolute; inset: -2px; --cf-wg-ang: 0deg; border-radius: calc(var(--radius-lg) + 2px); background: conic-gradient(from var(--cf-wg-ang), var(--c-accent), var(--c-primary), var(--c-accent-soft), var(--c-accent)); animation: cf-wg-spin 7s linear infinite; }
body.page-code-file .cf-wg::after { content: ''; position: absolute; inset: 0; border-radius: var(--radius-lg); background: var(--white); }
:where(html[data-theme="dark"]) body.page-code-file .cf-wg::after { background: var(--c-card); }
body.page-code-file .cf-wg > * { position: relative; z-index: 1; }
body.page-code-file .cf-wg-head { text-align: center; margin-bottom: var(--space-5); }
body.page-code-file .cf-wg-badge { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 66px; height: 66px; margin-bottom: var(--space-4); border-radius: var(--radius-full); background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-primary) 100%); color: var(--c-on-accent); font-size: 26px; box-shadow: 0 6px 20px rgba(var(--c-accent-rgb), 0.38); animation: cf-wg-bob 2.8s ease-in-out infinite; }
body.page-code-file .cf-wg-badge::before, body.page-code-file .cf-wg-badge::after { content: ''; position: absolute; inset: 0; border-radius: var(--radius-full); border: 2px solid var(--c-accent); animation: cf-wg-ring 2.6s ease-out infinite; }
body.page-code-file .cf-wg-badge::after { animation-delay: 1.3s; }
body.page-code-file .cf-wg-title { font-size: clamp(var(--text-md), 2.2vw, 21px); font-weight: var(--weight-bold); color: var(--c-primary); margin: 0 0 var(--space-2); line-height: var(--leading-snug); }
:where(html[data-theme="dark"]) body.page-code-file .cf-wg-title { color: var(--c-ink); }
body.page-code-file .cf-wg-sub { color: var(--c-text-muted); font-size: var(--text-base); margin: 0; }
body.page-code-file .cf-wg-goal { color: var(--c-accent-strong); font-weight: var(--weight-bold); animation: cf-wg-throb 2s ease-in-out infinite; display: inline-block; }
body.page-code-file .cf-wg-loot { background: var(--c-tint); border-left: 3px solid var(--c-accent); border-radius: var(--radius-sm); padding: var(--space-4) var(--space-5); margin-bottom: var(--space-5); }
body.page-code-file .cf-wg-loot-head { font-size: var(--text-sm); font-weight: var(--weight-semibold); color: var(--c-primary); margin: 0 0 var(--space-2); }
:where(html[data-theme="dark"]) body.page-code-file .cf-wg-loot-head { color: var(--c-ink); }
body.page-code-file .cf-wg-loot-head i { color: var(--c-accent); margin-right: 6px; }
body.page-code-file .cf-wg-loot-list { list-style: none; margin: 0; padding: 0; }
body.page-code-file .cf-wg-loot-list li { font-size: var(--text-xs); color: #444746; padding: 3px 0; display: flex; align-items: center; gap: 8px; animation: cf-wg-slide 0.5s ease both; }
:where(html[data-theme="dark"]) body.page-code-file .cf-wg-loot-list li { color: #B8BBBA; }
body.page-code-file .cf-wg-loot-list li:nth-child(1) { animation-delay: 0.15s; }
body.page-code-file .cf-wg-loot-list li:nth-child(2) { animation-delay: 0.28s; }
body.page-code-file .cf-wg-loot-list li:nth-child(3) { animation-delay: 0.41s; }
body.page-code-file .cf-ic-php { color: #7b61ff; }
body.page-code-file .cf-ic-accent { color: var(--c-accent); }
body.page-code-file .cf-ic-green { color: var(--c-primary); }
:where(html[data-theme="dark"]) body.page-code-file .cf-ic-green { color: var(--c-ink); }
body.page-code-file .cf-ic-blue { color: #1A73E8; }
:where(html[data-theme="dark"]) body.page-code-file .cf-ic-blue { color: #7DB0F2; }
body.page-code-file .cf-wg-track { position: relative; height: 34px; border-radius: var(--radius-pill); background: var(--c-tint-2); box-shadow: inset 0 2px 6px rgba(var(--c-primary-rgb), 0.12); overflow: hidden; margin-bottom: var(--space-5); }
body.page-code-file .cf-wg-fill { position: absolute; top: 0; bottom: 0; left: 0; width: 0; border-radius: var(--radius-pill); background: linear-gradient(90deg, var(--c-accent) 0%, var(--c-accent-strong) 100%); transition: width 0.5s cubic-bezier(0.25, 0.8, 0.3, 1); }
body.page-code-file .cf-wg-fill::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: repeating-linear-gradient(115deg, rgba(255,255,255,0.24) 0 11px, transparent 11px 22px); background-size: 22px 100%; animation: cf-wg-stripes 0.85s linear infinite; }
body.page-code-file .cf-wg-fill::after { content: ''; position: absolute; top: -4px; bottom: -4px; right: -6px; width: 22px; opacity: 0; border-radius: var(--radius-full); background: radial-gradient(circle, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0) 70%); animation: cf-wg-throb 1.2s ease-in-out infinite; }
:where(html[data-theme="dark"]) body.page-code-file .cf-wg-fill::after { background: radial-gradient(circle, rgba(19,19,19,0.95) 0%, rgba(255,255,255,0) 70%); }
body.page-code-file .cf-wg-fill.has-progress::after { opacity: 1; }
body.page-code-file .cf-wg-tick { position: absolute; top: 22%; bottom: 22%; width: 2px; border-radius: 2px; background: rgba(var(--c-primary-rgb), 0.16); }
body.page-code-file .cf-wg-tick:nth-of-type(1) { left: 25%; }
body.page-code-file .cf-wg-tick:nth-of-type(2) { left: 50%; }
body.page-code-file .cf-wg-tick:nth-of-type(3) { left: 75%; }
body.page-code-file .cf-wg-pct { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: var(--text-base); font-weight: var(--weight-bold); color: var(--c-primary); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65); letter-spacing: 0.02em; }
:where(html[data-theme="dark"]) body.page-code-file .cf-wg-pct { color: var(--c-ink); }
body.page-code-file .cf-wg-cta { text-align: center; }
body.page-code-file .cf-wg-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-3); padding: 17px 38px; border: 0; border-radius: var(--radius-pill); background: linear-gradient(135deg, #ff3b30 0%, #b91c1c 100%); color: #fff; font-size: var(--text-md); font-weight: var(--weight-bold); line-height: 1.2; cursor: pointer; min-height: 52px; max-width: 100%; overflow: hidden; touch-action: manipulation; box-shadow: 0 8px 22px rgba(220, 38, 38, 0.42); transition: transform 0.2s ease, box-shadow 0.2s ease; animation: cf-wg-callout 2.1s ease-in-out infinite; }
body.page-code-file .cf-wg-btn::after { content: ''; position: absolute; top: 0; bottom: 0; left: -70%; width: 45%; background: linear-gradient(100deg, transparent, rgba(255,255,255,0.38), transparent); animation: cf-wg-sheen 2.8s ease-in-out infinite; }
body.page-code-file .cf-wg-btn:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(220, 38, 38, 0.55); }
body.page-code-file .cf-wg-btn:focus-visible { outline: 3px solid var(--c-primary); outline-offset: 3px; }
:where(html[data-theme="dark"]) body.page-code-file .cf-wg-btn:focus-visible { outline: 3px solid var(--c-ink-line); }
body.page-code-file .cf-wg-btn-ic { font-size: 22px; display: inline-flex; animation: cf-wg-bob 1.8s ease-in-out infinite; }
body.page-code-file .cf-wg-btn.is-wait, body.page-code-file .cf-wg-btn:disabled { animation: none; opacity: 0.65; cursor: not-allowed; box-shadow: 0 4px 14px rgba(220, 38, 38, 0.25); }
body.page-code-file .cf-wg-btn.is-wait { cursor: wait; }
body.page-code-file .cf-wg-btn.is-wait::after, body.page-code-file .cf-wg-btn:disabled::after { display: none; }
body.page-code-file .cf-wg-btn.is-wait:hover, body.page-code-file .cf-wg-btn:disabled:hover { transform: none; }
body.page-code-file .cf-wg-status { display: none; margin-top: var(--space-4); text-align: center; }
body.page-code-file .cf-wg-status.show { display: block; animation: cf-wg-slide 0.4s ease both; }
body.page-code-file .cf-wg-status p { margin: 0; font-weight: var(--weight-semibold); }
body.page-code-file .cf-wg-status-live { color: var(--c-accent-strong); }
body.page-code-file .cf-wg-status-ok { color: var(--cf-ok); font-size: var(--text-md); font-weight: var(--weight-bold); }
body.page-code-file .cf-wg.is-live { box-shadow: 0 12px 40px rgba(var(--c-accent-rgb), 0.28); }
body.page-code-file .cf-wg.is-done { animation: cf-wg-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
body.page-code-file .cf-wg.is-done::before { background: var(--cf-ok); animation: none; }
body.page-code-file .cf-wg.is-done .cf-wg-badge { background: linear-gradient(135deg, var(--cf-ok) 0%, var(--cf-ok-deep) 100%); box-shadow: 0 6px 20px rgba(var(--cf-ok-rgb), 0.35); animation: cf-wg-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
body.page-code-file .cf-wg.is-done .cf-wg-badge::before, body.page-code-file .cf-wg.is-done .cf-wg-badge::after { border-color: var(--cf-ok); animation: none; opacity: 0; }
body.page-code-file .cf-wg.is-done .cf-wg-fill { background: linear-gradient(90deg, var(--cf-ok), var(--cf-ok-deep)); }
body.page-code-file .cf-wg.is-done .cf-wg-fill::before { animation: none; }
@media (max-width: 600px) {
    body.page-code-file .cf-wg { padding: var(--space-6) var(--space-4); }
    body.page-code-file .cf-wg-badge { width: 56px; height: 56px; font-size: 22px; }
    body.page-code-file .cf-wg-btn { padding: 15px 22px; font-size: var(--text-base); width: 100%; }
    body.page-code-file .cf-wg-track { height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
    body.page-code-file .cf-wg, body.page-code-file .cf-wg::before, body.page-code-file .cf-wg-badge, body.page-code-file .cf-wg-badge::before, body.page-code-file .cf-wg-badge::after, body.page-code-file .cf-wg-goal, body.page-code-file .cf-wg-loot-list li, body.page-code-file .cf-wg-fill::before, body.page-code-file .cf-wg-fill::after, body.page-code-file .cf-wg-btn, body.page-code-file .cf-wg-btn::after, body.page-code-file .cf-wg-btn-ic, body.page-code-file .cf-wg-status.show { animation: none; }
}
body.page-code-file .cf-auth { display: grid; gap: var(--space-6); }
@media (min-width: 940px) {
    body.page-code-file .cf-auth { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "head get" "act get"; gap: var(--space-6) var(--space-10); align-items: start; }
    body.page-code-file .cf-auth-head { grid-area: head; }
    body.page-code-file .cf-auth-get { grid-area: get; }
    body.page-code-file .cf-auth-act { grid-area: act; }
}
body.page-code-file .cf-auth-mark { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: var(--radius-md); background: linear-gradient(135deg, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.10) 100%), var(--c-accent); color: var(--c-on-accent); font-size: 22px; margin-bottom: var(--space-4); }
body.page-code-file .cf-auth-eyebrow { display: inline-flex; align-items: center; gap: 7px; margin-bottom: var(--space-2); font-size: 11px; font-weight: var(--weight-bold); letter-spacing: .12em; text-transform: uppercase; color: var(--c-accent); }
body.page-code-file .cf-auth-title { margin: 0 0 var(--space-3); font-size: clamp(21px, 2.3vw, 27px); font-weight: var(--weight-bold); line-height: 1.2; letter-spacing: -.01em; color: var(--c-primary); }
:where(html[data-theme="dark"]) body.page-code-file .cf-auth-title { color: var(--c-ink); }
body.page-code-file .cf-auth-sub { margin: 0; max-width: 46ch; font-size: var(--text-md); line-height: 1.6; color: var(--c-text-muted); }
body.page-code-file .cf-auth-sub strong { color: var(--c-primary); font-weight: var(--weight-semibold); }
:where(html[data-theme="dark"]) body.page-code-file .cf-auth-sub strong { color: var(--c-ink); }
body.page-code-file .cf-auth-get { background: var(--c-tint); border: 1px solid var(--c-tint-line); border-radius: var(--radius-lg); padding: var(--space-5) var(--space-6); }
body.page-code-file .cf-auth-get-head { display: flex; align-items: center; gap: 8px; margin: 0 0 var(--space-2); font-size: 11px; font-weight: var(--weight-bold); letter-spacing: .1em; text-transform: uppercase; color: var(--c-primary); }
:where(html[data-theme="dark"]) body.page-code-file .cf-auth-get-head { color: var(--c-ink); }
body.page-code-file .cf-auth-get-head i { color: var(--c-accent); font-size: 13px; }
body.page-code-file .cf-auth-list { list-style: none; margin: 0; padding: 0; }
body.page-code-file .cf-auth-list li { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-3) 0; }
body.page-code-file .cf-auth-list li + li { border-top: 1px solid var(--c-tint-line); }
body.page-code-file .cf-auth-ic { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: var(--radius-sm); background: var(--c-card); border: 1px solid var(--c-tint-line); font-size: 16px; color: var(--c-accent); }
body.page-code-file .cf-auth-ic-php { color: #7b61ff; }
body.page-code-file .cf-auth-ic-alt { color: var(--c-primary); }
:where(html[data-theme="dark"]) body.page-code-file .cf-auth-ic-alt { color: var(--c-ink); }
body.page-code-file .cf-auth-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
body.page-code-file .cf-auth-txt strong { font-size: var(--text-base); font-weight: var(--weight-semibold); color: var(--c-primary); }
:where(html[data-theme="dark"]) body.page-code-file .cf-auth-txt strong { color: var(--c-ink); }
body.page-code-file .cf-auth-txt span { font-size: var(--text-xs); color: var(--c-text-muted); }
body.page-code-file .cf-auth-act { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); width: 100%; }
body.page-code-file .cf-auth-cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-3); width: 100%; max-width: 480px; min-height: 54px; padding: 16px var(--space-8); border: 0; border-radius: var(--radius-pill); background: linear-gradient(135deg, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.10) 100%), var(--c-accent); color: var(--c-on-accent); font-family: inherit; font-size: var(--text-md); font-weight: var(--weight-bold); line-height: 1.25; cursor: pointer; box-shadow: 0 8px 22px rgba(var(--c-accent-rgb), .3); transition: transform .2s ease, box-shadow .2s ease; }
body.page-code-file .cf-verify-now { display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; background: var(--c-accent); color: var(--c-on-accent); border-radius: 14px; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background var(--duration-fast, .2s) ease, box-shadow var(--duration-fast, .2s) ease; }
body.page-code-file .cf-verify-now:hover { background: linear-gradient(rgba(0,0,0,0.12), rgba(0,0,0,0.12)), var(--c-accent); color: var(--c-on-accent); box-shadow: 0 4px 14px rgba(var(--c-accent-rgb), .32); }
body.page-code-file .cf-verify-now:focus-visible { outline: 3px solid var(--c-primary); outline-offset: 3px; }
:where(html[data-theme="dark"]) body.page-code-file .cf-verify-now:focus-visible { outline: 3px solid var(--c-ink-line); }
body.page-code-file .cf-auth-cta i { font-size: 20px; }
body.page-code-file .cf-auth-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(var(--c-accent-rgb), .42); }
body.page-code-file .cf-auth-cta:focus-visible { outline: 3px solid var(--c-primary); outline-offset: 3px; }
:where(html[data-theme="dark"]) body.page-code-file .cf-auth-cta:focus-visible { outline: 3px solid var(--c-ink-line); }
body.page-code-file .is-highlight { animation: cf-auth-cue 1.9s ease-in-out infinite; }
body.page-code-file .cf-auth-note { margin: 0; font-size: var(--text-sm); color: var(--c-text-muted); }
body.page-code-file .cf-auth-note a { color: var(--c-accent); font-weight: var(--weight-bold); text-decoration: none; text-underline-offset: 2px; }
body.page-code-file .cf-auth-note a:hover { color: var(--c-accent-strong); }
body.page-code-file .cf-auth-demo { display: inline-flex; align-items: center; gap: 9px; padding: var(--space-3) var(--space-6); border: 1px solid var(--c-tint-line); border-radius: var(--radius-pill); background: var(--c-card); color: var(--c-primary); font-size: var(--text-base); font-weight: var(--weight-semibold); text-decoration: none; transition: border-color .2s ease, color .2s ease, transform .2s ease; }
:where(html[data-theme="dark"]) body.page-code-file .cf-auth-demo { color: var(--c-ink); }
body.page-code-file .cf-auth-demo:hover { border-color: var(--c-accent); color: var(--c-accent); transform: translateY(-2px); }
body.page-code-file .cf-auth-demo-note { margin: 0; font-size: var(--text-xs); color: var(--c-text-muted); }
@media (max-width: 600px) {
    body.page-code-file .cf-auth-get { padding: var(--space-4); }
    body.page-code-file .cf-auth-ic { width: 34px; height: 34px; font-size: 15px; }
    body.page-code-file .cf-auth-cta { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
    body.page-code-file .cf-auth-cta, body.page-code-file .is-highlight, body.page-code-file .cf-auth-demo { animation: none; transition: none; }
}
body.page-code-file .lang-btn { border-color: var(--c-accent); background: var(--c-tint); }
body.page-code-file .lang-btn::before { content: ''; order: 1; width: 7px; height: 7px; border-radius: 50%; background: var(--c-accent); animation: rsLangPulse 2.4s ease-out infinite; }
body.page-code-file .lang-btn::after { content: 'Translate'; order: 2; font-size: var(--text-xs); font-weight: var(--weight-semibold); color: var(--c-accent); }
body.page-code-file .lang-btn .lang-caret { order: 3; }
@media (max-width: 480px) {
    body.page-code-file .lang-btn::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    body.page-code-file .lang-btn::before { animation: none; }
}
body.page-code-file .ru-bar { display: none; background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); color: var(--c-on-primary); border-bottom: 2px solid var(--c-accent); }
body.page-code-file .ru-bar.show { display: block; }
body.page-code-file .ru-bar-in { max-width: 1280px; margin: 0 auto; padding: 9px 20px; display: flex; align-items: center; gap: var(--space-3); font-family: var(--font-family-base); }
body.page-code-file .ru-bar-tag { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; background: var(--c-accent); color: var(--c-on-accent); padding: 4px 12px; border-radius: var(--radius-pill); font-size: 11px; font-weight: var(--weight-bold); text-transform: uppercase; letter-spacing: 0.06em; white-space: nowrap; }
body.page-code-file .ru-bar-name { flex: 0 1 auto; min-width: 0; font-size: var(--text-base); font-weight: var(--weight-bold); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.page-code-file .ru-bar-note { flex: 1 1 auto; min-width: 0; font-size: 13px; color: rgba(255, 255, 255, 0.72); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.page-code-file .ru-bar-btn { flex: 0 0 auto; margin-left: auto; display: inline-flex; align-items: center; gap: 7px; background: var(--c-accent); color: var(--c-on-accent); text-decoration: none; padding: 8px 18px; border-radius: var(--radius-pill); font-size: 13px; font-weight: var(--weight-bold); white-space: nowrap; min-height: 36px; touch-action: manipulation; animation: ru-blink 1.4s ease-in-out infinite; }
body.page-code-file .ru-bar-btn:hover, body.page-code-file .ru-bar-btn:active { animation: none; background: var(--c-accent-strong); transform: translateY(-1px); }
body.page-code-file .ru-bar-btn:focus-visible { outline: 3px solid var(--c-on-primary); outline-offset: 2px; }
body.page-code-file .ru-bar-x { flex: 0 0 auto; background: none; border: 0; color: rgba(255, 255, 255, 0.7); font-size: 22px; line-height: 1; padding: 0 2px; cursor: pointer; touch-action: manipulation; }
body.page-code-file .ru-bar-x:hover { color: var(--c-on-primary); }
@media (prefers-reduced-motion: reduce) {
    body.page-code-file .ru-bar-btn { animation: none; }
}
@media (max-width: 768px) {
    body.page-code-file .ru-bar-note { display: none; }
    body.page-code-file .ru-bar-in { padding: 8px 14px; gap: var(--space-2); }
    body.page-code-file .ru-bar-name { flex: 1 1 auto; font-size: 13px; }
}
@media (max-width: 480px) {
    body.page-code-file .ru-bar-tag { display: none; }
    body.page-code-file .ru-bar-name { font-size: 12px; }
    body.page-code-file .ru-bar-btn { padding: 7px 13px; font-size: 12px; }
}
@media (max-width: 992px) {
    body.page-code-file .content-section { padding: var(--space-6) var(--space-5); }
    body.page-code-file .container { padding: var(--space-8) var(--space-4); }
}
@media (max-width: 768px) {
    body.page-code-file .container { padding: var(--space-5) var(--space-4); }
    body.page-code-file .file-header { padding: var(--space-5) var(--space-4); margin-bottom: var(--space-5); }
    body.page-code-file .file-header h1 { margin-bottom: var(--space-3); }
    body.page-code-file .file-meta { gap: var(--space-2); }
    body.page-code-file .badge { font-size: var(--text-xs); padding: var(--space-1) var(--space-3); }
    body.page-code-file .video-container { margin-bottom: var(--space-5); }
    body.page-code-file .content-section { padding: var(--space-5) var(--space-4); margin-bottom: var(--space-5); }
    body.page-code-file .btn-primary { padding: var(--space-3) var(--space-5); }
    body.page-code-file .step { padding: var(--space-4); margin-bottom: var(--space-5); }
    body.page-code-file .video-card { margin: 0 auto; max-width: 100%; width: 100%; }
    body.page-code-file .subscribers-milestone-banner { padding: var(--space-3) var(--space-4); }
    body.page-code-file .milestone-content { flex-direction: row; gap: var(--space-3); }
    body.page-code-file .milestone-text { flex-direction: row; gap: var(--space-2); align-items: center; }
    body.page-code-file .milestone-emoji { font-size: 20px; width: 44px; height: 44px; animation: none; }
    body.page-code-file .milestone-message { text-align: left; }
    body.page-code-file .milestone-main { font-size: var(--text-sm); margin-bottom: 2px; }
    body.page-code-file .milestone-sub { font-size: var(--text-xs); }
    body.page-code-file .subscribe-btn { padding: var(--space-2) var(--space-4); font-size: var(--text-sm); white-space: nowrap; flex-shrink: 0; }
    body.page-code-file .subscribe-btn svg { width: 16px; height: 16px; margin-right: var(--space-1); }
    body.page-code-file .vip-membership-banner { padding: var(--space-5); }
    body.page-code-file .vip-banner-content { flex-direction: column; text-align: center; }
    body.page-code-file .vip-banner-left { flex-direction: column; }
    body.page-code-file .vip-banner-trust { justify-content: center; flex-wrap: wrap; }
    body.page-code-file .trust-grid { grid-template-columns: repeat(3, 1fr) !important; gap: var(--space-2) !important; }
    body.page-code-file .customize-grid { grid-template-columns: 1fr !important; gap: var(--space-3) !important; }
    body.page-code-file div[style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: 1fr !important; }
    body.page-code-file .checkout-grid { grid-template-columns: 1fr; }
    body.page-code-file .checkout-right { position: static; }
    body.page-code-file .sidebar-price-main { font-size: var(--text-3xl); }
    body.page-code-file .checkout-sidebar-body { padding: var(--space-4); }
    body.page-code-file .file-prompt-section { padding: var(--space-4); }
    body.page-code-file .paytm-box, body.page-code-file .binance-box, body.page-code-file .crypto-box { width: 95%; margin: 10px auto 20px; }
    body.page-code-file .paytm-grid, body.page-code-file .binance-grid, body.page-code-file .crypto-grid { grid-template-columns: 1fr; }
    body.page-code-file .paytm-left, body.page-code-file .binance-left { border-right: none; border-bottom: 1px solid var(--border-color); padding: var(--space-4); }
    body.page-code-file .paytm-left img, body.page-code-file .binance-left img { max-width: 160px; }
    body.page-code-file .paytm-right, body.page-code-file .binance-right { padding: var(--space-4); max-height: none; }
    body.page-code-file .crypto-left { border-right: none; border-bottom: 1px solid var(--border-color); max-height: none; }
    body.page-code-file .crypto-right { max-height: none; }
}
@media (max-width: 640px) {
    body.page-code-file .auth-section { padding: var(--space-4) !important; }
    body.page-code-file #watchProgress { padding: var(--space-4) !important; }
    body.page-code-file #watchProgress p { font-size: var(--text-base) !important; }
    body.page-code-file #downloadSection { padding: var(--space-4) !important; }
    body.page-code-file #verifiedDownloadBtn { font-size: var(--text-base) !important; padding: var(--space-3) !important; }
}
@media (max-width: 600px) {
    body.page-code-file div[style*="background: linear-gradient"] { padding: 15px !important; margin-bottom: 15px !important; border-radius: var(--radius-sm) !important; }
    body.page-code-file .container { padding: var(--space-4) var(--space-3); }
    body.page-code-file .file-header { padding: var(--space-4) var(--space-3); margin-bottom: var(--space-4); }
    body.page-code-file .file-meta { gap: var(--space-1); justify-content: center; }
    body.page-code-file .badge { padding: var(--space-1) var(--space-3); font-size: 10px; }
    body.page-code-file .video-container { margin-bottom: var(--space-4); }
    body.page-code-file .btn-primary, body.page-code-file .btn-whatsapp { padding: var(--space-4) var(--space-5) !important; font-size: var(--text-base) !important; min-height: 48px !important; display: block !important; width: 100% !important; text-align: center !important; margin: var(--space-2) 0 !important; }
    body.page-code-file .trust-grid { grid-template-columns: repeat(3, 1fr) !important; gap: var(--space-2) !important; }
    body.page-code-file .customize-grid { grid-template-columns: 1fr !important; gap: var(--space-3) !important; }
    body.page-code-file .content-section { padding: var(--space-4) var(--space-3) !important; margin-bottom: var(--space-4) !important; }
    body.page-code-file .section-title { margin-bottom: var(--space-3) !important; padding-bottom: var(--space-3) !important; }
    body.page-code-file .community-popup { padding: var(--space-8) var(--space-6); }
    body.page-code-file .community-popup-title { font-size: var(--text-2xl); }
    body.page-code-file .community-popup-message { font-size: var(--text-md); }
    body.page-code-file .community-popup-privacy { font-size: var(--text-xs); padding: var(--space-3); }
}
@media (max-width: 480px) {
    body.page-code-file div[style*="background: linear-gradient"][style*="padding"] { padding: 15px 12px !important; margin: 15px 0 !important; border-radius: var(--radius-sm) !important; }
    body.page-code-file div[style*="background: white"][style*="padding: 20px"] { padding: 12px !important; }
    body.page-code-file .subscribers-milestone-banner { padding: var(--space-2) var(--space-3); }
    body.page-code-file .milestone-emoji { font-size: 18px; width: 38px; height: 38px; }
    body.page-code-file .milestone-main { font-size: 13px; }
    body.page-code-file .milestone-main strong { display: inline; }
    body.page-code-file .milestone-sub { font-size: 11px; }
    body.page-code-file .subscribe-btn { padding: var(--space-2) var(--space-4); font-size: 13px; }
    body.page-code-file .subscribe-btn svg { width: 14px; height: 14px; margin-right: var(--space-1); }
    body.page-code-file .scheduled-countdown-banner { padding: var(--space-8) var(--space-4); }
    body.page-code-file .scheduled-countdown-title { font-size: var(--text-xl); }
    body.page-code-file .countdown-unit { padding: var(--space-3); min-width: 60px; }
    body.page-code-file .countdown-value { font-size: var(--text-2xl); }
    body.page-code-file .countdown-label { font-size: 10px; }
    body.page-code-file .countdown-separator { font-size: var(--text-2xl); }
    body.page-code-file .scheduled-countdown-timer { gap: var(--space-1); }
    body.page-code-file .badge { padding: 3px var(--space-2); font-size: 9px; }
    body.page-code-file .btn-primary, body.page-code-file .btn-whatsapp { padding: var(--space-3) var(--space-4) !important; font-size: var(--text-sm) !important; min-height: 44px !important; }
    body.page-code-file .content-section { padding: var(--space-3) var(--space-3) !important; }
    body.page-code-file .trust-grid { grid-template-columns: repeat(2, 1fr) !important; gap: var(--space-1) !important; }
}
@media (max-width: 375px) {
    body.page-code-file div[style*="background: linear-gradient"] { padding: 12px !important; }
    body.page-code-file .file-header { padding: var(--space-3); }
    body.page-code-file .container { padding: var(--space-3) var(--space-2); }
    body.page-code-file .content-section { padding: var(--space-3) var(--space-2) !important; }
}
@media (max-height: 600px) and (orientation: landscape) {
    body.page-code-file .container { padding: var(--space-4) var(--space-5); }
    body.page-code-file .file-header { padding: var(--space-4); margin-bottom: var(--space-4); }
    body.page-code-file .video-container { margin-bottom: var(--space-4); }
}
@media (hover: none) and (pointer: coarse) {
    body.page-code-file .nav-btn, body.page-code-file .btn-primary, body.page-code-file .btn-whatsapp { -webkit-tap-highlight-color: rgba(var(--c-accent-rgb), 0.1); touch-action: manipulation; }
    body.page-code-file .nav-btn:active, body.page-code-file .btn-primary:active, body.page-code-file .btn-whatsapp:active { transform: scale(0.98); }
    body.page-code-file button, body.page-code-file input[type="button"], body.page-code-file input[type="submit"], body.page-code-file [role="button"], body.page-code-file a[class*="btn"], body.page-code-file a[class*="cta"] { min-height: 44px; min-width: 44px; }
    body.page-code-file a { min-height: 44px; }
}
@supports (-webkit-touch-callout: none) {
    body.page-code-file .container { min-height: -webkit-fill-available; }
    body.page-code-file input, body.page-code-file button, body.page-code-file select, body.page-code-file textarea { -webkit-border-radius: var(--radius-md); border-radius: var(--radius-sm); }
    body.page-code-file input, body.page-code-file select, body.page-code-file textarea { -webkit-appearance: none; box-shadow: none; }
}
@supports (padding: max(0px)) {
    @media (max-width: 768px) {
        body.page-code-file .container { padding-left: max(var(--space-4), env(safe-area-inset-left)); padding-right: max(var(--space-4), env(safe-area-inset-right)); padding-bottom: max(var(--space-4), env(safe-area-inset-bottom)); }
    }
}
body.page-code-file button:focus-visible, body.page-code-file a:focus-visible, body.page-code-file input:focus-visible, body.page-code-file select:focus-visible, body.page-code-file textarea:focus-visible { outline: 3px solid var(--navy-500); outline-offset: 2px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    body.page-code-file .file-header { box-shadow: var(--shadow-md); }
}
body.page-code-file .swal2-confirm.swal2-styled { padding: var(--space-3) var(--space-10) !important; font-size: var(--text-md) !important; font-weight: var(--weight-semibold) !important; border-radius: var(--radius-sm) !important; box-shadow: 0 4px 12px rgba(var(--c-accent-rgb), 0.3) !important; }
body.page-code-file .swal2-confirm.swal2-styled:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(var(--c-accent-rgb), 0.4) !important; }
@media (max-width: 600px) {
    body.page-code-file #verifiedActionsSection, body.page-code-file #youtubeAuthSection { padding: var(--space-4) var(--space-3) !important; margin: var(--space-3) 0 !important; }
    body.page-code-file #subscriptionNoticeBanner { padding: var(--space-3) var(--space-4) !important; margin: var(--space-3) 0 !important; }
    body.page-code-file #startWatchingBtn, body.page-code-file #verifiedDownloadBtn, body.page-code-file #googleSignInBtn, body.page-code-file #verifiedActionsSection a { padding: var(--space-3) var(--space-5) !important; font-size: var(--text-base) !important; width: 100% !important; box-sizing: border-box !important; justify-content: center !important; }
    body.page-code-file .cf-custom-card { padding: var(--space-4) var(--space-3) !important; margin-top: var(--space-4) !important; }
    body.page-code-file .cf-faq-card { padding: var(--space-4) var(--space-3) !important; margin: var(--space-4) 0 !important; }
    body.page-code-file .community-popup-close { width: 44px !important; height: 44px !important; top: var(--space-2) !important; right: var(--space-2) !important; font-size: var(--text-2xl) !important; z-index: 2 !important; }
}
@media (hover: none) and (pointer: coarse) {
    body.page-code-file .community-popup-close { width: 44px; height: 44px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.12); }
    body.page-code-file .community-popup-close:hover { transform: none; background: var(--c-tint); color: var(--c-text); }
}
body.page-code-file .sidebar-license-note { margin: var(--space-4) 0 var(--space-1); padding: 12px 14px; background: #f0f7ff; border: 1px solid rgba(var(--c-accent-rgb),.18); border-radius: var(--radius-md); }
:where(html[data-theme="dark"]) body.page-code-file .sidebar-license-note { background: #0B1725; }
body.page-code-file .license-note-head { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; color: var(--c-primary); margin-bottom: 6px; }
:where(html[data-theme="dark"]) body.page-code-file .license-note-head { color: var(--c-ink); }
body.page-code-file .license-note-head i { color: var(--c-accent); }
body.page-code-file .sidebar-license-note p { margin: 0; font-size: 12.5px; line-height: 1.55; color: #444746; }
:where(html[data-theme="dark"]) body.page-code-file .sidebar-license-note p { color: #B8BBBA; }
:where(body.page-code-file).page-code-file .related-files-section { margin:32px 0 8px; box-sizing:border-box; }
:where(body.page-code-file).page-code-file .related-files-section h2 { font-size:20px; font-weight:700; color:var(--c-primary); margin:0 0 18px; display:flex; align-items:center; gap:8px; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .related-files-section h2 { color: var(--c-ink); }
:where(body.page-code-file).page-code-file .related-files-section h2 i { color:var(--c-accent); }
:where(body.page-code-file).page-code-file .related-files-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
:where(body.page-code-file).page-code-file .rf-card { display:flex; flex-direction:column; border:1px solid #DADCE0; border-radius: 14px; overflow:hidden; background:#fff; transition:box-shadow .2s, transform .2s, border-color .2s; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .rf-card { border: 1px solid #37393C; background: #131313; }
:where(body.page-code-file).page-code-file .rf-card:hover { box-shadow:0 8px 22px rgba(var(--c-primary-rgb),.12); transform:translateY(-3px); border-color:var(--c-accent); }
:where(body.page-code-file).page-code-file .rf-card-link { display:flex; flex-direction:column; flex:1; text-decoration:none; }
:where(body.page-code-file).page-code-file .rf-thumb { position:relative; width:100%; aspect-ratio:16/9; background:var(--c-primary); overflow:hidden; }
:where(body.page-code-file).page-code-file .rf-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
:where(body.page-code-file).page-code-file .rf-body { padding:12px 14px 14px; display:flex; flex-direction:column; gap:8px; flex:1; }
:where(body.page-code-file).page-code-file .rf-title { font-size:14px; font-weight:700; color:var(--c-primary); line-height:1.35; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .rf-title { color: var(--c-ink); }
:where(body.page-code-file).page-code-file .rf-meta { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
:where(body.page-code-file).page-code-file .rf-badge { font-size:10.5px; font-weight:600; padding:3px 9px; border-radius: 0; background:var(--c-tint-2); color:var(--c-accent); }
:where(body.page-code-file).page-code-file .rf-badge.rf-php { background:#eef0fb; color:#5b61c4; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .rf-badge.rf-php { background: #111322; color: #969AD9; }
:where(body.page-code-file).page-code-file .rf-cat { font-size:10.5px; font-weight:600; padding:3px 9px; border-radius: 0; background:#F1F3F4; color:#444746; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .rf-cat { background: #191B1C; color: #B8BBBA; }
:where(body.page-code-file).page-code-file .rf-watch { display:flex; align-items:center; justify-content:center; gap:7px; margin:0 14px 14px; padding:9px 12px; border-radius: 10px; background:#ff0000; color:#fff; font-size:12.5px; font-weight:700; text-decoration:none; transition:background .2s, transform .2s; }
:where(body.page-code-file).page-code-file .rf-watch:hover { background:#cc0000; transform:scale(1.02); }
:where(body.page-code-file).page-code-file .rf-watch i { font-size:14px; }
:where(body.page-code-file).page-code-file .related-files-more { text-align:center; margin-top:20px; }
:where(body.page-code-file).page-code-file .related-files-more a { display:inline-flex; align-items:center; gap:8px; background:var(--c-primary); color:#fff; padding:11px 26px; border-radius: 10px; font-size:14px; font-weight:600; text-decoration:none; transition:background .2s; }
:where(body.page-code-file).page-code-file .related-files-more a:hover { background:var(--c-accent); color:var(--c-on-accent); }
@media (max-width: 992px) {
    :where(body.page-code-file).page-code-file .related-files-grid { grid-template-columns:1fr; }
}
@media (max-width: 560px) {
    :where(body.page-code-file).page-code-file .related-files-section h2 { font-size:16px; margin-bottom:12px; }
    :where(body.page-code-file).page-code-file .related-files-grid { grid-template-columns:1fr; gap:10px; }
    :where(body.page-code-file).page-code-file .rf-card-link { flex-direction:row; align-items:flex-start; gap:10px; }
    :where(body.page-code-file).page-code-file .rf-thumb { flex:0 0 132px; width:132px; border-radius:10px; }
    :where(body.page-code-file).page-code-file .rf-body { padding:7px 8px 7px 0; gap:5px; }
    :where(body.page-code-file).page-code-file .rf-title { font-size:13px; line-height:1.3; }
    :where(body.page-code-file).page-code-file .rf-badge, :where(body.page-code-file).page-code-file .rf-cat { font-size:12px; padding:2px 7px; }
    :where(body.page-code-file).page-code-file .rf-watch { align-self:flex-start; width:auto; margin:0 0 10px 142px; padding:6px 12px; font-size:12px; }
    :where(body.page-code-file).page-code-file .related-files-more { margin-top:14px; }
    :where(body.page-code-file).page-code-file .related-files-more a { padding:9px 20px; font-size:13px; }
}
:where(body.page-code-file).page-code-file .video-desc-acc { margin-top:16px; border:1px solid #DADCE0; border-radius: 0; overflow:hidden; background:#fff; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .video-desc-acc { border: 1px solid #37393C; background: #131313; }
:where(body.page-code-file).page-code-file .rs-lang-pulse { animation: rsLangPulse 1.6s ease-out infinite; border-radius: 0; }
:where(body.page-code-file).page-code-file .rs-lang-coach { position: fixed; z-index: 100000; max-width: 280px; width: max-content; background: #fff; color: var(--c-primary); border: 1px solid #DADCE0; border-top: 3px solid var(--c-accent); border-radius: 0; box-shadow: 0 12px 34px rgba(var(--c-primary-rgb),.22); padding: 14px 16px 12px; font-size: 14px; line-height: 1.45; opacity: 0; transform: translateY(-6px); transition: opacity .22s ease, transform .22s ease; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .rs-lang-coach { background: #131313; color: var(--c-ink); border: 1px solid #37393C; }
:where(body.page-code-file).page-code-file .rs-lang-coach.show { opacity: 1; transform: translateY(0); }
:where(body.page-code-file).page-code-file .rs-lang-coach-arrow { position: absolute; top: -7px; width: 12px; height: 12px; background: #fff; border-left: 1px solid #DADCE0; border-top: 1px solid #DADCE0; transform: rotate(45deg); }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .rs-lang-coach-arrow { background: #131313; border-left: 1px solid #37393C; border-top: 1px solid #37393C; }
:where(body.page-code-file).page-code-file .rs-lang-coach-head { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--c-primary); margin-bottom: 4px; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .rs-lang-coach-head { color: var(--c-ink); }
:where(body.page-code-file).page-code-file .rs-lang-coach-head i { color: var(--c-accent); font-size: 16px; }
:where(body.page-code-file).page-code-file .rs-lang-coach-text { color: #3C4043; font-size: 14px; margin: 0 0 10px; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .rs-lang-coach-text { color: #BABEC1; }
:where(body.page-code-file).page-code-file .rs-lang-coach-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 18px; border: none; border-radius: 0; cursor: pointer; background:var(--c-accent); color:var(--c-on-accent); font-size: 14px; font-weight: 600; line-height: 1; transition: background .15s ease; touch-action: manipulation; }
:where(body.page-code-file).page-code-file .rs-lang-coach-btn:hover { background: var(--c-accent-strong); }
@media (max-width: 480px) {
    :where(body.page-code-file).page-code-file .rs-lang-coach { max-width: calc(100vw - 24px); width: calc(100vw - 24px); }
}
:where(body.page-code-file).page-code-file .file-prompt-section.ai-unlock { padding:18px 20px; background:linear-gradient(135deg,var(--c-tint) 0%,var(--c-tint) 100%); border:1px solid var(--c-tint-line); border-left:4px solid var(--c-accent); box-shadow:0 6px 18px rgba(var(--c-primary-rgb),.06); }
:where(body.page-code-file).page-code-file .ai-unlock .ai-unlock-row { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
:where(body.page-code-file).page-code-file .ai-unlock .ai-unlock-info { display:flex; align-items:center; gap:14px; min-width:0; flex:1; }
:where(body.page-code-file).page-code-file .ai-unlock .ai-ico { width:48px; height:48px; flex:none; border-radius:0; display:flex; align-items:center; justify-content:center; background:var(--c-tint-2); color:var(--c-accent); font-size:20px; box-shadow:0 2px 8px rgba(var(--c-accent-rgb),.12); }
:where(body.page-code-file).page-code-file .ai-unlock .ai-ico.ok { background:#e7f7ee; color:#0a6b3d; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .ai-unlock .ai-ico.ok { background: #15251C; color: #7CF3BB; }
:where(body.page-code-file).page-code-file .ai-unlock .ai-unlock-info strong { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:16px; color:var(--c-primary); font-weight:800; line-height:1.3; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .ai-unlock .ai-unlock-info strong { color: var(--c-ink); }
:where(body.page-code-file).page-code-file .ai-unlock .ai-free-badge { display:inline-flex; align-items:center; gap:4px; padding:3px 9px; background:#10b981; color:#fff; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
:where(body.page-code-file).page-code-file .ai-unlock .ai-unlock-info small { display:block; font-size:13px; color:#444746; margin-top:4px; line-height:1.45; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .ai-unlock .ai-unlock-info small { color: #B8BBBA; }
:where(body.page-code-file).page-code-file .ai-unlock .ai-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
:where(body.page-code-file).page-code-file .ai-unlock .ai-open { display:inline-flex; align-items:center; gap:8px; padding:11px 18px; background:linear-gradient(135deg,var(--c-accent),var(--c-primary)); color:#fff; border-radius:0; font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; box-shadow:0 4px 14px rgba(var(--c-accent-rgb),.25); }
:where(body.page-code-file).page-code-file .ai-unlock .ai-open:hover { filter:brightness(1.05); }
:where(body.page-code-file).page-code-file .ai-unlock .ai-how { display:inline-flex; align-items:center; gap:7px; padding:11px 14px; background:#fff; color:var(--c-accent); border:1px solid var(--c-tint-line); border-radius:0; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; font-family:inherit; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .ai-unlock .ai-how { background: #131313; }
:where(body.page-code-file).page-code-file .ai-unlock .ai-how:hover { background:var(--c-tint-2); border-color:var(--c-accent); }
:where(body.page-code-file).page-code-file .ai-unlock .ai-how i { font-size:15px; }
@media (max-width: 560px) {
    :where(body.page-code-file).page-code-file .ai-unlock .ai-actions { width:100%; }
    :where(body.page-code-file).page-code-file .ai-unlock .ai-open, :where(body.page-code-file).page-code-file .ai-unlock .ai-how { flex:1; justify-content:center; }
}
:where(body.page-code-file).page-code-file #rsAiHowModal { position:fixed; inset:0; z-index:10050; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(var(--c-primary-rgb),.6); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); animation:rsAiHowFade .18s ease; }
:where(body.page-code-file).page-code-file #rsAiHowModal[hidden] { display:none !important; }
:where(body.page-code-file).page-code-file.rs-ai-how-open { overflow:hidden; }
:where(body.page-code-file).page-code-file .rs-ai-how-box { width:100%; max-width:500px; background:var(--c-card); border:1px solid var(--c-tint-line); border-radius:20px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 30px 80px -12px rgba(var(--c-primary-rgb),.4), 0 0 0 1px rgba(255,255,255,.06); max-height:min(90vh,660px); animation:rsAiHowPop .24s cubic-bezier(.2,.9,.3,1.2); }
:where(body.page-code-file).page-code-file .rs-ai-how-head { position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 20px; background:linear-gradient(135deg,var(--c-primary-dark),var(--c-primary) 60%,var(--c-secondary)); color:#fff; overflow:hidden; }
:where(body.page-code-file).page-code-file .rs-ai-how-head::before { content:''; position:absolute; top:-70px; right:-40px; width:190px; height:190px; border-radius:50%; background:radial-gradient(circle, rgba(var(--c-accent-rgb),.28) 0%, transparent 70%); pointer-events:none; }
:where(body.page-code-file).page-code-file .rs-ai-how-head h3 { position:relative; margin:0; font-size:17px; font-weight:800; letter-spacing:-.01em; display:flex; align-items:center; gap:11px; }
:where(body.page-code-file).page-code-file .rs-ai-how-head h3 i { width:36px; height:36px; flex:none; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; background:rgba(var(--c-accent-rgb),.2); border:1px solid rgba(var(--c-accent-rgb),.35); color:var(--c-accent-soft); font-size:16px; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .rs-ai-how-head h3 i { color: var(--g-link); }
:where(body.page-code-file).page-code-file .rs-ai-how-x { position:relative; width:34px; height:34px; border:1px solid rgba(255,255,255,.22); border-radius:50%; background:rgba(255,255,255,.12); color:#fff; cursor:pointer; font-size:14px; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, transform .15s; }
:where(body.page-code-file).page-code-file .rs-ai-how-x:hover { background:rgba(255,255,255,.26); transform:rotate(90deg); }
:where(body.page-code-file).page-code-file .rs-ai-how-body { padding:18px 20px 8px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--c-tint-line) transparent; }
:where(body.page-code-file).page-code-file .rs-ai-how-intro { margin:0 0 14px; font-size:13.5px; color:var(--c-text-muted); line-height:1.55; padding:10px 14px; background:var(--c-tint); border:1px solid var(--c-tint-line); border-radius:12px; }
:where(body.page-code-file).page-code-file .rs-ai-how-steps { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
:where(body.page-code-file).page-code-file .rs-ai-how-steps li { display:flex; gap:13px; align-items:flex-start; padding:13px 14px; background:var(--c-card); border:1px solid var(--c-tint-line); border-radius:14px; transition:border-color .15s, box-shadow .15s, transform .15s; }
:where(body.page-code-file).page-code-file .rs-ai-how-steps li:hover { border-color:rgba(var(--c-accent-rgb),.45); box-shadow:0 6px 18px rgba(var(--c-primary-rgb),.07); transform:translateY(-1px); }
:where(body.page-code-file).page-code-file .rs-ai-how-num { width:28px; height:28px; flex:none; border-radius:50%; background:linear-gradient(135deg,var(--c-accent),var(--c-accent-strong)); color:var(--c-on-accent); font-size:12.5px; font-weight:800; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 10px rgba(var(--c-accent-rgb),.35); }
:where(body.page-code-file).page-code-file .rs-ai-how-steps strong { display:block; font-size:13.5px; color:var(--c-primary); margin-bottom:3px; letter-spacing:-.01em; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .rs-ai-how-steps strong { color: var(--c-ink); }
:where(body.page-code-file).page-code-file .rs-ai-how-steps span { display:block; font-size:12.5px; color:var(--c-text-muted); line-height:1.5; }
:where(body.page-code-file).page-code-file .rs-ai-how-foot { padding:14px 20px 18px; display:flex; flex-wrap:wrap; gap:10px; border-top:1px solid var(--c-tint-line); background:var(--c-tint); }
:where(body.page-code-file).page-code-file .rs-ai-how-foot .ai-open { flex:1; min-width:140px; justify-content:center; border-radius:999px !important; }
:where(body.page-code-file).page-code-file .rs-ai-how-foot .ai-how-close { flex:1; min-width:120px; padding:11px 16px; background:var(--c-card); border:1px solid var(--c-tint-line); border-radius:999px; color:var(--c-primary); font-weight:700; font-size:13px; cursor:pointer; font-family:inherit; transition:background .15s, border-color .15s; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .rs-ai-how-foot .ai-how-close { color: var(--c-ink); }
:where(body.page-code-file).page-code-file .rs-ai-how-foot .ai-how-close:hover { background:var(--c-tint-2); border-color:var(--c-accent); }
@media (prefers-reduced-motion: reduce) {
    :where(body.page-code-file).page-code-file #rsAiHowModal, :where(body.page-code-file).page-code-file .rs-ai-how-box { animation:none; }
}
:where(body.page-code-file).page-code-file .cf-prompt-wrap { display:flex; align-items:stretch; gap:8px; margin:0 0 12px; width:100%; box-sizing:border-box; }
:where(body.page-code-file).page-code-file .cf-prompt-cta { display:flex; align-items:center; gap:10px; flex:1; min-width:0; box-sizing:border-box; padding:12px 14px; background:var(--c-tint-2); border:1px solid var(--c-tint-line); border-radius:0; color:var(--c-primary); text-decoration:none; transition:.15s; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .cf-prompt-cta { color: var(--c-ink); }
:where(body.page-code-file).page-code-file .cf-prompt-cta:hover { background:var(--c-tint-2); border-color:var(--c-tint-line); }
:where(body.page-code-file).page-code-file .cf-prompt-cta .cf-prompt-ic { width:34px; height:34px; flex:none; border-radius:0; display:flex; align-items:center; justify-content:center; background:var(--c-accent); color:var(--c-on-accent); font-size:15px; }
:where(body.page-code-file).page-code-file .cf-prompt-cta .cf-prompt-txt { min-width:0; line-height:1.3; }
:where(body.page-code-file).page-code-file .cf-prompt-cta .cf-prompt-txt strong { display:block; font-size:13.5px; font-weight:700; }
:where(body.page-code-file).page-code-file .cf-prompt-cta .cf-prompt-txt small { display:block; font-size:11.5px; color:#5b6b80; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .cf-prompt-cta .cf-prompt-txt small { color: #8A99AC; }
:where(body.page-code-file).page-code-file .cf-prompt-cta .cf-prompt-go { margin-left:auto; flex:none; font-size:12px; font-weight:700; color:var(--c-accent); white-space:nowrap; }
:where(body.page-code-file).page-code-file .cf-prompt-how { flex:none; width:46px; display:inline-flex; align-items:center; justify-content:center; background:#fff; border:1px solid var(--c-tint-line); color:var(--c-accent); cursor:pointer; font-size:18px; padding:0; font-family:inherit; }
:where(html[data-theme="dark"]) :where(body.page-code-file).page-code-file .cf-prompt-how { background: #131313; }
:where(body.page-code-file).page-code-file .cf-prompt-how:hover { background:var(--c-tint-2); border-color:var(--c-accent); }
:where(body.page-code-file).page-code-file button[style], :where(body.page-code-file).page-code-file a[style*="box-shadow"], :where(body.page-code-file).page-code-file .gsc-btn-demo, :where(body.page-code-file).page-code-file .gsc-btn-hire, :where(body.page-code-file).page-code-file .swal2-styled { border-radius: 999px !important; }
body.page-code-file .cf-fileinfo-card, body.page-code-file .cf-features, body.page-code-file .cf-desc, body.page-code-file .cf-faq-card, body.page-code-file .cf-custom-card, body.page-code-file .checkout-sidebar, body.page-code-file .auth-section, body.page-code-file .content-section, body.page-code-file #verifiedActionsSection { background: var(--c-card) !important; border: 1px solid var(--c-tint-line) !important; border-radius: var(--radius-lg) !important; box-shadow: 0 1px 2px rgba(var(--c-primary-rgb), .04), 0 10px 28px rgba(var(--c-primary-rgb), .06) !important; }
body.page-code-file #verifiedActionsSection { border-top: 3px solid var(--c-accent) !important; }
body.page-code-file div[style*="linear-gradient"][style*="#ecfdf5"] { background: var(--c-tint) !important; }
body.page-code-file a[style*="linear-gradient"][style*="#3b82f6"], body.page-code-file button[style*="linear-gradient"][style*="#3b82f6"], body.page-code-file a[style*="linear-gradient"][style*="#10b981"], body.page-code-file button[style*="linear-gradient"][style*="#10b981"] { background: linear-gradient(135deg, var(--c-accent), var(--c-accent-strong)) !important; color: var(--c-on-accent) !important; }
body.page-code-file span[style*="background:#10b981"], body.page-code-file span[style*="background: #10b981"] { background: var(--c-accent) !important; color: var(--c-on-accent) !important; }
body.page-code-file div[style*="linear-gradient"][style*="#ef4444"] { background: linear-gradient(135deg, var(--c-primary), var(--c-secondary)) !important; }
body.page-code-file #watchProgressBar { background: linear-gradient(90deg, var(--c-accent), var(--c-accent-strong)) !important; }
body.page-code-file #startWatchingBtn { background: linear-gradient(135deg, var(--c-primary), var(--c-secondary)) !important; color: var(--c-on-primary) !important; box-shadow: 0 5px 16px rgba(var(--c-primary-rgb), .28) !important; }
body.page-code-file button[style], body.page-code-file a[style*="box-shadow"] { box-shadow: 0 4px 14px rgba(var(--c-primary-rgb), .12) !important; }
body.page-code-file #verifiedDownloadBtn, body.page-code-file #getSourceCodeBtn, body.page-code-file #buyWithPointsBtn { box-shadow: 0 8px 20px rgba(var(--c-accent-rgb), .3) !important; }
body.page-code-file h1, body.page-code-file h2, body.page-code-file h3, body.page-code-file h4 { letter-spacing: -.015em; }
body.page-code-file .cf-features h3, body.page-code-file .cf-faq-card > h3, body.page-code-file .cf-custom-card h3 { font-size: 17px !important; font-weight: 800 !important; }
body.page-code-file .cf-fileinfo-card table, body.page-code-file .checkout-sidebar { font-variant-numeric: tabular-nums; }
body.page-code-file a:focus-visible, body.page-code-file button:focus-visible { outline: 3px solid rgba(var(--c-accent-rgb), .55); outline-offset: 2px; }
body.page-code-file .related-files-section { background: var(--c-card); border: 1px solid var(--c-tint-line); border-radius: var(--radius-lg); box-shadow: 0 1px 2px rgba(var(--c-primary-rgb), .04), 0 10px 28px rgba(var(--c-primary-rgb), .06); padding: 26px 26px 22px; }
@media (max-width: 600px) {
    body.page-code-file .related-files-section { padding: 18px 14px 14px; }
}
body.page-code-file .pk-card-btn { background: linear-gradient(180deg, #21B573 0%, #0B5B3C 100%); box-shadow: 0 14px 26px rgba(23, 160, 96, .38), 0 2px 4px rgba(0, 0, 0, .12); }
body.page-code-file .pk-card-btn:hover { background: linear-gradient(180deg, #2FD189 0%, #0E7049 100%); }
body.page-code-file .pk-card-note { margin: 8px 2px 0; font-size: 12px; font-weight: 600; color: #444746; line-height: 1.55; text-align: center; }
:where(html[data-theme="dark"]) body.page-code-file .pk-card-note { color: #B8BBBA; }
body.page-code-file .pk-card-note i { color: #21B573; margin-right: 4px; }
:where(html[data-theme="dark"]) body.page-code-file .pk-card-note i { color: #86E9BD; }
@media (min-width: 769px) {
    body.page-code-file .paytm-left, body.page-code-file .binance-left, body.page-code-file .crypto-left { padding: 34px 28px; }
}
body.page-code-file .paytm-overlay, body.page-code-file .binance-overlay, body.page-code-file .crypto-overlay { --pmx-ink: var(--co-ink, #141210); --pmx-ink2: var(--co-ink-2, #2A2622); --pmx-mut: var(--co-muted, #6E6860); --pmx-rail: var(--co-paper, #F7F5F2); --pmx-sw: var(--co-line-2, #F1EDE7); --pmx-l1: var(--co-line, #E8E3DB); --pmx-l2: var(--co-line, #E8E3DB); --pmx-li: rgba(var(--co-ink-rgb, 20,18,16),.16); --pmx-ld: rgba(var(--co-ink-rgb, 20,18,16),.24); --pmx-link: var(--co-ink, #141210); --pmx-ok: #2f7d5b; --pmx-accent: var(--co-ink, #141210); --pmx-on-ink: var(--co-on-ink, #fff); --pmx-on-accent: var(--co-on-ink, #fff); --pmx-sans: var(--font-family-base); --pmx-mono: var(--co-mono, var(--font-family-mono)); padding: 0; background: var(--co-card, #fff); overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; align-items: stretch; justify-content: center; font-family: var(--pmx-sans); color: var(--pmx-ink); line-height: 1.5; }
body.page-code-file .paytm-box, body.page-code-file .binance-box, body.page-code-file .crypto-box { background: #fff; width: 100%; max-width: none; max-height: none; min-height: 100%; margin: 0; display: flex; flex-direction: column; gap: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
:where(html[data-theme="dark"]) body.page-code-file .paytm-box, :where(html[data-theme="dark"]) body.page-code-file .binance-box, :where(html[data-theme="dark"]) body.page-code-file .crypto-box { background: #131313; }
body.page-code-file .pmx-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 28px; background: #fff; color: var(--pmx-ink); border: 0; border-bottom: 1px solid var(--pmx-l1); border-radius: 0; position: sticky; top: 0; z-index: 2; box-shadow: none; }
:where(html[data-theme="dark"]) body.page-code-file .pmx-header { background: #131313; }
body.page-code-file .pmx-head-l { display: flex; align-items: center; gap: 12px; min-width: 0; }
body.page-code-file .pmx-badge { width: 32px; height: 32px; flex: none; border-radius: 8px; background: var(--pmx-accent); color: var(--pmx-on-accent); display: flex; align-items: center; justify-content: center; font: 600 13px var(--pmx-mono); letter-spacing: .02em; }
body.page-code-file .pmx-head-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.page-code-file .pmx-head-t { font: 600 14px/1.2 var(--pmx-sans); color: var(--pmx-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.page-code-file .pmx-head-s { font: 400 12px/1.2 var(--pmx-sans); color: var(--pmx-mut); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.page-code-file .pmx-head-r { display: flex; align-items: center; gap: 16px; flex: none; }
body.page-code-file .pmx-secure { display: flex; align-items: center; gap: 6px; font: 500 12px var(--pmx-sans); color: var(--pmx-ok); white-space: nowrap; }
body.page-code-file .pmx-secure i { width: 6px; height: 6px; border-radius: 50%; background: var(--pmx-ok); }
body.page-code-file .pmx-close { width: 28px; height: 28px; border-radius: 7px; border: 1px solid var(--pmx-l2); background: #fff; color: var(--pmx-mut); font: 400 15px/1 var(--pmx-sans); cursor: pointer; display: flex; align-items: center; justify-content: center; flex: none; touch-action: manipulation; }
:where(html[data-theme="dark"]) body.page-code-file .pmx-close { background: #131313; }
body.page-code-file .pmx-close:hover { background: var(--pmx-rail); color: var(--pmx-ink); }
body.page-code-file .paytm-grid, body.page-code-file .binance-grid, body.page-code-file .crypto-grid { display: grid; grid-template-columns: minmax(320px, 460px) 1fr; align-items: stretch; flex: 1 1 auto; min-height: 0; gap: 0; max-width: none; width: 100%; margin: 0; background: transparent; }
body.page-code-file .paytm-left, body.page-code-file .binance-left, body.page-code-file .crypto-left { padding: 28px; border: 0; border-right: 1px solid var(--pmx-l1); background: var(--pmx-rail); display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 22px; min-width: 0; text-align: left; border-radius: 0; box-shadow: none; max-height: none; }
body.page-code-file .paytm-right, body.page-code-file .binance-right, body.page-code-file .crypto-right { padding: 28px 30px; background: #fff; display: flex; flex-direction: column; gap: 20px; min-width: 0; max-height: none; border-radius: 0; box-shadow: none; }
:where(html[data-theme="dark"]) body.page-code-file .paytm-right, :where(html[data-theme="dark"]) body.page-code-file .binance-right, :where(html[data-theme="dark"]) body.page-code-file .crypto-right { background: #131313; }
body.page-code-file .pmx-amount { background: none; border: 0; padding: 0; margin: 0; box-shadow: none; width: 100%; }
body.page-code-file .pmx-cap { font: 500 11px/1 var(--pmx-sans); letter-spacing: .09em; text-transform: uppercase; color: var(--pmx-mut); }
body.page-code-file .pmx-amt { display: flex; align-items: baseline; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
body.page-code-file .pmx-price { font: 600 40px/1 var(--pmx-mono); color: var(--pmx-ink); letter-spacing: -.02em; word-break: break-word; }
body.page-code-file .pmx-was { font: 400 14px var(--pmx-sans); color: var(--pmx-mut); text-decoration: line-through; }
body.page-code-file .pmx-amt-note { margin-top: 6px; font: 400 13px var(--pmx-sans); color: var(--pmx-mut); }
body.page-code-file .pmx-qr { background: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 10px; padding: 22px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
:where(html[data-theme="dark"]) body.page-code-file .pmx-qr { background: #131313; border: 1px solid rgba(255,255,255,0.1); }
body.page-code-file .pmx-qr img { width: 180px; max-width: 100%; height: 180px; object-fit: contain; border: 1px solid var(--pmx-l1); border-radius: 8px; background: #fff; padding: 6px; box-sizing: border-box; }
:where(html[data-theme="dark"]) body.page-code-file .pmx-qr img { background: #131313; }
body.page-code-file .pmx-qr-label { order: 2; font: 400 12px var(--pmx-sans); color: var(--pmx-mut); }
body.page-code-file .qr-fallback { display: none; font: 400 12px/1.5 var(--pmx-sans); color: #7a5510; background: #fdfaf0; border: 1px solid rgba(184,132,42,.28); border-radius: 9px; padding: 10px 12px; word-break: break-word; }
:where(html[data-theme="dark"]) body.page-code-file .qr-fallback { color: #EEC881; background: #221E0E; }
body.page-code-file .qr-dead .qr-fallback { display: block; }
body.page-code-file .qr-dead img { display: none; }
body.page-code-file .pmx-idbox { display: flex; flex-direction: column; gap: 8px; }
body.page-code-file .pmx-idbox-label { display: flex; align-items: center; gap: 6px; font: 500 11px/1 var(--pmx-sans); letter-spacing: .09em; text-transform: uppercase; color: var(--pmx-mut); margin: 0; }
body.page-code-file .pmx-idbox-label i { font-size: 11px; color: inherit; }
body.page-code-file .pmx-idbox-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #fff; border: 1px solid var(--pmx-accent, var(--pmx-l2)); border-radius: 9px; padding: 12px 14px; }
:where(html[data-theme="dark"]) body.page-code-file .pmx-idbox-row { background: #131313; }
body.page-code-file .pmx-idbox-id { flex: 1; min-width: 0; font: 500 16px var(--pmx-mono); color: var(--pmx-ink); letter-spacing: .04em; user-select: all; word-break: break-all; line-height: 1.35; }
body.page-code-file .pmx-copy { background: none; border: 0; padding: 6px 2px; margin: -6px 0; font: 500 12px var(--pmx-sans); color: var(--pmx-link); cursor: pointer; flex: none; touch-action: manipulation; }
body.page-code-file .pmx-copy:hover { text-decoration: none; }
body.page-code-file .pmx-recipient, body.page-code-file .pm-holder { font: 400 12px/1.5 var(--pmx-sans); color: var(--pmx-mut); margin: 0; padding: 0; border: 0; text-align: left; }
body.page-code-file .pmx-recipient b, body.page-code-file .pm-holder strong { font-weight: 500; color: var(--pmx-ink); }
body.page-code-file .pmx-idfield { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #fff; border: 1px solid var(--pmx-l2); border-radius: 9px; padding: 10px 12px; }
:where(html[data-theme="dark"]) body.page-code-file .pmx-idfield { background: #131313; }
body.page-code-file .pmx-idfield-label { flex: none; max-width: 42%; font: 400 10.5px var(--pmx-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--pmx-mut); }
body.page-code-file .pmx-idfield-val { flex: 1; min-width: 0; font: 500 13.5px var(--pmx-sans); color: var(--pmx-ink); text-align: right; word-break: break-all; user-select: all; line-height: 1.45; }
body.page-code-file .pmx-idfield-val.mono { font-family: var(--pmx-mono); }
body.page-code-file .pmx-note { display: flex; gap: 8px; align-items: flex-start; border: 1px solid; border-radius: 9px; padding: 10px 12px; font: 400 12px/1.5 var(--pmx-sans); }
body.page-code-file .pmx-note i { margin-top: 2px; flex: none; }
body.page-code-file .method-verification-notice { display: flex; gap: 8px; align-items: flex-start; margin: 0; background: #fdfaf0 !important; border: 1px solid rgba(184,132,42,.28) !important; color: #7a5510 !important; border-radius: 9px; padding: 10px 12px; font: 400 12px/1.5 var(--pmx-sans); }
:where(html[data-theme="dark"]) body.page-code-file .method-verification-notice { background: #221E0E !important; color: #EEC881 !important; }
body.page-code-file .method-verification-notice i { color: #b8842a !important; margin-top: 2px; flex: none; }
:where(html[data-theme="dark"]) body.page-code-file .method-verification-notice i { color: #E4C48B !important; }
body.page-code-file .method-verification-notice strong { font-weight: 600; }
body.page-code-file .pmx-open { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 44px; box-sizing: border-box; border: 0; border-radius: 10px; background: var(--pmx-ink); color: var(--pmx-on-ink); font: 600 14px var(--pmx-sans); text-decoration: none; cursor: pointer; touch-action: manipulation; transition: background .15s; }
body.page-code-file .pmx-open:hover { background: linear-gradient(rgba(0,0,0,.12), rgba(0,0,0,.12)), var(--pmx-ink); color: var(--pmx-on-ink); transform: none; }
body.page-code-file .pmx-paynow { display: flex; flex-direction: column; gap: 8px; }
body.page-code-file .pmx-paynote { font: 400 11.5px/1.5 var(--pmx-sans); color: var(--pmx-mut); }
body.page-code-file .pmx-trust { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 4px; padding: 18px 0 0; border: 0; border-top: 1px solid var(--pmx-l1); border-radius: 0; background: none; }
body.page-code-file .pmx-trust::before { content: none; }
body.page-code-file .pmx-trust div { flex: 1 1 auto; font: 400 11px/1.4 var(--pmx-sans); color: var(--pmx-mut); text-align: left; }
body.page-code-file .pmx-howhead { font: 500 11px/1 var(--pmx-sans); letter-spacing: .09em; text-transform: uppercase; color: var(--pmx-mut); display: block; margin: 0 0 14px; }
body.page-code-file .pmx-howhead i { display: none; }
body.page-code-file .pmx-steps { counter-reset: pmxstep; display: flex; flex-wrap: wrap; row-gap: 14px; margin: 0; padding: 0; list-style: none; background: none; border: 0; border-radius: 0; }
body.page-code-file .pmx-steps li { counter-increment: pmxstep; flex: 1 1 30%; min-width: 170px; position: relative; padding: 0 14px 0 44px; border-left: 1px solid var(--pmx-l1); font: 400 12px/1.45 var(--pmx-sans); color: var(--pmx-ink2); }
body.page-code-file .pmx-steps li:first-child, body.page-code-file .pmx-steps li:nth-child(3n+1) { padding-left: 30px; border-left: 0; }
body.page-code-file .pmx-steps li::before { content: counter(pmxstep); position: absolute; left: 14px; top: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--pmx-accent); color: var(--pmx-on-accent); display: flex; align-items: center; justify-content: center; font: 600 11px var(--pmx-mono); }
body.page-code-file .pmx-steps li:first-child::before, body.page-code-file .pmx-steps li:nth-child(3n+1)::before { left: 0; }
body.page-code-file .pmx-steps strong { font-weight: 600; color: var(--pmx-ink); }
body.page-code-file .pmx-rule { height: 1px; background: var(--pmx-l1); }
body.page-code-file .proof-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0; }
body.page-code-file .proof-form > * { grid-column: 1 / -1; }
body.page-code-file .proof-form > .proof-field:has(.proof-email), body.page-code-file .proof-form > .proof-field:has(.proof-phone-row) { grid-column: span 1; }
body.page-code-file .proof-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0; }
body.page-code-file .proof-label { display: block; margin: 0; font: 500 12px var(--pmx-sans); color: var(--pmx-ink); white-space: normal; }
body.page-code-file .proof-label i { display: none; }
body.page-code-file .proof-input { width: 100%; height: 44px; padding: 0 13px; border: 1px solid var(--pmx-li); border-radius: 9px; font: 400 14px var(--pmx-sans); color: var(--pmx-ink); background: #fff; box-sizing: border-box; transition: border-color .15s; }
:where(html[data-theme="dark"]) body.page-code-file .proof-input { background: #131313; }
body.page-code-file .proof-input:focus { outline: none; border-color: var(--pmx-accent); }
body.page-code-file .proof-input::placeholder { color: #a5a4ab; }
body.page-code-file input[id$="TxnId"].proof-input, body.page-code-file input[id^="ommTxn"].proof-input, body.page-code-file #cryptoTxHash.proof-input { font-family: var(--pmx-mono); }
body.page-code-file .proof-hint { font: 400 11px/1.4 var(--pmx-sans); color: var(--pmx-mut); margin: 0; }
body.page-code-file .proof-phone-row { display: flex; gap: 8px; align-items: stretch; flex-wrap: nowrap; }
body.page-code-file .proof-phone-row .proof-phone-num { flex: 1 1 auto; min-width: 0; width: auto; }
body.page-code-file .proof-cc { flex: 0 0 128px; max-width: 128px; padding: 0; border: 0; background: transparent; }
body.page-code-file .proof-cc .rsdc-btn { width: 100%; height: 44px; padding: 0 11px; border: 1px solid var(--pmx-li); border-radius: 9px; background: #fff; font: 400 13px var(--pmx-sans); color: var(--pmx-ink); display: flex; align-items: center; gap: 6px; box-sizing: border-box; }
:where(html[data-theme="dark"]) body.page-code-file .proof-cc .rsdc-btn { background: #131313; }
body.page-code-file .proof-cc.open .rsdc-btn { border-color: var(--pmx-accent); box-shadow: none; }
body.page-code-file .proof-phone-row.proof-phone-locked { display: grid; grid-template-columns: 128px 1fr; }
body.page-code-file .proof-cc-locked { height: 44px; padding: 0 11px; border: 1px solid var(--pmx-l2); border-radius: 9px; background: var(--pmx-rail); font: 500 13px var(--pmx-mono); color: var(--pmx-ink2); text-align: center; box-sizing: border-box; }
body.page-code-file .proof-readonly { padding: 0 13px; height: 44px; border: 1px dashed var(--pmx-ld); border-radius: 9px; background: var(--pmx-rail); font: 400 13.5px var(--pmx-sans); color: var(--pmx-ink); display: flex; align-items: center; gap: 7px; flex-wrap: nowrap; overflow: hidden; box-sizing: border-box; }
body.page-code-file .proof-readonly i { color: var(--pmx-ok); }
body.page-code-file .proof-readonly-tag { font: 400 11px var(--pmx-sans); color: var(--pmx-mut); white-space: nowrap; }
body.page-code-file .proof-email-status { font: 400 12px/1.45 var(--pmx-sans); margin: 0; padding: 9px 11px; border-radius: 9px; }
body.page-code-file .proof-email-status.exists { background: #f1f7f3; color: var(--pmx-ok); border: 1px solid rgba(47,125,91,.24); }
:where(html[data-theme="dark"]) body.page-code-file .proof-email-status.exists { background: #161E18; }
body.page-code-file .proof-email-status.fresh { background: #f3f3fb; color: var(--pmx-link); border: 1px solid rgba(67,64,196,.22); }
:where(html[data-theme="dark"]) body.page-code-file .proof-email-status.fresh { background: #11111F; }
body.page-code-file .proof-form input[type="file"].file-input { width: 100%; height: 64px; padding: 0 16px; box-sizing: border-box; border: 1px dashed var(--pmx-ld); border-radius: 9px; background: var(--pmx-rail); font: 400 12px var(--pmx-sans); color: var(--pmx-mut); cursor: pointer; display: flex; align-items: center; gap: 14px; }
body.page-code-file .proof-form input[type="file"].file-input::file-selector-button { background: #fff !important; color: var(--pmx-link) !important; border: 1px solid var(--pmx-l2) !important; border-radius: 7px; font: 500 12px var(--pmx-sans); padding: 9px 14px; margin-right: 14px; cursor: pointer; }
:where(html[data-theme="dark"]) body.page-code-file .proof-form input[type="file"].file-input::file-selector-button { background: #131313 !important; }
body.page-code-file .proof-submit-btn { width: 100%; height: 50px; padding: 0; border: 0; border-radius: 10px; background: var(--pmx-accent); color: var(--pmx-on-accent); font: 600 14px var(--pmx-sans); cursor: pointer; box-shadow: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; touch-action: manipulation; transition: background .15s; }
body.page-code-file .proof-submit-btn:hover { background: linear-gradient(rgba(0,0,0,.12), rgba(0,0,0,.12)), var(--pmx-accent); box-shadow: none; }
body.page-code-file .proof-submit-btn:disabled { opacity: .6; cursor: not-allowed; }
body.page-code-file .proof-note { text-align: center; font: 400 11.5px var(--pmx-sans); color: var(--pmx-mut); margin: 0; }
body.page-code-file .pmx-invoice { border: 1px solid rgba(0,0,0,.09); border-radius: 10px; overflow: hidden; margin: 0; text-align: left; }
:where(html[data-theme="dark"]) body.page-code-file .pmx-invoice { border: 1px solid rgba(255,255,255,0.09); }
body.page-code-file .pmx-invhead { padding: 10px 14px; background: var(--pmx-rail); border-bottom: 1px solid var(--pmx-l1); font: 500 11px var(--pmx-sans); letter-spacing: .09em; text-transform: uppercase; color: var(--pmx-mut); }
body.page-code-file .pmx-invrow { display: flex; justify-content: space-between; gap: 16px; padding: 10px 14px; font: 400 13px var(--pmx-sans); color: var(--pmx-ink2); border: 0; }
body.page-code-file .pmx-invrow + .pmx-invrow { border-top: 1px solid rgba(0,0,0,.06); }
:where(html[data-theme="dark"]) body.page-code-file .pmx-invrow + .pmx-invrow { border-top: 1px solid rgba(255,255,255,0.06); }
body.page-code-file .pmx-invrow span { color: var(--pmx-ink2); flex-shrink: 0; }
body.page-code-file .pmx-invrow b { font-weight: 400; color: var(--pmx-ink); text-align: right; word-break: break-word; }
body.page-code-file .pmx-invtotal { display: flex; justify-content: space-between; gap: 16px; padding: 12px 14px; border-top: 1px solid rgba(0,0,0,.1); background: var(--pmx-rail); font: 600 14px var(--pmx-sans); color: var(--pmx-ink); }
:where(html[data-theme="dark"]) body.page-code-file .pmx-invtotal { border-top: 1px solid rgba(255,255,255,0.1); }
body.page-code-file .pmx-invtotal b { font-family: var(--pmx-mono); font-weight: 600; }
body.page-code-file .crypto-wallet-picker { display: flex; flex-direction: column; gap: 8px; }
body.page-code-file .crypto-wallet-opt { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--pmx-l2); border-radius: 9px; padding: 11px 13px; cursor: pointer; font: 400 13px var(--pmx-sans); color: var(--pmx-ink); }
:where(html[data-theme="dark"]) body.page-code-file .crypto-wallet-opt { background: #131313; }
body.page-code-file .crypto-wallet-opt.active { border-color: var(--pmx-accent); }
body.page-code-file .crypto-wallet-opt-name { font: 500 13px var(--pmx-sans); color: var(--pmx-ink); }
body.page-code-file .crypto-wallet-opt-chain { font: 400 11px var(--pmx-sans); color: var(--pmx-mut); }
body.page-code-file .crypto-wallet-opt-txt { flex: 1; min-width: 0; }
body.page-code-file .crypto-wallet-opt-name i { margin-right: 6px; color: var(--pmx-mut); }
body.page-code-file .crypto-selected-addr { display: flex; flex-direction: column; gap: 8px; }
body.page-code-file .crypto-selected-addr-label { font: 500 11px/1 var(--pmx-sans); letter-spacing: .09em; text-transform: uppercase; color: var(--pmx-mut); }
body.page-code-file .crypto-selected-addr-value { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #fff; border: 1px solid var(--pmx-l2); border-radius: 9px; padding: 12px 14px; font: 500 13.5px var(--pmx-mono); color: var(--pmx-ink); word-break: break-all; }
:where(html[data-theme="dark"]) body.page-code-file .crypto-selected-addr-value { background: #131313; }
body.page-code-file .crypto-copy-btn { background: none; border: 0; padding: 0; color: var(--pmx-link); cursor: pointer; font-size: 13px; flex: none; }
@media (min-width: 1600px) {
    body.page-code-file .paytm-left, body.page-code-file .binance-left, body.page-code-file .crypto-left { padding: 36px 40px; }
    body.page-code-file .paytm-right, body.page-code-file .binance-right, body.page-code-file .crypto-right { padding: 36px 48px; }
}
@media (max-width: 900px) {
    body.page-code-file .pmx-header { padding: 13px 16px; gap: 12px; }
    body.page-code-file .pmx-head-r { gap: 10px; }
    body.page-code-file .pmx-close { width: 40px; height: 40px; font-size: 20px; }
    body.page-code-file .paytm-grid, body.page-code-file .binance-grid, body.page-code-file .crypto-grid { display: block; }
    body.page-code-file .paytm-left, body.page-code-file .binance-left, body.page-code-file .crypto-left { border-right: 0; border-bottom: 1px solid var(--pmx-l1); }
    body.page-code-file .paytm-left, body.page-code-file .binance-left, body.page-code-file .crypto-left, body.page-code-file .paytm-right, body.page-code-file .binance-right, body.page-code-file .crypto-right { padding: 20px 16px; }
    body.page-code-file .paytm-right, body.page-code-file .binance-right, body.page-code-file .crypto-right { padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)); }
    body.page-code-file .proof-form { grid-template-columns: 1fr; }
    body.page-code-file .proof-form > .proof-field:has(.proof-email), body.page-code-file .proof-form > .proof-field:has(.proof-phone-row) { grid-column: 1 / -1; }
    body.page-code-file .pmx-steps li { flex: 1 1 100%; padding: 0 0 0 30px; border-left: 0; }
    body.page-code-file .pmx-steps li::before { left: 0; }
    body.page-code-file .pmx-price { font-size: 34px; }
    body.page-code-file .pmx-trust { gap: 10px 16px; }
    body.page-code-file .pmx-qr { padding: 18px; }
    body.page-code-file .pmx-qr img { width: min(200px, 56vw); height: min(200px, 56vw); }
    body.page-code-file .proof-input, body.page-code-file .proof-cc .rsdc-btn, body.page-code-file .proof-cc-locked { font-size: 16px; }
    body.page-code-file .proof-submit-btn { height: 52px; }
}
@media (max-width: 420px) {
    body.page-code-file .pmx-header { padding: 12px 14px; }
    body.page-code-file .paytm-left, body.page-code-file .binance-left, body.page-code-file .crypto-left, body.page-code-file .paytm-right, body.page-code-file .binance-right, body.page-code-file .crypto-right { padding: 18px 14px; }
    body.page-code-file .proof-cc { flex: 0 0 104px; max-width: 104px; }
    body.page-code-file .proof-cc .rsdc-btn { padding: 0 8px; gap: 4px; }
    body.page-code-file .proof-phone-row.proof-phone-locked { grid-template-columns: 104px 1fr; }
    body.page-code-file .pmx-price { font-size: 30px; }
    body.page-code-file .pmx-idbox-id { font-size: 14.5px; }
    body.page-code-file .pmx-head-s { display: none; }
    body.page-code-file .pmx-secure span, body.page-code-file .pmx-secure { font-size: 11px; }
}
body.page-code-file .cfad-card { margin: 28px 0; border-radius: 14px; overflow: hidden; border: 1px solid rgba(0,31,63,.12); box-shadow: 0 10px 30px rgba(0,31,63,.10); background: #fff; }
:where(html[data-theme="dark"]) body.page-code-file .cfad-card { border: 1px solid rgba(255,255,255,0.12); background: #131313; }
body.page-code-file .cfad-img { display: block; }
body.page-code-file .cfad-img img { display: block; width: 100%; height: auto; }
body.page-code-file .cfad-bar { display: flex; align-items: center; gap: 10px; padding: 12px 16px; }
body.page-code-file .cfad-title { font-weight: 700; color: var(--c-primary, #1F1F1F); font-size: 15px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(html[data-theme="dark"]) body.page-code-file .cfad-title { color: var(--c-ink); }
body.page-code-file .cfad-wa { display: inline-flex; align-items: center; gap: 7px; background: var(--c-support, #25D366); color: #fff; text-decoration: none; font-weight: 700; font-size: 13px; padding: 9px 16px; border-radius: 10px; flex-shrink: 0; }
body.page-code-file .cfad-wa:hover { filter: brightness(1.06); }
body.page-code-file .cfad-info-btn { background: none; border: 1.5px solid rgba(0,31,63,.2); color: var(--c-accent, #0B57D0); width: 38px; height: 38px; border-radius: 50%; font-size: 17px; cursor: pointer; flex-shrink: 0; transition: all .15s; }
:where(html[data-theme="dark"]) body.page-code-file .cfad-info-btn { border: 1.5px solid rgba(255,255,255,0.2); }
body.page-code-file .cfad-info-btn:hover { background: var(--c-accent, #0B57D0); color: #fff; border-color: var(--c-accent, #0B57D0); }
body.page-code-file .cfad-overlay { position: fixed; inset: 0; z-index: 12000; background: rgba(0, 20, 40, .72); display: none; align-items: center; justify-content: center; padding: 18px; box-sizing: border-box; }
body.page-code-file .cfad-overlay.active { display: flex; }
body.page-code-file .cfad-modal { width: 80%; max-width: 960px; max-height: 92vh; background: #fff; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 24px 60px rgba(0,0,0,.4); position: relative; }
:where(html[data-theme="dark"]) body.page-code-file .cfad-modal { background: #131313; }
body.page-code-file .cfad-x { position: absolute; top: 10px; right: 10px; z-index: 2; width: 38px; height: 38px; border-radius: 50%; border: none; background: rgba(0,0,0,.55); color: #fff; font-size: 19px; cursor: pointer; line-height: 1; }
body.page-code-file .cfad-x:hover { background: rgba(0,0,0,.8); }
body.page-code-file .cfad-modal .cfad-body { overflow-y: auto; }
body.page-code-file #cfadPopup .cfad-modal { width: auto; min-width: min(360px, 92vw); }
body.page-code-file #cfadPopup .cfad-img img { width: auto; max-width: 100%; height: auto; max-height: calc(92vh - 110px); margin: 0 auto; }
body.page-code-file .cfad-details-head { display: flex; align-items: center; gap: 10px; background: linear-gradient(135deg, var(--c-primary, #1F1F1F), var(--c-secondary, #3C4043)); color: #fff; padding: 15px 20px; }
body.page-code-file .cfad-details-head i { color: #7fd1ff; font-size: 19px; }
body.page-code-file .cfad-details-head h3 { margin: 0; font-size: 17px; flex: 1; }
body.page-code-file .cfad-points { list-style: none; margin: 0; padding: 18px 22px; overflow-y: auto; }
body.page-code-file .cfad-points li { display: flex; gap: 11px; align-items: flex-start; padding: 9px 0; border-bottom: 1px dashed rgba(0,31,63,.1); font-size: 14.5px; line-height: 1.6; color: #3C4043; }
:where(html[data-theme="dark"]) body.page-code-file .cfad-points li { border-bottom: 1px dashed rgba(255,255,255,0.1); color: #BABEC1; }
body.page-code-file .cfad-points li:last-child { border-bottom: none; }
body.page-code-file .cfad-points li i { color: var(--c-accent); margin-top: 4px; flex-shrink: 0; }
body.page-code-file .cfad-details-foot { padding: 14px 22px 18px; border-top: 1px solid rgba(0,31,63,.1); text-align: center; }
:where(html[data-theme="dark"]) body.page-code-file .cfad-details-foot { border-top: 1px solid rgba(255,255,255,0.1); }
body.page-code-file .cfad-details-foot a { display: inline-flex; align-items: center; gap: 8px; background: var(--c-support, #25D366); color: #fff; text-decoration: none; font-weight: 700; font-size: 14px; padding: 12px 26px; border-radius: 10px; }
body.page-code-file .cfad-close-btn { display: inline-flex; align-items: center; gap: 7px; background: #F1F3F4; color: #3C4043; border: 1.5px solid #DADCE0; border-radius: 10px; padding: 9px 16px; font-size: 13px; font-weight: 700; cursor: pointer; flex-shrink: 0; transition: all .15s; touch-action: manipulation; }
:where(html[data-theme="dark"]) body.page-code-file .cfad-close-btn { background: #191B1C; color: #BABEC1; border: 1.5px solid #37393C; }
body.page-code-file .cfad-close-btn:hover { background: #DADCE0; }
:where(html[data-theme="dark"]) body.page-code-file .cfad-close-btn:hover { background: #262729; }
@media (max-width: 768px) {
    body.page-code-file .cfad-modal { width: 94%; }
    body.page-code-file .cfad-overlay { padding: 10px; }
    body.page-code-file #cfadPopup .cfad-modal { min-width: 0; max-width: 94vw; }
    body.page-code-file #cfadPopup .cfad-img img { max-height: calc(88vh - 150px); }
    body.page-code-file .cfad-bar { flex-wrap: wrap; padding: 10px 12px; gap: 8px; }
    body.page-code-file .cfad-title { flex-basis: 100%; white-space: normal; font-size: 13.5px; }
    body.page-code-file .cfad-wa, body.page-code-file .cfad-close-btn { flex: 1; justify-content: center; min-height: 44px; }
}
body.page-code-file .cf-also { max-width:960px;margin:38px auto 0;padding:0 18px;content-visibility:auto;contain-intrinsic-size:auto 340px; }
body.page-code-file .cf-also-head { display:flex;flex-direction:column;gap:4px;margin-bottom:14px; }
body.page-code-file .cf-also-head h2 { margin:0;display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--c-primary); }
:where(html[data-theme="dark"]) body.page-code-file .cf-also-head h2 { color: var(--c-ink); }
body.page-code-file .cf-also-head h2 i { width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--c-tint);color:var(--c-accent);font-size:17px; }
body.page-code-file .cf-also-head p { margin:0 0 0 49px;font-size:13px;font-weight:600;color:#444746; }
:where(html[data-theme="dark"]) body.page-code-file .cf-also-head p { color: #B8BBBA; }
body.page-code-file .cf-also-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
body.page-code-file .cf-also-card { display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--c-tint-line);border-radius:var(--radius-md,12px);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s; }
:where(html[data-theme="dark"]) body.page-code-file .cf-also-card { background: #131313; }
body.page-code-file .cf-also-card:hover { border-color:var(--c-accent);box-shadow:0 10px 26px rgba(var(--c-primary-rgb),.12);transform:translateY(-2px); }
body.page-code-file .cf-also-thumb { display:block;aspect-ratio:16/9;background:var(--c-primary);overflow:hidden; }
body.page-code-file .cf-also-thumb img { width:100%;height:100%;object-fit:cover;display:block; }
body.page-code-file .cf-also-nothumb { display:flex;align-items:center;justify-content:center;color:var(--c-tint);font-size:34px; }
body.page-code-file .cf-also-body { display:flex;flex-direction:column;gap:9px;padding:12px 14px 14px;flex:1; }
body.page-code-file .cf-also-name { font-size:14px;font-weight:700;line-height:1.35;color:#1F1F1F;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
:where(html[data-theme="dark"]) body.page-code-file .cf-also-name { color: #D6D6D6; }
body.page-code-file .cf-also-meta { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;flex-wrap:wrap; }
body.page-code-file .cf-also-chip { display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:0;background:var(--c-tint);color:var(--c-accent);white-space:nowrap; }
body.page-code-file .cf-also-price { font-size:15px;font-weight:800;color:var(--c-primary);letter-spacing:-.01em;white-space:nowrap; }
:where(html[data-theme="dark"]) body.page-code-file .cf-also-price { color: var(--c-ink); }
body.page-code-file .cf-also-price small { font-size:10.5px;font-weight:700;color:#444746;letter-spacing:.04em; }
:where(html[data-theme="dark"]) body.page-code-file .cf-also-price small { color: #B8BBBA; }
body.page-code-file .checkout-right .cf-also.cf-also-rail { max-width:none;margin:16px 0 0;padding:0;content-visibility:visible;contain-intrinsic-size:auto; }
body.page-code-file .cf-also-rail .cf-also-head { margin-bottom:10px; }
body.page-code-file .cf-also-rail .cf-also-head h2 { font-size:15px;gap:8px; }
body.page-code-file .cf-also-rail .cf-also-head h2 i { width:28px;height:28px;flex-basis:28px;font-size:13px;border-radius:8px; }
body.page-code-file .cf-also-rail .cf-also-head p { margin-left:36px;font-size:12px; }
body.page-code-file .cf-also-rail .cf-also-grid { grid-template-columns:1fr;gap:10px; }
body.page-code-file .cf-also-rail .cf-also-card { flex-direction:row;align-items:center; }
body.page-code-file .cf-also-rail .cf-also-card:hover { transform:none; }
body.page-code-file .cf-also-rail .cf-also-thumb { flex:0 0 104px;width:104px;aspect-ratio:16/9; }
body.page-code-file .cf-also-rail .cf-also-nothumb { font-size:22px; }
body.page-code-file .cf-also-rail .cf-also-body { padding:8px 10px;gap:5px;min-width:0; }
body.page-code-file .cf-also-rail .cf-also-name { font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
body.page-code-file .cf-also-rail .cf-also-meta { gap:6px;flex-wrap:wrap; }
body.page-code-file .cf-also-cue { display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#444746;letter-spacing:.01em; }
:where(html[data-theme="dark"]) body.page-code-file .cf-also-cue { color: #B8BBBA; }
body.page-code-file .cf-also-cue i { font-size:10px;color:var(--c-accent); }
body.page-code-file .cf-also-cue.hot { color:#166534; }
:where(html[data-theme="dark"]) body.page-code-file .cf-also-cue.hot { color: #8AE5AD; }
body.page-code-file .cf-also-cue.hot i { color:#16a34a; }
:where(html[data-theme="dark"]) body.page-code-file .cf-also-cue.hot i { color: #81EEA9; }
body.page-code-file .cf-also-card { position:relative; }
body.page-code-file .cf-also-card.is-top { border-color:var(--c-accent);box-shadow:0 8px 22px rgba(var(--c-accent-rgb),.16); }
body.page-code-file .cf-also-top { position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--c-primary);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 4px 12px rgba(var(--c-primary-rgb),.3); }
body.page-code-file .cf-also-top i { color:#fbbf24;font-size:9px; }
:where(html[data-theme="dark"]) body.page-code-file .cf-also-top i { color: #F4D27B; }
body.page-code-file .cf-also-rail .cf-also-top { top:6px;left:6px;font-size:9.5px;padding:2px 7px; }
body.page-code-file .cf-also-rail .cf-also-cue { font-size:11px; }
body.page-code-file .checkout-right .related-files-section.cf-rel-rail { background:none;border:0;box-shadow:none;border-radius:0;padding:0;margin:18px 0 0;content-visibility:visible;contain-intrinsic-size:auto; }
body.page-code-file .cf-rel-rail h2 { font-size:15px;gap:8px;margin:0 0 10px; }
body.page-code-file .cf-rel-rail h2 i { font-size:15px; }
body.page-code-file .cf-rel-rail .related-files-grid { grid-template-columns:1fr;gap:10px; }
body.page-code-file .cf-rel-rail .rf-card { flex-direction:row;border-radius:var(--radius-md,12px); }
body.page-code-file .cf-rel-rail .rf-card:hover { transform:none; }
body.page-code-file .cf-rel-rail .rf-card-link { flex-direction:row;align-items:center;min-width:0; }
body.page-code-file .cf-rel-rail .rf-thumb { flex:0 0 104px;width:104px;aspect-ratio:16/9; }
body.page-code-file .cf-rel-rail .rf-body { padding:8px 10px;gap:5px;min-width:0; }
body.page-code-file .cf-rel-rail .rf-title { font-size:13px;-webkit-line-clamp:2; }
body.page-code-file .cf-rel-rail .rf-meta { gap:5px; }
body.page-code-file .cf-rel-rail .rf-watch { display:none; }
body.page-code-file .cf-rel-rail .related-files-more { margin-top:12px; }
body.page-code-file .cf-rel-rail .related-files-more a { padding:9px 18px;font-size:13px; }
body.page-code-file .rf-price { display:flex;align-items:baseline;gap:5px;margin-top:2px; }
body.page-code-file .rf-amt { font-size:15px;font-weight:800;color:var(--c-primary);letter-spacing:-.01em; }
:where(html[data-theme="dark"]) body.page-code-file .rf-amt { color: var(--c-ink); }
body.page-code-file .rf-price small { font-size:10.5px;font-weight:700;color:#80868B;letter-spacing:.04em; }
:where(html[data-theme="dark"]) body.page-code-file .rf-price small { color: #848A8E; }
body.page-code-file .rf-amt-soft { font-size:12.5px;font-weight:700;color:var(--c-accent); }
body.page-code-file .rf-free { display:inline-flex;align-items:center;gap:5px;background:#dcfce7;color:#166534;font-size:11.5px;font-weight:800;padding:2px 9px;border-radius:999px;letter-spacing:.02em; }
:where(html[data-theme="dark"]) body.page-code-file .rf-free { background: #102D1A; color: #8AE5AD; }
body.page-code-file .rf-free i { font-size:10px; }
body.page-code-file .cf-rel-rail .rf-amt { font-size:14px; }
body.page-code-file .cf-fab { position:fixed;left:18px;bottom:18px;z-index:900;display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 16px 0 10px;background:var(--c-primary);color:#fff;text-decoration:none;font-weight:700;font-size:13.5px;border-radius:999px;box-shadow:0 10px 26px rgba(var(--c-primary-rgb),.28);transition:transform .18s,box-shadow .18s; }
body.page-code-file .cf-fab i { width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-accent);border-radius:50%;font-size:13px; }
body.page-code-file .cf-fab:hover { transform:translateY(-2px);box-shadow:0 14px 30px rgba(var(--c-primary-rgb),.34);color:#fff; }
body.page-code-file .cf-fab[hidden] { display:none; }
body.page-code-file .cf-custom-flash { animation:cfCustomFlash 1.6s ease; }
@media (prefers-reduced-motion:reduce) {
    body.page-code-file .cf-custom-flash { animation:none; }
}
@media (max-width:768px) {
    body.page-code-file .cf-fab { left:12px;bottom:calc(var(--cf-action-bar-h,76px) + var(--ph-bottom-nav-h,0px) + 14px);height:44px;width:44px;padding:0;justify-content:center; }
    body.page-code-file .cf-fab span { display:none; }
    body.page-code-file .cf-fab i { width:auto;height:auto;background:none;font-size:16px; }
}
@media (max-width:600px) {
    body.page-code-file .cf-also { padding:0 12px;margin-top:28px; }
    body.page-code-file .cf-also-head h2 { font-size:18px; }
    body.page-code-file .cf-also-head p { margin-left:0; }
    body.page-code-file .cf-also-grid { grid-template-columns:1fr;gap:10px; }
    body.page-code-file .cf-also-card { flex-direction:row;align-items:stretch; }
    body.page-code-file .cf-also-thumb { flex:0 0 128px;width:128px;aspect-ratio:auto; }
    body.page-code-file .cf-also-body { padding:10px 12px; }
    body.page-code-file .cf-also-name { font-size:13px; }
    body.page-code-file .cf-also-chip { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
    body.page-code-file .cf-also-card { transition:none; }
    body.page-code-file .cf-also-card:hover { transform:none; }
}
body.page-code-file .cf-rail { display: none; }
@media (min-width: 769px) and (max-width: 820px) {
    body.page-code-file .ph-header { display: block; }
}
@media (max-width: 768px) {
    body.page-code-file { --lx-ink: var(--c-text, #1F1F1F); --lx-muted: var(--c-text-muted, #5F6368); --lx-line: rgba(var(--c-primary-rgb), .10); --lx-r: 22px; --lx-r-sm: 14px; --lx-shadow: 0 18px 44px -22px rgba(var(--c-primary-rgb), .28); --lx-head: var(--font-family-base); }
    body.page-code-file .container { width: 100% !important; max-width: 100% !important; padding: 16px max(20px, env(safe-area-inset-right)) 28px max(20px, env(safe-area-inset-left)) !important; }
    body.page-code-file .checkout-grid { gap: 20px; margin: 0; }
    body.page-code-file .file-header { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 4px 0 2px !important; margin-bottom: 14px !important; }
    body.page-code-file .file-header h1 { font-family: var(--lx-head); font-size: 27px !important; line-height: 1.12; letter-spacing: -.022em; font-weight: 700; color: var(--c-primary); margin: 0 0 12px !important; }
    :where(html[data-theme="dark"]) body.page-code-file .file-header h1 { color: var(--c-ink); }
    body.page-code-file .file-meta { display: flex; flex-wrap: wrap; gap: 6px; }
    body.page-code-file .file-meta .badge { background: transparent !important; border: 1px solid var(--lx-line) !important; color: var(--lx-muted) !important; font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: .06em; text-transform: uppercase; padding: 5px 10px !important; border-radius: 999px !important; box-shadow: none !important; line-height: 1.2; }
    body.page-code-file .file-meta .badge.code-badge { background: var(--c-primary) !important; border-color: var(--c-primary) !important; color: var(--c-on-primary, #fff) !important; }
    :where(html[data-theme="dark"]) body.page-code-file .file-meta .badge.code-badge { border-color: var(--c-ink-line) !important; }
    body.page-code-file .file-meta .badge.plan-badge { border-color: rgba(var(--c-accent-rgb), .35) !important; color: var(--c-accent-strong, var(--c-accent)) !important; }
    body.page-code-file .subscribers-milestone-banner { border-radius: var(--lx-r-sm) !important; box-shadow: none !important; padding: 12px 14px !important; margin: 0 0 12px !important; }
    body.page-code-file .subscribers-milestone-banner .milestone-emoji { width: 40px !important; height: 40px !important; min-width: 40px !important; font-size: 18px !important; box-shadow: none !important; }
    body.page-code-file .subscribers-milestone-banner .milestone-main { font-size: 15px !important; }
    body.page-code-file .subscribers-milestone-banner .milestone-sub { font-size: 12.5px !important; line-height: 1.45 !important; }
    body.page-code-file .subscribers-milestone-banner .subscribe-btn { padding: 10px 16px !important; font-size: 13.5px !important; box-shadow: none !important; }
    body.page-code-file .file-prompt-section.ai-unlock { background: var(--c-card) !important; border: 1px solid var(--lx-line) !important; border-radius: var(--lx-r-sm) !important; box-shadow: none !important; padding: 12px 14px !important; margin: 0 0 18px !important; }
    body.page-code-file .ai-unlock .ai-ico { width: 38px !important; height: 38px !important; border-radius: 999px !important; background: var(--c-tint) !important; color: var(--c-primary) !important; font-size: 16px !important; box-shadow: none !important; }
    :where(html[data-theme="dark"]) body.page-code-file .ai-unlock .ai-ico { color: var(--c-ink) !important; }
    body.page-code-file .ai-unlock .ai-unlock-info strong { font-size: 14.5px !important; font-weight: 700 !important; }
    body.page-code-file .ai-unlock .ai-free-badge { background: transparent !important; color: var(--c-accent-strong, var(--c-accent)) !important; border: 1px solid rgba(var(--c-accent-rgb), .35); padding: 2px 8px !important; border-radius: 999px !important; font-size: 10px !important; }
    body.page-code-file .ai-unlock .ai-unlock-info small { font-size: 12.5px !important; color: var(--lx-muted) !important; }
    body.page-code-file .ai-unlock .ai-actions { width: 100%; margin-top: 4px; }
    body.page-code-file .ai-unlock .ai-open { flex: 1; justify-content: center; background: var(--c-accent) !important; color: var(--c-on-accent, #fff) !important; border-radius: 999px !important; padding: 11px 16px !important; font-size: 14px !important; box-shadow: none !important; }
    body.page-code-file .ai-unlock .ai-how { border-radius: 999px !important; padding: 11px 14px !important; border-color: var(--lx-line) !important; color: var(--c-primary) !important; font-size: 13px !important; }
    :where(html[data-theme="dark"]) body.page-code-file .ai-unlock .ai-how { color: var(--c-ink) !important; }
    body.page-code-file .checkout-video-wrap { border-radius: var(--lx-r) !important; box-shadow: var(--lx-shadow); margin: 0 0 4px; }
    body.page-code-file .checkout-video-wrap iframe { border-radius: var(--lx-r) !important; }
    body.page-code-file .checkout-sidebar { background: var(--c-card) !important; border: 1px solid var(--lx-line) !important; border-radius: var(--lx-r) !important; box-shadow: var(--lx-shadow) !important; overflow: hidden; }
    body.page-code-file .checkout-sidebar-header { background: transparent !important; color: var(--lx-muted) !important; padding: 18px 20px 0 !important; }
    body.page-code-file .checkout-sidebar-header span { font-size: 11px !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase; opacity: 1 !important; color: var(--lx-muted) !important; }
    body.page-code-file .checkout-sidebar-body { padding: 10px 20px 20px !important; }
    body.page-code-file .sidebar-price-box { padding: 0 !important; text-align: left !important; }
    body.page-code-file .sidebar-disc-strip { display: flex !important; align-items: center; justify-content: flex-start !important; gap: 10px; margin: 0 0 2px !important; }
    body.page-code-file .sidebar-disc-strip s { color: var(--lx-muted) !important; font-size: 13.5px !important; font-weight: 500 !important; }
    body.page-code-file .sidebar-disc-badge { background: rgba(var(--c-accent-rgb), .10) !important; color: var(--c-accent-strong, var(--c-accent)) !important; border: 0 !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em; padding: 3px 9px !important; border-radius: 999px !important; box-shadow: none !important; }
    body.page-code-file .sidebar-price-main { font-family: var(--lx-head); font-size: 40px !important; line-height: 1 !important; letter-spacing: -.035em !important; font-weight: 700 !important; color: var(--c-primary) !important; text-align: left !important; margin: 0 !important; }
    :where(html[data-theme="dark"]) body.page-code-file .sidebar-price-main { color: var(--c-ink) !important; }
    body.page-code-file .sidebar-price-sub { text-align: left !important; font-size: 13px !important; color: var(--lx-muted) !important; margin-top: 6px !important; font-weight: 500 !important; }
    body.page-code-file .sidebar-disc-why { display: inline-flex !important; align-items: center; gap: 6px; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 10px 0 0 !important; margin: 0 !important; color: var(--lx-muted) !important; font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase; }
    body.page-code-file .disc-timer { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; background: transparent !important; border: 0 !important; border-top: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 12px 0 0 !important; margin: 12px 0 0 !important; }
    body.page-code-file .disc-timer-head { color: var(--lx-muted) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; margin: 0 !important; text-align: left; }
    body.page-code-file .disc-timer-head i { color: var(--c-accent) !important; }
    body.page-code-file .disc-timer-cells { display: flex !important; align-items: center; gap: 3px !important; justify-content: flex-end; }
    body.page-code-file .dt-cell { display: inline-flex !important; flex-direction: column; align-items: center; min-width: 34px !important; padding: 5px 4px !important; background: var(--c-primary) !important; color: var(--c-on-primary, #fff) !important; border-radius: 8px !important; box-shadow: none !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; font-family: var(--lx-head); }
    body.page-code-file .dt-cell small { font-size: 8px !important; letter-spacing: .08em; text-transform: uppercase; opacity: .7 !important; margin-top: 2px; }
    body.page-code-file .dt-sep { color: var(--lx-muted) !important; font-weight: 600 !important; }
    body.page-code-file #rsPriceBox > div:last-child:not(.disc-timer):not(.sidebar-disc-why) { font-size: 12.5px; color: var(--lx-muted); margin-top: 10px; text-align: left; }
    body.page-code-file .promo-box { margin: 16px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
    body.page-code-file .promo-input-row { display: flex !important; gap: 8px !important; }
    body.page-code-file .promo-code-field { flex: 1; min-width: 0; height: 46px !important; border: 1px solid var(--lx-line) !important; border-radius: 12px !important; padding: 0 14px !important; font-size: 15px !important; background: var(--c-bg) !important; box-shadow: none !important; }
    body.page-code-file .promo-apply-btn { height: 46px !important; padding: 0 18px !important; border: 0 !important; border-radius: 12px !important; background: var(--c-primary) !important; background-image: none !important; color: var(--c-on-primary, #fff) !important; font-size: 14px !important; font-weight: 600 !important; box-shadow: none !important; }
    :where(html[data-theme="dark"]) body.page-code-file .promo-apply-btn { background: var(--c-accent) !important; }
    body.page-code-file .sidebar-trust-strip { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 12px 0 0 !important; margin: 4px 0 0 !important; color: var(--lx-muted) !important; font-size: 12.5px !important; font-weight: 500 !important; justify-content: flex-start !important; gap: 8px !important; }
    body.page-code-file .sidebar-trust-strip .stars i { color: var(--c-accent) !important; font-size: 11px !important; }
    body.page-code-file .sidebar-divider { border: 0 !important; border-top: 1px solid var(--lx-line) !important; margin: 14px 0 4px !important; height: 0 !important; background: transparent !important; }
    body.page-code-file .sidebar-feature-list { margin: 0 !important; padding: 0 !important; list-style: none; }
    body.page-code-file .sidebar-feature-list li { display: flex; gap: 10px; align-items: flex-start; padding: 9px 0 !important; margin: 0 !important; border-bottom: 1px solid var(--lx-line); font-size: 14px !important; line-height: 1.5; color: var(--lx-ink) !important; }
    body.page-code-file .sidebar-feature-list li:last-child { border-bottom: 0; }
    body.page-code-file .sidebar-feature-list li i { color: var(--c-accent) !important; font-size: 12px !important; margin-top: 4px; flex: none; }
    body.page-code-file .sidebar-license-note { background: transparent !important; border: 0 !important; border-top: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 14px 0 0 !important; margin: 4px 0 0 !important; }
    body.page-code-file .license-note-head { font-size: 10.5px !important; letter-spacing: .14em !important; text-transform: uppercase; color: var(--lx-muted) !important; font-weight: 600 !important; margin: 0 0 6px !important; }
    body.page-code-file .license-note-head i { color: var(--c-accent) !important; }
    body.page-code-file .sidebar-license-note p { font-size: 13.5px !important; line-height: 1.6 !important; color: var(--lx-muted) !important; }
    body.page-code-file .order-summary-box { background: transparent !important; border: 0 !important; border-top: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 14px 0 0 !important; margin: 14px 0 0 !important; }
    body.page-code-file .order-summary-box .summary-row { display: flex; justify-content: space-between; font-size: 13.5px !important; color: var(--lx-muted) !important; padding: 4px 0 !important; }
    body.page-code-file .order-summary-box .summary-total { border-top: 0 !important; margin: 0 !important; padding: 6px 0 !important; font-family: var(--lx-head); font-size: 18px !important; color: var(--c-primary) !important; font-weight: 700 !important; }
    :where(html[data-theme="dark"]) body.page-code-file .order-summary-box .summary-total { color: var(--c-ink) !important; }
    body.page-code-file .cf-prompt-wrap { display: flex; gap: 8px; margin: 16px 0 0 !important; }
    body.page-code-file .cf-prompt-cta { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; background: var(--c-bg) !important; border: 1px solid var(--lx-line) !important; border-radius: 14px !important; padding: 10px 12px !important; box-shadow: none !important; text-decoration: none; }
    body.page-code-file .cf-prompt-ic { width: 34px !important; height: 34px !important; flex: none; border-radius: 10px !important; background: var(--c-primary) !important; color: var(--c-on-primary, #fff) !important; display: inline-flex; align-items: center; justify-content: center; font-size: 14px !important; }
    body.page-code-file .cf-prompt-txt strong { font-size: 13px !important; color: var(--lx-ink) !important; }
    body.page-code-file .cf-prompt-txt small { font-size: 11.5px !important; color: var(--lx-muted) !important; }
    body.page-code-file .cf-prompt-go { color: var(--c-accent-strong, var(--c-accent)) !important; font-size: 12.5px !important; font-weight: 700 !important; }
    body.page-code-file .cf-prompt-how { width: 46px !important; flex: none; border: 1px solid var(--lx-line) !important; border-radius: 14px !important; background: var(--c-card) !important; color: var(--c-primary) !important; box-shadow: none !important; }
    :where(html[data-theme="dark"]) body.page-code-file .cf-prompt-how { color: var(--c-ink) !important; }
    body.page-code-file #checkoutForm { margin-top: 16px; }
    body.page-code-file #checkoutForm .method-pay-btn { margin-top: 14px; }
    body.page-code-file .method-pay-btn { min-height: 56px; border-radius: 999px !important; background: var(--c-accent) !important; background-image: none !important; box-shadow: 0 16px 30px -14px rgba(var(--c-accent-rgb), .7) !important; border: 0 !important; }
    body.page-code-file .method-pay-btn .mpb-logo { background: rgba(255, 255, 255, .16) !important; border-right: 1px solid rgba(255, 255, 255, .22) !important; padding: 0 16px !important; display: flex; align-items: center; }
    body.page-code-file .method-pay-btn .mpb-logo, body.page-code-file .method-pay-btn .mpb-logo i { color: var(--c-on-accent, #fff) !important; font-size: 15px !important; font-weight: 700 !important; }
    body.page-code-file .method-pay-btn .mpb-body { flex: 1; justify-content: center; align-items: center; padding: 14px 16px !important; color: var(--c-on-accent, #fff) !important; }
    body.page-code-file .method-pay-btn .mpb-main { font-family: var(--lx-head); font-size: 16px !important; font-weight: 700 !important; letter-spacing: .01em !important; color: var(--c-on-accent, #fff) !important; }
    body.page-code-file .pk-card-note { margin: 10px 0 0 !important; font-size: 12px !important; font-weight: 500 !important; color: var(--lx-muted) !important; text-align: center; line-height: 1.5; }
    body.page-code-file .pk-card-note i { color: var(--c-accent) !important; }
    body.page-code-file .other-methods-list { display: flex !important; flex-direction: column !important; gap: 0 !important; margin-top: 18px !important; }
    body.page-code-file .other-methods-list > div:first-child:not(.other-methods-heading) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 0 8px !important; margin: 0 !important; color: var(--lx-muted) !important; font-size: 12.5px !important; font-weight: 500 !important; text-align: left; border-radius: 0 !important; }
    body.page-code-file .other-methods-list > div:first-child:not(.other-methods-heading) i { color: var(--c-accent) !important; }
    body.page-code-file .other-methods-heading { font-size: 10.5px !important; letter-spacing: .14em !important; text-transform: uppercase; color: var(--lx-muted) !important; font-weight: 600 !important; margin: 10px 0 0 !important; padding: 0 0 4px !important; }
    body.page-code-file .other-methods-heading i { color: var(--c-accent) !important; }
    body.page-code-file .other-method-btn { display: flex !important; align-items: center; justify-content: space-between; width: 100%; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 13px 0 !important; margin: 0 !important; font-size: 14.5px !important; font-weight: 600 !important; color: var(--lx-ink) !important; text-align: left; }
    body.page-code-file .other-method-btn:last-of-type { border-bottom: 0 !important; }
    body.page-code-file .other-method-btn > span:first-child { display: inline-flex; align-items: center; gap: 12px !important; min-width: 0; }
    body.page-code-file .other-method-btn > span:first-child i { color: var(--c-primary) !important; font-size: 16px !important; width: 22px !important; text-align: center; }
    :where(html[data-theme="dark"]) body.page-code-file .other-method-btn > span:first-child i { color: var(--c-ink) !important; }
    body.page-code-file .other-method-btn small { color: var(--lx-muted) !important; font-weight: 500 !important; font-size: 12px !important; }
    body.page-code-file .other-method-price { background: transparent !important; padding: 0 !important; border-radius: 0 !important; font-family: var(--lx-head); font-size: 14.5px !important; font-weight: 700 !important; color: var(--c-primary) !important; white-space: nowrap; flex: none; }
    :where(html[data-theme="dark"]) body.page-code-file .other-method-price { color: var(--c-ink) !important; }
    body.page-code-file .omp-was { color: var(--lx-muted) !important; font-weight: 400 !important; font-size: 12px !important; margin-right: 6px; font-family: var(--font-family-base); }
    body.page-code-file .sidebar-payment-logos { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 14px 0 0 !important; margin: 6px 0 0 !important; justify-content: center !important; gap: 14px !important; opacity: .55; filter: grayscale(1); }
    body.page-code-file .sidebar-payment-logos span { font-size: 22px !important; }
    body.page-code-file .sidebar-trust-bar { background: transparent !important; border: 0 !important; border-top: 1px solid var(--lx-line) !important; border-radius: 0 !important; padding: 12px 0 0 !important; margin: 12px 0 0 !important; justify-content: center !important; gap: 14px !important; flex-wrap: wrap; }
    body.page-code-file .sidebar-trust-bar span { color: var(--lx-muted) !important; font-size: 11.5px !important; font-weight: 500 !important; letter-spacing: .02em; }
    body.page-code-file .sidebar-trust-bar span i { color: var(--c-accent) !important; }
    body.page-code-file .video-desc-acc { background: transparent !important; border: 0 !important; border-top: 1px solid var(--lx-line) !important; border-bottom: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; margin: 24px 0 0 !important; padding: 0 !important; }
    body.page-code-file .cf-features { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; margin: 26px 0 0 !important; }
    body.page-code-file .cf-features h3 { font-family: var(--lx-head); font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.015em; color: var(--c-primary) !important; margin: 0 0 8px !important; }
    :where(html[data-theme="dark"]) body.page-code-file .cf-features h3 { color: var(--c-ink) !important; }
    body.page-code-file .cf-desc { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; margin: 26px 0 0 !important; }
    body.page-code-file .cf-desc-sec h3 { font-family: var(--lx-head); font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.015em; color: var(--c-primary) !important; margin: 0 0 8px !important; }
    :where(html[data-theme="dark"]) body.page-code-file .cf-desc-sec h3 { color: var(--c-ink) !important; }
    body.page-code-file .cf-desc-list { grid-template-columns: 1fr !important; }
    body.page-code-file .cf-features h3 i { color: var(--lx-muted) !important; font-size: 14px !important; }
    body.page-code-file .cf-features-grid { grid-template-columns: 1fr 1fr !important; column-gap: 18px !important; row-gap: 0 !important; }
    body.page-code-file .cf-feat { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 11px 0 !important; min-height: 0 !important; gap: 10px !important; font-size: 13.5px !important; font-weight: 500 !important; color: var(--lx-ink) !important; line-height: 1.4 !important; }
    body.page-code-file .cf-feat-ic { width: 20px !important; height: 20px !important; border-radius: 999px !important; background: rgba(var(--c-accent-rgb), .12) !important; color: var(--c-accent-strong, var(--c-accent)) !important; font-size: 9px !important; box-shadow: none !important; }
    body.page-code-file .cf-fileinfo-card { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; margin: 26px 0 0 !important; }
    body.page-code-file .cf-fileinfo-card h3 { font-family: var(--lx-head); font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.015em; line-height: 1.25; color: var(--c-primary) !important; margin: 0 0 10px !important; }
    :where(html[data-theme="dark"]) body.page-code-file .cf-fileinfo-card h3 { color: var(--c-ink) !important; }
    body.page-code-file .cf-fileinfo-card h3 i { color: var(--lx-muted) !important; font-size: 14px !important; }
    body.page-code-file .cf-fileinfo-card > div span { background: transparent !important; border: 1px solid var(--lx-line) !important; color: var(--lx-muted) !important; font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: .06em; text-transform: uppercase; padding: 5px 10px !important; border-radius: 999px !important; }
    body.page-code-file .cf-fileinfo-card h4 { font-size: 10.5px !important; letter-spacing: .14em !important; text-transform: uppercase; color: var(--lx-muted) !important; font-weight: 600 !important; margin: 20px 0 2px !important; }
    body.page-code-file .cf-fileinfo-card h4 i { color: var(--c-accent) !important; }
    body.page-code-file .what-you-get-table { margin-top: 4px !important; }
    body.page-code-file .what-you-get-table td { padding: 12px 0 !important; font-size: 14px !important; line-height: 1.5; border-bottom: 1px solid var(--lx-line) !important; vertical-align: top; text-align: left !important; }
    body.page-code-file .what-you-get-table td:first-child { width: 44%; padding-right: 12px !important; color: var(--c-primary) !important; font-weight: 600 !important; white-space: normal !important; }
    :where(html[data-theme="dark"]) body.page-code-file .what-you-get-table td:first-child { color: var(--c-ink) !important; }
    body.page-code-file .what-you-get-table td:first-child i { color: var(--c-accent) !important; width: 18px; margin-right: 6px; text-align: center; }
    body.page-code-file .what-you-get-table td:last-child { color: var(--lx-muted) !important; }
    body.page-code-file .what-you-get-table tr:last-child td { border-bottom: 0 !important; }
    body.page-code-file .related-files-section { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; margin: 30px 0 0 !important; }
    body.page-code-file .related-files-section h2 { font-family: var(--lx-head); font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.015em; color: var(--c-primary) !important; margin: 0 0 12px !important; }
    :where(html[data-theme="dark"]) body.page-code-file .related-files-section h2 { color: var(--c-ink) !important; }
    body.page-code-file .related-files-section h2 i { color: var(--lx-muted) !important; font-size: 15px !important; }
    body.page-code-file .related-files-grid { display: flex !important; grid-template-columns: none !important; gap: 12px !important; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: 20px; padding: 6px 20px 14px; margin: 0 -20px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    body.page-code-file .related-files-grid::-webkit-scrollbar { display: none; }
    body.page-code-file .rf-card { flex: 0 0 76% !important; max-width: 300px; scroll-snap-align: start; display: flex !important; flex-direction: column !important; background: var(--c-card) !important; border: 1px solid var(--lx-line) !important; border-radius: 18px !important; box-shadow: var(--lx-shadow) !important; overflow: hidden; }
    body.page-code-file .rf-card-link { display: flex !important; flex-direction: column !important; flex: 1; }
    body.page-code-file .rf-thumb { width: 100% !important; flex: none !important; aspect-ratio: 16 / 9 !important; height: auto !important; border-radius: 0 !important; }
    body.page-code-file .rf-body { padding: 12px 14px 8px !important; gap: 8px !important; }
    body.page-code-file .rf-title { font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; color: var(--lx-ink) !important; }
    body.page-code-file .rf-meta { gap: 6px !important; }
    body.page-code-file .rf-badge, body.page-code-file .rf-cat { background: transparent !important; border: 1px solid var(--lx-line) !important; color: var(--lx-muted) !important; font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: .04em; padding: 3px 8px !important; border-radius: 999px !important; }
    body.page-code-file .rf-watch { background: transparent !important; color: var(--c-primary) !important; border: 1px solid var(--lx-line) !important; border-radius: 999px !important; margin: 2px 14px 14px !important; padding: 9px 12px !important; font-size: 12.5px !important; font-weight: 600 !important; box-shadow: none !important; }
    :where(html[data-theme="dark"]) body.page-code-file .rf-watch { color: var(--c-ink) !important; }
    body.page-code-file .rf-watch i { color: #ff0000; }
    :where(html[data-theme="dark"]) body.page-code-file .rf-watch i { color: #F47B7B; }
    body.page-code-file .related-files-more { margin-top: 4px !important; }
    body.page-code-file .related-files-more a { background: transparent !important; color: var(--c-primary) !important; border: 1px solid var(--c-primary) !important; border-radius: 999px !important; padding: 11px 22px !important; font-size: 14px !important; font-weight: 600 !important; box-shadow: none !important; }
    :where(html[data-theme="dark"]) body.page-code-file .related-files-more a { color: var(--c-ink) !important; border: 1px solid var(--c-ink-line) !important; }
    body.page-code-file .cf-custom-card { background: transparent !important; border: 0 !important; border-top: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 28px 0 0 !important; margin: 32px 0 0 !important; }
    body.page-code-file .cf-custom-card > div:first-child { text-align: left !important; margin-bottom: 18px !important; }
    body.page-code-file .cf-custom-card > div:first-child > div:first-child { background: transparent !important; color: var(--lx-muted) !important; padding: 0 !important; margin: 0 0 8px !important; border-radius: 0 !important; box-shadow: none !important; font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase; line-height: 1.5 !important; justify-content: flex-start !important; }
    body.page-code-file .cf-custom-card > div:first-child > div:first-child i { color: var(--c-accent) !important; }
    body.page-code-file .cf-custom-card h3 { font-family: var(--lx-head); font-size: 22px !important; font-weight: 600 !important; letter-spacing: -.02em !important; line-height: 1.2 !important; text-align: left !important; color: var(--c-primary) !important; margin: 0 0 8px !important; }
    :where(html[data-theme="dark"]) body.page-code-file .cf-custom-card h3 { color: var(--c-ink) !important; }
    body.page-code-file .cf-custom-card h3 i { color: var(--lx-muted) !important; font-size: 16px !important; }
    body.page-code-file .cf-custom-card > div:first-child p { text-align: left !important; font-size: 14.5px !important; line-height: 1.6 !important; color: var(--lx-muted) !important; max-width: none !important; margin: 0 !important; }
    body.page-code-file .trust-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 0 !important; border-top: 1px solid var(--lx-line); border-bottom: 1px solid var(--lx-line); margin: 0 0 22px !important; }
    body.page-code-file .trust-grid > div { background: transparent !important; border: 0 !important; border-right: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 14px 8px !important; text-align: center; }
    body.page-code-file .trust-grid > div:nth-child(3n), body.page-code-file .trust-grid > div:last-child { border-right: 0 !important; }
    body.page-code-file .trust-grid > div:nth-child(n+4) { border-top: 1px solid var(--lx-line) !important; }
    body.page-code-file .trust-grid > div > div:first-child { font-family: var(--lx-head); font-size: 20px !important; font-weight: 700 !important; letter-spacing: -.02em; color: var(--c-primary) !important; margin: 0 !important; }
    :where(html[data-theme="dark"]) body.page-code-file .trust-grid > div > div:first-child { color: var(--c-ink) !important; }
    body.page-code-file .trust-grid > div > div:last-child { font-size: 10px !important; letter-spacing: .08em; text-transform: uppercase; color: var(--lx-muted) !important; font-weight: 500 !important; margin-top: 4px !important; }
    body.page-code-file .customize-grid { gap: 0 !important; }
    body.page-code-file .customize-grid > div { display: flex !important; align-items: flex-start; gap: 14px; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 14px 0 !important; margin: 0 !important; }
    body.page-code-file .customize-grid > div:last-child { border-bottom: 0 !important; }
    body.page-code-file .customize-grid > div > div:first-child { width: 40px !important; height: 40px !important; min-width: 40px !important; flex: none; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 12px !important; background: var(--c-tint) !important; background-image: none !important; color: var(--c-primary) !important; font-size: 15px !important; box-shadow: none !important; }
    :where(html[data-theme="dark"]) body.page-code-file .customize-grid > div > div:first-child { color: var(--c-ink) !important; }
    body.page-code-file .customize-grid > div > div:last-child > div:first-child { font-size: 15px !important; font-weight: 600 !important; color: var(--lx-ink) !important; margin: 0 0 2px !important; }
    body.page-code-file .customize-grid > div > div:last-child > div:last-child { font-size: 13px !important; line-height: 1.55 !important; color: var(--lx-muted) !important; }
    body.page-code-file .cf-custom-card .support-pair { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
    body.page-code-file .cf-custom-card .btn-whatsapp { width: 100%; justify-content: center; background: var(--c-support, #25D366) !important; background-image: none !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important; font-weight: 600 !important; padding: 15px 18px !important; box-shadow: none !important; }
    body.page-code-file .cf-custom-card .btn-whatsapp.sup-em { background: transparent !important; color: var(--c-primary) !important; border: 1px solid var(--c-primary) !important; }
    :where(html[data-theme="dark"]) body.page-code-file .cf-custom-card .btn-whatsapp.sup-em { color: var(--c-ink) !important; border: 1px solid var(--c-ink-line) !important; }
    body.page-code-file .cf-custom-card .support-pair + p, body.page-code-file .cf-custom-card > div:last-child > p { font-size: 12px !important; line-height: 1.6; color: var(--lx-muted) !important; text-align: center; margin: 12px 0 0 !important; }
    body.page-code-file .cf-also { padding: 0 20px !important; margin-top: 32px !important; }
    body.page-code-file .cf-also-head { gap: 2px !important; margin-bottom: 12px !important; }
    body.page-code-file .cf-also-head h2 { font-family: var(--lx-head); font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.015em !important; gap: 8px !important; }
    body.page-code-file .cf-also-head h2 i { width: auto !important; height: auto !important; flex: none !important; background: transparent !important; color: var(--lx-muted) !important; font-size: 15px !important; border-radius: 0 !important; }
    body.page-code-file .cf-also-head p { margin: 0 !important; font-size: 13px !important; font-weight: 500 !important; color: var(--lx-muted) !important; }
    body.page-code-file .cf-also-grid { display: flex !important; grid-template-columns: none !important; gap: 12px !important; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: 20px; padding: 6px 20px 14px; margin: 0 -20px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    body.page-code-file .cf-also-grid::-webkit-scrollbar { display: none; }
    body.page-code-file .cf-also-card { flex: 0 0 76% !important; max-width: 300px; scroll-snap-align: start; flex-direction: column !important; align-items: stretch !important; background: var(--c-card) !important; border: 1px solid var(--lx-line) !important; border-radius: 18px !important; box-shadow: var(--lx-shadow) !important; }
    body.page-code-file .cf-also-thumb { flex: none !important; width: 100% !important; aspect-ratio: 16 / 9 !important; }
    body.page-code-file .cf-also-body { padding: 12px 14px 14px !important; gap: 6px !important; }
    body.page-code-file .cf-also-name { font-size: 14px !important; font-weight: 600 !important; color: var(--lx-ink) !important; }
    body.page-code-file .cf-also-price { font-family: var(--lx-head); font-size: 15px !important; font-weight: 700 !important; }
    body.page-code-file .rsrev { padding: 0 20px !important; margin: 32px auto 20px !important; }
    body.page-code-file .rsrev-head h2 { font-family: var(--lx-head); font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.015em !important; gap: 8px !important; }
    body.page-code-file .rsrev-head h2 i { width: auto !important; height: auto !important; flex: none !important; background: transparent !important; color: var(--lx-muted) !important; font-size: 15px !important; border-radius: 0 !important; }
    body.page-code-file .rsrev-head p { font-size: 13px !important; font-weight: 500 !important; color: var(--lx-muted) !important; }
    body.page-code-file .rsrev-head > button, body.page-code-file .rsrev-head > a, body.page-code-file .rsrev-more { border-radius: 999px !important; box-shadow: none !important; font-weight: 600 !important; }
    body.page-code-file .rsrev-sum { grid-template-columns: 1fr !important; background: transparent !important; border: 0 !important; border-top: 1px solid var(--lx-line) !important; border-bottom: 1px solid var(--lx-line) !important; border-radius: 0 !important; padding: 16px 0 !important; margin: 0 0 4px !important; }
    body.page-code-file .rsrev-card { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--lx-line) !important; border-radius: 0 !important; padding: 14px 0 !important; margin: 0 !important; box-shadow: none !important; }
    body.page-code-file .rsffaq { padding: 0 20px !important; margin-top: 30px !important; }
    body.page-code-file .rsffaq h2 { font-family: var(--lx-head); font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.015em !important; }
    body.page-code-file .rsffaq-sub { font-size: 13px !important; color: var(--lx-muted) !important; font-weight: 500 !important; }
    body.page-code-file #youtubeAuthSection, body.page-code-file #videoWatchSection, body.page-code-file #verifiedActionsSection, body.page-code-file .cf-faq-card, body.page-code-file .content-section, body.page-code-file .auth-section { border-radius: var(--lx-r) !important; border: 1px solid var(--lx-line) !important; box-shadow: var(--lx-shadow) !important; }
    body.page-code-file .gsc-btn { border-radius: 999px !important; background: var(--c-accent) !important; background-image: none !important; color: var(--c-on-accent, #fff) !important; box-shadow: none !important; }
    body.page-code-file .gsc-btn-demo, body.page-code-file .gsc-btn-hire { border-radius: 999px !important; box-shadow: none !important; }
    body.page-code-file .mobile-action-bar { background: rgba(255, 255, 255, .88) !important; -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); border-top: 1px solid var(--lx-line) !important; box-shadow: 0 -10px 30px rgba(var(--c-primary-rgb), .08) !important; padding-left: 20px !important; padding-right: 20px !important; }
    :where(html[data-theme="dark"]) body.page-code-file .mobile-action-bar { background: rgba(19,19,19,0.88) !important; }
    body.page-code-file .mab-info-main { font-family: var(--lx-head); font-size: 22px !important; font-weight: 700 !important; letter-spacing: -.025em; color: var(--c-primary) !important; line-height: 1.1; }
    :where(html[data-theme="dark"]) body.page-code-file .mab-info-main { color: var(--c-ink) !important; }
    body.page-code-file .mab-info-sub { font-size: 11.5px !important; color: var(--lx-muted) !important; font-weight: 500 !important; }
    body.page-code-file .promo-input-row { flex-direction: row !important; align-items: stretch; }
    body.page-code-file .promo-apply-btn { flex: none !important; width: auto !important; min-width: 0 !important; }
    body.page-code-file .disc-timer-head { flex: 1; min-width: 0; font-size: 11.5px !important; line-height: 1.3; }
    body.page-code-file .dt-cell { min-width: 32px !important; }
    body.page-code-file .other-method-btn > span:first-child { flex-wrap: wrap; row-gap: 1px !important; }
    body.page-code-file .other-method-btn small { flex-basis: 100%; padding-left: 34px; line-height: 1.3; }
    body.page-code-file .cf-prompt-ic { width: 30px !important; height: 30px !important; font-size: 13px !important; }
    body.page-code-file .cf-prompt-txt strong { font-size: 12.5px !important; line-height: 1.25 !important; display: block; }
    body.page-code-file .cf-custom-card > div:first-child > div:first-child { border: 0 !important; }
    body.page-code-file .cf-custom-card .trust-grid > div > div:first-child { color: var(--c-primary) !important; }
    :where(html[data-theme="dark"]) body.page-code-file .cf-custom-card .trust-grid > div > div:first-child { color: var(--c-ink) !important; }
    body.page-code-file .cf-custom-card > .trust-grid + div:not(.customize-grid) { text-align: left !important; font-size: 10.5px !important; letter-spacing: .14em !important; text-transform: uppercase; color: var(--lx-muted) !important; font-weight: 600 !important; margin: 0 0 2px !important; }
    body.page-code-file .cf-also-chip { background: transparent !important; border: 1px solid var(--lx-line) !important; color: var(--lx-muted) !important; font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: .04em; padding: 3px 8px !important; border-radius: 999px !important; }
    body.page-code-file .cf-also-chip i { color: var(--c-accent) !important; }
    body.page-code-file .rsrev-sub { font-size: 13px !important; color: var(--lx-muted) !important; font-weight: 500 !important; }
    body.page-code-file .rsrev-write-btn { background: var(--c-primary) !important; background-image: none !important; color: var(--c-on-primary, #fff) !important; border: 0 !important; border-radius: 999px !important; padding: 12px 18px !important; font-size: 14px !important; font-weight: 600 !important; box-shadow: none !important; }
    :where(html[data-theme="dark"]) body.page-code-file .rsrev-write-btn { background: var(--c-accent) !important; }
    body.page-code-file .rsrev-score b { font-family: var(--lx-head); }
    body.page-code-file .rsffaq details { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
    body.page-code-file .rsffaq summary { padding: 14px 0 !important; background: transparent !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4; color: var(--c-primary) !important; }
    :where(html[data-theme="dark"]) body.page-code-file .rsffaq summary { color: var(--c-ink) !important; }
    body.page-code-file .rsffaq-a { padding: 0 0 14px !important; font-size: 14px !important; line-height: 1.6 !important; color: var(--lx-muted) !important; }
    body.page-code-file .mab-btn { background: var(--c-accent) !important; background-image: none !important; color: var(--c-on-accent, #fff) !important; border: 0 !important; border-radius: 999px !important; padding: 14px 24px !important; font-size: 15px !important; font-weight: 700 !important; box-shadow: 0 12px 26px -12px rgba(var(--c-accent-rgb), .7) !important; }
    body.page-code-file .container { display: flex; flex-direction: column; }
    body.page-code-file .checkout-grid, body.page-code-file .checkout-grid > .checkout-left { display: contents !important; }
    body.page-code-file .container > * { order: 20; }
    body.page-code-file .video-container, body.page-code-file .checkout-video-wrap, body.page-code-file .cf-novideo { order: 2 !important; margin: 0 0 18px !important; }
    body.page-code-file .file-header { order: 1 !important; padding: 4px 0 0 !important; margin-bottom: 14px !important; }
    body.page-code-file .checkout-right { order: 3 !important; margin: 0 0 6px; }
    body.page-code-file #aiPromptBanner { order: 4 !important; margin: 14px 0 0 !important; }
    body.page-code-file #videoDescAcc { order: 5 !important; margin-top: 22px !important; }
    body.page-code-file .cf-features { order: 6 !important; margin-top: 30px !important; }
    body.page-code-file .cf-desc { order: 7 !important; margin-top: 30px !important; }
    body.page-code-file .cf-fileinfo-card { order: 8 !important; margin-top: 30px !important; }
    body.page-code-file #subscribeBanner { order: 9 !important; margin: 30px 0 0 !important; }
    body.page-code-file .cta-banner { order: 9 !important; margin: 30px 0 0 !important; }
    body.page-code-file .related-files-section { order: 10 !important; margin-top: 30px !important; }
    body.page-code-file .cf-custom-card { order: 11 !important; }
    body.page-code-file .file-header h1 { font-size: 26px !important; margin: 0 0 10px !important; }
    body.page-code-file .file-meta { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; margin: 0 -20px; padding: 0 20px; -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent); mask-image: linear-gradient(90deg, #000 90%, transparent); }
    body.page-code-file .file-meta::-webkit-scrollbar { display: none; }
    body.page-code-file .file-meta .badge { flex: none; }
    body.page-code-file .file-meta { justify-content: flex-start !important; }
    body.page-code-file .subscribers-milestone-banner .milestone-content { display: flex; align-items: center; gap: 12px; }
    body.page-code-file .subscribers-milestone-banner .milestone-text { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
    body.page-code-file .subscribers-milestone-banner .milestone-sub { display: none !important; }
    body.page-code-file .subscribers-milestone-banner .milestone-emoji { width: 34px !important; height: 34px !important; min-width: 34px !important; font-size: 15px !important; }
    body.page-code-file .subscribers-milestone-banner .subscribe-btn { flex: none; white-space: nowrap; }
    body.page-code-file .checkout-sidebar-body { display: flex; flex-direction: column; }
    body.page-code-file .checkout-sidebar-body > * { order: 50; }
    body.page-code-file .checkout-sidebar-body > .sidebar-price-box { order: 1; }
    body.page-code-file .checkout-sidebar-body > #checkoutForm { order: 2; margin-top: 18px !important; }
    body.page-code-file .checkout-sidebar-body > .other-methods-list { order: 3; }
    body.page-code-file .checkout-sidebar-body > .sidebar-payment-logos { order: 4; }
    body.page-code-file .checkout-sidebar-body > .sidebar-trust-bar { order: 5; }
    body.page-code-file .checkout-sidebar-body > #rsCouponBox { order: 6; margin-top: 18px !important; }
    body.page-code-file .checkout-sidebar-body > .sidebar-trust-strip { order: 7; }
    body.page-code-file .checkout-sidebar-body > .sidebar-divider { order: 8; }
    body.page-code-file .checkout-sidebar-body > .sidebar-feature-list { order: 9; }
    body.page-code-file .checkout-sidebar-body > .sidebar-license-note { order: 10; }
    body.page-code-file .checkout-sidebar-body > #checkoutSummary { order: 11; }
    body.page-code-file .checkout-sidebar-body > .cf-prompt-wrap { order: 12; }
    body.page-code-file .checkout-sidebar-body > .cf-prompt-wrap { display: none !important; }
    body.page-code-file #checkoutForm .method-pay-btn { margin-top: 0 !important; }
    body.page-code-file .cf-fileinfo-card > h3, body.page-code-file .cf-fileinfo-card > div:first-of-type { display: none !important; }
    body.page-code-file .cf-fileinfo-card h4 { font-family: var(--lx-head); font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.015em !important; text-transform: none; color: var(--c-primary) !important; margin: 0 0 6px !important; }
    :where(html[data-theme="dark"]) body.page-code-file .cf-fileinfo-card h4 { color: var(--c-ink) !important; }
    body.page-code-file .cf-fileinfo-card h4 i { color: var(--lx-muted) !important; font-size: 14px !important; }
    body.page-code-file .rf-watch { border: 0 !important; padding: 0 !important; margin: 0 14px 14px !important; justify-content: flex-start !important; color: var(--lx-muted) !important; font-size: 12.5px !important; }
    body.page-code-file .mobile-action-bar { padding-top: 8px !important; padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important; }
    body.page-code-file .mab-info-main { font-size: 20px !important; }
    body.page-code-file .mab-btn { padding: 12px 22px !important; min-height: 44px; }
    body.page-code-file .cf-rail { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 1001; transform: translateY(-102%); transition: transform .3s cubic-bezier(.4, 0, .2, 1); background: #fff; background: color-mix(in srgb, var(--c-card, #fff) 94%, transparent); -webkit-backdrop-filter: saturate(180%) blur(16px); backdrop-filter: saturate(180%) blur(16px); border-bottom: 1px solid var(--lx-line); box-shadow: 0 14px 30px -24px rgba(var(--c-primary-rgb), .55); }
    :where(html[data-theme="dark"]) body.page-code-file .cf-rail { background: #131313; }
    body.page-code-file .cf-rail.is-on { transform: translateY(0); }
    body.page-code-file .cf-rail-track { display: flex; align-items: center; gap: 8px; min-height: var(--cf-bar-h); box-sizing: border-box; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 0 max(14px, env(safe-area-inset-left)) 0 max(14px, env(safe-area-inset-right)); }
    body.page-code-file .cf-rail-track::-webkit-scrollbar { display: none; }
    body.page-code-file .cf-rail-track[data-edge="end"] { -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent); mask-image: linear-gradient(90deg, #000 90%, transparent); }
    body.page-code-file .cf-rail-track[data-edge="start"] { -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%); mask-image: linear-gradient(90deg, transparent, #000 10%); }
    body.page-code-file .cf-rail-track[data-edge="both"] { -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
    body.page-code-file .cf-rail-chip { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 15px; border: 1px solid var(--lx-line); border-radius: 999px; background: var(--c-card, #fff); font-family: var(--lx-head); font-size: 13px; font-weight: 600; line-height: 1; color: var(--lx-muted); white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background .18s ease, color .18s ease, border-color .18s ease; }
    body.page-code-file .cf-rail-chip i { font-size: 12px; opacity: .75; }
    body.page-code-file .cf-rail-chip b { font-size: 11px; font-weight: 700; padding: 2px 6px; border-radius: 999px; background: var(--c-tint); color: var(--c-primary); }
    :where(html[data-theme="dark"]) body.page-code-file .cf-rail-chip b { color: var(--c-ink); }
    body.page-code-file .cf-rail-chip.is-active { background: var(--c-primary); border-color: var(--c-primary); color: var(--c-on-primary, #fff); }
    :where(html[data-theme="dark"]) body.page-code-file .cf-rail-chip.is-active { border-color: var(--c-ink-line); }
    body.page-code-file .cf-rail-chip.is-active i { opacity: 1; }
    body.page-code-file .cf-rail-chip.is-active b { background: rgba(255, 255, 255, .22); color: var(--c-on-primary, #fff); }
    body.page-code-file .cf-sec { scroll-margin-top: calc(var(--cf-bar-h) + 13px); }
    @media (prefers-reduced-motion: reduce) {
        body.page-code-file .cf-rail { transition: none; }
    }
    body.page-code-file .disc-timer small { font-size: 10px !important; letter-spacing: .04em; }
    body.page-code-file .file-meta .badge { font-size: 11px !important; }
    body.page-code-file .sidebar-disc-why, body.page-code-file .license-note-head, body.page-code-file .other-methods-heading { font-size: 11.5px !important; }
    body.page-code-file .cf-custom-card .trust-grid > :nth-child(5):last-child { grid-column: span 2; }
    body.page-code-file .ph-header { display: block; padding: 0; z-index: 1000; background: #fff; background: color-mix(in srgb, var(--c-card, #fff) 82%, transparent); -webkit-backdrop-filter: saturate(180%) blur(14px); backdrop-filter: saturate(180%) blur(14px); border-bottom: 1px solid var(--lx-line); }
    :where(html[data-theme="dark"]) body.page-code-file .ph-header { background: #131313; }
    body.page-code-file { --cf-bar-h: 56px; }
    body.page-code-file .ph-wrap { min-height: var(--cf-bar-h); padding: 0 max(14px, env(safe-area-inset-left)) 0 max(14px, env(safe-area-inset-right)); gap: 8px; }
    body.page-code-file .ph-logo { padding: 0; font-size: 15.5px; gap: 8px; }
    body.page-code-file .ph-logo img { width: 30px; height: 30px; }
    body.page-code-file .ph-nav { padding: 0; gap: 2px; }
    body.page-code-file .ph-tool-btn { padding: 8px 9px; font-size: 15px; min-height: 40px; }
    body.page-code-file .ph-nav .lang-btn { min-height: 40px; }
    body.page-code-file .checkout-sidebar-header { padding: 14px 18px 0 !important; }
    body.page-code-file .checkout-sidebar-header span:last-child { display: none; }
    body.page-code-file .checkout-sidebar-body { padding: 8px 18px 18px !important; }
    body.page-code-file .sidebar-price-box { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 10px; }
    body.page-code-file .sidebar-price-box > * { order: 6; flex: 1 0 100%; }
    body.page-code-file .sidebar-price-main { order: 1; flex: 0 0 auto; font-size: 32px !important; }
    body.page-code-file .sidebar-disc-strip { order: 2; flex: 0 0 auto; margin: 0 !important; font-size: 13px !important; }
    body.page-code-file .sidebar-price-sub { order: 3; flex: 1 0 100%; margin-top: 2px !important; font-size: 12.5px !important; }
    body.page-code-file .sidebar-disc-why { order: 4; flex: 1 0 100%; padding: 7px 0 0 !important; font-size: 10px !important; }
    body.page-code-file .disc-timer { order: 5; flex: 1 0 100%; padding: 8px 0 0 !important; margin: 8px 0 0 !important; }
    body.page-code-file .mobile-action-bar { transition: transform .28s cubic-bezier(.4, 0, .2, 1); }
    body.page-code-file .mobile-action-bar.is-tucked { transform: translateY(calc(100% + var(--ph-bottom-nav-h) + env(safe-area-inset-bottom, 0px) + 14px)); pointer-events: none; }
    @media (prefers-reduced-motion: reduce) {
        body.page-code-file .mobile-action-bar { transition: none; }
    }
    body.page-code-file .checkout-sidebar-header { background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary, var(--c-primary)) 100%) !important; color: var(--c-on-primary, #fff) !important; padding: 11px 16px !important; }
    body.page-code-file .checkout-sidebar-header span { color: var(--c-on-primary, #fff) !important; opacity: 1 !important; letter-spacing: .13em !important; }
    body.page-code-file .checkout-sidebar-header > div > span:first-child::before { content: "\f56c"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 8px; opacity: .85; }
    body.page-code-file .checkout-sidebar-body { padding: 12px 14px 16px !important; }
    body.page-code-file .sidebar-price-box { background: linear-gradient(180deg, var(--c-tint-2) 0%, var(--c-card) 100%) !important; border: 1px solid var(--c-tint-line) !important; border-radius: var(--lx-r-sm) !important; padding: 12px 12px 10px !important; }
    body.page-code-file .sidebar-price-main { color: var(--c-primary) !important; }
    :where(html[data-theme="dark"]) body.page-code-file .sidebar-price-main { color: var(--c-ink) !important; }
    body.page-code-file .sidebar-disc-badge { background: var(--c-accent) !important; color: var(--c-on-accent, #fff) !important; border: 0 !important; padding: 4px 10px !important; border-radius: 999px !important; font-weight: 700 !important; }
    body.page-code-file .sidebar-disc-badge i { color: var(--c-on-accent, #fff) !important; }
    body.page-code-file .sidebar-price-sub { flex: 0 1 auto; }
    body.page-code-file .sidebar-disc-why { flex: 0 1 auto; margin: 0 0 0 auto !important; background: var(--c-tint) !important; border: 1px solid var(--c-tint-line) !important; border-radius: 999px !important; padding: 4px 9px !important; color: var(--c-primary) !important; }
    :where(html[data-theme="dark"]) body.page-code-file .sidebar-disc-why { color: var(--c-ink) !important; }
    body.page-code-file .sidebar-disc-why i { color: var(--c-accent) !important; }
    body.page-code-file .disc-timer { background: var(--c-tint-2) !important; border: 1px solid var(--c-tint-line) !important; border-radius: 12px !important; padding: 9px 9px !important; margin: 9px 0 0 !important; }
    body.page-code-file .disc-timer-head { color: var(--c-primary) !important; font-weight: 600 !important; font-size: 11px !important; }
    :where(html[data-theme="dark"]) body.page-code-file .disc-timer-head { color: var(--c-ink) !important; }
    body.page-code-file .disc-timer-head i { color: var(--c-accent) !important; }
    body.page-code-file .sidebar-price-box > div[style]:last-child { border-top: 1px solid var(--c-tint-line); padding: 8px 2px 0 !important; margin-top: 9px !important; color: var(--c-primary) !important; }
    :where(html[data-theme="dark"]) body.page-code-file .sidebar-price-box > div[style]:last-child { color: var(--c-ink) !important; }
    body.page-code-file .method-pay-btn { justify-content: center !important; align-items: center !important; gap: 10px; min-height: 58px; padding: 0 18px !important; text-align: center; }
    body.page-code-file .method-pay-btn .mpb-logo { flex: 0 0 auto !important; background: transparent !important; border: 0 !important; border-right: 0 !important; padding: 0 !important; }
    body.page-code-file .method-pay-btn .mpb-logo img { max-height: 24px !important; background: #fff; border-radius: 6px; padding: 3px 7px; }
    :where(html[data-theme="dark"]) body.page-code-file .method-pay-btn .mpb-logo img { background: #131313; }
    body.page-code-file .method-pay-btn .mpb-body { flex: 0 0 auto !important; padding: 0 !important; }
    body.page-code-file .method-pay-btn .mpb-main { font-size: 17px !important; font-weight: 800 !important; }
    body.page-code-file .other-methods-list { gap: 8px !important; }
    body.page-code-file .other-method-btn { position: relative !important; background: var(--c-card) !important; border: 1px solid var(--c-tint-line) !important; border-radius: 14px !important; padding: 11px 38px 11px 11px !important; min-height: 60px !important; box-shadow: 0 1px 2px rgba(var(--c-primary-rgb), .05) !important; transition: transform .12s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease; -webkit-tap-highlight-color: transparent; }
    body.page-code-file .other-method-btn:last-of-type { border-bottom: 1px solid var(--c-tint-line) !important; }
    body.page-code-file .other-method-btn::after { content: "" !important; position: absolute !important; right: 16px !important; top: 50% !important; width: 7px !important; height: 7px !important; margin: 0 !important; border: 0 !important; border-right: 2px solid var(--c-primary) !important; border-bottom: 2px solid var(--c-primary) !important; transform: translateY(-50%) rotate(-45deg) !important; opacity: .35; }
    :where(html[data-theme="dark"]) body.page-code-file .other-method-btn::after { border-right: 2px solid var(--c-ink-line) !important; border-bottom: 2px solid var(--c-ink-line) !important; }
    body.page-code-file .other-method-btn:active { transform: scale(.985); background: var(--c-tint) !important; border-color: var(--c-accent) !important; box-shadow: none !important; }
    body.page-code-file .other-method-btn:active::after { opacity: .95; border-right-color: var(--c-accent) !important; border-bottom-color: var(--c-accent) !important; }
    @media (hover: hover) {
        body.page-code-file .other-method-btn:hover { border-color: var(--c-accent) !important; box-shadow: 0 8px 20px -12px rgba(var(--c-accent-rgb), .7) !important; }
    }
    body.page-code-file .other-method-btn:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 2px; }
    body.page-code-file .other-method-btn > span:first-child i { width: 38px !important; height: 38px; flex: 0 0 38px; display: inline-flex; align-items: center; justify-content: center; background: var(--c-tint); border-radius: 10px; font-size: 15px !important; }
    body.page-code-file .other-method-btn small { padding-left: 50px; }
    body.page-code-file .other-method-price { font-size: 15px !important; }
    body.page-code-file .other-methods-list.few .other-method-btn { border: 2px solid var(--c-accent) !important; background: var(--c-tint-2) !important; }
    @media (prefers-reduced-motion: reduce) {
        body.page-code-file .other-method-btn { transition: none; }
        body.page-code-file .other-method-btn:active { transform: none; }
    }
}
@media (max-width: 768px) {
    body.page-code-file .cf-custom-card { background: var(--c-card) !important; border: 1px solid var(--lx-line) !important; border-radius: var(--lx-r) !important; box-shadow: var(--lx-shadow) !important; overflow: hidden; padding: 20px !important; margin: 30px 0 0 !important; }
    body.page-code-file .cf-custom-card > div:first-child { margin-bottom: 16px !important; }
    body.page-code-file .cf-custom-card .trust-grid { margin: 0 0 18px !important; }
    body.page-code-file .cf-custom-card .customize-grid > div:last-child { border-bottom: 0 !important; }
    body.page-code-file .cf-features-grid { grid-template-columns: 1fr !important; }
    body.page-code-file .cf-feat { font-size: 14.5px !important; line-height: 1.5 !important; padding: 12px 0 !important; }
}
@media (max-width: 480px) {
    body.page-code-file .what-you-get-table, body.page-code-file .what-you-get-table tbody, body.page-code-file .what-you-get-table tr { display: block; width: 100%; }
    body.page-code-file .what-you-get-table td { display: block; width: auto !important; padding: 0 !important; border-bottom: 0 !important; }
    body.page-code-file .what-you-get-table td:first-child { padding: 12px 0 2px !important; }
    body.page-code-file .what-you-get-table td:last-child { padding: 0 0 12px !important; border-bottom: 1px solid var(--lx-line) !important; font-size: 13.5px !important; }
    body.page-code-file .what-you-get-table tr:last-child td:last-child { border-bottom: 0 !important; }
}
@media (max-width: 992px) {
    body.page-code-file .container, body.page-code-file .cf-also, body.page-code-file .rsrev, body.page-code-file .rsffaq { padding-left: max(20px, env(safe-area-inset-left, 0px)) !important; padding-right: max(20px, env(safe-area-inset-right, 0px)) !important; box-sizing: border-box; }
}
@media (max-width: 380px) {
    body.page-code-file .container, body.page-code-file .cf-also, body.page-code-file .rsrev, body.page-code-file .rsffaq { padding-left: max(16px, env(safe-area-inset-left, 0px)) !important; padding-right: max(16px, env(safe-area-inset-right, 0px)) !important; }
}
body.page-code-file .gpay-btn { display: flex; width: 100%; align-items: center; justify-content: center; margin-top: 10px; min-height: 52px; padding: 0 18px; border: 0; border-radius: 6px; background: #111111; color: #fff; cursor: pointer; touch-action: manipulation; transition: background .15s; }
body.page-code-file .gpay-btn:hover { background: #000000; }
body.page-code-file .gpay-btn:disabled { opacity: .7; cursor: not-allowed; }
body.page-code-file .gpay-btn.loading { color: #fff; font-size: 15px; font-weight: 600; }
body.page-code-file .related-files-section, body.page-code-file .cf-also, body.page-code-file .cf-custom-card, body.page-code-file .rsrev, body.page-code-file .rsffaq { content-visibility: auto; contain-intrinsic-size: auto 520px; }
body.page-code-file .method-verification-notice { background: var(--c-tint, #f6faff) !important; border: 1px solid var(--c-tint-line, #dbe7f3) !important; color: var(--c-text, #3C4043) !important; }
body.page-code-file .method-verification-notice i { color: var(--c-accent, #0B57D0) !important; }
body.page-code-file .crypto-qr { margin: 10px 0 4px; }
body.page-code-file .crypto-qr[hidden] { display: none; }
body.page-code-file .method-pay-btn.pk-card-btn { background: #111111 !important; background-image: none !important; border-radius: 6px !important; box-shadow: none !important; min-height: 52px !important; padding: 0 18px !important; justify-content: center !important; }
body.page-code-file .method-pay-btn.pk-card-btn:hover { background: #000000 !important; transform: none !important; box-shadow: none !important; }
body.page-code-file .method-pay-btn.pk-card-btn .mpb-body { padding: 0 !important; }
body.page-code-file .method-pay-btn.pk-card-btn .mpb-main { font-family: var(--font-family-base) !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: 0 !important; color: #ffffff !important; }
body.page-code-file .proof-upload { border: 1.5px dashed var(--c-tint-line, #C4C7C5); border-radius: 10px; padding: 14px; background: var(--c-tint-2, #F8F9FA); transition: border-color .15s, background .15s; }
body.page-code-file .proof-upload.is-drag { border-color: var(--c-accent, #0B57D0); background: var(--c-tint, #f0f7ff); }
body.page-code-file .proof-upload.has-file { border-style: solid; background: #fff; }
:where(html[data-theme="dark"]) body.page-code-file .proof-upload.has-file { background: #131313; }
body.page-code-file .proof-upload-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
body.page-code-file .proof-upload-ic { width: 38px; height: 38px; flex: 0 0 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: #fff; border: 1px solid var(--c-tint-line, #DADCE0); color: var(--c-accent, #0B57D0); font-size: 16px; }
:where(html[data-theme="dark"]) body.page-code-file .proof-upload-ic { background: #131313; }
body.page-code-file .proof-upload-txt b { display: block; font-size: 13.5px; font-weight: 600; color: var(--c-text, #1F1F1F); }
body.page-code-file .proof-upload-txt small { display: block; font-size: 12px; color: var(--c-text-muted, #5F6368); margin-top: 2px; }
body.page-code-file .proof-upload.has-file .proof-upload-head { display: none; }
body.page-code-file .proof-upload .file-input { background: #fff !important; border-style: solid !important; }
:where(html[data-theme="dark"]) body.page-code-file .proof-upload .file-input { background: #131313 !important; }
body.page-code-file .proof-upload-preview { display: flex; align-items: center; gap: 12px; margin-top: 10px; }
body.page-code-file .proof-upload-preview[hidden] { display: none; }
body.page-code-file .proof-upload-preview img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; border: 1px solid var(--c-tint-line, #DADCE0); background: #fff; }
:where(html[data-theme="dark"]) body.page-code-file .proof-upload-preview img { background: #131313; }
body.page-code-file .proof-upload-meta { flex: 1; min-width: 0; }
body.page-code-file .proof-upload-name { display: block; font-size: 13px; font-weight: 600; color: var(--c-text, #1F1F1F); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.page-code-file .proof-upload-size { display: block; font-size: 12px; color: var(--c-text-muted, #5F6368); }
body.page-code-file .proof-upload-clear { background: none; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 8px; padding: 7px 10px; font: 600 12px var(--font-family-base); color: var(--c-text-muted, #5F6368); cursor: pointer; }
body.page-code-file .proof-upload-clear:hover { color: #b91c1c; border-color: #fecaca; background: #fef2f2; }
:where(html[data-theme="dark"]) body.page-code-file .proof-upload-clear:hover { color: #EC8383; border-color: #501C1C; background: #220C0C; }
body.page-code-file .sidebar-price-usd { margin-top: 6px; font-size: 13px; font-weight: 600; color: var(--c-text-muted, #444746); }
body.page-code-file .sidebar-price-usd span { font-size: 12px; font-weight: 500; color: var(--c-text-muted, #80868B); }
@media (max-width: 768px) {
    body.page-code-file .sidebar-price-sub { order: 3 !important; flex: 0 1 auto !important; margin-top: 7px !important; }
    body.page-code-file .sidebar-price-usd { order: 4 !important; flex: 1 0 100% !important; margin: 3px 0 0 !important; font-size: 12.5px !important; }
    body.page-code-file .sidebar-price-usd span { font-size: 11.5px !important; }
    body.page-code-file .sidebar-disc-why { order: 5 !important; flex: 1 0 100% !important; display: flex !important; align-items: center; gap: 7px; margin: 10px 0 0 !important; padding: 7px 10px !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1.35; }
    body.page-code-file .disc-timer { order: 6 !important; margin: 10px 0 0 !important; }
    body.page-code-file .dt-cell[hidden], body.page-code-file .dt-sep[hidden] { display: none !important; }
    body.page-code-file .disc-timer-cells { gap: 4px !important; }
    body.page-code-file .dt-cell { min-width: 38px !important; padding: 6px 5px !important; }
    body.page-code-file .sidebar-trust-bar { display: grid !important; grid-template-columns: repeat(3, 1fr); align-items: start; gap: 6px !important; text-align: center; padding: 14px 0 0 !important; margin: 14px 0 0 !important; }
    body.page-code-file .sidebar-trust-bar span { display: flex !important; flex-direction: column; align-items: center; gap: 6px !important; font-size: 11px !important; line-height: 1.35; letter-spacing: 0 !important; }
    body.page-code-file .sidebar-trust-bar span i { font-size: 14px !important; }
    body.page-code-file .sidebar-trust-bar a { text-underline-offset: 3px; }
    body.page-code-file .checkout-sidebar-body > .sidebar-feature-list { order: 2 !important; margin: 16px 0 0 !important; border-top: 1px solid var(--lx-line); }
    body.page-code-file .checkout-sidebar-body > #checkoutForm { order: 3 !important; }
    body.page-code-file .checkout-sidebar-body > .other-methods-list { order: 4 !important; }
    body.page-code-file .checkout-sidebar-body > .sidebar-payment-logos { order: 5 !important; }
    body.page-code-file .checkout-sidebar-body > .sidebar-trust-bar { order: 6 !important; }
    body.page-code-file .checkout-sidebar-body > #rsCouponBox { order: 7 !important; }
    body.page-code-file .checkout-sidebar-body > .sidebar-trust-strip { order: 8 !important; }
    body.page-code-file .checkout-sidebar-body > .sidebar-divider { display: none !important; }
    body.page-code-file .sidebar-feature-list li { padding: 8px 0 !important; font-size: 13.5px !important; }
    body.page-code-file .other-methods-list { gap: 12px !important; margin-top: 20px !important; }
    body.page-code-file .other-methods-heading { display: flex; align-items: center; justify-content: center; gap: 7px; text-align: center; padding-bottom: 10px !important; }
    body.page-code-file .other-method-btn { padding: 15px 40px 15px 15px !important; min-height: 64px !important; border-radius: 16px !important; border-color: var(--c-tint-line) !important; background: var(--c-tint-2) !important; box-shadow: none !important; }
    body.page-code-file .other-methods-list.few .other-method-btn { border: 1px solid var(--c-tint-line) !important; background: var(--c-tint-2) !important; }
    body.page-code-file .other-method-btn > span:first-child { display: grid !important; grid-template-columns: auto 1fr; align-items: center; column-gap: 14px !important; row-gap: 2px !important; flex-wrap: nowrap !important; }
    body.page-code-file .other-method-btn > span:first-child i { grid-column: 1; grid-row: 1 / span 2; width: 40px !important; height: 40px; flex: 0 0 40px; background: var(--c-card) !important; border: 1px solid var(--c-tint-line); color: var(--c-secondary, var(--c-primary)) !important; opacity: .8; }
    :where(html[data-theme="dark"]) body.page-code-file .other-method-btn > span:first-child i { color: var(--c-ink) !important; }
    body.page-code-file .other-method-btn small { grid-column: 2; padding-left: 0 !important; color: var(--lx-muted) !important; }
    body.page-code-file .other-method-btn > span:first-child:not(:has(small)) > i { grid-row: 1 !important; }
    body.page-code-file .other-method-btn::after { opacity: .28 !important; }
    body.page-code-file .other-method-price { font-weight: 600 !important; }
    body.page-code-file .omp-was { opacity: .75; }
    body.page-code-file .sidebar-payment-logos { opacity: .42 !important; gap: 16px !important; padding-top: 18px !important; }
    body.page-code-file .pk-card-note { margin-top: 12px !important; display: flex; align-items: center; justify-content: center; gap: 7px; }
    body.page-code-file .pk-card-note i { font-size: 12px; margin: 0 !important; }
    body.page-code-file .cf-desc .cf-details { display: none !important; }
    body.page-code-file .rsrev-none { display: none !important; }
    body.page-code-file .related-files-section { display: none !important; }
    body.page-code-file { --cf-action-bar-h: 66px; }
    body.page-code-file .mobile-action-bar { left: max(14px, env(safe-area-inset-left, 0px)) !important; right: max(14px, env(safe-area-inset-right, 0px)) !important; max-width: 520px; margin: 0 auto; bottom: calc(env(safe-area-inset-bottom, 0px) + var(--ph-bottom-nav-h) + 6px) !important; min-height: var(--cf-action-bar-h); padding: 9px 9px 9px 22px !important; gap: 10px !important; border: 1px solid var(--lx-line) !important; border-radius: 999px !important; background: rgba(255, 255, 255, .94) !important; box-shadow: 0 14px 34px rgba(var(--c-primary-rgb), .16), 0 3px 10px rgba(0, 0, 0, .06) !important; }
    :where(html[data-theme="dark"]) body.page-code-file .mobile-action-bar { background: rgba(19,19,19,0.94) !important; }
    body.page-code-file .mab-info-main { font-size: 19px !important; }
    body.page-code-file .mab-info-sub { font-size: 11px !important; }
    body.page-code-file .mab-btn { border-radius: 999px !important; padding: 0 20px !important; min-height: 46px; }
    body.page-code-file.has-mobile-action-bar { padding-bottom: calc(var(--ph-bottom-nav-h) + var(--cf-action-bar-h) + 20px + env(safe-area-inset-bottom, 0px)) !important; }
    body.page-code-file .mobile-action-bar.is-tucked { transform: translateY(calc(100% + var(--ph-bottom-nav-h) + env(safe-area-inset-bottom, 0px) + 24px)) !important; }
    body.ph-pop-open.page-code-file .mobile-action-bar { transform: translateY(calc(100% + var(--ph-bottom-nav-h) + 40px)); pointer-events: none; }
    body.page-code-file .cf-fab { left: max(14px, env(safe-area-inset-left, 0px)); bottom: calc(env(safe-area-inset-bottom, 0px) + var(--ph-bottom-nav-h) + var(--cf-action-bar-h) + 16px); }
}
@media (min-width: 901px) {
    body.page-code-file .paytm-grid, body.page-code-file .binance-grid, body.page-code-file .crypto-grid { grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); }
    body.page-code-file .paytm-left, body.page-code-file .binance-left, body.page-code-file .crypto-left, body.page-code-file .paytm-right, body.page-code-file .binance-right, body.page-code-file .crypto-right { padding: 34px var(--co-gut, 40px); justify-content: center; justify-content: safe center; }
    body.page-code-file .paytm-left > *, body.page-code-file .binance-left > *, body.page-code-file .crypto-left > * { width: 100%; max-width: var(--co-measure, 560px); margin-left: auto; margin-right: 0; }
    body.page-code-file .paytm-right > *, body.page-code-file .binance-right > *, body.page-code-file .crypto-right > * { width: 100%; max-width: var(--co-measure, 560px); margin-right: auto; margin-left: 0; }
    body.page-code-file .proof-form { grid-template-columns: 1fr !important; }
    body.page-code-file .proof-form > .proof-field:has(.proof-email), body.page-code-file .proof-form > .proof-field:has(.proof-phone-row) { grid-column: 1 / -1 !important; }
    body.page-code-file .pmx-steps li { flex: 1 1 100%; padding: 0 0 0 30px; border-left: 0; }
    body.page-code-file .pmx-steps li::before { left: 0; }
}
body.page-code-file .pmx-invoice { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin-top: 4px; }
body.page-code-file .pmx-invhead { padding: 0 0 6px !important; background: transparent !important; border: 0 !important; font-size: 10.5px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--pmx-mut); }
body.page-code-file .pmx-invrow { padding: 8px 0 !important; border: 0 !important; background: transparent !important; font-size: 13.5px; }
body.page-code-file .pmx-invrow span { color: var(--pmx-mut); }
body.page-code-file .pmx-invrow b { font-family: var(--pmx-mono); font-weight: 500; color: var(--pmx-ink); }
body.page-code-file .pmx-invtotal { padding: 12px 0 0 !important; margin-top: 4px; background: transparent !important; border: 0 !important; border-top: 1px solid var(--pmx-l1) !important; }
body.page-code-file .pmx-invtotal span { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--pmx-mut); }
body.page-code-file .pmx-invtotal b { font-family: var(--pmx-mono); font-size: 20px; font-weight: 700; letter-spacing: -.02em; color: var(--pmx-ink); }
body.page-code-file .pmx-flow { margin-top: 4px; padding: 11px 11px 15px; border: 1px solid var(--pmx-l1); border-radius: 10px; background: #fff; }
:where(html[data-theme="dark"]) body.page-code-file .pmx-flow { background: #131313; }
body.page-code-file .pmx-flow-row { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 3px; }
body.page-code-file .pmx-flow-node { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 3px; padding: 8px 5px; border-radius: 8px; background: var(--pmx-rail); border: 1.5px solid var(--pmx-l1); transition: border-color .3s ease, box-shadow .3s ease; }
body.page-code-file .pmx-flow-node > i { font-size: 14px; color: var(--pmx-ink); }
body.page-code-file .pmx-flow-node b { font: 600 11px var(--pmx-sans); color: var(--pmx-ink); }
body.page-code-file .pmx-flow-node span { font: 400 9.5px/1.25 var(--pmx-sans); color: var(--pmx-mut); }
body.page-code-file .pmx-flow-link { position: relative; width: 34px; display: flex; align-items: center; justify-content: center; }
body.page-code-file .pmx-flow-link::before { content: ""; position: absolute; left: 3px; right: 3px; top: 50%; border-top: 2px dashed var(--pmx-l2); }
body.page-code-file .pmx-flow-link em { position: absolute; bottom: -11px; font: 700 8px var(--pmx-sans); font-style: normal; letter-spacing: .06em; text-transform: uppercase; color: var(--pmx-mut); }
body.page-code-file .pmx-flow-dot { position: absolute; left: 0; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; background: var(--pmx-ink); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 8px; opacity: 0; }
body.page-code-file .pmx-flow-link.k1 .pmx-flow-dot { animation: pmxFlowTravel 7s infinite; }
body.page-code-file .pmx-flow-link.k2 .pmx-flow-dot { animation: pmxFlowTravel 7s infinite 2.1s; }
body.page-code-file .pmx-flow-node.f2 { animation: pmxFlowLit 7s infinite 1.6s; }
body.page-code-file .pmx-flow-node.f3 { animation: pmxFlowLit 7s infinite 3.7s; }
@keyframes pmxFlowTravel { 0%, 3% { left: 0; opacity: 0; transform: scale(.6); } 8% { opacity: 1; transform: scale(1); } 26% { left: calc(100% - 18px); opacity: 1; } 31%, 100% { left: calc(100% - 18px); opacity: 0; transform: scale(.6); } }
@keyframes pmxFlowLit { 0%, 22% { border-color: var(--pmx-l1); box-shadow: none; } 26%, 40% { border-color: var(--pmx-ink); box-shadow: 0 0 0 3px rgba(var(--co-ink-rgb, 20,18,16), .1); } 46%, 100% { border-color: var(--pmx-l1); box-shadow: none; } }
@media (prefers-reduced-motion: reduce) {
    body.page-code-file .pmx-flow-dot, body.page-code-file .pmx-flow-node { animation: none !important; }
    body.page-code-file .pmx-flow-dot { opacity: 1; left: calc(50% - 9px); }
}
@media (max-width: 560px) {
    body.page-code-file .pmx-flow-row { grid-template-columns: 1fr; gap: 0; }
    body.page-code-file .pmx-flow-link { width: 100%; height: 22px; }
    body.page-code-file .pmx-flow-link::before { left: 50%; right: auto; top: 3px; bottom: 3px; border-top: 0; border-left: 2px dashed var(--pmx-l2); }
    body.page-code-file .pmx-flow-link em { display: none; }
    body.page-code-file .pmx-flow-dot { left: calc(50% - 9px) !important; animation: none !important; opacity: 1; }
}
body.page-code-file .proof-upload { position: relative; padding: 16px 14px; border-radius: 10px; border: 1.5px dashed var(--pmx-l2); background: var(--pmx-rail); transition: border-color .15s ease, background .15s ease; }
body.page-code-file .proof-upload .file-input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; z-index: 1; border: 0 !important; background: transparent !important; }
body.page-code-file .proof-upload:hover { border-color: var(--pmx-li); background: #fff; }
:where(html[data-theme="dark"]) body.page-code-file .proof-upload:hover { background: #131313; }
body.page-code-file .proof-upload:focus-within { border-color: var(--pmx-ink); border-style: solid; box-shadow: 0 0 0 3px rgba(var(--co-ink-rgb, 20,18,16), .1); }
body.page-code-file .proof-upload.is-drag { border-color: var(--pmx-ink) !important; background: #fff !important; }
:where(html[data-theme="dark"]) body.page-code-file .proof-upload.is-drag { background: #131313 !important; }
body.page-code-file .proof-upload.has-file { border-style: solid; border-color: var(--pmx-l1); background: #fff; }
:where(html[data-theme="dark"]) body.page-code-file .proof-upload.has-file { background: #131313; }
body.page-code-file .proof-upload-head { display: flex; align-items: center; gap: 11px; margin: 0; }
body.page-code-file .proof-upload-ic { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 9px; background: #fff; border: 1px solid var(--pmx-l1); color: var(--pmx-ink) !important; font-size: 14px; }
:where(html[data-theme="dark"]) body.page-code-file .proof-upload-ic { background: #131313; }
body.page-code-file .proof-upload-txt b { font: 600 12.5px var(--pmx-sans); color: var(--pmx-ink); }
body.page-code-file .proof-upload-txt small { font: 400 11px var(--pmx-sans); color: var(--pmx-mut); margin-top: 1px; }
body.page-code-file .proof-upload-preview { margin: 0; gap: 11px; }
body.page-code-file .proof-upload-preview img { width: 48px; height: 48px; border-color: var(--pmx-l1); }
body.page-code-file .proof-upload-name { font: 600 12.5px var(--pmx-sans); color: var(--pmx-ink); }
body.page-code-file .proof-upload-size { font: 400 11px var(--pmx-mono); color: var(--pmx-mut); }
body.page-code-file .proof-upload-clear { position: relative; z-index: 2; border-color: var(--pmx-l1); color: var(--pmx-mut); font: 600 11.5px var(--pmx-sans); border-radius: 7px; padding: 6px 9px; }
@media (min-width: 1800px) {
    body.page-code-file .container, body.page-code-file .ru-bar-in { max-width: 1480px; }
    body.page-code-file .milestone-content { max-width: 1400px; }
    body.page-code-file .checkout-grid { gap: var(--space-8, 40px); }
}
@media (min-width: 2400px) {
    body.page-code-file .container, body.page-code-file .ru-bar-in { max-width: 1720px; }
    body.page-code-file .milestone-content { max-width: 1600px; }
    body.page-code-file .cf-features-grid, body.page-code-file .cf-desc-list { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 901px) {
    body.page-code-file .paytm-left, body.page-code-file .binance-left, body.page-code-file .crypto-left, body.page-code-file .paytm-right, body.page-code-file .binance-right, body.page-code-file .crypto-right { justify-content: flex-start; padding-top: clamp(32px, 6vh, 72px); padding-bottom: 56px; }
}
@media (min-width: 1600px) {
    body.page-code-file .paytm-overlay, body.page-code-file .binance-overlay, body.page-code-file .crypto-overlay { --co-measure: 640px; --co-gut: 56px; }
    body.page-code-file .pmx-invrow, body.page-code-file .pmx-steps li, body.page-code-file .pmx-paynote, body.page-code-file .pmx-note { font-size: 14.5px; }
}
@media (min-width: 2200px) {
    body.page-code-file .paytm-overlay, body.page-code-file .binance-overlay, body.page-code-file .crypto-overlay { --co-measure: 720px; --co-gut: 72px; }
}
body.page-code-file .pmx-invrow { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 4px 16px; align-items: start; }
body.page-code-file .pmx-invrow b { font-family: var(--pmx-sans); font-weight: 600; text-align: left; word-break: normal; overflow-wrap: anywhere; line-height: 1.45; }
@media (max-width: 420px) {
    body.page-code-file .pmx-invrow { grid-template-columns: 100px minmax(0, 1fr); }
}
body.page-code-file .pmx-flow { padding: 14px 12px 22px; }
body.page-code-file .pmx-flow-node { padding: 11px 6px; gap: 4px; }
body.page-code-file .pmx-flow-node > i { font-size: 16px; }
body.page-code-file .pmx-flow-node b { font-size: 12.5px; }
body.page-code-file .pmx-flow-node span { font-size: 11px; }
body.page-code-file .pmx-flow-link { width: 44px; }
body.page-code-file .pmx-flow-link em { bottom: -15px; font-size: 9.5px; }
body.page-code-file .pmx-idbox { padding: 14px 16px; border: 1px solid var(--pmx-l1); border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(var(--co-ink-rgb, 20,18,16), .04); }
:where(html[data-theme="dark"]) body.page-code-file .pmx-idbox { background: #131313; }
body.page-code-file .pmx-idbox-label { margin-bottom: 8px; }
body.page-code-file .pmx-idbox-row { display: flex; align-items: center; gap: 12px; }
body.page-code-file .pmx-idbox-id { font-size: 18px; letter-spacing: .05em; }
body.page-code-file .pmx-copy { flex: none; height: 38px; padding: 0 16px; border: 0; border-radius: 9px; background: var(--pmx-ink); color: var(--pmx-on-ink); font: 600 13px var(--pmx-sans); cursor: pointer; }
body.page-code-file .pmx-copy:hover { background: var(--pmx-ink2); }
body.page-code-file .pmx-recipient { margin-top: 8px; font-size: 13px; color: var(--pmx-mut); }
body.page-code-file .method-verification-notice { display: flex !important; align-items: flex-start; gap: 10px; margin: 0 0 18px !important; padding: 10px 12px !important; border-radius: 9px !important; font-size: 13px !important; line-height: 1.5; }
body.page-code-file .pmx-formhead { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 4px 0 12px; }
body.page-code-file .pmx-formhead span { font: 700 11px var(--pmx-sans); letter-spacing: .13em; text-transform: uppercase; color: var(--pmx-mut); }
body.page-code-file .pmx-formhead small { font: 400 12.5px var(--pmx-sans); color: var(--pmx-mut); }
body.page-code-file .paytm-right .proof-form { padding: 20px; border: 1px solid var(--pmx-l1); border-radius: 12px; background: #fff; }
:where(html[data-theme="dark"]) body.page-code-file .paytm-right .proof-form { background: #131313; }
body.page-code-file .proof-submit-btn { height: 52px; border-radius: 10px; font-size: 15.5px; font-weight: 600; }
body.page-code-file .pmx-fold { display: block; }
body.page-code-file .pmx-fold > summary { display: none; list-style: none; }
body.page-code-file .pmx-fold > summary::-webkit-details-marker { display: none; }
@media (max-width: 900px) {
    body.page-code-file .pmx-fold { margin-top: 4px; border: 1px solid var(--pmx-l1); border-radius: 12px; background: #fff; }
    :where(html[data-theme="dark"]) body.page-code-file .pmx-fold { background: #131313; }
    body.page-code-file .pmx-fold > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 0 16px; cursor: pointer; font: 600 14px var(--pmx-sans); color: var(--pmx-ink); }
    body.page-code-file .pmx-fold > summary b { font-family: var(--pmx-mono); font-weight: 600; }
    body.page-code-file .pmx-fold > summary::after { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 11px; color: var(--pmx-mut); margin-left: 4px; transition: transform .2s; }
    body.page-code-file .pmx-fold[open] > summary::after { transform: rotate(180deg); }
    body.page-code-file .pmx-fold > :not(summary) { margin-left: 14px; margin-right: 14px; }
    body.page-code-file .pmx-fold > .pmx-invoice { margin-top: 0; }
    body.page-code-file .pmx-fold > .pmx-flow { margin: 10px 14px 14px; }
    body.page-code-file .pmx-idbox-row { flex-wrap: nowrap; }
    body.page-code-file .pmx-copy { height: 44px; padding: 0 18px; }
    body.page-code-file .pmx-idbox-id { font-size: 17px; }
    body.page-code-file .paytm-right .proof-form { padding: 14px; }
    body.page-code-file .proof-submit-btn { position: sticky; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); z-index: 3; box-shadow: 0 10px 28px rgba(var(--co-ink-rgb, 20,18,16), .22); }
    body.page-code-file .pmx-howhead { margin-top: 2px; }
}

/* ======================= artboard.css — checkout palette (product pages, checkout shell) ======================= */
:root:where(:has(> :is(body.page-code-file, body.co-page))), body:where(.page-code-file, .co-page) { --co-ink: var(--c-primary, #141210); --co-ink-2: var(--c-primary-hover, #2A2622); --co-ink-rgb: var(--c-primary-rgb, 20, 18, 16); --co-on-ink: var(--c-on-primary, #FFFFFF); --co-paper: var(--c-tint-2, #F7F5F2); --co-card: var(--c-card, #FFFFFF); --co-line: var(--c-tint-line, #E8E3DB); --co-line-2: var(--c-tint, #F1EDE7); --co-muted: var(--c-text-muted, #6E6860); --co-faint: color-mix(in srgb, var(--c-text-muted, #6E6860) 62%, var(--c-card, #FFFFFF)); --co-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --co-measure: 560px; --co-gut: 40px; }
:root:where([data-theme="dark"]):where(:has(> :is(body.page-code-file, body.co-page))), :where(html[data-theme="dark"]) body:where(.page-code-file, .co-page) { --co-ink: var(--c-ink); --co-ink-2: var(--c-ink); }

/* ======================= portal-kit aliases for the hybrid pages in visitor view ======================= */
/* hybrid pages in visitor view (help, policies, setup guide, project tracker, quote + document accept) keep the
   portal kit class rs-portal-theme; their css reads these aliases — pointed at the google tokens here */
body.rs-portal-theme {
    --navy-primary: var(--c-primary); --navy-dark: var(--c-primary-dark); --navy-light: var(--c-secondary); --navy-accent: var(--c-accent); --navy-hover: var(--c-primary-hover);
    --navy-900: var(--c-primary-dark); --navy-800: var(--c-primary); --navy-700: var(--c-primary-hover); --navy-600: var(--c-secondary); --navy-500: var(--c-accent);
    --navy-100: var(--c-tint-line); --navy-50: var(--c-tint);
    --color-info: var(--c-accent); --surface-page: var(--c-tint); --text-primary: var(--c-primary);
    --gradient-page: linear-gradient(135deg, var(--c-tint) 0%, var(--c-tint-2) 50%, var(--c-tint) 100%);
    --gradient-navy: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%);
    --gradient-accent: linear-gradient(135deg, var(--c-accent) 0%, var(--c-primary) 100%);
}
:root[data-theme="dark"] body.rs-portal-theme { --text-primary: var(--c-ink); }

/* ======================= page-policies.css — policies (visitor view) ======================= */
body.page-policies { --pl-a: var(--c-accent, #0B57D0); --pl-p: var(--c-primary, #1F1F1F); --pl-card: var(--c-card, #ffffff); --pl-ink: var(--c-text, #1F1F1F); --pl-mute: var(--c-text-muted, #5F6368); --pl-line: color-mix(in srgb, var(--pl-a) 14%, #e5eaf1); --pl-wash: color-mix(in srgb, var(--pl-a) 5%, var(--pl-card)); --pl-chip: color-mix(in srgb, var(--pl-a) 13%, var(--pl-card)); }
:where(html[data-theme="dark"]) body.page-policies { --pl-line: color-mix(in srgb, var(--pl-a) 14%, #2B323A); }
:where(body.page-policies), :where(body.page-policies) * { margin: 0; padding: 0; box-sizing: border-box; }
:where(body.page-policies) { font-family: var(--rs-font); line-height: 1.6; background-color: var(--c-bg); background-image: var(--pat-img); background-size: var(--pat-size); }
body.page-policies .dashboard { display: flex; min-height: 100vh; }
body.page-policies .dashboard.public-view { justify-content: center; min-height: 0; }
body.page-policies .main-content { flex: 1; min-width: 0; padding: 30px; background: transparent; }
body.page-policies .main-content.full-width { max-width: 1180px; margin: 0 auto; }
body.page-policies .container { width: 100%; max-width: 100%; margin: 0; }
:where(body.page-policies) .pol-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px 20px; flex-wrap: wrap; margin: 0 0 18px; padding: 16px 20px; background: var(--pl-card); border: 1px solid var(--pl-line); border-radius: 10px; box-shadow: 0 1px 3px rgba(15, 23, 42, .05); }
:where(body.page-policies) .pol-title { display: flex; align-items: center; gap: 14px; min-width: 0; }
:where(body.page-policies) .pol-title-ic { flex: 0 0 44px; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: var(--pl-chip); color: var(--pl-a); font-size: 18px; }
:where(body.page-policies) .pol-title h1 { margin: 0; font-size: 21px; font-weight: 800; line-height: 1.25; color: var(--pl-ink); }
:where(body.page-policies) .pol-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 2px; font-size: 13.5px; color: var(--pl-mute); }
:where(body.page-policies) .pol-meta i { margin-right: 4px; color: var(--pl-a); }
:where(body.page-policies) .pol-meta b { font-weight: 700; color: var(--pl-ink); }
:where(body.page-policies) .pol-tools { display: flex; gap: 8px; flex: 1 1 320px; justify-content: flex-end; }
:where(body.page-policies) .pol-search { position: relative; flex: 1 1 260px; max-width: 360px; margin: 0; }
:where(body.page-policies) .pol-search i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--pl-mute); font-size: 14px; pointer-events: none; }
:where(body.page-policies) .pol-search input { width: 100%; height: 42px; padding: 0 12px 0 36px; font-size: 16px; font-family: inherit; color: var(--pl-ink); background: var(--pl-wash); border: 1px solid var(--pl-line); border-radius: 10px; outline: none; box-sizing: border-box; }
:where(body.page-policies) .pol-search input:focus { border-color: var(--pl-a); background: var(--pl-card); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pl-a) 15%, transparent); }
:where(body.page-policies) .pol-print { display: inline-flex; align-items: center; gap: 7px; height: 42px; padding: 0 16px; font: inherit; font-size: 14px; font-weight: 600; color: var(--pl-p); background: var(--pl-card); border: 1px solid var(--pl-line); border-radius: 10px; cursor: pointer; }
:where(body.page-policies) .pol-print:hover { border-color: var(--pl-a); color: var(--pl-a); }
:where(body.page-policies) .pol-layout { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 22px; align-items: start; }
:where(body.page-policies) .pol-toc { position: sticky; top: 88px; max-height: calc(100vh - 110px); overflow-y: auto; padding: 0 0 6px; background: var(--pl-card); border: 1px solid var(--pl-line); border-radius: 10px; scrollbar-width: thin; }
:where(body.page-policies) #polToc > summary { list-style: none; display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: var(--pl-wash); border-bottom: 1px solid var(--pl-line); font-size: 12.5px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: var(--pl-mute); cursor: pointer; }
:where(body.page-policies) #polToc > summary i { color: var(--pl-a); }
:where(body.page-policies) #polToc > summary::-webkit-details-marker { display: none; }
:where(body.page-policies) .pol-toc-group { padding: 4px 0; }
:where(body.page-policies) .pol-toc-group + .pol-toc-group { border-top: 1px solid var(--pl-line); }
:where(body.page-policies) .pol-toc-group > summary { list-style: none; }
:where(body.page-policies) .pol-toc-group > summary::-webkit-details-marker { display: none; }
:where(body.page-policies) .pol-toc-cat { display: flex; align-items: center; gap: 8px; margin: 2px 8px; padding: 9px 8px; border-radius: 10px; font-size: 14px; font-weight: 800; color: var(--pl-p); cursor: pointer; user-select: none; }
:where(body.page-policies) .pol-toc-cat:hover { background: var(--pl-wash); }
:where(body.page-policies) .pol-toc-cat > i:first-child { width: 16px; text-align: center; color: var(--pl-a); font-size: 13px; }
:where(body.page-policies) .pol-toc-cat span { flex: 1; min-width: 0; }
:where(body.page-policies) .pol-toc-cat em { padding: 1px 7px; border-radius: 6px; background: var(--pl-chip); color: var(--pl-a); font-size: 11px; font-style: normal; font-weight: 700; }
:where(body.page-policies) .pol-toc-arrow { font-size: 10px; color: var(--pl-mute); transition: transform .2s; }
:where(body.page-policies) .pol-toc-group[open] .pol-toc-arrow { transform: rotate(180deg); }
:where(body.page-policies) .pol-toc ol { list-style: none; margin: 0; padding: 0 8px 6px; }
:where(body.page-policies) .pol-toc ol a { display: flex; align-items: flex-start; gap: 9px; margin: 1px 0; padding: 6px 8px; border-radius: 10px; font-size: 13.5px; line-height: 1.4; color: var(--pl-mute); text-decoration: none; }
:where(body.page-policies) .pol-toc ol a b { flex: 0 0 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; margin-top: -1px; border-radius: 6px; background: #F1F3F4; color: var(--pl-mute); font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; }
:where(html[data-theme="dark"]) :where(body.page-policies) .pol-toc ol a b { background: #191B1C; }
:where(body.page-policies) .pol-toc ol a:hover { background: var(--pl-wash); color: var(--pl-p); }
:where(body.page-policies) .pol-toc ol a.on { background: var(--pl-chip); color: var(--pl-a); font-weight: 700; }
:where(body.page-policies) .pol-toc ol a.on b { background: var(--pl-a); color: #fff; }
:where(body.page-policies) .pol-toc { scrollbar-color: color-mix(in srgb, var(--pl-a) 25%, transparent) transparent; }
:where(body.page-policies) .pol-toc::-webkit-scrollbar { width: 6px; }
:where(body.page-policies) .pol-toc::-webkit-scrollbar-thumb { border-radius: 6px; background: color-mix(in srgb, var(--pl-a) 25%, transparent); }
:where(body.page-policies) .pol-doc { min-width: 0; }
:where(body.page-policies) .pol-cat { margin-bottom: 18px; padding: 0 28px 8px; background: var(--pl-card); border: 1px solid var(--pl-line); border-radius: 10px; scroll-margin-top: 88px; }
:where(body.page-policies) .pol-cat-head { display: flex; align-items: center; gap: 14px; margin: 0 -28px; padding: 18px 28px; background: var(--pl-wash); border-bottom: 1px solid var(--pl-line); }
:where(body.page-policies) .pol-cat-ic { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 10px; background: var(--pl-chip); color: var(--pl-a); font-size: 18px; }
:where(body.page-policies) .pol-cat-head h2 { margin: 0; font-size: 20px; font-weight: 800; line-height: 1.25; letter-spacing: -.2px; color: var(--pl-p); }
:where(body.page-policies) .pol-cat-head p { margin: 3px 0 0; font-size: 14px; color: var(--pl-mute); }
:where(body.page-policies) .pol-item { padding: 22px 0; border-bottom: 1px solid var(--pl-line); scroll-margin-top: 92px; }
:where(body.page-policies) .pol-item:last-child { border-bottom: 0; }
:where(body.page-policies) .pol-item h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 17.5px; font-weight: 800; line-height: 1.35; color: var(--pl-ink); }
:where(body.page-policies) .pol-item:target h3 { color: var(--pl-a); }
:where(body.page-policies) .pol-num { flex: 0 0 28px; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: var(--pl-chip); color: var(--pl-a); font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
:where(body.page-policies) .pol-link { margin-left: auto; padding: 4px; font-size: 12px; color: var(--pl-mute); text-decoration: none; opacity: 0; transition: opacity .15s; }
:where(body.page-policies) .pol-item:hover .pol-link, :where(body.page-policies) .pol-link:focus-visible { opacity: 1; }
:where(body.page-policies) .pol-body { max-width: 72ch; padding-left: 38px; font-size: 16px; line-height: 1.75; color: var(--c-text, #3C4043); }
:where(body.page-policies) .pol-body p { margin: 0 0 10px; }
:where(body.page-policies) .pol-body ul { margin: 4px 0 12px; padding: 0; list-style: none; }
:where(body.page-policies) .pol-body li { position: relative; margin-bottom: 6px; padding-left: 22px; }
:where(body.page-policies) .pol-body li::before { content: ''; position: absolute; left: 6px; top: .72em; width: 6px; height: 6px; border-radius: 1px; background: var(--pl-a); }
:where(body.page-policies) .pol-none { margin-bottom: 18px; padding: 28px; text-align: center; color: var(--pl-mute); background: var(--pl-card); border: 1px dashed var(--pl-line); border-radius: 10px; }
:where(body.page-policies) .pol-contact { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 18px 22px; background: var(--pl-wash); border: 1px solid var(--pl-line); border-radius: 10px; color: var(--pl-ink); font-size: 15px; }
:where(body.page-policies) .pol-contact > i { font-size: 22px; color: var(--pl-a); }
:where(body.page-policies) .pol-contact > div { flex: 1 1 240px; }
:where(body.page-policies) .pol-contact a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 10px; background: var(--pl-p); color: #fff; font-weight: 700; text-decoration: none; touch-action: manipulation; }
:where(body.page-policies) .pol-contact a:hover { background: var(--c-primary-hover, #3C4043); }
:where(body.page-policies) .pol-empty { padding: 60px 20px; text-align: center; color: var(--pl-mute); background: var(--pl-card); border: 1px solid var(--pl-line); border-radius: 10px; }
:where(body.page-policies) .pol-empty > i { margin-bottom: 12px; font-size: 40px; color: var(--pl-a); }
:where(body.page-policies) .pol-empty h2 { margin-bottom: 6px; font-size: 20px; color: var(--pl-p); }
@media (max-width: 900px) {
    :where(body.page-policies) .pol-layout { grid-template-columns: 1fr; gap: 14px; }
    :where(body.page-policies) .pol-toc { position: static; max-height: none; overflow: visible; }
    :where(body.page-policies) #polToc > summary { font-size: 14px; letter-spacing: .3px; }
    :where(body.page-policies) #polToc:not([open]) > summary { border-bottom: 0; }
    :where(body.page-policies) #polToc > summary::after { content: '\f078'; margin-left: auto; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 12px; transition: transform .2s; }
    :where(body.page-policies) #polToc[open] > summary::after { transform: rotate(180deg); }
    :where(body.page-policies) .pol-cat { padding: 0 18px 6px; }
    :where(body.page-policies) .pol-cat-head { margin: 0 -18px; padding: 16px 18px; }
    :where(body.page-policies) .pol-link { opacity: 1; }
}
@media (max-width: 768px) {
    body.page-policies .main-content.full-width { padding: 15px; }
}
@media (max-width: 560px) {
    :where(body.page-policies) .pol-bar { padding: 14px; }
    :where(body.page-policies) .pol-title h1 { font-size: 19px; }
    :where(body.page-policies) .pol-title-ic { flex-basis: 40px; width: 40px; height: 40px; font-size: 16px; }
    :where(body.page-policies) .pol-tools { flex-basis: 100%; }
    :where(body.page-policies) .pol-search { max-width: none; }
    :where(body.page-policies) .pol-print span { display: none; }
    :where(body.page-policies) .pol-print { width: 44px; height: 44px; padding: 0; justify-content: center; }
    :where(body.page-policies) .pol-search input { height: 44px; }
    :where(body.page-policies) .pol-cat { padding: 0 14px 6px; }
    :where(body.page-policies) .pol-cat-head { gap: 12px; margin: 0 -14px; padding: 14px; }
    :where(body.page-policies) .pol-cat-ic { flex-basis: 38px; width: 38px; height: 38px; font-size: 16px; }
    :where(body.page-policies) .pol-cat-head h2 { font-size: 18px; }
    :where(body.page-policies) .pol-item { padding: 18px 0; }
    :where(body.page-policies) .pol-item h3 { font-size: 16px; }
    :where(body.page-policies) .pol-body { padding-left: 0; font-size: 15.5px; line-height: 1.7; }
    :where(body.page-policies) #polToc > summary { min-height: 44px; }
    :where(body.page-policies) .pol-toc-cat { min-height: 44px; }
    :where(body.page-policies) .pol-toc ol a { padding: 10px 8px; font-size: 14px; }
    :where(body.page-policies) .pol-cat, :where(body.page-policies) .pol-item { scroll-margin-top: 16px; }
    :where(body.page-policies) .pol-link { display: inline-grid; place-items: center; min-width: 40px; min-height: 40px; margin: -10px -10px -10px auto; }
    :where(body.page-policies) .pol-contact { padding: 16px; gap: 10px 12px; }
    :where(body.page-policies) .pol-contact > div { flex-basis: calc(100% - 40px); }
    :where(body.page-policies) .pol-contact a { flex: 1 1 100%; justify-content: center; min-height: 44px; }
}
@media print {
    :where(body.page-policies) .ph-notice, :where(body.page-policies) .ph-header, :where(body.page-policies) .rs-sections, :where(body.page-policies) .sidebar, :where(body.page-policies) .pol-tools, :where(body.page-policies) .pol-toc, :where(body.page-policies) .pol-contact, :where(body.page-policies) .pol-link, :where(body.page-policies) footer, :where(body.page-policies) .public-footer, :where(body.page-policies) .mobile-navbar, :where(body.page-policies) .bottom-nav { display: none !important; }
    :where(body.page-policies) .pol-bar { border: 0; box-shadow: none; padding: 0; }
    :where(body.page-policies) .pol-layout { display: block; }
    :where(body.page-policies) .pol-cat { border: 0; padding: 0; break-inside: auto; }
    :where(body.page-policies) .pol-cat-head { margin: 0; padding: 0 0 10px; background: none; }
    :where(body.page-policies) .pol-item { break-inside: avoid; }
    body:where(.page-policies) { background: #fff !important; }
    :where(html[data-theme="dark"]) body:where(.page-policies) { background: #131313 !important; }
}

/* ======================= page-account.css — setup guide (visitor view) ======================= */
:where(body.page-setup-guide), :where(body.page-setup-guide) * { box-sizing: border-box; }
:where(body.page-setup-guide) { margin: 0; font-family: var(--rs-font); line-height: 1.6; background-color: var(--c-bg, #F1F3F4); color: var(--c-text, #1F1F1F); touch-action: manipulation; }
:where(body.page-setup-guide .dashboard) { display: flex; min-height: 100vh; }
:where(body.page-setup-guide .dashboard.no-sidebar) { display: block; }
:where(body.page-setup-guide .main-content) { flex: 1; min-width: 0; padding: 24px; }
:where(body.page-setup-guide .dashboard.no-sidebar .main-content) { max-width: 1100px; margin: 0 auto; padding: 16px 16px 32px; }
:where(body.page-setup-guide) .up-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; padding: 18px 20px; background: #fff; border: 1px solid #DADCE0; border-radius: 10px; }
:where(html[data-theme="dark"]) :where(body.page-setup-guide) .up-head { background: #131313; border: 1px solid #37393C; }
:where(body.page-setup-guide) .up-head > div:first-child { flex: 1 1 260px; min-width: 0; }
:where(body.page-setup-guide) .up-head h1 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 22px; line-height: 1.25; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :where(body.page-setup-guide) .up-head h1 { color: var(--c-ink); }
:where(body.page-setup-guide) .up-head h1 i, :where(body.page-setup-guide) .up-card > h2 i { color: var(--c-accent, #0B57D0); }
:where(body.page-setup-guide) .up-head p { margin: 4px 0 0; font-size: 14px; color: #5F6368; }
:where(html[data-theme="dark"]) :where(body.page-setup-guide) .up-head p { color: #9EA2A7; }
:where(body.page-setup-guide) .up-head-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
:where(body.page-setup-guide) .up-card { min-width: 0; margin-bottom: 16px; padding: 18px 20px; background: #fff; border: 1px solid #DADCE0; border-radius: 10px; }
:where(html[data-theme="dark"]) :where(body.page-setup-guide) .up-card { background: #131313; border: 1px solid #37393C; }
:where(body.page-setup-guide) .up-card.flush { padding: 0; overflow: hidden; }
:where(body.page-setup-guide) .up-card > h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 16px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :where(body.page-setup-guide) .up-card > h2 { color: var(--c-ink); }
:where(body.page-setup-guide) .up-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid #C4C7C5; border-radius: 10px; background: #fff; color: var(--c-primary, #1F1F1F); font: inherit; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; white-space: nowrap; }
:where(html[data-theme="dark"]) :where(body.page-setup-guide) .up-btn { border: 1px solid #454645; background: #131313; color: var(--c-ink); }
:where(body.page-setup-guide) .up-btn.primary { background: var(--c-primary, #1F1F1F); border-color: var(--c-primary, #1F1F1F); color: #fff; }
:where(html[data-theme="dark"]) :where(body.page-setup-guide) .up-btn.primary { background: var(--c-accent); border-color: var(--c-ink-line); }
:where(body.page-setup-guide) .up-btn.icon { width: 44px; padding: 0; }
:where(body.page-setup-guide) .up-tabs { display: flex; gap: 4px; margin-bottom: 16px; padding: 4px; overflow-x: auto; scrollbar-width: none; background: #fff; border: 1px solid #DADCE0; border-radius: 10px; }
:where(html[data-theme="dark"]) :where(body.page-setup-guide) .up-tabs { background: #131313; border: 1px solid #37393C; }
:where(body.page-setup-guide) .up-tabs a { flex: 1 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 14px; border-radius: 10px; color: #444746; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
:where(html[data-theme="dark"]) :where(body.page-setup-guide) .up-tabs a { color: #B8BBBA; }
:where(body.page-setup-guide) .up-tabs a.on { background: var(--c-primary, #1F1F1F); color: #fff; }
:where(body.page-setup-guide) .up-tabs em { padding: 1px 6px; border-radius: 10px; background: color-mix(in srgb, var(--c-accent, #0B57D0) 14%, #fff); color: var(--c-accent, #0B57D0); font-size: 11px; font-style: normal; font-weight: 700; }
:where(html[data-theme="dark"]) :where(body.page-setup-guide) .up-tabs em { background: color-mix(in srgb, var(--c-accent, #0B57D0) 14%, #131313); }
:where(body.page-setup-guide) .up-tabs a.on em { background: rgba(255,255,255,.18); color: #fff; }
body.page-setup-guide .guide-pane { display: none; }
body.page-setup-guide .guide-pane.active { display: block; }
body.page-setup-guide .sg-video { max-width: 760px; }
body.page-setup-guide .sg-frame { position: relative; padding-top: 56.25%; background: #000; }
body.page-setup-guide .sg-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
body.page-setup-guide .sg-steps { margin: 0; padding: 0; list-style: none; counter-reset: sg; }
body.page-setup-guide .sg-steps > li { position: relative; padding: 6px 0 6px 36px; font-size: 14.5px; line-height: 1.65; color: #3C4043; counter-increment: sg; }
:where(html[data-theme="dark"]) body.page-setup-guide .sg-steps > li { color: #BABEC1; }
body.page-setup-guide .sg-steps > li::before { content: counter(sg); position: absolute; left: 0; top: 7px; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: color-mix(in srgb, var(--c-accent, #0B57D0) 12%, #fff); color: var(--c-accent, #0B57D0); font-size: 12.5px; font-weight: 700; }
:where(html[data-theme="dark"]) body.page-setup-guide .sg-steps > li::before { background: color-mix(in srgb, var(--c-accent, #0B57D0) 12%, #131313); }
body.page-setup-guide .sg-steps > li.warn { color: #92400e; counter-increment: none; }
:where(html[data-theme="dark"]) body.page-setup-guide .sg-steps > li.warn { color: #F3A97D; }
body.page-setup-guide .sg-steps > li.warn::before { content: '\f071'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 11px; background: #fffbeb; color: #d97706; }
:where(html[data-theme="dark"]) body.page-setup-guide .sg-steps > li.warn::before { background: #27210B; color: #F4BC7B; }
body.page-setup-guide .sg-steps a { color: var(--c-accent, #0B57D0); }
body.page-setup-guide .hl { padding: 1px 6px; border-radius: 10px; background: color-mix(in srgb, var(--c-accent, #0B57D0) 10%, #fff); color: var(--c-primary, #1F1F1F); font-size: .92em; font-weight: 600; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
:where(html[data-theme="dark"]) body.page-setup-guide .hl { background: color-mix(in srgb, var(--c-accent, #0B57D0) 10%, #131313); color: var(--c-ink); }
body.page-setup-guide :is(.sg-steps, .sg-faq) code { padding: 1px 5px; border-radius: 10px; background: #F1F3F4; font-family: 'SFMono-Regular', Menlo, Consolas, monospace; font-size: .88em; overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body.page-setup-guide :is(.sg-steps, .sg-faq) code { background: #191B1C; }
body.page-setup-guide kbd { padding: 0 5px; border: 1px solid #C4C7C5; border-bottom-width: 2px; border-radius: 10px; background: #fff; font-family: inherit; font-size: .85em; }
:where(html[data-theme="dark"]) body.page-setup-guide kbd { border: 1px solid #454645; background: #131313; }
body.page-setup-guide .sg-code { position: relative; margin: 10px 0 4px; padding: 14px 16px; overflow-x: auto; border-radius: 10px; background: var(--c-primary-dark, #1F1F1F); color: #DADCE0; }
body.page-setup-guide .sg-code pre { margin: 0; padding-right: 90px; font: 13px/1.7 'SFMono-Regular', Menlo, Consolas, 'Courier New', monospace; white-space: pre; }
body.page-setup-guide .sg-code .k { color: #7dd3fc; }
body.page-setup-guide .sg-code .s { color: #86efac; }
body.page-setup-guide .sg-code .c { color: #80868B; font-style: italic; }
:where(html[data-theme="dark"]) body.page-setup-guide .sg-code .c { color: #848A8E; }
body.page-setup-guide .sg-code .sg-copy { position: absolute; top: 8px; right: 8px; min-height: 34px; padding: 0 12px; font-size: 12.5px; }
body.page-setup-guide .sg-faq { margin: 0; padding: 0; list-style: none; }
body.page-setup-guide .sg-faq li { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 2px 16px; padding: 10px 0; font-size: 14.5px; line-height: 1.55; }
body.page-setup-guide .sg-faq li + li { border-top: 1px solid #E8EAED; }
:where(html[data-theme="dark"]) body.page-setup-guide .sg-faq li + li { border-top: 1px solid #303236; }
body.page-setup-guide .sg-faq b { color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-setup-guide .sg-faq b { color: var(--c-ink); }
body.page-setup-guide .sg-faq span { color: #444746; }
:where(html[data-theme="dark"]) body.page-setup-guide .sg-faq span { color: #B8BBBA; }
body.page-setup-guide .sg-help p { margin: 0 0 12px; font-size: 14px; color: #5F6368; }
:where(html[data-theme="dark"]) body.page-setup-guide .sg-help p { color: #9EA2A7; }
body.page-setup-guide .sg-help-btns { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 768px) {
    :where(body.page-setup-guide .main-content) { padding: 12px; }
    :where(body.page-setup-guide) .up-head { padding: 14px 16px; margin-bottom: 12px; }
    :where(body.page-setup-guide) .up-head h1 { font-size: 20px; }
    :where(body.page-setup-guide) .up-head-actions { width: 100%; }
    :where(body.page-setup-guide) .up-head-actions .up-btn:not(.icon) { flex: 1 1 auto; }
    :where(body.page-setup-guide) .up-card { padding: 14px 16px; margin-bottom: 12px; }
}
@media (max-width: 600px) {
    body.page-setup-guide.rs-portal-theme .up-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
    body.page-setup-guide.rs-portal-theme .up-tabs a { padding: 0 8px; font-size: 13.5px; }
    body.page-setup-guide .sg-steps > li { font-size: 14px; padding-left: 34px; }
    body.page-setup-guide .sg-steps a { display: inline-block; padding: 14px 0; margin: -14px 0; }
    body.page-setup-guide .sg-code pre { padding-right: 0; }
    body.page-setup-guide .sg-code .sg-copy { position: static; min-height: 44px; margin-bottom: 8px; }
    body.page-setup-guide .sg-faq li { grid-template-columns: minmax(0, 1fr); font-size: 14px; }
    body.page-setup-guide .sg-help-btns .up-btn { flex: 1 1 100%; white-space: normal; text-align: center; }
}

/* ======================= page-projects.css — project tracker (visitor view) ======================= */
:where(body.page-track-project, body.page-project-requests) [hidden] { display: none !important; }
:where(body.page-track-project, body.page-project-requests) .up-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; background: #fff; border: 1px solid #DADCE0; border-radius: 10px; padding: 18px 20px; margin-bottom: 16px; box-shadow: none; text-align: left; }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-head { background: #131313; border: 1px solid #37393C; }
:where(body.page-track-project, body.page-project-requests) .up-head > div:first-child { min-width: 0; flex: 1 1 260px; }
:where(body.page-track-project, body.page-project-requests) .up-head h1 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 22px; line-height: 1.25; font-weight: 700; color: var(--c-primary, #1F1F1F); overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-head h1 { color: var(--c-ink); }
:where(body.page-track-project, body.page-project-requests) .up-head h1 i { color: var(--c-accent, #0B57D0); font-size: .85em; }
:where(body.page-track-project, body.page-project-requests) .up-head p { margin: 4px 0 0; font-size: 14px; line-height: 1.45; color: #5F6368; }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-head p { color: #9EA2A7; }
:where(body.page-track-project, body.page-project-requests) .up-head-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
:where(body.page-track-project, body.page-project-requests) .up-card { background: #fff; border: 1px solid #DADCE0; border-radius: 10px; padding: 18px 20px; margin-bottom: 16px; box-shadow: none; min-width: 0; }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-card { background: #131313; border: 1px solid #37393C; }
:where(body.page-track-project, body.page-project-requests) .up-card > h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 16px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-card > h2 { color: var(--c-ink); }
:where(body.page-track-project, body.page-project-requests) .up-card > h2 i { color: var(--c-accent, #0B57D0); }
:where(body.page-track-project, body.page-project-requests) .up-card.flush { padding: 0; overflow: hidden; }
:where(body.page-track-project, body.page-project-requests) .up-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid #C4C7C5; border-radius: 10px; background: #fff; color: var(--c-primary, #1F1F1F); font: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background .15s, border-color .15s; touch-action: manipulation; }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-btn { border: 1px solid #454645; background: #131313; color: var(--c-ink); }
:where(body.page-track-project, body.page-project-requests) .up-btn:hover { background: #f4f7fb; border-color: #c3ccd9; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-btn:hover { background: #12171E; border-color: #3A4049; color: var(--c-ink); }
:where(body.page-track-project, body.page-project-requests) .up-btn.primary { background: var(--c-primary, #1F1F1F); border-color: var(--c-primary, #1F1F1F); color: #fff; }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-btn.primary { background: var(--c-accent); border-color: var(--c-ink-line); }
:where(body.page-track-project, body.page-project-requests) .up-btn.primary:hover { background: var(--c-primary-hover, #3C4043); }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-btn.primary:hover { background: var(--c-accent); }
:where(body.page-track-project, body.page-project-requests) .up-btn.accent { background: var(--c-accent, #0B57D0); border-color: var(--c-accent, #0B57D0); color: #fff; }
:where(body.page-track-project, body.page-project-requests) .up-btn.danger { color: #b91c1c; border-color: #f1c4c4; }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-btn.danger { color: #EC8383; border-color: #4D2929; }
:where(body.page-track-project, body.page-project-requests) .up-btn.danger:hover { background: #fdf2f2; }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-btn.danger:hover { background: #210E0E; }
:where(body.page-track-project, body.page-project-requests) .up-btn:disabled { opacity: .7; cursor: default; pointer-events: none; }
:where(body.page-track-project, body.page-project-requests) .up-btn.icon { width: 40px; padding: 0; }
:where(body.page-track-project, body.page-project-requests) .up-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 36px 16px; text-align: center; color: #5F6368; }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-empty { color: #9EA2A7; }
:where(body.page-track-project, body.page-project-requests) .up-empty > i { font-size: 30px; color: color-mix(in srgb, var(--c-accent, #0B57D0) 55%, #fff); margin-bottom: 4px; }
:where(body.page-track-project, body.page-project-requests) .up-empty b { font-size: 16px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :where(body.page-track-project, body.page-project-requests) .up-empty b { color: var(--c-ink); }
:where(body.page-track-project, body.page-project-requests) .up-empty p { margin: 0 0 6px; font-size: 14px; }
@media (max-width: 768px) {
    :where(body.page-track-project, body.page-project-requests) .up-head { padding: 14px 16px; margin-bottom: 12px; }
    :where(body.page-track-project, body.page-project-requests) .up-head h1 { font-size: 20px; }
    :where(body.page-track-project, body.page-project-requests) .up-head p { font-size: 13px; }
    :where(body.page-track-project, body.page-project-requests) .up-head-actions { width: 100%; }
    :where(body.page-track-project, body.page-project-requests) .up-head-actions .up-btn { flex: 1 1 auto; min-height: 44px; }
    :where(body.page-track-project, body.page-project-requests) .up-head-actions .up-btn.icon { flex: 0 0 44px; width: 44px; }
    :where(body.page-track-project, body.page-project-requests) .up-card { padding: 14px 16px; margin-bottom: 12px; }
    :where(body.page-track-project, body.page-project-requests) .up-btn { min-height: 44px; }
}
:where(body.page-track-project, body.page-track-project *) { margin: 0; padding: 0; box-sizing: border-box; }
:where(body.page-track-project) { --pat-size: 22px 22px, 88px 88px, 88px 88px; --pat-img: radial-gradient(rgba(var(--c-primary-rgb), .05) 1px, transparent 1px), linear-gradient(to right, rgba(var(--c-primary-rgb), .06) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--c-primary-rgb), .06) 1px, transparent 1px); }
body:where(.tt-guest):where(.page-track-project) { font-family: var(--rs-font); background-color: var(--c-bg); background-image: var(--pat-img); background-size: var(--pat-size); min-height: 100vh; }
:where(body.page-track-project:not(.tt-guest)) .dashboard { display: flex; min-height: 100vh; }
:where(body.page-track-project:not(.tt-guest)) .main-content { flex: 1; padding: 0; overflow-y: auto; background: transparent; }
:where(body.page-track-project:not(.tt-guest)) .track-area { padding: 20px; width: 100%; }
:where(body.page-track-project.tt-guest) .track-area { padding: 100px 20px 20px; max-width: 1200px; margin: 0 auto; }
:where(body.page-track-project.tt-guest) .lx-hero + .track-area { padding-top: 24px; }
:where(body.page-track-project:not(.tt-guest)) .mobile-navbar { display: none; position: fixed; top: 0; left: 0; right: 0; height: 60px; background: var(--c-primary); color: #fff; z-index: 1000; padding: 0 15px; align-items: center; }
:where(body.page-track-project:not(.tt-guest)) .mobile-navbar .hamburger-btn { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; padding: 10px; margin-right: 10px; }
:where(body.page-track-project:not(.tt-guest)) .mobile-navbar h1 { font-size: 18px; font-weight: 600; margin: 0; }
@media (max-width: 768px) {
    :where(body.page-track-project:not(.tt-guest)) .mobile-navbar { display: flex; }
    :where(body.page-track-project:not(.tt-guest)) .dashboard { flex-direction: column; }
    :where(body.page-track-project:not(.tt-guest)) .main-content { margin-left: 0; padding-top: 70px; padding-bottom: calc(var(--ph-bottom-nav-h, 66px) + 34px); }
    :where(body.page-track-project:not(.tt-guest)) .track-area { padding: 10px 15px calc(var(--ph-bottom-nav-h, 66px) + 34px); }
    :where(body.page-track-project.tt-guest) .track-area { padding: 16px 15px 15px; }
}
@media (max-width: 600px) {
    :where(body.page-track-project) .dashboard .track-area { padding: 0 12px; }
}
body:where(.tt-guest).page-track-project .tt-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
body:where(.tt-guest).page-track-project .tt-card-head h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 16px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-card-head h2 { color: var(--c-ink); }
body:where(.tt-guest).page-track-project .tt-card-head h2 i { color: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .search-form { display: flex; gap: 8px; }
body:where(.tt-guest).page-track-project .input-wrapper { position: relative; flex: 1 1 auto; min-width: 0; }
body:where(.tt-guest).page-track-project .input-icon { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: #80868B; font-size: 16px; pointer-events: none; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .input-icon { color: #848A8E; }
body:where(.tt-guest).page-track-project .search-input { width: 100%; min-height: 44px; padding: 0 12px 0 38px; border: 1px solid #C4C7C5; border-radius: 10px; background: #fff; font: inherit; font-size: 16px; color: var(--c-text, #1F1F1F); touch-action: manipulation; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .search-input { border: 1px solid #454645; background: #131313; }
body:where(.tt-guest).page-track-project .search-input:focus { outline: none; border-color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb, 0, 116, 217), .12); }
body:where(.tt-guest).page-track-project .search-form .up-btn { min-height: 44px; transform: none; box-shadow: none; }
body:where(.tt-guest).page-track-project .tt-hint { margin-top: 10px; font-size: 13.5px; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-hint { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-hint a { color: var(--c-accent, #0B57D0); font-weight: 600; }
body:where(.tt-guest).page-track-project .error-box { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; padding: 11px 14px; border: 1px solid #fecaca; border-radius: 10px; background: #fef2f2; color: #b91c1c; font-size: 14px; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .error-box { border: 1px solid #501C1C; background: #220C0C; color: #EC8383; }
body:where(.tt-guest).page-track-project .track-area > .error-box { margin: 0 0 16px; }
body:where(.tt-guest).page-track-project .client-header { display: flex; justify-content: space-between; align-items: center; gap: 6px 16px; flex-wrap: wrap; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #eef2f7; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .client-header { border-bottom: 1px solid #272E38; }
body:where(.tt-guest).page-track-project .client-name { display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 700; color: var(--c-primary, #1F1F1F); overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .client-name { color: var(--c-ink); }
body:where(.tt-guest).page-track-project .client-name i { color: var(--c-accent, #0B57D0); font-size: .85em; }
body:where(.tt-guest).page-track-project .client-contact { display: flex; gap: 6px 14px; flex-wrap: wrap; }
body:where(.tt-guest).page-track-project .contact-item { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #5F6368; overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .contact-item { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .quick-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; }
body:where(.tt-guest).page-track-project .stat-box { padding: 12px 14px; border: 1px solid #DADCE0; border-radius: 10px; background: #F8F9FA; box-shadow: none; text-align: left; transform: none; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .stat-box { border: 1px solid #37393C; background: #151719; }
body:where(.tt-guest).page-track-project .stat-box:hover { transform: none; box-shadow: none; }
body:where(.tt-guest).page-track-project .stat-number { font-size: 24px; font-weight: 700; line-height: 1.1; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .stat-number { color: var(--c-ink); }
body:where(.tt-guest).page-track-project .stat-label { margin-top: 2px; font-size: 12.5px; font-weight: 600; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .stat-label { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .stat-box.is-review .stat-number { color: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .project-card { animation: ttIn .25s ease; }
@keyframes ttIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    body:where(.tt-guest).page-track-project .project-card { animation: none; }
}
body:where(.tt-guest).page-track-project .project-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
body:where(.tt-guest).page-track-project .project-title-section { flex: 1 1 220px; min-width: 0; }
body:where(.tt-guest).page-track-project .project-title { font-size: 17px; font-weight: 700; color: var(--c-primary, #1F1F1F); overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .project-title { color: var(--c-ink); }
body:where(.tt-guest).page-track-project .project-id { margin-top: 2px; font-size: 12.5px; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .project-id { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .project-badges { display: flex; gap: 6px; flex-wrap: wrap; }
body:where(.tt-guest).page-track-project .badge { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border: 1px solid transparent; border-radius: 10px; font-size: 11.5px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; }
body:where(.tt-guest).page-track-project .badge[class*="status-"] { background: color-mix(in srgb, var(--c-accent, #0B57D0) 12%, #fff); color: var(--c-accent, #0B57D0); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .badge[class*="status-"] { background: color-mix(in srgb, var(--c-accent, #0B57D0) 12%, #131313); }
body:where(.tt-guest).page-track-project .badge.status-pending, body:where(.tt-guest).page-track-project .badge.status-on-hold { background: #fef3c7; color: #92400e; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .badge.status-pending, :where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .badge.status-on-hold { background: #373011; color: #F3A97D; }
body:where(.tt-guest).page-track-project .badge.status-completed { background: #dcfce7; color: #166534; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .badge.status-completed { background: #102D1A; color: #8AE5AD; }
body:where(.tt-guest).page-track-project .badge.status-cancelled, body:where(.tt-guest).page-track-project .badge.status-changes-requested { background: #fee2e2; color: #b91c1c; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .badge.status-cancelled, :where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .badge.status-changes-requested { background: #2B0E0E; color: #EC8383; }
body:where(.tt-guest).page-track-project .badge[class*="priority-"] { background: #fff; border-color: #C4C7C5; color: #444746; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .badge[class*="priority-"] { background: #131313; border-color: #454645; color: #B8BBBA; }
body:where(.tt-guest).page-track-project .badge.priority-urgent, body:where(.tt-guest).page-track-project .badge.priority-high { border-color: #fecaca; color: #b91c1c; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .badge.priority-urgent, :where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .badge.priority-high { border-color: #501C1C; color: #EC8383; }
body:where(.tt-guest).page-track-project .tt-steps { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
body:where(.tt-guest).page-track-project .tt-step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 6px; min-width: 0; }
body:where(.tt-guest).page-track-project .tt-step::before { content: ''; position: absolute; top: 16px; left: -50%; width: 100%; height: 2px; background: #DADCE0; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-step::before { background: #262729; }
body:where(.tt-guest).page-track-project .tt-step:first-child::before { display: none; }
body:where(.tt-guest).page-track-project .tt-step.done::before, body:where(.tt-guest).page-track-project .tt-step.now::before { background: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-dot { position: relative; z-index: 1; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; font-size: 13px; background: #fff; border: 2px solid #DADCE0; color: #80868B; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dot { background: #131313; border: 2px solid #37393C; color: #848A8E; }
body:where(.tt-guest).page-track-project .tt-step.done .tt-dot { background: var(--c-accent, #0B57D0); border-color: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); }
body:where(.tt-guest).page-track-project .tt-step.now .tt-dot { border-color: var(--c-accent, #0B57D0); color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 4px rgba(var(--c-accent-rgb, 0, 116, 217), .14); }
body:where(.tt-guest).page-track-project .tt-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-label { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-date { margin-top: 2px; font-size: 14.5px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-date { color: var(--c-ink); }
body:where(.tt-guest).page-track-project .tt-date.tbc { font-size: 12.5px; font-weight: 600; color: #80868B; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-date.tbc { color: #848A8E; }
body:where(.tt-guest).page-track-project .tt-note { margin-top: 4px; padding: 1px 8px; border-radius: 10px; font-size: 11.5px; font-weight: 600; background: #F1F3F4; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-note { background: #191B1C; color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-note.info { background: rgba(var(--c-accent-rgb, 0, 116, 217), .09); color: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-note.good { background: #dcfce7; color: #166534; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-note.good { background: #102D1A; color: #8AE5AD; }
body:where(.tt-guest).page-track-project .tt-note.warn { background: #fef3c7; color: #92400e; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-note.warn { background: #373011; color: #F3A97D; }
body:where(.tt-guest).page-track-project .tt-note.bad { background: #fee2e2; color: #b91c1c; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-note.bad { background: #2B0E0E; color: #EC8383; }
body:where(.tt-guest).page-track-project .tt-status { display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; padding: 11px 14px; border: 1px solid; border-radius: 10px; }
body:where(.tt-guest).page-track-project .tt-status .tt-si { flex: none; margin-top: 2px; font-size: 16px; }
body:where(.tt-guest).page-track-project .tt-status b { display: block; font-size: 14.5px; }
body:where(.tt-guest).page-track-project .tt-status p { margin: 2px 0 0; font-size: 13px; line-height: 1.5; opacity: .92; }
body:where(.tt-guest).page-track-project .tt-tone-info { background: rgba(var(--c-accent-rgb, 0, 116, 217), .06); border-color: rgba(var(--c-accent-rgb, 0, 116, 217), .22); color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tone-info { color: var(--c-ink); }
body:where(.tt-guest).page-track-project .tt-tone-info .tt-si, body:where(.tt-guest).page-track-project .tt-tone-review .tt-si { color: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-tone-review { background: color-mix(in srgb, var(--c-accent, #0B57D0) 9%, #fff); border-color: color-mix(in srgb, var(--c-accent, #0B57D0) 30%, #fff); color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tone-review { background: color-mix(in srgb, var(--c-accent, #0B57D0) 9%, #131313); color: var(--c-ink); }
body:where(.tt-guest).page-track-project .tt-tone-warn { background: #fffbeb; border-color: #fde68a; color: #78350f; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tone-warn { background: #27210B; border-color: #695B24; color: #EFA880; }
body:where(.tt-guest).page-track-project .tt-tone-warn .tt-si { color: #d97706; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tone-warn .tt-si { color: #F4BC7B; }
body:where(.tt-guest).page-track-project .tt-tone-ok { background: #f0fdf4; border-color: #bbf7d0; color: #14532d; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tone-ok { background: #0E2214; border-color: #245335; color: #8CE3AF; }
body:where(.tt-guest).page-track-project .tt-tone-ok .tt-si { color: #16a34a; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tone-ok .tt-si { color: #81EEA9; }
body:where(.tt-guest).page-track-project .tt-tone-bad { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tone-bad { background: #220C0C; border-color: #501C1C; color: #EA8686; }
body:where(.tt-guest).page-track-project .tt-tone-bad .tt-si { color: #dc2626; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tone-bad .tt-si { color: #EB8484; }
body:where(.tt-guest).page-track-project .tt-meter { margin-top: 14px; }
body:where(.tt-guest).page-track-project .tt-meter-top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 6px; font-size: 12.5px; font-weight: 600; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-meter-top { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-meter-top i { margin-right: 3px; color: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-meter-top b { white-space: nowrap; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-meter-top b { color: var(--c-ink); }
body:where(.tt-guest).page-track-project .tt-meter-top b.late { color: #dc2626; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-meter-top b.late { color: #EB8484; }
body:where(.tt-guest).page-track-project .tt-meter-top b.paid, body:where(.tt-guest).page-track-project .tt-meter-top b.paid i { color: #16a34a; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-meter-top b.paid, :where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-meter-top b.paid i { color: #81EEA9; }
body:where(.tt-guest).page-track-project .tt-track { height: 6px; overflow: hidden; border-radius: 10px; background: #DADCE0; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-track { background: #262729; }
body:where(.tt-guest).page-track-project .tt-fill { height: 100%; border-radius: 10px; background: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-fill.late { background: #dc2626; }
body:where(.tt-guest).page-track-project .tt-fill.review { background: var(--c-primary, #1F1F1F); }
body:where(.tt-guest).page-track-project .tt-fill.pay, body:where(.tt-guest).page-track-project .tt-fill.prog { background: #16a34a; }
body:where(.tt-guest).page-track-project .tt-pay { padding-top: 14px; border-top: 1px solid #eef2f7; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-pay { border-top: 1px solid #272E38; }
body:where(.tt-guest).page-track-project .tt-pay-note { margin-top: 6px; font-size: 12.5px; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-pay-note { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-demo { margin-top: 14px; padding-top: 14px; border-top: 1px solid #eef2f7; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-demo { border-top: 1px solid #272E38; }
body:where(.tt-guest).page-track-project .tt-demo .tt-meter-top b { font-weight: 500; color: #5F6368; white-space: normal; text-align: right; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-demo .tt-meter-top b { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-demo-open { width: 100%; min-height: 44px; margin-bottom: 8px; }
body:where(.tt-guest).page-track-project .tt-demo-row { display: flex; align-items: center; gap: 8px; margin-top: 6px; min-width: 0; }
body:where(.tt-guest).page-track-project .tt-demo-k { flex: 0 0 96px; font-size: 12.5px; font-weight: 600; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-demo-k { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-demo-k i { margin-right: 4px; color: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-demo-v { flex: 1; min-width: 0; padding: 9px 10px; border: 1px solid #DADCE0; border-radius: 8px; background: #F8F9FA; color: var(--c-primary, #1F1F1F); font-size: 14px; overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-demo-v { border: 1px solid #37393C; background: #151719; color: var(--c-ink); }
body:where(.tt-guest).page-track-project .tt-demo-ic { flex: 0 0 44px; min-height: 44px; padding: 0; }
@media (max-width: 480px) {
    body:where(.tt-guest).page-track-project .tt-demo-k { flex-basis: 80px; }
}
body:where(.tt-guest).page-track-project .tt-src { margin-top: 14px; padding-top: 14px; border-top: 1px solid #eef2f7; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-src { border-top: 1px solid #272E38; }
body:where(.tt-guest).page-track-project .tt-src .tt-meter-top b, body:where(.tt-guest).page-track-project .tt-src .tt-meter-top b i { color: #16a34a; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-src .tt-meter-top b, :where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-src .tt-meter-top b i { color: #81EEA9; }
body:where(.tt-guest).page-track-project .tt-src.wait .tt-meter-top b { font-weight: 500; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-src.wait .tt-meter-top b { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-src-open { width: 100%; min-height: 44px; }
body:where(.tt-guest).page-track-project .tt-src-note { margin: 8px 0 0; font-size: 12.5px; line-height: 1.5; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-src-note { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-src-note i { margin-right: 4px; color: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-src-note a { color: var(--c-accent, #0B57D0); font-weight: 600; text-decoration: none; }
body:where(.tt-guest).page-track-project .tt-src.lock .tt-meter-top b, body:where(.tt-guest).page-track-project .tt-src.lock .tt-meter-top b i { color: #d97706; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-src.lock .tt-meter-top b, :where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-src.lock .tt-meter-top b i { color: #F4BC7B; }
body:where(.tt-guest).page-track-project .tt-src.lock .tt-src-note i { color: #d97706; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-src.lock .tt-src-note i { color: #F4BC7B; }
body:where(.tt-guest).page-track-project .tt-src-pay { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
body:where(.tt-guest).page-track-project .tt-src-pay .up-btn { flex: 1 1 160px; min-height: 44px; }
body:where(.tt-guest).tt-dl-lock { overflow: hidden; }
body:where(.tt-guest).page-track-project .tt-dl { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 16px; }
body:where(.tt-guest).page-track-project .tt-dl [hidden] { display: none !important; }
body:where(.tt-guest).page-track-project .tt-dl-back { position: absolute; inset: 0; background: rgba(var(--c-primary-rgb, 0, 31, 63), .55); backdrop-filter: blur(2px); }
body:where(.tt-guest).page-track-project .tt-dl-box { position: relative; width: 100%; max-width: 420px; max-height: calc(100vh - 32px); overflow: auto; padding: 22px 22px 18px; border-radius: 12px; background: #fff; box-shadow: 0 24px 60px rgba(0, 31, 63, .25); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-box { background: #131313; }
body:where(.tt-guest).page-track-project .tt-dl-x { position: absolute; top: 10px; right: 10px; width: 40px; min-height: 40px; }
body:where(.tt-guest).page-track-project .tt-dl-box h3 { margin: 0 44px 0 0; font-size: 18px; line-height: 1.3; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-box h3 { color: var(--c-ink); }
body:where(.tt-guest).page-track-project .tt-dl-box h3 i { margin-right: 6px; color: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-dl-proj { margin: 4px 44px 16px 0; font-size: 13px; color: #5F6368; overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-proj { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-dl-step { display: flex; flex-direction: column; gap: 10px; }
body:where(.tt-guest).page-track-project .tt-dl-step label { font-size: 13.5px; font-weight: 600; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-step label { color: var(--c-ink); }
body:where(.tt-guest).page-track-project .tt-dl-in { position: relative; }
body:where(.tt-guest).page-track-project .tt-dl-in i { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); font-size: 14px; color: #80868B; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-in i { color: #848A8E; }
body:where(.tt-guest).page-track-project .tt-dl-in input { width: 100%; min-height: 46px; padding: 0 12px 0 38px; border: 1px solid #C4C7C5; border-radius: 10px; font: inherit; font-size: 16px; color: var(--c-primary, #1F1F1F); background: #fff; touch-action: manipulation; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-in input { border: 1px solid #454645; color: var(--c-ink); background: #131313; }
body:where(.tt-guest).page-track-project .tt-dl-in input:focus { outline: none; border-color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb, 0, 116, 217), .15); }
body:where(.tt-guest).page-track-project .tt-dl-in.code i { display: none; }
body:where(.tt-guest).page-track-project .tt-dl-in.code input { padding-left: 12px; text-align: center; letter-spacing: 6px; font-size: 20px; font-weight: 700; }
body:where(.tt-guest).page-track-project .tt-dl-step .up-btn { min-height: 46px; }
body:where(.tt-guest).page-track-project .tt-dl-err { margin: 0; padding: 9px 12px; border: 1px solid #fecaca; border-radius: 8px; background: #fef2f2; color: #991b1b; font-size: 13px; line-height: 1.5; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-err { border: 1px solid #501C1C; background: #220C0C; color: #EA8686; }
body:where(.tt-guest).page-track-project .tt-dl-sent { margin: 0; padding: 9px 12px; border: 1px solid #bbf7d0; border-radius: 8px; background: #f0fdf4; color: #14532d; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-sent { border: 1px solid #245335; background: #0E2214; color: #8CE3AF; }
body:where(.tt-guest).page-track-project .tt-dl-sent i { margin-right: 4px; color: #16a34a; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-sent i { color: #81EEA9; }
body:where(.tt-guest).page-track-project .tt-dl-links { display: flex; gap: 8px; }
body:where(.tt-guest).page-track-project .tt-dl-links .up-btn { flex: 1 1 0; min-width: 0; padding: 0 10px; font-size: 13px; }
body:where(.tt-guest).page-track-project .tt-dl-note { margin: 0; font-size: 12.5px; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-note { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-dl-help { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid #eef2f7; font-size: 12.5px; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-help { border-top: 1px solid #272E38; color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-dl-help i { margin-right: 3px; color: #25d366; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-help i { color: #86EAAB; }
body:where(.tt-guest).page-track-project .tt-dl-help a { color: var(--c-primary, #1F1F1F); font-weight: 600; text-decoration: none; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-dl-help a { color: var(--c-ink); }
@media (max-width: 480px) {
    body:where(.tt-guest).page-track-project .tt-dl { align-items: flex-end; padding: 0; }
    body:where(.tt-guest).page-track-project .tt-dl-box { max-width: none; max-height: calc(100vh - 24px); border-radius: 16px 16px 0 0; padding-bottom: calc(18px + env(safe-area-inset-bottom)); }
}
body:where(.tt-guest).page-track-project .tt-status p.tt-where { margin-top: 6px; opacity: 1; }
body:where(.tt-guest).page-track-project .tt-where i { margin-right: 4px; color: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-where b { display: inline; font-size: inherit; }
body:where(.tt-guest).page-track-project .tt-seg { display: flex; gap: 4px; }
body:where(.tt-guest).page-track-project .tt-seg span { flex: 1 1 0; min-width: 0; height: 8px; border-radius: 10px; background: #DADCE0; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-seg span { background: #262729; }
body:where(.tt-guest).page-track-project .tt-seg span.done { background: #16a34a; }
body:where(.tt-guest).page-track-project .tt-seg span.now { background: rgba(var(--c-accent-rgb, 0, 116, 217), .25); box-shadow: inset 0 0 0 1.5px var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-tl-wrap { margin-top: 16px; padding-top: 14px; border-top: 1px solid #eef2f7; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tl-wrap { border-top: 1px solid #272E38; }
body:where(.tt-guest).page-track-project .tt-tl { list-style: none; margin: 8px 0 0; padding: 0; }
body:where(.tt-guest).page-track-project .tt-tl-i { position: relative; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; column-gap: 12px; align-items: start; padding-bottom: 14px; }
body:where(.tt-guest).page-track-project .tt-tl-i:last-child { padding-bottom: 0; }
body:where(.tt-guest).page-track-project .tt-tl-i:not(:last-child)::after { content: ''; position: absolute; left: 13px; top: 28px; bottom: 0; width: 2px; background: #DADCE0; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tl-i:not(:last-child)::after { background: #262729; }
body:where(.tt-guest).page-track-project .tt-tl-i.done:not(:last-child)::after { background: #bbf7d0; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tl-i.done:not(:last-child)::after { background: #184428; }
body:where(.tt-guest).page-track-project .tt-tl-dot { position: relative; z-index: 1; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11.5px; background: #F8F9FA; border: 2px solid #DADCE0; color: #80868B; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tl-dot { background: #151719; border: 2px solid #37393C; color: #848A8E; }
body:where(.tt-guest).page-track-project .tt-tl-i.done .tt-tl-dot { background: #dcfce7; border-color: #bbf7d0; color: #16a34a; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tl-i.done .tt-tl-dot { background: #102D1A; border-color: #245335; color: #81EEA9; }
body:where(.tt-guest).page-track-project .tt-tl-i.now .tt-tl-dot { background: #fff; border-color: var(--c-accent, #0B57D0); color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 4px rgba(var(--c-accent-rgb, 0, 116, 217), .14); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tl-i.now .tt-tl-dot { background: #131313; }
body:where(.tt-guest).page-track-project .tt-tl-i.goal .tt-tl-dot { background: #fff; border-style: dashed; border-color: #C4C7C5; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tl-i.goal .tt-tl-dot { background: #131313; border-color: #454645; color: var(--c-ink); }
body:where(.tt-guest).page-track-project .tt-tl-body { min-width: 0; padding-top: 4px; }
body:where(.tt-guest).page-track-project .tt-tl-body b { display: block; font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--c-primary, #1F1F1F); overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tl-body b { color: var(--c-ink); }
body:where(.tt-guest).page-track-project .tt-tl-body span { display: block; margin-top: 1px; font-size: 12.5px; line-height: 1.4; color: #5F6368; overflow-wrap: anywhere; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tl-body span { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-tl-i.now .tt-tl-body b { font-weight: 700; }
body:where(.tt-guest).page-track-project .tt-tl-when { padding-top: 5px; font-size: 12px; color: #5F6368; white-space: nowrap; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-tl-when { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-tl-i.now .tt-tl-when { font-weight: 700; color: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-tl-i.tt-fold { display: none; }
body:where(.tt-guest).page-track-project .tt-tl-open .tt-tl-i.tt-fold { display: grid; }
body:where(.tt-guest).page-track-project .tt-tl-more { margin-top: 12px; }
body:where(.tt-guest).page-track-project .tt-upd { margin-top: 12px; font-size: 12.5px; color: #5F6368; }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-upd { color: #9EA2A7; }
body:where(.tt-guest).page-track-project .tt-upd i { margin-right: 4px; color: var(--c-accent, #0B57D0); }
body:where(.tt-guest).page-track-project .tt-upd b { color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-upd b { color: var(--c-ink); }
@media (max-width: 600px) {
    body:where(.tt-guest).page-track-project .search-form { flex-wrap: wrap; }
    body:where(.tt-guest).page-track-project .search-form .up-btn { flex: 1 1 100%; }
    body:where(.tt-guest).page-track-project .quick-stats { grid-template-columns: 1fr 1fr; }
    body:where(.tt-guest).page-track-project .project-title { font-size: 16px; }
}
@media (max-width: 560px) {
    body:where(.tt-guest).page-track-project .tt-steps { grid-template-columns: 1fr; margin-top: 14px; }
    body:where(.tt-guest).page-track-project .tt-step { display: grid; grid-template-columns: 34px 1fr; column-gap: 12px; align-items: center; text-align: left; padding: 0 0 14px; }
    body:where(.tt-guest).page-track-project .tt-step > .tt-dot { grid-row: 1 / span 3; align-self: start; margin: 0; }
    body:where(.tt-guest).page-track-project .tt-step > :not(.tt-dot) { grid-column: 2; justify-self: start; }
    body:where(.tt-guest).page-track-project .tt-step::before { display: none; }
    body:where(.tt-guest).page-track-project .tt-step:not(:last-child)::after { content: ''; position: absolute; left: 16px; top: 34px; bottom: 0; width: 2px; background: #DADCE0; }
    :where(html[data-theme="dark"]) body:where(.tt-guest).page-track-project .tt-step:not(:last-child)::after { background: #262729; }
    body:where(.tt-guest).page-track-project .tt-step:has(+ .tt-step.done)::after, body:where(.tt-guest).page-track-project .tt-step:has(+ .tt-step.now)::after { background: var(--c-accent, #0B57D0); }
    body:where(.tt-guest).page-track-project .tt-date { margin-top: 0; }
    body:where(.tt-guest).page-track-project .tt-tl-i { grid-template-columns: 28px minmax(0, 1fr); }
    body:where(.tt-guest).page-track-project .tt-tl-when { grid-column: 2; padding-top: 2px; white-space: normal; }
    body:where(.tt-guest).page-track-project .tt-tl-more { width: 100%; min-height: 44px; }
}
:where(body.page-project-requests) { --navy-primary: var(--c-primary, #1F1F1F); --navy-dark: var(--c-primary-dark, #001529); --navy-light: var(--c-secondary, #3C4043); --navy-accent: var(--c-accent, #0B57D0); --navy-hover: var(--c-primary-hover, #3C4043); --success: #34a853; --warning: #fbbc04; --danger: #ea4335; }
:where(body.page-project-requests, body.page-project-requests *) { margin: 0; padding: 0; box-sizing: border-box; }
:where(body.page-project-requests) { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; }
body:where(.tt-guest):where(.page-project-requests) { font-family: var(--rs-font); background: #f5f5f5; min-height: 100vh; padding: 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
:where(html[data-theme="dark"]) body:where(.tt-guest):where(.page-project-requests) { background: #191919; }
:where(body.page-project-requests) input, :where(body.page-project-requests) select, :where(body.page-project-requests) textarea { font-size: 16px !important; touch-action: manipulation; }
:where(body.page-project-requests:not(.pr-guest)) .dashboard { display: flex; min-height: 100vh; }
:where(body.page-project-requests:not(.pr-guest)) .main-content { flex: 1; padding: 20px; overflow-y: auto; background: #f5f5f5; }
:where(html[data-theme="dark"]) :where(body.page-project-requests:not(.pr-guest)) .main-content { background: #191919; }
:where(body.page-project-requests:not(.pr-guest)) .container { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; }
:where(body.page-project-requests.pr-guest) .container { width: 100%; max-width: 100%; margin: 0 auto; padding: 20px 40px; }
:where(body.page-project-requests) .step { display: flex; flex-direction: column; align-items: center; z-index: 3; cursor: pointer; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
:where(body.page-project-requests) .btn { padding: 14px 28px; border: none; border-radius: 6px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.3s; display: inline-flex; align-items: center; gap: 10px; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
:where(body.page-project-requests) .btn:disabled { background: #ccc; cursor: not-allowed; transform: none; }
:where(html[data-theme="dark"]) :where(body.page-project-requests) .btn:disabled { background: #333333; }
:where(body.page-project-requests:not(.pr-guest)) .mobile-navbar { display: none; position: fixed; top: 0; left: 0; right: 0; height: 60px; background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-dark) 100%); color: white; z-index: 1000; padding: 0 15px; align-items: center; box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
:where(body.page-project-requests:not(.pr-guest)) .mobile-navbar .hamburger-btn { background: none; border: none; color: white; font-size: 24px; cursor: pointer; padding: 10px; margin-right: 10px; }
:where(body.page-project-requests:not(.pr-guest)) .mobile-navbar h1 { font-size: 18px; font-weight: 600; margin: 0; }
@media (min-width: 1400px) {
    :where(body.page-project-requests.pr-guest) .container { padding: 30px 60px; }
}
@media (max-width: 992px) {
    :where(body.page-project-requests.pr-guest) .container { padding: 20px 30px; }
}
@media (max-width: 768px) {
    :where(body.page-project-requests:not(.pr-guest)) .mobile-navbar { display: flex; }
    :where(body.page-project-requests:not(.pr-guest)) .dashboard { flex-direction: column; }
    :where(body.page-project-requests:not(.pr-guest)) .main-content { margin-left: 0; padding-top: 70px; padding-bottom: 100px; }
    :where(body.page-project-requests.pr-guest) .container { padding: 15px; }
    :where(body.page-project-requests) .btn { padding: 14px 24px; font-size: 14px; }
}
@media (max-width: 480px) {
    :where(body.page-project-requests.pr-guest) .container { padding: 10px; }
    :where(body.page-project-requests) .step { flex: 0 0 auto; }
}
@media (hover: none) and (pointer: coarse) {
    :where(body.page-project-requests) .checkbox-item, :where(body.page-project-requests) .btn, :where(body.page-project-requests) .btn-add-item, :where(body.page-project-requests) .btn-remove, :where(body.page-project-requests) .btn-remove-role { min-height: 44px; }
}
@media (max-width: 768px) {
    :where(body.page-project-requests) .status-badge { padding: 3px 8px; font-size: 10px; }
}
@media (max-width: 480px) {

}
:where(body.page-project-requests) .status-badge { padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; }
:where(body.page-project-requests) .status-draft { background: #e0e0e0; color: #666; }
:where(html[data-theme="dark"]) :where(body.page-project-requests) .status-draft { background: #262626; color: #A1A1A1; }
:where(body.page-project-requests) .status-submitted { background: #e3f2fd; color: #1565c0; }
:where(html[data-theme="dark"]) :where(body.page-project-requests) .status-submitted { background: #0F1E2A; color: #7EB4F1; }
:where(body.page-project-requests) .status-in_progress { background: #fff3e0; color: #e65100; }
:where(html[data-theme="dark"]) :where(body.page-project-requests) .status-in_progress { background: #2C200D; color: #F4A67B; }
:where(body.page-project-requests) .status-completed { background: #e8f5e9; color: #2e7d32; }
:where(html[data-theme="dark"]) :where(body.page-project-requests) .status-completed { background: #172318; color: #97D99A; }
:where(body.page-project-requests) .status-cancelled { background: #ffebee; color: #c62828; }
:where(html[data-theme="dark"]) :where(body.page-project-requests) .status-cancelled { background: #270B0F; color: #E78888; }
:where(body.page-project-requests) .status-select { background: var(--navy-primary); color: white; border: none; cursor: pointer; font-size: 11px; padding: 6px 8px; }
:where(body.page-project-requests) .status-select:focus { outline: none; box-shadow: 0 0 0 2px var(--navy-accent); }
@keyframes aicDot { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-4px); } }
:where(body.page-project-requests) .status-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
:where(body.page-project-requests) .status-chips:empty { display: none; }
:where(body.page-project-requests) .status-chip { display: inline-flex; align-items: center; gap: 7px; background: #fff; border: 1px solid #DADCE0; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 600; color: #3C4043; cursor: pointer; font-family: inherit; transition: border-color .2s, color .2s, background .2s; }
:where(html[data-theme="dark"]) :where(body.page-project-requests) .status-chip { background: #131313; border: 1px solid #37393C; color: #BABEC1; }
:where(body.page-project-requests) .status-chip:hover { border-color: var(--navy-accent); color: var(--navy-accent); }
:where(body.page-project-requests) .status-chip.active { background: var(--navy-primary); border-color: var(--navy-primary); color: #fff; }
:where(html[data-theme="dark"]) :where(body.page-project-requests) .status-chip.active { border-color: var(--c-ink-line); }
:where(body.page-project-requests) .status-chip .n { background: rgba(0,0,0,.07); border-radius: 999px; padding: 1px 9px; font-size: 12px; font-weight: 800; }
:where(html[data-theme="dark"]) :where(body.page-project-requests) .status-chip .n { background: rgba(255,255,255,0.098); }
:where(body.page-project-requests) .status-chip.active .n { background: rgba(255,255,255,.18); }
@media (max-width: 768px) {

}
@media (max-width: 480px) {
    :where(body.page-project-requests) .mobile-navbar h1 { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}
@media (max-width: 600px) {
    :where(body.page-project-requests) .status-chips { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 -2px 14px; padding: 2px; }
    :where(body.page-project-requests) .status-chips::-webkit-scrollbar { display: none; }
    :where(body.page-project-requests) .status-chip { flex: 0 0 auto; min-height: 40px; padding: 8px 14px; }
}

/* ======================= rsdoc.css — quote + document accept ======================= */
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-paper { position: relative; overflow: hidden; background: #fff; color: #000; max-width: 800px; width: 100%; margin: 0 auto; padding: clamp(16px, 4vw, 44px); border: 1px solid #d9e2ec; box-sizing: border-box; font-family: var(--rs-font); font-size: 13.5px; line-height: 1.45; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-paper { background: #131313; color: #EDEDED; border: 1px solid #2E3740; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-wm { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: clamp(64px, 18vw, 150px); font-weight: 800; letter-spacing: .1em; color: rgba(0,0,0,.06); transform: rotate(-24deg); pointer-events: none; user-select: none; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-wm { color: rgba(237,237,237,0.06); }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-brand { display: flex; align-items: center; gap: 10px; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-brand img { width: 44px; height: 44px; object-fit: contain; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-brand b { display: block; font-size: 17px; letter-spacing: .08em; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-brand span { display: block; font-size: 11px; color: #666; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-brand span { color: #A1A1A1; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-id { text-align: right; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-id h1 { margin: 0; font-size: 18px; letter-spacing: .14em; line-height: 1.2; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-id b { display: block; font-size: 13px; margin-top: 3px; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-id span { display: block; font-size: 11px; color: #666; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-id span { color: #A1A1A1; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-rule { border-top: 1px solid #000; margin: 12px 0 14px; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-rule { border-top: 1px solid #D9D9D9; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-box { border: 1px solid #000; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-box { border: 1px solid #D9D9D9; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-box-h { font-size: 10px; font-weight: 700; letter-spacing: .12em; padding: 5px 8px; border-bottom: 1px solid #000; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-box-h { border-bottom: 1px solid #D9D9D9; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-box-b { padding: 7px 8px; font-size: 12.5px; line-height: 1.5; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-box-b small { font-size: 11px; color: #444; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-box-b small { color: #BABABA; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-parties { display: grid; grid-template-columns: 1fr 1fr 190px; gap: 10px; margin-bottom: 14px; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-meta { border-collapse: collapse; width: 100%; font-size: 11px; align-self: start; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-meta th, :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-meta td { border: 1px solid #000; padding: 4px 7px; text-align: left; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-meta th, :where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-meta td { border: 1px solid #D9D9D9; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-meta th { font-weight: 700; width: 46%; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-meta td { text-align: right; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-subject { font-weight: 700; margin: 0 0 10px; font-size: 13.5px; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-body { border: 1px solid #000; margin-bottom: 14px; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-body { border: 1px solid #D9D9D9; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec { display: grid; grid-template-columns: 150px 1fr; border-bottom: 1px solid #000; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec { border-bottom: 1px solid #D9D9D9; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec:last-child { border-bottom: 0; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec-h { padding: 8px; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; border-right: 1px solid #000; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec-h { border-right: 1px solid #D9D9D9; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec-b { padding: 8px 10px; font-size: 12.5px; line-height: 1.55; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec-b p { margin: 0 0 7px; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec-b p:last-child, :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec-b ul:last-child { margin-bottom: 0; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec-b ul { margin: 0 0 7px; padding-left: 18px; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec-b li { margin: 2px 0; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec:only-child .rsdoc-sec-h:empty { display: none; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sign { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-line { border-bottom: 1px solid #000; margin: 18px 0 2px; font-size: 10px; color: #555; padding-bottom: 2px; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-line { border-bottom: 1px solid #D9D9D9; color: #ADADAD; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-verify { border: 1px solid #000; text-align: center; padding: 8px 10px; margin-bottom: 12px; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-verify { border: 1px solid #D9D9D9; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-verify small { display: block; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-verify b { display: block; font-size: 19px; letter-spacing: .2em; margin: 4px 0 2px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-verify span { display: block; font-size: 10.5px; color: #555; font-style: italic; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-verify span { color: #ADADAD; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-foot { border-top: 1px solid #999; padding-top: 10px; text-align: center; font-size: 11px; color: #555; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-foot { color: #ADADAD; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-foot b { display: block; color: #000; font-size: 12px; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-foot b { color: #EDEDED; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-foot em { display: block; margin-top: 6px; font-size: 10.5px; color: #666; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-foot em { color: #A1A1A1; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 700; white-space: nowrap; background: #e0f2fe; color: #075985; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill { background: #0E202C; color: #7BCAF4; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill.ok { background: #dcfce7; color: #166534; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill.ok { background: #102D1A; color: #8AE5AD; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill.bad { background: #fee2e2; color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill.bad { background: #2B0E0E; color: #EA8686; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill.warn { background: #fef3c7; color: #92400e; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill.warn { background: #373011; color: #F3A97D; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill.off { background: #F1F3F4; color: #444746; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill.off { background: #191B1C; color: #B8BBBA; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill.info { background: #e0f2fe; color: #075985; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-pill.info { background: #0E202C; color: #7BCAF4; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox { max-width: 800px; margin: 18px auto 0; border: 1px solid #bfdbfe; background: #f0f6ff; border-radius: 10px; padding: 18px 20px; box-sizing: border-box; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox { border: 1px solid #1D3655; background: #0B1525; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox h3 { margin: 0 0 6px; font-size: 16px; color: #1e3a8a; display: flex; align-items: center; gap: 8px; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox h3 { color: #8AA2E5; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox p { margin: 0 0 12px; font-size: 13.5px; color: #3C4043; line-height: 1.55; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox p { color: #BABEC1; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox label.tick { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: #1e3a8a; cursor: pointer; line-height: 1.5; margin-bottom: 12px; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox label.tick { color: #8AA2E5; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox label.tick input { width: 18px; height: 18px; margin-top: 2px; accent-color: #1F1F1F; flex: 0 0 18px; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox label.tick input { accent-color: #D6D6D6; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .fld { margin-bottom: 12px; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .fld label { display: block; font-size: 12px; font-weight: 700; color: #1e3a8a; margin-bottom: 4px; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .fld label { color: #8AA2E5; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .fld input, :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .fld textarea { width: 100%; box-sizing: border-box; padding: 11px 12px; border: 1px solid #C4C7C5; border-radius: 6px; font-size: 16px; font-family: inherit; background: #fff; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .fld input, :where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .fld textarea { border: 1px solid #454645; background: #131313; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .fld input:focus, :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .fld textarea:focus { outline: none; border-color: #0B57D0; box-shadow: 0 0 0 3px rgba(0,116,217,.15); }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .hint { font-size: 11.5px; color: #5F6368; margin-top: 4px; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .hint { color: #9EA2A7; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-signbox .acts { display: flex; gap: 10px; flex-wrap: wrap; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-btn { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 8px; padding: 12px 20px; font-size: 15px; font-weight: 700; cursor: pointer; text-decoration: none; background: #1F1F1F; color: #fff; font-family: inherit; touch-action: manipulation; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-btn:hover { background: #0B57D0; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-btn:disabled { opacity: .7; cursor: default; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-btn.ghost { background: #fff; color: #1F1F1F; border: 1px solid #C4C7C5; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-btn.ghost { background: #131313; color: #D6D6D6; border: 1px solid #454645; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-btn.danger { background: #fff; color: #991b1b; border: 1px solid #fecaca; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-btn.danger { background: #131313; color: #EA8686; border: 1px solid #501C1C; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-btn.danger:hover { background: #fee2e2; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-btn.danger:hover { background: #2B0E0E; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-panel { max-width: 800px; margin: 18px auto 0; border-radius: 10px; padding: 16px 18px; display: flex; gap: 14px; align-items: flex-start; font-size: 14px; line-height: 1.55; box-sizing: border-box; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-panel i.big { font-size: 26px; margin-top: 2px; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-panel b { display: block; font-size: 16px; margin-bottom: 2px; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-panel.ok { background: #f0fdf4; border: 1px solid #bbf7d0; color: #14532d; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-panel.ok { background: #0E2214; border: 1px solid #245335; color: #8CE3AF; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-panel.warn { background: #fffbeb; border: 1px solid #fde68a; color: #78350f; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-panel.warn { background: #27210B; border: 1px solid #695B24; color: #EFA880; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-panel.off { background: #F8F9FA; border: 1px solid #DADCE0; color: #3C4043; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-panel.off { background: #151719; border: 1px solid #37393C; color: #BABEC1; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-panel.err { background: #fef2f2; border: 1px solid #fecaca; color: #7f1d1d; }
:where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-panel.err { background: #220C0C; border: 1px solid #501C1C; color: #E48B8B; }
:where(body.page-quote-accept, body.page-doc-accept) .rsdoc-toolbar { max-width: 800px; margin: 0 auto 12px; display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 640px) {
    :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-parties, :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sign { grid-template-columns: 1fr; }
    :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec { grid-template-columns: 1fr; }
    :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec-h { border-right: 0; border-bottom: 1px solid #000; }
    :where(html[data-theme="dark"]) :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-sec-h { border-bottom: 1px solid #D9D9D9; }
    :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-id { text-align: left; }
    :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-btn { width: 100%; justify-content: center; }
}
@media print {
    body:where(.page-quote-accept, .page-doc-accept) * { visibility: hidden; }
    :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-paper, :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-paper * { visibility: visible; }
    :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-paper { position: absolute; left: 0; top: 0; width: 100%; max-width: none; border: 0; padding: 0; }
    :where(body.page-quote-accept, body.page-doc-accept) .rsdoc-wm { display: none; }
    @page  { size: A4; margin: 14mm; }
}

/* ======================= landing kit — home, about, how it works, packages, partner ======================= */
/**
 * Developed by Mohammad Rameez Imdad (Rameez Scripts)
 * WhatsApp: https://whatsapp.rameezscripts.com/ (For Custom Projects)
 * YouTube: https://www.youtube.com/@rameezimdad (Subscribe for more!)
 * TikTok: https://www.tiktok.com/@aiwithrameez (Follow for more!)
 */
/* landing page styles — theme tokens come from the inline rs-theme-vars block */
body:where(.ln-page, .page-about, .page-how, .page-packages, .page-partner-home) {
            --navy-primary: var(--c-primary);
            --navy-dark: var(--c-primary-dark);
            --navy-light: var(--c-secondary);
            --navy-accent: var(--c-accent);
            --navy-hover: var(--c-primary-hover);
            /* theme-driven (theme_helper.php injects --c-* per active palette) */
            --accent-strong: var(--c-accent-strong);
            --accent-soft: var(--c-accent-soft);
            --on-accent: var(--c-on-accent);
            --success: #22c55e;
            --white: #ffffff;
            --gray-100: var(--c-tint);
            --gray-200: var(--c-tint-line);
            --gray-500: var(--c-text-muted);
            --gray-700: var(--c-text);
            /* type + shape system (tasteful evolution) */
            --font-display: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            --radius: 10px;
            --radius-sm: 8px;
            --radius-xs: 2px;
            --shadow-sm: 0 1px 2px rgba(var(--c-primary-rgb),.06);
            --shadow-md: 0 2px 8px rgba(var(--c-primary-rgb),.08);
            --shadow-lg: 0 8px 28px rgba(var(--c-primary-rgb),.12);
            --shadow-accent: 0 2px 10px rgba(var(--c-accent-rgb),.28);
            --shadow-float: 0 18px 40px -14px rgba(var(--c-primary-rgb),.20), 0 3px 10px rgba(var(--c-primary-rgb),.05);
            --pat-size: 22px 22px, 88px 88px, 88px 88px;
            --pat-img:
                radial-gradient(rgba(var(--c-primary-rgb),.05) 1px, transparent 1px),
                linear-gradient(to right,  rgba(var(--c-primary-rgb),.06) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(var(--c-primary-rgb),.06) 1px, transparent 1px);
            --pat-img-d:
                radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
                linear-gradient(to right,  rgba(255,255,255,.055) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255,255,255,.055) 1px, transparent 1px);
            /* blueprint grid overlay — hero recipe, shared by hero + about-me (footer carries its own copy) */
            --pat-grid:
                linear-gradient(rgba(var(--c-accent-rgb),.07) 1px, transparent 1px),
                linear-gradient(90deg, rgba(var(--c-accent-rgb),.07) 1px, transparent 1px);
            --pat-grid-size: 88px 88px; /* must match --pat-size's line pitch or the two grids beat against each other */
            --hair: rgba(var(--c-primary-rgb),.10);
            --hair-dark: rgba(255,255,255,.12);
            --accent-line: rgba(var(--c-accent-rgb),.28);
            --ok-line: rgba(34,197,94,.28);
            --ring: 0 0 0 3px rgba(var(--c-accent-rgb),.12);
        }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home), :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
html:where(:has(> :is(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home))) {
            scroll-behavior: smooth;
            -webkit-text-size-adjust: 100%; /* no font inflation in landscape */
            text-size-adjust: 100%;
        }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) img { max-width: 100%; }
/* overflow guard on tiny screens */
/* a11y: visible keyboard focus on every interactive element */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) a:focus-visible, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) button:focus-visible, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) input:focus-visible, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) select:focus-visible, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) textarea:focus-visible, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .btn-primary:focus-visible, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .btn-outline:focus-visible {
            outline: 3px solid var(--c-accent-soft);
            outline-offset: 3px;
            border-radius: var(--radius-sm);
        }
/* a11y: skip-to-content link — hidden until keyboard-focused */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .skip-link {
            position: absolute; left: 12px; top: -60px; z-index: 2000;
            background: var(--navy-primary); color: #fff; padding: 11px 18px;
            border-radius: 0 0 var(--radius) var(--radius); font-weight: 600; text-decoration: none;
            transition: top .2s ease;
        }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .skip-link:focus { top: 0; outline: 3px solid var(--c-accent-soft); outline-offset: 2px; }
/* footer fine print — contrast-safe (replaces low-opacity inline styles) */
body:where(.ln-page, .page-about, .page-how, .page-packages, .page-partner-home) {
            font-family: var(--font-body);
            background: var(--navy-dark);
            color: var(--gray-700);
            line-height: 1.6;
            overflow-x: hidden;
            width: 100%;
            max-width: 100%;
            margin: 0;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
        }
:where(html[data-theme="dark"]) body:where(.ln-page, .page-about, .page-how, .page-packages, .page-partner-home) { color: var(--c-ink); }
/* display face on every heading + brand: the single biggest taste lift */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) h1, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) h2, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) h3, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) h4, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) h5, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .logo, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .hero-title, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .section-header h2 {
            font-family: var(--font-display);
            letter-spacing: -0.02em;
        }
/* support channel buttons — brand colours, shared helper markup (wa_number.php support_btns) */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .support-pair { display: inline-flex; gap: 10px; flex-wrap: wrap; align-items: stretch; }
/* auto-fit, not 1fr 1fr — a 3rd channel would orphan a row under a hardcoded pair */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .support-btn-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; width: 100%; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .support-pair > a { min-width: 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .support-pair .sup-wa { background: linear-gradient(135deg, var(--c-wa, #25D366), var(--c-wa-d, #128C7E)); color: #fff; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .support-pair .sup-em { background: linear-gradient(135deg, var(--c-em, #0EA5E9), var(--c-em-d, #0284C7)); color: #fff; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .support-pair .sup-wa:hover, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .support-pair .sup-em:hover { color: #fff; filter: brightness(1.07); }
/* Contact line printed INSIDE every support button (sup_num() in wa_number.php) — the number from
   Settings -> Contact. Inherits the button's own ink, so it reads on solid green and on a ghost
   outline alike; <small> already sizes it down, so a page without this file still looks right. */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .sup-num { font-weight: 600; opacity: .88; letter-spacing: .2px; direction: ltr; unicode-bidi: isolate; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .sup-num::before { content: "\00b7"; margin-right: 5px; opacity: .6; font-weight: 700; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .sup-num-wa { white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .sup-num-em { overflow-wrap: anywhere; }
@media (max-width: 420px) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .sup-num { font-size: .75em; }
}
/* email is a SOLID glyph — legacy call sites hardcode `fab` before the channel icon */
/* === consolidated: lang === */
/* language switcher (styles.css not linked on landing — inline, var() fallbacks make it self-sufficient) */
/* gtranslate: hide google chrome (banner/tooltip) — styles.css not linked here so rules live inline */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-te-banner-frame, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-te-banner-frame.skiptranslate { display: none !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .skiptranslate iframe { display: none !important; visibility: hidden !important; }
body:where(.ln-page, .page-about, .page-how, .page-packages, .page-partner-home) { top: 0 !important; position: static !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-tooltip, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-tooltip:hover { display: none !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) #goog-gt-tt, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-te-balloon-frame { display: none !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-text-highlight { background: none !important; box-shadow: none !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) font[style] { background: transparent !important; box-shadow: none !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-logo-link, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-te-gadget span { display: none !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-te-gadget { font-size: 0 !important; }
/* newer element.js adds a floating "Translate" tab of its own next to the header pill, plus a
           progress strip — google marks every injected surface .skiptranslate, so kill those at body level
           and leave our own #google_translate_element mount (the .goog-te-combo we drive lives in it). */
body:where(.ln-page, .page-about, .page-how, .page-packages, .page-partner-home) > .skiptranslate:not(#google_translate_element) { display: none !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-te-ftab, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-te-ftab-float, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-te-gadget-simple, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .goog-te-menu-frame, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .VIpgJd-ZVi9od-ORHb-OEVmcd, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .VIpgJd-ZVi9od-aZ2wEe-wOHMyf, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .VIpgJd-ZVi9od-l4eHX-hSRGPd { display: none !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-switcher { position: relative; display: inline-flex; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--c-card); border: 1px solid var(--hair); color: var(--c-primary); padding: 9px 14px; border-radius: var(--radius-sm); cursor: pointer; font-size: 14px; font-weight: 600; min-height: 40px; line-height: 1; transition: all .18s ease; font-family: inherit; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-btn { color: var(--c-ink); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-btn:hover { border-color: var(--c-accent); color: var(--c-accent); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-btn .lang-caret { font-size: 12px; transition: transform .18s ease; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-btn .lang-caret.open { transform: rotate(180deg); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-menu { position: absolute; top: calc(100% + 6px); right: 0; width: 260px; max-height: 420px; display: flex; flex-direction: column; background: var(--c-card); border: 1px solid var(--hair); border-radius: var(--radius); box-shadow: var(--shadow-lg); padding: 6px; overflow: hidden; z-index: 99999; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-search-wrap { position: relative; padding: 2px 2px 8px; flex: 0 0 auto; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-search-icon { position: absolute; left: 13px; top: 13px; color: var(--c-text-muted); font-size: 12px; pointer-events: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-search { width: 100%; box-sizing: border-box; padding: 9px 12px 9px 32px; border: 1px solid var(--hair); border-radius: var(--radius-sm); font-size: 16px; line-height: 1.2; color: var(--c-primary); background: var(--c-card); outline: none; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-search { color: var(--c-ink); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-search:focus { border-color: var(--c-accent); box-shadow: var(--ring); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-list { flex: 1 1 auto; overflow-y: auto; max-height: 340px; -webkit-overflow-scrolling: touch; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-name { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-no-results { padding: 18px 10px; text-align: center; color: var(--c-text-muted); font-size: 12px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-menu[hidden], :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-item[hidden], :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-no-results[hidden] { display: none !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-item { display: flex; align-items: center; gap: 10px; width: 100%; background: none; border: none; padding: 9px 11px; border-radius: var(--radius-sm); cursor: pointer; font-size: 14px; color: var(--c-primary); text-align: left; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-item { color: var(--c-ink); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-item:hover { background: rgba(var(--c-accent-rgb),.08); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-item.active { background: rgba(var(--c-accent-rgb),.12); color: var(--c-accent); font-weight: 700; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-item .lang-flag { font-size: 18px; line-height: 1; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-item .lang-check { margin-left: auto; color: var(--c-accent); font-size: 12px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lang-item:not(.active) .lang-check { display: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) [dir="rtl"] .lang-menu { right: auto; left: 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) [dir="rtl"] .lang-item { text-align: right; }
/* floating whatsapp — support */
/* stack is the fixed corner anchor now — a pair sits vertically, two side-by-side pills
           would run off a phone screen. single channel looks exactly as it always did */
/* one compact disc per live channel. three full-width pills ate a third of the phone
           viewport and read as three different widgets — the label now lives behind a
           hover/focus expand, so the resting state is a tidy 54px column that looks like ONE
           control. the anchor keeps its aria-label, so the hidden text costs nothing for AT */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float-stack { position: fixed; right: 18px; bottom: 20px; z-index: 1100; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float {
            position: relative; display: inline-flex; align-items: center; overflow: hidden;
            width: 54px; height: 54px; padding: 0; border-radius: var(--radius-sm);
            background: linear-gradient(135deg, var(--c-support, #25D366) 0%, var(--c-support-dark, #128C7E) 100%);
            color: #fff; text-decoration: none; box-shadow: var(--shadow-md);
            transition: width .3s cubic-bezier(.4,0,.2,1), box-shadow .2s ease, transform .2s ease;
        }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float > i { flex: 0 0 54px; width: 54px; font-size: 20px; text-align: center; line-height: 1; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float-txt { display: flex; flex-direction: column; line-height: 1.15; text-align: left; white-space: nowrap; padding-right: 20px; opacity: 0; transition: opacity .2s ease .05s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float-txt b { font-size: 12px; font-weight: 800; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float-txt small { font-size: 12px; opacity: .92; font-weight: 600; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float:hover, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float:focus-visible { width: 236px; color: #fff; transform: translateY(-2px); box-shadow: var(--shadow-lg); animation: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float:hover .wa-float-txt, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float:focus-visible .wa-float-txt { opacity: 1; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float-wa { background: linear-gradient(135deg, var(--c-wa, #25D366) 0%, var(--c-wa-d, #128C7E) 100%) !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float-em { background: linear-gradient(135deg, var(--c-em, #0EA5E9) 0%, var(--c-em-d, #0284C7) 100%) !important; }
/* pulse rides the element's OWN box-shadow, not a ::before ring — overflow:hidden (which
           masks the label) would clip a child's outward spread. single channel only: several
           discs pulsing at once is noise, which is why the old rule muted a pair too */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float-stack:not(.is-pair) .wa-float { animation: none; }
/* declared AFTER the pulse: equal specificity would let the animation keep painting its
           own box-shadow over the hover state, so the disc never looked lifted */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float-stack:not(.is-pair) .wa-float:hover, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float-stack:not(.is-pair) .wa-float:focus-visible { animation: none; }
@media (max-width: 768px) {
    /* no hover on touch — discs stay closed, aria-label carries the name */
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float-stack { bottom: calc(env(safe-area-inset-bottom, 0px) + 96px); right: 14px; gap: 8px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float { width: 50px; height: 50px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float > i { flex-basis: 50px; width: 50px; font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float-stack:not(.is-pair) .wa-float { animation: none; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .wa-float { transition: none; }
}
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/* whatsapp community — tab on the left edge, mid-height. under the chat panel (995) + header */
:where(body.ln-page) .ln-wacom { position: fixed; left: 0; top: 50%; z-index: 980; display: flex; flex-direction: column; align-items: center; gap: 10px; width: 44px; padding: 14px 0 16px; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: linear-gradient(180deg, var(--c-wa, #25D366) 0%, var(--c-wa-d, #128C7E) 100%); color: #fff; text-decoration: none; box-shadow: var(--shadow-md); transform: translateY(-50%); touch-action: manipulation; transition: width .2s ease, box-shadow .2s ease; }
:where(body.ln-page) .ln-wacom > i { font-size: 22px; line-height: 1; }
:where(body.ln-page) .ln-wacom-txt { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 12px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
:where(body.ln-page) .ln-wacom:hover, :where(body.ln-page) .ln-wacom:focus-visible { width: 50px; color: #fff; box-shadow: var(--shadow-lg); }
:where(body.ln-page) .ln-wacom:focus-visible { outline: 2px solid var(--ln-acc); outline-offset: 3px; }
@media (max-width: 768px) {
    /* phones: icon only, label lives in aria-label */
    :where(body.ln-page) .ln-wacom { width: 44px; padding: 12px 0; }
    :where(body.ln-page) .ln-wacom:hover, :where(body.ln-page) .ln-wacom:focus-visible { width: 44px; }
    :where(body.ln-page) .ln-wacom > i { font-size: 24px; }
    :where(body.ln-page) .ln-wacom-txt { display: none; }
}
@media (prefers-reduced-motion: reduce) { :where(body.ln-page) .ln-wacom { transition: none; } }
/* ===================================================================
   landing — google one look (owner 10-16). light by default (white ground, near-black type, one blue phrase
   per heading); dark = html[data-theme="dark"] (black ground, white type — the look the owner approved).
   one token block per mode, everything below reads from it
   =================================================================== */
body:where(.ln-page, .page-about, .page-how, .page-packages, .page-partner-home) {
    --ln-bg: #FFFFFF;
    --ln-bg-2: #FFFFFF;   /* no alternating bands — google keeps one ground */
    --ln-card: #FFFFFF;
    --ln-card-2: #F8F9FA;
    --ln-line: #DADCE0;
    --ln-line-2: #C4C7C5;
    --ln-tint: rgba(31,31,31,.04);
    --ln-text: #1F1F1F;
    --ln-mute: #444746; /* 9.6:1 on white — body copy */
    --ln-dim: #5F6368; /* 6.4:1 on white — small labels, counters */
    --ln-acc: #0B57D0; /* links + icons */
    --ln-sky: #0B57D0; /* the heading phrase blue */
    --ln-ok: #188038;
    --ln-warn: #B06000; --ln-bad: #B3261E;
    --ln-bezel: #0B0C10; --ln-alu-hi: #F4F5F7; --ln-alu: #D8DBE0; --ln-alu-lo: #ABB0B8; --ln-alu-dk: #80868F; /* hero device: glass bezel + aluminium */
    --ln-shadow: 0 1px 2px rgba(31,31,31,.06), 0 14px 34px -22px rgba(31,31,31,.22);
    --ln-r: 24px;
    --ln-r-sm: 14px;
    --ln-hero-bg: radial-gradient(ellipse 58% 72% at 86% 18%, rgba(11,87,208,.16) 0%, rgba(11,87,208,.06) 40%, transparent 72%), linear-gradient(180deg, #EEF3FD 0%, #F8FAFF 50%, #FFFFFF 90%);
    --ln-badge-bg: #1F1F1F; --ln-badge-ink: #FFFFFF;
    --ln-chip-glass: rgba(31,31,31,.04); --ln-chip-glass-line: rgba(31,31,31,.12);
    --ln-num-stroke: rgba(31,31,31,.12);
    --ln-ease: cubic-bezier(.2,.7,.2,1);
    --g-acc: var(--c-accent-rgb);
    --g-amber: 245,158,11;
    --g-green: 34,197,94;
    --g-teal: 20,184,166;
    --g-sky: 56,189,248;
    --g-red: 239,68,68;
}
:where(html[data-theme="dark"]) body:where(.ln-page, .page-about, .page-how, .page-packages, .page-partner-home) {
    --ln-bg: #000000; --ln-bg-2: #000000;
    --ln-card: #131314; --ln-card-2: #1E1F20;
    --ln-line: rgba(255,255,255,.10); --ln-line-2: rgba(255,255,255,.20); --ln-tint: rgba(255,255,255,.05);
    --ln-text: #FFFFFF; --ln-mute: #BDC1C6; --ln-dim: #9AA0A6; /* 12:1 / 7.6:1 on black */
    --ln-acc: #8AB4F8; --ln-sky: #4FA0FF;
    --ln-ok: #81C995; --ln-warn: #FDD663; --ln-bad: #F28B82;
    --ln-shadow: 0 0 0 transparent; /* flat on black — borders carry the edges */
    --ln-hero-bg: radial-gradient(ellipse 58% 72% at 86% 22%, rgba(29,94,183,.72) 0%, rgba(15,60,138,.42) 38%, transparent 72%), linear-gradient(180deg, #06142F 0%, #030A1A 48%, #000 88%);
    --ln-badge-bg: #FFFFFF; --ln-badge-ink: #1F1F1F;
    --ln-chip-glass: rgba(255,255,255,.07); --ln-chip-glass-line: rgba(255,255,255,.16);
    --ln-num-stroke: rgba(255,255,255,.14);
}
html:where(:has(> :is(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home))) { background: var(--ln-bg); }
body.ln-page { background-color: var(--ln-bg); color: var(--ln-mute); }
body.ln-page ::selection { background: rgba(var(--c-accent-rgb),.22); color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-main { overflow-x: clip; }
/* clip, not hidden — hidden would break the sticky sections */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 24px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-grad { color: var(--ln-sky); }
/* the one blue phrase in a heading — solid, never gradient text */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-center { text-align: center; margin-top: 40px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-count { font-variant-numeric: tabular-nums; }
/* counter hook — digits keep their width while counting */
/* type */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home).ln-page h1, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home).ln-page h2, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home).ln-page h3, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home).ln-page h4 { font-family: var(--font-display); color: var(--ln-text); letter-spacing: -.02em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-kicker { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--ln-acc); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-head { max-width: 800px; margin: 0 auto 56px; text-align: center; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-head h2 { margin: 0 0 18px; font-size: clamp(32px, 4.6vw, 58px); font-weight: 700; line-height: 1.04; letter-spacing: -.035em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-head p { margin: 0; font-size: 17px; line-height: 1.65; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-head-l { margin-left: 0; text-align: left; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-head-row { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; text-align: left; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-head-row > div:first-child { max-width: 720px; }
/* buttons + links */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 50px; padding: 0 22px; border-radius: var(--ln-r); font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap; cursor: pointer; touch-action: manipulation; transition: transform .25s var(--ln-ease), background .25s, border-color .25s, box-shadow .25s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn-p { background: var(--c-accent); color: var(--c-on-accent, #fff); box-shadow: 0 12px 30px -12px rgba(var(--c-accent-rgb),.85); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn-p:hover { transform: translateY(-2px); background: var(--c-accent-strong, var(--c-accent)); box-shadow: 0 18px 36px -12px rgba(var(--c-accent-rgb),.95); color: var(--c-on-accent, #fff); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn-g { background: var(--ln-card); border: 1px solid var(--ln-line-2); color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn-g:hover { transform: translateY(-2px); border-color: rgba(var(--c-accent-rgb),.6); background: rgba(var(--c-accent-rgb),.06); color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn-sm { height: 42px; padding: 0 16px; font-size: 14px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-link { display: inline-flex; align-items: center; gap: 8px; color: var(--ln-acc); font-size: 14.5px; font-weight: 600; text-decoration: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-link i { font-size: 12px; transition: transform .25s var(--ln-ease); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-link:hover { color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-link:hover i { transform: translateX(4px); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-arrow { width: 44px; height: 44px; display: inline-grid; place-items: center; border-radius: var(--ln-r); border: 1px solid var(--ln-line-2); background: var(--ln-card); color: var(--ln-text); cursor: pointer; touch-action: manipulation; transition: border-color .2s, color .2s, background .2s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-arrow:hover { border-color: var(--ln-acc); color: var(--ln-acc); background: rgba(var(--c-accent-rgb),.08); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-arrow:disabled { opacity: .35; cursor: default; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-tags { display: flex; flex-wrap: wrap; gap: 6px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-tags em { font-style: normal; font-size: 12px; font-weight: 600; padding: 4px 9px; border-radius: var(--ln-r-sm); border: 1px solid var(--ln-line); background: var(--ln-tint); color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-badge { font-style: normal; font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 4px 9px; border-radius: var(--ln-r-sm); border: 1px solid rgba(var(--c-accent-rgb),.4); background: rgba(var(--c-accent-rgb),.06); color: var(--ln-acc); white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-live { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ln-ok); box-shadow: 0 0 0 0 rgba(74,222,128,.6); animation: lnPing 2s infinite; flex: none; }
@keyframes lnPing { 70% { box-shadow: 0 0 0 8px rgba(74,222,128,0); } 100% { box-shadow: 0 0 0 0 rgba(74,222,128,0); } }
/* sections */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sec { position: relative; padding: 112px 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sec-alt { background: var(--ln-bg-2); border-block: 1px solid var(--ln-line); }
/* scroll reveal — only hidden when the head script confirmed IntersectionObserver */
html.ln-js :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s var(--ln-ease), transform .8s var(--ln-ease); }
html.ln-js :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .reveal.revealed { opacity: 1; transform: none; }
/* ============ HERO ============ */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero { position: relative; display: flex; flex-direction: column; min-height: 100svh; margin-top: -64px; padding-top: 128px; overflow: hidden; }
/* slides under the see-through header */
body.ln-page .ln-hero { min-height: 0; }
body.ln-page .ln-hero-in { padding-bottom: 40px; }
/* landing hugs its content, no dead band above the flags */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-bg { position: absolute; inset: 0; pointer-events: none;
    background-image: var(--ln-hero-bg); }
/* light: soft blue band, dark: navy with google's glow behind the device */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-glow { position: absolute; border-radius: 50%; filter: blur(90px); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-glow-a { width: 620px; height: 620px; top: -220px; left: -160px; background: rgba(var(--c-accent-rgb),.14); animation: lnDrift 18s ease-in-out infinite alternate; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-glow-b { width: 520px; height: 520px; top: 10%; right: -200px; background: rgba(var(--g-sky),.12); animation: lnDrift 22s ease-in-out infinite alternate-reverse; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-glow-c { width: 480px; height: 480px; top: 34%; left: 30%; background: rgba(var(--g-amber),.07); animation: lnDrift 26s ease-in-out infinite alternate; }
/* the warm wash between the two cool ones */
@keyframes lnDrift { to { transform: translate(80px, 60px) scale(1.12); } }
@keyframes lnBeam { from { background-position: 0 -40%; } to { background-position: 0 140%; } }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-in { position: relative; z-index: 1; flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.09fr); align-items: center; gap: 40px; padding-bottom: 56px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-copy, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-foot { min-width: 0; }
/* a grid item defaults to min-content width — the nowrap chip row would otherwise push the whole column past the phone */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-copy > * { animation: lnUp .9s var(--ln-ease) both; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-copy > :nth-child(2) { animation-delay: .08s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-copy > :nth-child(3) { animation-delay: .18s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-copy > :nth-child(4) { animation-delay: .28s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-copy > :nth-child(5) { animation-delay: .38s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-copy > :nth-child(6) { animation-delay: .48s; }
@keyframes lnUp { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 7px 14px; border: 1px solid var(--ln-line-2); border-radius: var(--ln-r-sm); background: var(--ln-card); font-size: 13px; font-weight: 600; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-h1 { margin: 24px 0 22px; font-size: clamp(44px, 6.4vw, 84px); font-weight: 700; line-height: .98; letter-spacing: -.045em; }
@keyframes lnBar { to { width: 100%; } }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sub { max-width: 580px; margin: 24px 0 32px; font-size: 18px; line-height: 1.65; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cta .ln-link { margin-left: 6px; }
/* hero slides — timeline bar (prev · pause · next · one segment per slide · counter), copy slides stacked on one grid cell, shared stats + chips under them */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-bar { display: flex; align-items: center; gap: 10px; margin-bottom: 34px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-btn { width: 34px; height: 34px; display: inline-grid; place-items: center; padding: 0; border: 1px solid var(--ln-line-2); border-radius: 50%; background: var(--ln-card); color: var(--ln-text); font-size: 12px; cursor: pointer; touch-action: manipulation; transition: border-color .2s, color .2s, background .2s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-btn:hover { border-color: var(--ln-acc); color: var(--ln-acc); background: rgba(var(--c-accent-rgb),.08); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-segs { flex: 1; display: flex; gap: 10px; min-width: 0; margin-left: 8px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-seg { position: relative; flex: 1; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; touch-action: manipulation; }
/* 24px tall = a finger-sized tap on a 2px line */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-seg::before { content: ''; position: absolute; left: 0; right: 0; top: 11px; height: 2px; background: var(--ln-line-2); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-seg i { position: absolute; left: 0; top: 11px; width: 0; height: 2px; background: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-seg.is-done i { width: 100%; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-seg.is-on i { animation: lnBar var(--ln-hs-ms, 6000ms) linear forwards; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .is-paused .ln-hs-seg.is-on i { animation-play-state: paused; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-n { font-size: 12px; font-weight: 600; letter-spacing: .08em; color: var(--ln-dim); font-variant-numeric: tabular-nums; white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-n em { font-style: normal; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs { display: grid; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .5s var(--ln-ease), visibility 0s linear .5s; }
/* hidden = out of the tab order too */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide.is-on { opacity: 1; visibility: visible; transition: opacity .5s var(--ln-ease); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide > * { transform: translateY(16px); transition: transform .6s var(--ln-ease); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide.is-on > * { transform: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide.is-on > :nth-child(2) { transition-delay: .06s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide.is-on > :nth-child(3) { transition-delay: .12s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide.is-on > :nth-child(4) { transition-delay: .18s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide .ln-eyebrow, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide .ln-btn { border-radius: 999px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide .ln-h1 { margin: 22px 0 18px; font-size: clamp(38px, 4.9vw, 66px); line-height: 1.02; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide .ln-sub { margin: 0 0 28px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-foot { margin-top: 34px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-stats { display: flex; flex-wrap: wrap; gap: 12px 0; margin: 0; padding: 0 0 22px; list-style: none; border-bottom: 1px solid var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-stats li { display: flex; flex-direction: column; gap: 4px; padding: 0 26px; border-left: 1px solid var(--ln-line-2); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-stats li:first-child { padding-left: 0; border-left: 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-stats b { font-family: var(--font-display); font-size: 22px; font-weight: 700; line-height: 1; letter-spacing: -.02em; color: var(--ln-text); font-variant-numeric: tabular-nums; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-stats small { font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 0; padding: 0; list-style: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-chips li { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border: 1px solid var(--ln-line); border-radius: 999px; background: var(--ln-card); font-size: 12.5px; font-weight: 600; color: var(--ln-mute); white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-chips i { font-size: 11px; color: var(--ln-acc); }
/* hero device — a laptop whose screen follows the rotating word; a phone slides in for the mobile word.
   everything inside the screens sizes in em off the screen width (cqw), so it scales from 1440 down to a phone */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-dev-wrap { position: relative; animation: lnUp 1s var(--ln-ease) .3s both; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-dev { position: relative; padding: 0 0 26px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-lap { position: relative; display: flex; flex-direction: column; align-items: center; width: 95%; margin: 0 auto; }
@media (min-width: 1101px) {
    /* wide screens: headline on two rows (Software That Runs / Your Business.), the copy column leads, laptop a size down */
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-in { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 36px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-h1 { font-size: clamp(44px, 5.4vw, 72px); }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-dev-wrap { margin-right: calc(-1 * clamp(0px, (100vw - 1240px) / 2, 30px)); }
    /* the laptop uses part of the empty gutter */
}
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-lap::after { content: ''; position: absolute; z-index: -1; left: -2%; right: -2%; bottom: -18px; height: 30px; border-radius: 50%; background: radial-gradient(closest-side, rgba(10,10,10,.22), transparent); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-lap-scr { position: relative; width: 100%; padding: 2% 2% 2.4%; border-radius: 16px 16px 4px 4px; background: var(--ln-bezel); container-type: inline-size;
    box-shadow: 0 0 0 1px var(--ln-alu), 0 0 0 2.5px var(--ln-alu-lo), 0 44px 80px -42px rgba(10,10,10,.5); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-lap-scr::before { content: ''; position: absolute; top: .8%; left: 50%; width: 5px; height: 5px; margin-left: -2.5px; border-radius: 50%; background: var(--ln-alu-dk); opacity: .5; }
/* camera */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-lap-app { position: relative; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 3px; background: var(--ln-bg-2); color: var(--ln-text); font-family: var(--rs-font); font-size: 2.05cqw; line-height: 1.35; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-lap-app::after { content: ''; position: absolute; inset: 0; z-index: 6; pointer-events: none; background: linear-gradient(116deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 28%, transparent 46%); }
/* glass */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-lap-base { position: relative; width: 113%; height: 13px; margin-top: -1px; border-radius: 2px 2px 18px 18px / 2px 2px 13px 13px; background: linear-gradient(var(--ln-alu-hi), var(--ln-alu) 34%, var(--ln-alu-lo) 80%, var(--ln-alu-dk)); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-lap-base::before { content: ''; position: absolute; left: 50%; top: 0; width: 14%; height: 45%; transform: translateX(-50%); border-radius: 0 0 8px 8px; background: linear-gradient(var(--ln-alu-lo), var(--ln-alu)); }
/* thumb notch */
/* the six screens stack; the rotator flips .is-on */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc { position: absolute; inset: 0; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transition: opacity .55s var(--ln-ease), visibility 0s linear .55s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc.is-on { opacity: 1; visibility: visible; transition: opacity .55s var(--ln-ease); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc i, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc em { font-style: normal; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-bro { flex: none; display: flex; align-items: center; gap: .45em; height: 2.3em; padding: 0 .9em; background: var(--ln-card); border-bottom: 1px solid var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-bro > i { width: .7em; height: .7em; border-radius: 50%; background: var(--ln-bad); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-bro > i + i { background: #F59E0B; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-bro > i + i + i { background: var(--ln-ok); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-bro span { display: flex; align-items: center; gap: .45em; margin: 0 auto; padding: .15em 1.6em; border-radius: .5em; background: var(--ln-bg-2); color: var(--ln-dim); font-size: .85em; white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-bro span i { font-size: .8em; color: var(--ln-ok); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-top { flex: none; display: flex; align-items: center; gap: .8em; padding: .55em 1em; background: var(--ln-card); border-bottom: 1px solid var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-top b { display: flex; align-items: center; gap: .45em; font-size: 1.02em; white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-top b i { width: 1.8em; height: 1.8em; display: grid; place-items: center; border-radius: .5em; background: var(--c-accent); color: var(--c-on-accent, #fff); font-size: .8em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-top span { flex: 1; display: flex; align-items: center; gap: .5em; min-width: 0; height: 2em; padding: 0 .9em; border-radius: 2em; background: var(--ln-bg-2); color: var(--ln-dim); font-size: .88em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-top > i { color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-top em { width: 2.1em; height: 2.1em; display: grid; place-items: center; border-radius: 50%; background: var(--c-primary); color: var(--c-on-primary, #fff); font-size: .74em; font-weight: 700; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-body { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: .65em; padding: .85em 1em; overflow: hidden; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-head { display: flex; align-items: center; justify-content: space-between; gap: .6em; white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-head b { font-size: 1.2em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-head span { padding: .25em .7em; border: 1px solid var(--ln-line-2); border-radius: .5em; font-size: .85em; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-head .is-btn { border-color: transparent; background: var(--c-accent); color: var(--c-on-accent, #fff); font-weight: 600; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-card { background: var(--ln-card); border: 1px solid var(--ln-line); border-radius: .8em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-pill { justify-self: end; padding: .12em .6em; border-radius: 1em; font-size: .8em; font-weight: 600; white-space: nowrap; background: var(--ln-tint); color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-pill.is-ok { background: rgba(21,128,61,.12); color: var(--ln-ok); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-pill.is-warn { background: rgba(180,83,9,.12); color: var(--ln-warn); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-pill.is-acc { background: rgba(var(--c-accent-rgb),.12); color: var(--ln-acc); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-btn { display: block; padding: .55em; border-radius: .6em; background: var(--c-accent); color: var(--c-on-accent, #fff); font-size: .9em; font-weight: 600; text-align: center; }
/* rows (erp invoices, b2b products, payments, fleet) */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-rows > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) auto auto; align-items: center; gap: .7em; padding: .5em .8em; font-size: .92em; white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-rows > div + div { border-top: 1px solid var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-rows span { overflow: hidden; text-overflow: ellipsis; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-rows .mut, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-rows small { color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-rows small { display: block; font-size: .82em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-rows b { font-variant-numeric: tabular-nums; }
/* erp */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-kpis > div { padding: .55em .8em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-kpis > div + div { border-left: 1px solid var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-kpis small { display: block; font-size: .82em; color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-kpis b { display: block; font-size: 1.3em; font-variant-numeric: tabular-nums; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-kpis em { font-size: .8em; color: var(--ln-bad); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-kpis em.up { color: var(--ln-ok); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-chart { flex: 1; min-height: 3.5em; padding: .5em .7em; background-image: linear-gradient(var(--ln-line) 1px, transparent 1px); background-size: 100% 33.3%; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-chart svg { display: block; width: 100%; height: 100%; overflow: visible; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-chart polyline { fill: none; stroke: var(--ln-acc); stroke-width: 1.6; stroke-linejoin: round; }
/* crm */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-kb { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-col { display: flex; flex-direction: column; gap: .45em; padding: .5em; border-radius: .8em; background: color-mix(in srgb, var(--c-primary) 4%, var(--ln-card)); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-col > b { display: flex; align-items: center; gap: .45em; font-size: .9em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-col > b i { width: .6em; height: .6em; border-radius: 50%; background: var(--ln-acc); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-col > b i.is-warn { background: #F59E0B; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-col > b i.is-ok { background: var(--ln-ok); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-col > b em { margin-left: auto; color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-deal { display: flex; flex-direction: column; gap: .25em; padding: .5em .6em; background: var(--ln-card); border: 1px solid var(--ln-line); border-radius: .6em; white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-deal b { font-size: .92em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-deal > span { font-size: .85em; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-deal div { display: flex; align-items: center; justify-content: space-between; gap: .4em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-deal div em { width: 1.9em; height: 1.9em; display: grid; place-items: center; border-radius: 50%; background: rgba(var(--c-accent-rgb),.12); color: var(--ln-acc); font-size: .7em; font-weight: 700; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-pill.is-mut { background: var(--ln-bg-2); }
/* b2b */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-two { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: .65em; align-items: start; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-prods > div { grid-template-columns: 2em minmax(0, 1fr) auto auto; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-prods > div > i { width: 2em; height: 2em; display: grid; place-items: center; border-radius: .5em; background: rgba(var(--c-accent-rgb),.1); color: var(--ln-acc); font-size: .9em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-prods em { min-width: 2.4em; padding: .15em .4em; border: 1px solid var(--ln-line-2); border-radius: .4em; text-align: center; font-weight: 600; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-sum { display: flex; flex-direction: column; gap: .5em; padding: .7em .8em; font-size: .92em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-sum > div { display: flex; justify-content: space-between; gap: .5em; color: var(--ln-mute); white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-sum .is-total { padding-top: .5em; border-top: 1px dashed var(--ln-line-2); color: var(--ln-text); font-weight: 600; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-sum .is-total b { font-size: 1.15em; }
/* fintech */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-bal { display: flex; flex-direction: column; gap: .2em; padding: .8em 1em; border-radius: .9em; background: var(--c-primary); color: var(--c-on-primary, #fff); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-bal small { font-size: .85em; opacity: .75; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-bal b { font-size: 1.75em; font-variant-numeric: tabular-nums; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-bal span { display: flex; gap: .45em; margin-top: .35em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-bal span i { padding: .25em .8em; border-radius: 1em; background: rgba(255,255,255,.14); font-size: .85em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-tx > div { grid-template-columns: 2em minmax(0, 1fr) auto auto; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-tx > div > i { width: 2em; height: 2em; display: grid; place-items: center; border-radius: 50%; background: var(--ln-bg-2); color: var(--ln-mute); font-size: .85em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-tx b.in { color: var(--ln-ok); }
/* ai agent */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-chat { gap: .55em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-msg { max-width: 82%; margin: 0; padding: .55em .85em; border-radius: .9em; font-size: .92em; line-height: 1.4; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-msg.is-me { align-self: flex-end; border-bottom-right-radius: .25em; background: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-msg.is-bot { align-self: flex-start; border-bottom-left-radius: .25em; background: var(--ln-card); border: 1px solid var(--ln-line); color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-steps { display: flex; flex-direction: column; gap: .3em; margin: 0; padding: 0 0 0 .2em; list-style: none; font-size: .88em; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-steps i { color: var(--ln-ok); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc.is-on .ln-steps li, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc.is-on .ln-msg.is-bot { animation: lnStep .4s var(--ln-ease) both; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc.is-on .ln-steps li:nth-child(1) { animation-delay: .5s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc.is-on .ln-steps li:nth-child(2) { animation-delay: .95s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc.is-on .ln-steps li:nth-child(3) { animation-delay: 1.4s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc.is-on .ln-msg.is-bot { animation-delay: 1.85s; }
@keyframes lnStep { from { opacity: 0; transform: translateY(.4em); } to { opacity: 1; transform: none; } }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-input { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding: .5em .5em .5em .9em; border: 1px solid var(--ln-line-2); border-radius: 2em; background: var(--ln-card); color: var(--ln-dim); font-size: .9em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc-input i { width: 2em; height: 2em; display: grid; place-items: center; border-radius: 50%; background: var(--c-accent); color: var(--c-on-accent, #fff); font-size: .85em; }
/* phone — only on the mobile word */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph { position: absolute; z-index: 7; right: 0; bottom: 6px; width: 26%; opacity: 0; transform: translateY(12%); transition: opacity .5s var(--ln-ease), transform .7s var(--ln-ease); pointer-events: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-dev[data-sc="4"] .ln-ph { opacity: 1; transform: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-scr { padding: 4%; border-radius: 14% / 6.6%; background: var(--ln-bezel); container-type: inline-size; box-shadow: 0 0 0 1.5px var(--ln-alu-lo), 0 0 0 3px var(--ln-alu-dk), 0 30px 50px -22px rgba(10,10,10,.55); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-app { position: relative; display: flex; flex-direction: column; aspect-ratio: 9 / 19; overflow: hidden; border-radius: 11% / 5%; background: var(--ln-bg-2); color: var(--ln-text); font-family: var(--rs-font); font-size: 6.4cqw; line-height: 1.3; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-app::before { content: ''; position: absolute; z-index: 3; top: 2.2%; left: 50%; width: 30%; height: 3.2%; transform: translateX(-50%); border-radius: 1em; background: var(--ln-bezel); }
/* island */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-app i { font-style: normal; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-sb { display: flex; justify-content: space-between; padding: .7em 1.2em .3em; background: var(--c-primary); color: var(--c-on-primary, #fff); font-size: .85em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-sb span { display: flex; gap: .35em; font-size: .85em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-head { display: flex; flex-direction: column; padding: .5em 1em .9em; background: var(--c-primary); color: var(--c-on-primary, #fff); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-head small { font-size: .8em; opacity: .75; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-head b { font-size: 1.15em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-map { position: relative; flex: 1; margin: .6em; border-radius: .8em; background-color: color-mix(in srgb, var(--c-accent) 6%, var(--ln-card)); background-image: linear-gradient(var(--ln-line) 1px, transparent 1px), linear-gradient(90deg, var(--ln-line) 1px, transparent 1px); background-size: 1.6em 1.6em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-map i { position: absolute; left: 18%; top: 22%; width: 58%; height: 52%; border: .22em dashed var(--ln-acc); border-left: 0; border-bottom: 0; border-radius: 0 1.2em 0 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-map i::after { content: ''; position: absolute; right: -.55em; bottom: -.55em; width: .9em; height: .9em; border-radius: 50%; background: var(--ln-acc); box-shadow: 0 0 0 .3em rgba(var(--c-accent-rgb),.25); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-card { display: flex; flex-direction: column; gap: .15em; margin: 0 .6em .6em; padding: .7em .8em; border-radius: .8em; background: var(--ln-card); border: 1px solid var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-card small { font-size: .78em; color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-card span { margin-bottom: .45em; font-size: .85em; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-tabs { display: flex; justify-content: space-around; padding: .6em 0 1em; background: var(--ln-card); border-top: 1px solid var(--ln-line); color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph-tabs .is-on { color: var(--ln-acc); }
/* clients strip + marquees */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-logos { position: relative; z-index: 1; display: flex; align-items: center; gap: 20px; padding: 18px 0; border-top: 1px solid var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hl-k { flex: none; padding-left: max(24px, calc((100vw - 1240px) / 2 + 24px)); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ln-dim); white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-marq { flex: 1; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-marq-t { display: flex; gap: var(--mq-gap, 12px); width: max-content; animation: lnMarq 46s linear infinite; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-marq.is-rev .ln-marq-t { animation-direction: reverse; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-marq:hover .ln-marq-t { animation-play-state: paused; }
@keyframes lnMarq { to { transform: translateX(calc(-50% - var(--mq-gap, 12px) / 2)); } }
/* half the track + half a gap = a seamless loop at any gap */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-flagchip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--ln-line); border-radius: var(--ln-r-sm); font-size: 13px; font-weight: 600; color: var(--ln-mute); white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-flagchip img { width: 20px; height: 14px; border-radius: 2px; object-fit: cover; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) a.ln-flagchip { text-decoration: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) a.ln-flagchip:hover { border-color: rgba(var(--c-accent-rgb),.5); color: var(--ln-text); }
/* back to top — bottom-left disc (the WhatsApp discs own the right), shows after one screen */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-top { position: fixed; left: 18px; bottom: 20px; z-index: 1100; width: 46px; height: 46px; display: grid; place-items: center; padding: 0; border: 1px solid var(--ln-line-2); border-radius: 50%; background: var(--ln-card); color: var(--ln-text); box-shadow: var(--ln-shadow); font-size: 15px; cursor: pointer; touch-action: manipulation; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .3s var(--ln-ease), transform .3s var(--ln-ease), visibility 0s linear .3s, border-color .2s, color .2s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-top.is-on { opacity: 1; visibility: visible; transform: none; transition: opacity .3s var(--ln-ease), transform .3s var(--ln-ease), border-color .2s, color .2s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-top:hover { border-color: var(--ln-acc); color: var(--ln-acc); }
@media (max-width: 768px) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-top { left: 14px; bottom: calc(env(safe-area-inset-bottom, 0px) + 96px); width: 44px; height: 44px; }
}
/* clears the dock like the WhatsApp discs */
/* ============ TRUST BAND — platform marks ============ */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-band { position: relative; padding: 56px 0 64px; border-bottom: 1px solid var(--ln-line); background: var(--ln-bg-2); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-band-k { margin: 0 0 26px; text-align: center; font-size: 12.5px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-plat { --mq-gap: 52px; }
/* platforms = one moving row, same engine as the clients strip */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-plat .ln-marq-t { align-items: flex-start; margin: 0; padding: 4px 0; list-style: none; animation-duration: 44s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-plat li { flex: none; display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 64px; color: var(--ln-dim); transition: color .25s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-plat li:hover { color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-plat svg { width: 32px; height: 32px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-plat span { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-align: center; white-space: nowrap; }
/* awards row — badges the admin uploads (Settings › Awards); same band as the platforms, white ground */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-awards { background: var(--ln-bg); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-awards-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 28px 44px; margin: 0; padding: 0; list-style: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-awards-row li { display: flex; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-awards-row a { display: flex; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-awards-row img { height: 96px; width: auto; max-width: 170px; object-fit: contain; transition: transform .3s var(--ln-ease); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-awards-row a:hover img { transform: translateY(-3px); }
@media (max-width: 768px) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-awards-row { flex-wrap: nowrap; justify-content: flex-start; gap: 22px; margin-inline: -24px; padding: 4px 24px; overflow-x: auto; scrollbar-width: none; }
    /* one swipe row in its own box */
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-awards-row::-webkit-scrollbar { display: none; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-awards-row img { height: 76px; max-width: 140px; }
}
@media (max-width: 768px) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-band { padding: 44px 0 48px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-band-k { margin-bottom: 22px; font-size: 11.5px; letter-spacing: .16em; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-plat { --mq-gap: 34px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-plat svg { width: 26px; height: 26px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-plat span { font-size: 11px; letter-spacing: .03em; }
}
/* ============ CARD TRACK (services, industries) — pinned horizontal scroll ============ */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sec.ln-ind { padding: 0; }
/* two classes: the phone .ln-sec padding must not stack on the pin padding */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-pin { padding: 112px 0 96px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-ind-pin { position: sticky; top: 0; height: 100vh; height: 100svh; display: flex; flex-direction: column; justify-content: flex-start; padding: 64px 0 32px; overflow: hidden; }
/* free space splits 1:2 — a third above the heading, the rest under the cards; both collapse to 0 on an overflow so it cuts the bottom, never the heading */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-ind-pin::before, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-ind-pin::after { content: ''; flex: 1 1 0; min-height: 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-ind-pin::after { flex-grow: 2; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-top .ln-head { margin-bottom: 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-meta { display: flex; align-items: center; gap: 14px; padding-bottom: 8px; font-size: 13px; font-weight: 600; letter-spacing: .08em; color: var(--ln-dim); font-variant-numeric: tabular-nums; white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-meta em { font-style: normal; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-bar { position: relative; width: 140px; height: 2px; background: var(--ln-line-2); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-bar i { position: absolute; inset: 0 auto 0 0; width: 12.5%; background: var(--ln-acc); transition: width .15s linear; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-scroll-cue { text-transform: uppercase; letter-spacing: .18em; font-size: 12px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-scroll-cue i { animation: lnNudge 1.6s ease-in-out infinite; }
@keyframes lnNudge { 50% { transform: translateY(4px); } }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-view { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px max(24px, calc((100vw - 1240px) / 2 + 24px)) 8px; scroll-padding-inline: max(24px, calc((100vw - 1240px) / 2 + 24px)); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-view::-webkit-scrollbar { display: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-ind-view { overflow: visible; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-track { display: grid; grid-auto-flow: column; grid-auto-columns: 340px; grid-template-rows: 1fr repeat(4, auto); gap: 0 18px; width: max-content; will-change: transform; }
/* one row grid for every card: icon, title, text, tags and link sit on the same line across the track */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card { position: relative; display: grid; grid-template-rows: subgrid; grid-row: span 5; min-height: 400px; padding: 28px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); color: inherit; text-decoration: none; scroll-snap-align: start; overflow: hidden; transition: border-color .3s, transform .3s var(--ln-ease);  box-shadow: var(--ln-shadow);}
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card::after { content: ''; position: absolute; left: -20%; right: -20%; bottom: -60%; height: 80%; background: radial-gradient(closest-side, rgba(var(--c-accent-rgb),.22), transparent); opacity: 0; transition: opacity .4s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card:hover { border-color: rgba(var(--c-accent-rgb),.5); }
/* no lift — the row stays level */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card:hover::after { opacity: 1; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-num { position: absolute; top: 14px; right: 22px; font-family: var(--font-display); font-size: 72px; font-weight: 700; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(10,10,10,.12); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-ic { width: 52px; height: 52px; display: grid; place-items: center; align-self: start; border-radius: var(--ln-r); background: rgba(var(--c-accent-rgb),.12); color: var(--ln-acc); font-size: 21px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card h3 { position: relative; margin: 36px 0 10px; font-size: 24px; font-weight: 700; line-height: 1.15; }
/* the icon row (1fr) takes the spare height */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card p { position: relative; margin: 0 0 18px; font-size: 15px; line-height: 1.6; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card .ln-tags { position: relative; align-self: start; align-content: flex-start; }
/* a shorter tag set must not stretch to the row's height */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card .ln-tags em { transition: transform .35s var(--ln-ease), border-color .35s, color .35s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card:hover .ln-tags em { transform: translateY(-3px); border-color: rgba(var(--c-accent-rgb),.45); color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card:hover .ln-tags em:nth-child(2) { transition-delay: .05s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card:hover .ln-tags em:nth-child(3) { transition-delay: .1s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-go { position: relative; grid-row: 5; align-self: end; justify-self: start; display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; font-size: 14px; font-weight: 600; color: var(--ln-acc); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-wide .ln-ind-track { grid-auto-columns: 372px; }
/* services: longer lead + 5 tags, wider = fewer lines = fits a 768px-tall pin */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-cta { background: transparent; border-style: dashed; border-color: var(--ln-line-2); }
/* closing "something else?" card */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-tags em.is-ok { display: inline-flex; align-items: center; gap: 6px; color: var(--ln-ok); }
/* step result chip */
/* plain card grid — the same track cards outside a pinned track (about, how-it-works). phones: add .ln-rail-m for a swipe row */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-grid { display: grid; gap: 18px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-grid > .ln-ind-card { min-height: 0; row-gap: 0; }
/* packages strip — three price anchors (packages.php rows), card grid on desktop, swipe row on phones */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-price { --cols: 3; margin-top: 8px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-price .ln-ind-fig { margin: 26px 0 4px; font-size: 44px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-price .ln-ind-fig small { font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-price .ln-ind-card h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0; font-size: 21px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-price .ln-ind-card p { margin-bottom: 14px; }
@media (min-width: 769px) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-grid { grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); }
}
@media (min-width: 769px) and (max-width: 1100px) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-grid { --cols: 2; }
}
@media (min-width: 769px) and (max-width: 1100px) {
    /* tablets: two hero columns squeeze a 50px headline into 440px — stack, laptop under the copy */
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-in { grid-template-columns: minmax(0, 1fr); gap: 44px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-dev-wrap { max-width: 720px; width: 100%; margin: 0 auto; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide .ln-h1 { font-size: clamp(40px, 6vw, 60px); }
}
@media (max-width: 768px) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-grid.ln-rail-m { grid-template-rows: repeat(5, auto); row-gap: 0; }
}
/* swipe row: each card spans its 5 shared rows */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-stats .ln-ind-track { grid-auto-columns: 290px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-stats .ln-ind-card { min-height: 320px; }
/* toned cards (services, numbers) — one calm colour per card from .ln-c-* (--g): tint, icon, number, hover */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card.is-tone { background: color-mix(in srgb, rgb(var(--g)) 5%, var(--ln-card)); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card.is-tone .ln-ind-ic { background: rgba(var(--g), .14); color: rgb(var(--g)); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card.is-tone .ln-ind-num { -webkit-text-stroke-color: rgba(var(--g), .45); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card.is-tone::after { background: radial-gradient(closest-side, rgba(var(--g), .24), transparent); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card.is-tone:hover { border-color: rgba(var(--g), .55); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card.is-tone:hover .ln-tags em { border-color: rgba(var(--g), .5); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-fig { position: relative; margin: 30px 0 6px; font-family: var(--font-display); font-size: 54px; font-weight: 600; line-height: 1; letter-spacing: -.04em; color: var(--ln-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-stats .ln-ind-card h3 { margin: 10px 0 4px; font-size: 19px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-stats .ln-ind-card p { margin: 0; }
/* ============ CASE STUDIES — sticky stack ============ */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-stack { display: flex; flex-direction: column; gap: 28px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case { position: sticky; top: calc(96px + var(--i) * 18px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 44px; min-height: 340px; padding: 42px;
    border: 1px solid var(--ln-line-2); border-radius: 6px; background: radial-gradient(600px circle at 0 0, rgba(var(--c-accent-rgb),.07), transparent 60%), var(--ln-card);
    box-shadow: 0 -18px 50px -30px rgba(10,10,10,.25); transform-origin: 50% 0; transform: scale(var(--s, 1)); filter: brightness(var(--b, 1)); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case-l { display: flex; flex-direction: column; align-items: flex-start; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case-n { font-size: 13px; font-weight: 600; letter-spacing: .1em; color: var(--ln-dim); font-variant-numeric: tabular-nums; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case-sec { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 13.5px; font-weight: 600; color: var(--ln-acc); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case h3 { margin: 14px 0 20px; font-size: clamp(26px, 3vw, 40px); font-weight: 700; line-height: 1.08; letter-spacing: -.03em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case .ln-link { margin-top: auto; padding-top: 26px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case-r { display: grid; align-content: center; gap: 24px; padding-left: 44px; border-left: 1px solid var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case-k { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case-k-ok { color: var(--ln-ok); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case-r p { margin: 0; font-size: 16px; line-height: 1.65; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case-r .ln-case-res { font-size: 17px; font-weight: 500; color: var(--ln-text); }
/* figure colours — numbers track */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-c-acc { --g: var(--g-acc); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-c-amber { --g: var(--g-amber); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-c-green { --g: var(--g-green); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-c-teal { --g: var(--g-teal); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-c-sky { --g: var(--g-sky); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-c-red { --g: var(--g-red); }
/* ============ SLIDER RAILS — products + reviews ============ */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-slide-nav { display: flex; align-items: center; gap: 10px; flex: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-slide-n { margin-right: 6px; font-size: 13px; font-weight: 600; letter-spacing: .08em; color: var(--ln-dim); font-variant-numeric: tabular-nums; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-slide-n em { font-style: normal; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 36px) / 3); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; padding-bottom: 4px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail::-webkit-scrollbar { display: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail-rev { grid-auto-columns: calc((100% - 18px) / 2); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-m-only { display: none; }
/* phone-only slider nav */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod { display: flex; flex-direction: column; min-height: 380px; padding: 28px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: linear-gradient(170deg, var(--ln-card-2), var(--ln-card) 50%); scroll-snap-align: start; transition: border-color .3s;  box-shadow: var(--ln-shadow);}
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod:hover { border-color: rgba(var(--c-accent-rgb),.45); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod-ic { width: 54px; height: 54px; display: grid; place-items: center; border-radius: var(--ln-r); background: rgba(var(--c-accent-rgb),.12); color: var(--ln-acc); font-size: 24px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod h3 { margin: 26px 0 10px; font-size: 24px; font-weight: 700; line-height: 1.15; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod p { margin: 0 0 18px; font-size: 15px; line-height: 1.6; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 24px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod-stat { font-size: 14px; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod-stat b { font-family: var(--font-display); font-size: 28px; font-weight: 700; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev { display: flex; flex-direction: column; margin: 0; padding: 34px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); scroll-snap-align: start;  box-shadow: var(--ln-shadow);}
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev-q { font-size: 28px; color: var(--ln-acc); opacity: .55; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev-stars { margin-top: 16px; color: #FBBF24; font-size: 14px; letter-spacing: 2px; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev-stars { color: #F4D27B; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev blockquote { flex: 1; margin: 14px 0 26px; font-size: 18px; line-height: 1.6; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev figcaption { display: flex; align-items: center; gap: 12px; padding-top: 20px; border-top: 1px solid var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev figcaption img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev figcaption span { min-width: 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev figcaption b { display: block; font-size: 15px; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev figcaption small { display: block; font-size: 13px; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-more-rev { margin-top: 30px; }
/* ============ STACK MARQUEES ============ */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-stack-sec .ln-head { margin-bottom: 44px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-mrow { display: flex; align-items: center; gap: 22px; padding: 10px 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-mrow-k { flex: none; width: max(220px, calc((100vw - 1240px) / 2 + 220px)); padding-left: max(24px, calc((100vw - 1240px) / 2 + 24px)); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-mrow .ln-marq-t { animation-duration: 52s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-tech { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 18px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); font-size: 14.5px; font-weight: 600; color: var(--ln-text); white-space: nowrap; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-tech img { width: 22px; height: 22px; object-fit: contain; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-tech i { width: 22px; text-align: center; font-size: 18px; color: var(--ln-acc); }
/* ============ FAQ ============ */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 56px; align-items: start; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-faq .ln-head { position: sticky; top: 110px; margin-bottom: 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-faq .ln-head p { margin-bottom: 26px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-list { display: flex; flex-direction: column; gap: 10px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-item { border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); transition: border-color .25s;  box-shadow: var(--ln-shadow);}
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-item.active { border-color: rgba(var(--c-accent-rgb),.45); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-question { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 64px; padding: 18px 22px; border: 0; background: none; color: var(--ln-text); font: inherit; font-size: 16px; font-weight: 600; text-align: left; cursor: pointer; touch-action: manipulation; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-icon { flex: none; color: var(--ln-acc); transition: transform .3s var(--ln-ease); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-item.active .faq-icon { transform: rotate(45deg); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s var(--ln-ease); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-item.active .faq-answer { max-height: 600px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-answer p { margin: 0; padding: 0 22px 20px; font-size: 15px; line-height: 1.7; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-answer a { color: var(--ln-acc); }
/* ============ CONTACT ============ */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 56px; align-items: start; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-l h2 { margin: 0 0 18px; font-size: clamp(32px, 4.4vw, 54px); font-weight: 700; line-height: 1.05; letter-spacing: -.035em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-l > p { margin: 0 0 34px; font-size: 17px; line-height: 1.65; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-next-h { margin: 0 0 6px; font-size: 18px; font-weight: 700; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-next { list-style: none; margin: 0; padding: 0; counter-reset: lxn; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-next li { counter-increment: lxn; display: grid; grid-template-columns: 44px 1fr; column-gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-next li::before { content: counter(lxn, decimal-leading-zero); grid-row: span 2; font-family: var(--font-display); font-size: 15px; font-weight: 700; color: var(--ln-acc); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-next b { font-size: 16px; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-next span { font-size: 14.5px; line-height: 1.55; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-badges span { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid var(--ln-line-2); border-radius: var(--ln-r-sm); font-size: 13px; font-weight: 600; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-badges i { color: var(--ln-ok); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r { padding: 32px; border: 1px solid var(--ln-line-2); border-radius: 6px; background: radial-gradient(500px circle at 100% 0, rgba(var(--c-accent-rgb),.14), transparent 60%), var(--ln-card);  box-shadow: var(--ln-shadow);}
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r h3 { margin: 0 0 18px; font-size: 22px; font-weight: 700; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r .sup-btn-row, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r .support-pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; width: 100%; margin-bottom: 12px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r .sup-btn { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; padding: 0 18px; border-radius: var(--ln-r); background: var(--sup-accent, var(--c-accent)); color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; transition: transform .25s var(--ln-ease), filter .25s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r .sup-btn:hover { transform: translateY(-2px); filter: brightness(1.08); color: #fff; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r .support-pair .sup-wa { background: #25D366; color: #06301F; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r .support-pair .sup-em { background: var(--ln-card); border: 1px solid var(--ln-line-2); color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cr-row { display: flex; align-items: center; gap: 14px; margin-top: 10px; padding: 16px 18px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); color: var(--ln-text); text-decoration: none; transition: border-color .25s, background .25s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cr-row > i:first-child { width: 22px; text-align: center; color: var(--ln-acc); font-size: 17px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cr-row > i:last-child { font-size: 12px; color: var(--ln-dim); transition: transform .25s, color .25s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cr-row span { flex: 1; min-width: 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cr-row b { display: block; font-size: 15px; font-weight: 600; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cr-row small { display: block; font-size: 13px; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cr-row:hover { border-color: rgba(var(--c-accent-rgb),.5); background: rgba(var(--c-accent-rgb),.05); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cr-row:hover > i:last-child { color: var(--ln-acc); transform: translateX(3px); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sup-facts { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 20px; font-size: 13px; font-weight: 600; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sup-facts i { color: var(--ln-acc); margin-right: 4px; }
/* ============ CLOSING CTA ============ */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-close { --ln-bg: #0A0A0A; --ln-card: #111113; --ln-line: rgba(255,255,255,.08); --ln-line-2: rgba(255,255,255,.18); --ln-text: #F5F5F5; --ln-mute: #9CA3AF; --ln-acc: #60A5FA; --ln-sky: #22D3EE; position: relative; padding: 130px 0; color: var(--ln-mute); text-align: center; overflow: hidden; border-top: 1px solid var(--ln-line);
    background: radial-gradient(ellipse 60% 70% at 50% 120%, rgba(var(--c-accent-rgb),.35), transparent 70%), var(--ln-bg); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-close-in { position: relative; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-close h2 { margin: 0 0 36px; font-size: clamp(36px, 5.6vw, 76px); font-weight: 700; line-height: 1.02; letter-spacing: -.045em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-close .ln-cta { justify-content: center; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-close-mail { display: inline-block; margin-top: 28px; font-family: var(--font-display); font-size: 20px; color: var(--ln-mute); text-decoration: none; text-decoration-color: var(--ln-line-2); text-underline-offset: 6px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-close-mail:hover { color: var(--ln-text); text-decoration-color: var(--ln-acc); }
/* ============ MEMBERSHIP PLANS — dark card-in-card ============ */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plans-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 18px; max-width: 1180px; margin: 0 auto; align-items: stretch; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-card { display: flex; flex-direction: column; padding: 10px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); transition: border-color .3s, transform .3s var(--ln-ease);  box-shadow: var(--ln-shadow);}
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-card:hover { border-color: var(--ln-line-2); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-card.featured { border-color: rgba(var(--c-accent-rgb),.55); box-shadow: 0 0 0 1px rgba(var(--c-accent-rgb),.2), 0 34px 70px -34px rgba(var(--c-accent-rgb),.65); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-top { padding: 8px 8px 14px; border: 1px solid var(--ln-line); border-radius: var(--ln-r-sm); background: var(--ln-card-2); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-hero { display: flex; flex-direction: column; justify-content: space-between; gap: 22px; min-height: 140px; padding: 18px; border-radius: var(--ln-r-sm); background: var(--ln-bg-2); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-card.featured .lpc-hero { background: linear-gradient(135deg, rgba(var(--c-accent-rgb),.26), rgba(var(--c-accent-rgb),.06)); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-tags { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-name { padding: 5px 12px; border-radius: var(--ln-r-sm); background: var(--ln-card); border: 1px solid var(--ln-line); color: var(--ln-text); font-size: 13px; font-weight: 600; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-badge { padding: 4px 9px; border-radius: var(--ln-r-sm); background: var(--c-accent); color: var(--c-on-accent, #fff); font-size: 11px; font-weight: 700; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-price { font-family: var(--font-display); font-size: 42px; font-weight: 700; line-height: 1; letter-spacing: -.04em; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-per { font-size: 15px; font-weight: 500; letter-spacing: 0; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-sub { margin: 14px 10px; font-size: 14px; line-height: 1.45; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-cta { display: flex; flex-direction: column; gap: 8px; padding: 0 2px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; padding: 0 18px; border: 0; border-radius: var(--ln-r); background: var(--c-accent); color: var(--c-on-accent, #fff); font-family: inherit; font-size: 14.5px; font-weight: 600; text-decoration: none; cursor: pointer; touch-action: manipulation; transition: transform .25s var(--ln-ease), filter .25s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-btn:hover { transform: translateY(-1px); filter: brightness(1.08); color: var(--c-on-accent, #fff); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-btn-alt { background: #25D366; color: #06301F; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-cta .support-pair { display: grid; grid-template-columns: 1fr; gap: 8px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-row .lp-plan-btn { min-height: 42px; padding: 0 8px; background: transparent; border: 1px solid var(--ln-line-2); color: var(--ln-text); font-size: 13px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-row .lp-plan-btn:hover { border-color: rgba(var(--c-accent-rgb),.55); background: rgba(var(--c-accent-rgb),.06); filter: none; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-pp i { color: #4EA3E0; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-pp i { color: #85C0EA; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-bnb i { color: #F0B90B; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-bnb i { color: #F4D77B; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-m i { color: var(--pm-c, currentColor); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pm-hide { display: none !important; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-more { width: 100%; padding: 10px 12px; border: 1px dashed var(--ln-line-2); border-radius: var(--ln-r); background: transparent; color: var(--ln-mute); font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-more:hover { border-style: solid; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-gpay-btn { box-sizing: border-box; display: flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; border: 1px solid var(--ln-line-2); border-radius: var(--ln-r); background: #000; color: #fff; text-decoration: none; transition: transform .2s; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-gpay-btn:hover { transform: translateY(-1px); color: #fff; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-gpay-btn:focus-visible { outline: 2px solid #4285F4; outline-offset: 2px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-gpay-btn .gpay-mark { display: inline-flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 500; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-gpay-btn .gpay-g { width: 18px; height: 18px; display: block; flex: 0 0 18px; margin-left: 2px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-gpay-btn .gpay-mark b { font-weight: 700; letter-spacing: -.01em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-box { margin-top: 4px; text-align: center; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-toggle { padding: 4px 0; border: 0; background: none; color: var(--ln-mute); font-family: inherit; font-size: 13px; font-weight: 600; text-decoration: none; text-underline-offset: 3px; cursor: pointer; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-toggle:hover { color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-box .promo-wrap { display: none; margin-top: 8px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-box.promo-open .promo-toggle { display: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-box.promo-open .promo-wrap { display: block; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-input-row { display: flex; gap: 8px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-code-field { flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid var(--ln-line-2); border-radius: var(--ln-r); background: var(--ln-card); color: var(--ln-text); font-family: inherit; font-size: 16px; outline: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-code-field::placeholder { color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-code-field:focus { border-color: var(--ln-acc); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-apply-btn { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; border: 0; border-radius: var(--ln-r); background: var(--c-accent); color: var(--c-on-accent, #fff); font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-msg { margin-top: 7px; font-size: 12.5px; font-weight: 600; line-height: 1.4; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-msg.ok { color: var(--ln-ok); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-msg.err { color: #B91C1C; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-msg.err { color: #EC8383; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-features { list-style: none; display: flex; flex-direction: column; gap: 11px; flex: 1; margin: 0; padding: 20px 14px 10px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-feature { display: flex; align-items: center; gap: 10px; font-size: 14.5px; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-feature i { width: 18px; text-align: center; font-size: 12px; color: var(--ln-acc); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-feature.is-no { color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-feature.is-no i { color: var(--ln-dim); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-feature.is-course { font-weight: 600; }
/* the course row a plan carries */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .plan-rights-note { display: flex; align-items: center; justify-content: center; gap: 10px; max-width: 760px; margin: 30px auto 0; font-size: 14px; line-height: 1.6; text-align: center; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .plan-rights-note i { color: var(--ln-acc); flex: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .plan-rights-note strong { color: var(--ln-text); }
/* ============ CHROME EXTENSION (wa ai reply) ============ */
body.ln-page .ln-ex-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 56px; align-items: center; }
body.ln-page .ln-ex-copy h2 { margin: 0 0 18px; font-size: clamp(32px, 4.4vw, 54px); font-weight: 700; line-height: 1.05; letter-spacing: -.035em; }
body.ln-page .ln-ex-lead { margin: 0 0 28px; font-size: 17px; line-height: 1.65; }
body.ln-page .ln-ex-lead b { color: var(--ln-text); }
body.ln-page .ln-ex-feats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; margin: 0 0 28px; padding: 0; list-style: none; }
body.ln-page .ln-ex-feats li { display: flex; gap: 14px; font-size: 14.5px; line-height: 1.55; }
body.ln-page .ln-ex-feats b { display: block; margin-bottom: 4px; font-size: 15.5px; color: var(--ln-text); }
body.ln-page .ln-ex-fic { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: var(--ln-r-sm); background: rgba(var(--c-accent-rgb),.12); color: var(--ln-acc); font-size: 16px; }
body.ln-page .ln-ex-eng { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 30px; padding: 0; list-style: none; }
body.ln-page .ln-ex-eng li { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 12px; border: 1px solid var(--ln-line); border-radius: 999px; background: var(--ln-card); font-size: 13px; font-weight: 600; color: var(--ln-mute); }
body.ln-page .ln-ex-eng i { font-size: 12px; color: var(--ln-acc); }
body.ln-page .ln-ex-note { display: flex; align-items: flex-start; gap: 10px; margin: 20px 0 0; font-size: 14px; line-height: 1.55; color: var(--ln-dim); }
body.ln-page .ln-ex-note i { margin-top: 3px; color: var(--ln-acc); }
/* mock: browser window + chat + extension popup, em-sized so it scales as one piece */
body.ln-page .ln-ex-demo { min-width: 0; font-size: 15px; }
body.ln-page .ln-ex-win { overflow: hidden; border: 1px solid var(--ln-line-2); border-radius: var(--ln-r); background: var(--ln-card); box-shadow: var(--ln-shadow), 0 40px 80px -40px rgba(var(--c-accent-rgb),.35); }
body.ln-page .ln-ex-bar { display: flex; align-items: center; gap: .45em; height: 2.6em; padding: 0 1em; border-bottom: 1px solid var(--ln-line); background: var(--ln-card-2); }
body.ln-page .ln-ex-bar > i { width: .7em; height: .7em; border-radius: 50%; background: var(--ln-line-2); }
body.ln-page .ln-ex-url { flex: 1; min-width: 0; display: flex; align-items: center; gap: .5em; height: 1.8em; margin-left: .6em; padding: 0 .8em; border-radius: 1em; background: var(--ln-card); border: 1px solid var(--ln-line); font-size: .82em; color: var(--ln-dim); white-space: nowrap; overflow: hidden; }
body.ln-page .ln-ex-url i { font-size: .85em; color: var(--ln-ok); }
body.ln-page .ln-ex-pz { width: 1.9em; height: 1.9em; display: grid; place-items: center; border-radius: 50%; background: rgba(var(--c-accent-rgb),.12); color: var(--ln-acc); font-size: .9em; }
body.ln-page .ln-ex-body { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 13.5em; min-height: 25em; }
body.ln-page .ln-ex-chat { display: flex; flex-direction: column; min-width: 0; background-color: color-mix(in srgb, var(--ln-ok) 5%, var(--ln-card)); background-image: radial-gradient(var(--ln-line) 1px, transparent 1px); background-size: 1.2em 1.2em; }
body.ln-page .ln-ex-who { display: flex; align-items: center; gap: .7em; padding: .7em 1em; border-bottom: 1px solid var(--ln-line); background: var(--ln-card); }
body.ln-page .ln-ex-who b { display: block; font-size: .92em; color: var(--ln-text); }
body.ln-page .ln-ex-who small { font-size: .75em; color: var(--ln-dim); }
body.ln-page .ln-ex-who em { display: inline-flex; align-items: center; gap: .45em; margin-left: auto; padding: .2em .7em; border-radius: 1em; background: color-mix(in srgb, var(--ln-ok) 14%, transparent); color: var(--ln-ok); font-size: .75em; font-style: normal; font-weight: 700; white-space: nowrap; }
body.ln-page .ln-ex-av { width: 2.2em; height: 2.2em; display: grid; place-items: center; flex: none; border-radius: 50%; background: rgba(var(--c-accent-rgb),.14); color: var(--ln-acc); font-weight: 700; }
body.ln-page .ln-ex-msgs { display: flex; flex-direction: column; gap: .6em; padding: 1em; }
body.ln-page .ln-ex-m { max-width: 86%; margin: 0; padding: .55em .8em; border-radius: .8em; font-size: .86em; line-height: 1.45; color: var(--ln-text); box-shadow: 0 1px 1px rgba(0,0,0,.06); }
body.ln-page .ln-ex-m.is-in { align-self: flex-start; border-top-left-radius: .2em; background: var(--ln-card); border: 1px solid var(--ln-line); }
body.ln-page .ln-ex-m.is-out { align-self: flex-end; border-top-right-radius: .2em; background: color-mix(in srgb, var(--ln-ok) 16%, var(--ln-card)); }
body.ln-page .ln-ex-m small { display: flex; align-items: center; gap: .4em; margin-bottom: .25em; font-size: .78em; font-weight: 700; color: var(--ln-ok); }
body.ln-page .ln-ex-m.is-voice { display: flex; align-items: center; gap: .6em; min-width: 11em; color: var(--ln-dim); font-size: .8em; }
body.ln-page .ln-ex-m.is-voice i { color: var(--ln-acc); }
body.ln-page .ln-ex-wave { flex: 1; height: 1.1em; background: repeating-linear-gradient(90deg, var(--ln-line-2) 0 .15em, transparent .15em .35em); -webkit-mask: linear-gradient(0deg, transparent 20%, #000 20% 80%, transparent 80%); mask: linear-gradient(0deg, transparent 20%, #000 20% 80%, transparent 80%); }
body.ln-page .ln-ex-pop { display: flex; flex-direction: column; gap: .8em; padding: 1em; border-left: 1px solid var(--ln-line); background: var(--ln-card); }
body.ln-page .ln-ex-pop-h { display: flex; align-items: center; gap: .55em; font-size: .9em; color: var(--ln-text); }
body.ln-page .ln-ex-pop-h > i { width: 1.9em; height: 1.9em; display: grid; place-items: center; border-radius: .5em; background: #25D366; color: #06301F; }
body.ln-page .ln-ex-tg { position: relative; width: 2.3em; height: 1.3em; margin-left: auto; border-radius: 1em; background: var(--ln-ok); }
body.ln-page .ln-ex-tg::after { content: ''; position: absolute; top: .15em; right: .15em; width: 1em; height: 1em; border-radius: 50%; background: #fff; }
body.ln-page .ln-ex-kpi { display: grid; gap: .5em; }
body.ln-page .ln-ex-kpi div { display: flex; align-items: baseline; justify-content: space-between; gap: .5em; padding: .55em .7em; border: 1px solid var(--ln-line); border-radius: .6em; background: var(--ln-card-2); }
body.ln-page .ln-ex-kpi b { order: 2; font-size: 1.15em; color: var(--ln-text); font-variant-numeric: tabular-nums; }
body.ln-page .ln-ex-kpi span { font-size: .78em; color: var(--ln-mute); }
body.ln-page .ln-ex-kpi div:last-child b { color: var(--ln-warn); }
body.ln-page .ln-ex-row { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: .7em; border-top: 1px solid var(--ln-line); font-size: .8em; color: var(--ln-dim); }
body.ln-page .ln-ex-row em { font-style: normal; font-weight: 700; color: var(--ln-acc); }
/* bubbles land one after another once the mock scrolls in */
html.ln-js body.ln-page .ln-ex-demo.revealed .ln-ex-m { animation: lnStep .45s var(--ln-ease) both; }
html.ln-js body.ln-page .ln-ex-demo.revealed .ln-ex-m:nth-child(2) { animation-delay: .7s; }
html.ln-js body.ln-page .ln-ex-demo.revealed .ln-ex-m:nth-child(3) { animation-delay: 1.4s; }
html.ln-js body.ln-page .ln-ex-demo.revealed .ln-ex-m:nth-child(4) { animation-delay: 2.1s; }
@media (max-width: 1100px) {
    body.ln-page .ln-ex-in { grid-template-columns: minmax(0, 1fr); gap: 44px; }
    body.ln-page .ln-ex-demo { max-width: 720px; width: 100%; margin: 0 auto; }
}
@media (max-width: 600px) {
    body.ln-page .ln-ex-feats { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    body.ln-page .ln-ex-demo { font-size: 14px; }
    body.ln-page .ln-ex-body { grid-template-columns: minmax(0, 1fr); min-height: 0; }
    body.ln-page .ln-ex-pop { order: -1; gap: .6em; border-left: 0; border-bottom: 1px solid var(--ln-line); }
    body.ln-page .ln-ex-kpi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.ln-page .ln-ex-kpi div { flex-direction: column; align-items: flex-start; gap: .1em; }
    body.ln-page .ln-ex-kpi b { order: 0; }
    body.ln-page .ln-ex-row { display: none; }
    body.ln-page .ln-ex-m { max-width: 92%; }
}
@media (prefers-reduced-motion: reduce) {
    html.ln-js body.ln-page .ln-ex-demo.revealed .ln-ex-m { animation: none; }
}
/* ============ RESPONSIVE ============ */
@media (min-width: 1024px) and (max-height: 860px) {
    /* short laptop screens — the pinned track has to fit under the header */
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-ind-pin { padding: 72px 0 16px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-head h2 { margin-bottom: 0; font-size: clamp(30px, 3.2vw, 42px); }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-ind-top { margin-bottom: 22px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-ind-card { min-height: 0; padding: 22px 24px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-ind-card h3 { margin-top: 22px; font-size: 22px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-ind-card p { margin-bottom: 14px; font-size: 14.5px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind.is-pinned .ln-ind-num { font-size: 56px; }
}
@media (max-width: 1100px) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-in { grid-template-columns: minmax(0, 1fr); gap: 48px; padding-top: 8px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-dev-wrap { max-width: 720px; width: 100%; margin: 0 auto; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail { grid-auto-columns: calc((100% - 18px) / 2); }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail-rev { grid-auto-columns: 78%; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-faq, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact { grid-template-columns: 1fr; gap: 40px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-faq .ln-head { position: static; }
}
@media (max-width: 900px) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case { position: relative; top: auto; grid-template-columns: 1fr; gap: 26px; padding: 30px 26px; min-height: 0; transform: none; filter: none; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case-r { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--ln-line); }
}
@media (max-width: 768px) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-wrap { padding: 0 16px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sec { padding: 76px 0; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-head { margin-bottom: 38px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-head p { font-size: 16px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-head-row { flex-direction: column; align-items: flex-start; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero { min-height: 0; margin-top: -60px; padding-top: 96px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-h1 { margin: 20px 0 18px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sub { font-size: 16.5px; margin: 20px 0 26px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cta .ln-btn { flex: 1 1 100%; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cta .ln-link { margin: 4px auto 0; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hl-k { display: none; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-logos { margin-top: 20px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-bar { gap: 8px; margin-bottom: 22px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-btn { width: 44px; height: 44px; font-size: 13px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-segs { gap: 6px; margin-left: 4px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide .ln-h1 { margin: 18px 0 14px; font-size: clamp(34px, 9.4vw, 44px); }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-foot { margin-top: 26px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 0; padding-bottom: 18px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-stats li { padding: 0 0 0 16px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-stats li:nth-child(odd) { padding-left: 0; border-left: 0; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-stats b { font-size: 20px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: -24px; padding-inline: 24px; }
    /* one swipe row inside its own box — the page never scrolls sideways */
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-chips::-webkit-scrollbar { display: none; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-pin { padding: 76px 0 64px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-top { flex-direction: column; align-items: flex-start; margin-bottom: 26px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-meta { padding: 0; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-meta .ln-scroll-cue { display: none; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-view { padding-inline: 16px; scroll-padding-inline: 16px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind .ln-ind-track { grid-auto-columns: min(82vw, 340px); }
    /* two classes, later: beats .ln-ind-wide */
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind .ln-ind-card { min-height: 0; padding: 24px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card h3 { margin-top: 28px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-go { margin-top: 18px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-fig { margin-top: 22px; font-size: 46px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail-rev { grid-auto-columns: 86%; gap: 12px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail-m { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 86%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; padding-bottom: 4px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail-m::-webkit-scrollbar { display: none; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail-m > * { scroll-snap-align: start; }
    html.ln-js :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail-m .reveal { opacity: 1; transform: none; }
    /* a card off to the side never gets its reveal */
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-m-only { display: flex; justify-content: center; margin: -14px 0 18px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail-m > .ln-case { align-content: start; gap: 22px; }
    /* shorter cards keep their text on top, spare room goes below */
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail-m .ln-case-n { display: none; }
    /* the nav above already counts */
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rail-m .ln-case-sec { margin-top: 0; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod { min-height: 0; padding: 24px 22px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev { padding: 26px 22px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev blockquote { font-size: 16px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-mrow { flex-direction: column; align-items: stretch; gap: 10px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-mrow-k { width: auto; padding: 0 16px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-tech { height: 46px; padding: 0 14px; font-size: 13.5px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-question { padding: 16px 18px; font-size: 15.5px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-answer p { padding: 0 18px 18px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r { padding: 24px 20px; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-close { padding: 88px 0; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plans-grid { grid-template-columns: 1fr; max-width: 420px; }
}
@media (max-width: 420px) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-row { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-glow, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-beam, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-marq-t, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-live, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-scroll-cue i, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-steps li, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-msg { animation: none !important; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sc, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ph { transition: none; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hero-copy > *, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-dev-wrap { animation: none; }
    html.ln-js :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .reveal { opacity: 1; transform: none; transition: none; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-seg.is-on i { animation: none; width: 100%; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide > * { transition: none; }
    :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-marq { overflow-x: auto; }
}
/* ===================================================================
   google one look (owner 10-16) — LAST on purpose. google sans flex, google blue pills, one solid
   blue phrase per heading, outlined chip labels, 24px cards, a soft band behind the hero. colours
   come from the two token blocks above, so light and dark share these rules. header / footer / dock
   live in the shared google layer at the end of public.css
   =================================================================== */
body.ln-page {
    --g1-btn-hi: var(--c-accent-strong); --g1-tonal: #D3E3FD; --g1-tonal-hi: #C2D7FB; --g1-tonal-ink: #0842A0;
    --g1-surface: var(--g-surface); --g1-line: var(--g-line); --g1-pro: var(--g-pro);
    font-family: var(--rs-font);
}
/* type — medium weight like google sans display, the coloured phrase is solid blue (no gradient text) */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home).ln-page h1, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home).ln-page h2, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home).ln-page h3, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home).ln-page h4 { font-weight: 500; letter-spacing: -.025em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-head h2 { font-size: clamp(34px, 5vw, 64px); font-weight: 500; line-height: 1.08; letter-spacing: -.03em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-head p { font-size: 17.5px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-kicker, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-eyebrow { gap: 8px; margin-bottom: 18px; padding: 6px 14px; border: 1px solid var(--g-chip-line); border-radius: 999px; background: transparent; font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-kicker::before { display: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-eyebrow { margin-bottom: 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-eyebrow i { color: var(--ln-acc); }
/* buttons — google pills: filled blue, tonal pale blue, round discs */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn { height: 48px; padding: 0 24px; border-radius: 999px; font-weight: 500; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn-p { background: var(--c-accent); color: #fff; box-shadow: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn-p:hover { transform: none; background: var(--g1-btn-hi); box-shadow: none; color: #fff; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn-g { background: var(--g1-tonal); border: 0; color: var(--g1-tonal-ink); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn-g:hover { transform: none; background: var(--g1-tonal-hi); border: 0; color: var(--g1-tonal-ink); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-btn-sm { height: 40px; padding: 0 18px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-link { color: var(--ln-acc); font-weight: 500; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-arrow, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-btn, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-top { border-radius: 50%; border-color: var(--g1-line); background: var(--g1-surface); color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-arrow:hover, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-btn:hover, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-top:hover { border-color: var(--c-accent); background: var(--c-accent); color: #fff; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) :is(.ln-btn, .ln-link, .ln-arrow, .ln-hs-btn, .ln-hs-seg, .ln-top, .ln-ind-card, .faq-question, .ln-cr-row, .lp-plan-btn):focus-visible { outline: 2px solid var(--ln-acc); outline-offset: 3px; }
/* chips + badges — outlined pills; badges = google's "includes …" chip (inverse of the ground) */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-tags em, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-chips li, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-badges span, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-flagchip, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-tech { border-radius: 999px; border-color: var(--g1-line); background: var(--g1-surface); color: var(--ln-text); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-tech { background: var(--ln-card); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-badge, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-badge { padding: 4px 10px; border: 0; border-radius: 999px; background: var(--ln-badge-bg); color: var(--ln-badge-ink); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-name { border-radius: 999px; }
/* sections — one ground, no alternating bands */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-sec-alt { background: transparent; border-block: 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-band { background: transparent; border-bottom-color: var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-band-k, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hl-k, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-mrow-k, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case-k, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-scroll-cue { letter-spacing: .02em; text-transform: none; font-size: 13.5px; font-weight: 500; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-plat span { letter-spacing: .02em; text-transform: none; font-size: 12.5px; font-weight: 500; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-awards { background: transparent; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-awards-row li { padding: 12px 16px; border-radius: 20px; background: #F1F3F4; /* no-twin */ }
/* uploaded badges are drawn for white paper — they keep a light tile in both modes */
/* hero — the band is --ln-hero-bg; no orbs, no grid */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-glow, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-beam { display: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-h1, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-slide .ln-h1 { font-weight: 500; letter-spacing: -.035em; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-stats b { font-weight: 500; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-stats small { font-size: 12.5px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--ln-mute); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-chips li { background: var(--ln-chip-glass); border-color: var(--ln-chip-glass-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-hs-n, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-meta, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-slide-n, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case-n { letter-spacing: .04em; }
/* cards — 24px; the recommended package + featured plan = google's highlighted plan card */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-rev, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .faq-item, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-card { border-radius: var(--ln-r); border-color: var(--ln-line); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card::after { opacity: 0; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-card:hover::after { opacity: .6; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-num { -webkit-text-stroke-color: var(--ln-num-stroke); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-ic, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod-ic { border-radius: 16px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-ind-fig, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-prod-stat b, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-price { font-weight: 500; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-price .ln-ind-fig small { letter-spacing: .02em; text-transform: none; font-size: 14px; font-weight: 500; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-price .ln-ind-card.is-tone, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-card.featured { background: var(--g1-pro); border-color: var(--c-accent); box-shadow: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-price .ln-ind-card.is-tone::after { display: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-case { background: radial-gradient(600px circle at 0 0, rgba(var(--c-accent-rgb),.12), transparent 60%), var(--ln-card); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r { background: radial-gradient(500px circle at 100% 0, rgba(var(--c-accent-rgb),.14), transparent 60%), var(--ln-card); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-top, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lpc-hero, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-cr-row { border-radius: 18px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-card.featured .lpc-hero { background: linear-gradient(135deg, rgba(var(--c-accent-rgb),.26), rgba(var(--c-accent-rgb),.06)); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-btn, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-pay-more, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-gpay-btn, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-apply-btn, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-code-field, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-contact-r .sup-btn { border-radius: 999px; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .lp-plan-btn { font-weight: 500; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-toggle, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-close-mail { text-decoration: none; }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-toggle:hover, :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-close-mail:hover { color: var(--ln-acc); }
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .promo-msg.err { color: var(--ln-bad); }
/* hero device screens — dark mode only: gemini greys so the app inside reads instead of a black slab */
:root[data-theme="dark"] :where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) :is(.ln-lap-app, .ln-ph-app) { --ln-bg-2: #131314; --ln-card: #1E1F20; --ln-card-2: #282A2C; --ln-line: rgba(255,255,255,.12); --ln-line-2: rgba(255,255,255,.2); --ln-tint: rgba(255,255,255,.06); --ln-text: #E3E3E3; }
/* closing call — the dark band in both modes, a blue glow rising from the bottom */
:where(body.ln-page, body.page-about, body.page-how, body.page-packages, body.page-partner-home) .ln-close { background: radial-gradient(ellipse 75% 85% at 50% 125%, rgba(29,94,183,.75), rgba(8,33,89,.35) 45%, transparent 72%), #000; border-top-color: var(--ln-line); }

/* ======================= page — about.php ======================= */
:where(body.page-about) .ab-page h2, :where(body.page-about) .ab-page h3 { font-family: var(--font-display); color: var(--ln-text); letter-spacing: -.02em; }
:where(body.page-about) .ab-page p { color: var(--ln-mute); }
:where(body.page-about) .ab-bento { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 18px; }
:where(body.page-about) .ab-box { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 34px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); box-shadow: var(--ln-shadow); overflow: hidden; }
:where(body.page-about) .ab-box > i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: var(--ln-r); background: rgba(var(--c-accent-rgb), .12); color: var(--ln-acc); font-size: 20px; }
:where(body.page-about) .ab-box h3 { margin: 0; font-size: 26px; line-height: 1.15; }
:where(body.page-about) .ab-box p { margin: 0; font-size: 15.5px; line-height: 1.7; }
:where(body.page-about) .ab-box.is-brand, :where(body.page-about) .ab-box.is-navy { border-color: transparent; color: var(--c-on-accent, #fff); }
:where(body.page-about) .ab-box.is-brand { grid-row: span 2; background: var(--c-accent); }
:where(body.page-about) .ab-box.is-navy { background: var(--c-primary); color: var(--c-on-primary, #fff); }
:where(body.page-about) .ab-box.is-brand h3, :where(body.page-about) .ab-box.is-navy h3, :where(body.page-about) .ab-box.is-brand p, :where(body.page-about) .ab-box.is-navy p { color: inherit; }
:where(body.page-about) .ab-box.is-brand p, :where(body.page-about) .ab-box.is-navy p { opacity: .86; }
:where(body.page-about) .ab-box.is-brand > i, :where(body.page-about) .ab-box.is-navy > i { background: rgba(255, 255, 255, .16); color: inherit; }
:where(body.page-about) .ab-since { font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; opacity: .8; }
:where(body.page-about) .ab-box.is-brand .ln-tags em { border-color: rgba(255, 255, 255, .28); background: rgba(255, 255, 255, .12); color: inherit; }
:where(body.page-about) .ab-proofs { display: flex; flex-wrap: wrap; gap: 26px; margin-top: auto; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .22); }
:where(body.page-about) .ab-proofs b { display: block; font-family: var(--font-display); font-size: 30px; line-height: 1; }
:where(body.page-about) .ab-proofs span { font-size: 13px; opacity: .8; }
:where(body.page-about) .ab-go { display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 700; color: inherit; text-decoration: none; }
:where(body.page-about) .ab-go:hover { gap: 12px; }
:where(body.page-about) .ab-dark { --ln-text: var(--c-on-primary, #fff); --ln-mute: rgba(255, 255, 255, .74); --ln-dim: rgba(255, 255, 255, .6); --ln-line: rgba(255, 255, 255, .12); --ln-card: rgba(255, 255, 255, .05); --ln-acc: #7DD3FC; background: color-mix(in srgb, var(--c-primary) 86%, #000); color: var(--ln-text); }
:where(body.page-about) .ab-dark .ln-grad { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--ln-acc); }
:where(body.page-about) .ab-values { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
:where(body.page-about) .ab-val { grid-column: span 2; display: grid; grid-template-columns: auto 1fr; gap: 6px 20px; align-items: start; padding: 28px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); }
:where(body.page-about) .ab-val:nth-child(n+4) { grid-column: span 3; }
:where(body.page-about) .ab-val b { grid-row: span 2; font-family: var(--font-display); font-size: 64px; font-weight: 700; line-height: .9; color: var(--ln-acc); }
:where(body.page-about) .ab-val h3 { margin: 4px 0 0; font-size: 15px; letter-spacing: .12em; text-transform: uppercase; }
:where(body.page-about) .ab-val p { margin: 0; font-size: 15px; line-height: 1.65; }
:where(body.page-about) .ab-proof { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.5fr); gap: 40px; align-items: center; padding: 40px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); box-shadow: var(--ln-shadow); }
:where(body.page-about) .ab-proof h2 { margin: 0 0 12px; font-size: clamp(26px, 3vw, 36px); line-height: 1.1; }
:where(body.page-about) .ab-proof > div > p { margin: 0 0 18px; font-size: 15px; line-height: 1.7; }
:where(body.page-about) .ab-regs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
:where(body.page-about) .ab-reg { display: flex; gap: 14px; align-items: flex-start; padding: 18px; border: 1px solid var(--ln-line); border-radius: var(--ln-r-sm); background: var(--ln-bg-2); }
:where(body.page-about) .ab-reg i { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: var(--ln-r-sm); background: rgba(21, 128, 61, .1); color: var(--ln-ok); }
:where(body.page-about) .ab-reg b { display: block; font-size: 15px; color: var(--ln-text); }
:where(body.page-about) .ab-reg span { font-size: 13.5px; line-height: 1.5; color: var(--ln-mute); }
:where(body.page-about) .ab-split { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 56px; align-items: center; }
:where(body.page-about) .ab-split h2 { margin: 0 0 18px; font-size: clamp(30px, 3.8vw, 48px); line-height: 1.06; letter-spacing: -.035em; }
:where(body.page-about) .ab-split > div > p { margin: 0 0 22px; font-size: 16px; line-height: 1.75; }
:where(body.page-about) .ab-steps { display: grid; gap: 14px; margin: 0 0 28px; padding: 0; list-style: none; }
:where(body.page-about) .ab-steps li { display: grid; grid-template-columns: 30px 1fr; gap: 2px 12px; }
:where(body.page-about) .ab-steps i { grid-row: span 2; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: rgba(var(--c-accent-rgb), .12); color: var(--ln-acc); font-size: 13px; }
:where(body.page-about) .ab-steps b { font-size: 15px; color: var(--ln-text); }
:where(body.page-about) .ab-steps span { font-size: 14px; line-height: 1.55; color: var(--ln-mute); }
:where(body.page-about) .ab-nums { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--ln-line); }
:where(body.page-about) .ab-nums div { padding: 18px 12px 0 0; }
:where(body.page-about) .ab-nums div + div { padding-left: 18px; border-left: 1px solid var(--ln-line); }
:where(body.page-about) .ab-nums b { display: block; font-family: var(--font-display); font-size: 30px; line-height: 1; color: var(--ln-text); }
:where(body.page-about) .ab-nums span { font-size: 13px; color: var(--ln-dim); }
:where(body.page-about) .ab-profile { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 40px 32px 32px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); box-shadow: var(--ln-shadow); text-align: center; }
:where(body.page-about) .ab-profile img { width: 132px; height: 132px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 6px rgba(var(--c-accent-rgb), .1); }
:where(body.page-about) .ab-profile h3 { margin: 8px 0 0; font-size: 24px; }
:where(body.page-about) .ab-role { font-size: 14px; font-weight: 600; color: var(--ln-acc); }
:where(body.page-about) .ab-since-tag { position: absolute; top: 18px; right: 18px; padding: 6px 12px; border-radius: 999px; background: var(--ln-bg-2); border: 1px solid var(--ln-line); font-size: 12.5px; font-weight: 700; color: var(--ln-text); }
:where(body.page-about) .ab-offices { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 6px 0 4px; }
:where(body.page-about) .ab-offices span { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border: 1px solid var(--ln-line); border-radius: var(--ln-r-sm); font-size: 13px; font-weight: 600; color: var(--ln-mute); }
:where(body.page-about) .ab-offices img { width: 18px; height: 13px; border-radius: 2px; object-fit: cover; }
:where(body.page-about) .ab-profile .ln-cta { justify-content: center; margin-top: 6px; }
:where(body.page-about) .ab-more { margin-top: 36px; text-align: center; }
:where(body.page-about) .ab-stack { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
:where(body.page-about) .ab-stack h2 { margin: 0 0 18px; font-size: clamp(30px, 3.8vw, 48px); line-height: 1.06; letter-spacing: -.035em; }
:where(body.page-about) .ab-stack p { margin: 0 0 16px; font-size: 16px; line-height: 1.75; }
:where(body.page-about) .ab-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
:where(body.page-about) .ab-tiles .ln-tech { justify-content: flex-start; }
:where(body.page-about) .ab-prod { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 40px; align-items: center; padding: 48px; border-radius: var(--ln-r); }
:where(body.page-about) .ab-prod h2 { margin: 0 0 14px; font-size: clamp(28px, 3.4vw, 42px); line-height: 1.08; }
:where(body.page-about) .ab-prod > div > p { margin: 0 0 24px; font-size: 16px; line-height: 1.7; }
:where(body.page-about) .ab-prods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
:where(body.page-about) .ab-prods a { display: flex; flex-direction: column; gap: 6px; padding: 22px; border: 1px solid var(--ln-line); border-radius: var(--ln-r-sm); background: var(--ln-card); color: var(--ln-text); text-decoration: none; transition: border-color .2s, background .2s; }
:where(body.page-about) .ab-prods a:hover { border-color: rgba(255, 255, 255, .4); background: rgba(255, 255, 255, .08); }
:where(body.page-about) .ab-prods i { font-size: 22px; color: var(--ln-acc); }
:where(body.page-about) .ab-prods b { font-size: 16px; }
:where(body.page-about) .ab-prods span { font-size: 13.5px; color: var(--ln-mute); }
:where(body.page-about) .ab-next { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 28px; margin: -12px 0 34px; padding: 0; list-style: none; }
:where(body.page-about) .ab-next li { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; color: var(--ln-mute); }
:where(body.page-about) .ab-next b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--ln-line-2); font-size: 12px; color: var(--ln-text); }
@media (max-width: 1100px) {
    :where(body.page-about) .ab-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    :where(body.page-about) .ab-val, :where(body.page-about) .ab-val:nth-child(n+4) { grid-column: auto; }
    :where(body.page-about) .ab-val:last-child { grid-column: span 2; }
    :where(body.page-about) .ab-proof, :where(body.page-about) .ab-split, :where(body.page-about) .ab-stack, :where(body.page-about) .ab-prod { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 768px) {
    :where(body.page-about) .ab-bento { grid-template-columns: 1fr; }
    :where(body.page-about) .ab-box.is-brand { grid-row: auto; }
    :where(body.page-about) .ab-box, :where(body.page-about) .ab-proof, :where(body.page-about) .ab-prod { padding: 26px 22px; }
    :where(body.page-about) .ab-box h3 { font-size: 23px; }
    :where(body.page-about) .ab-values { grid-template-columns: 1fr; }
    :where(body.page-about) .ab-val:last-child { grid-column: auto; }
    :where(body.page-about) .ab-val { padding: 22px; gap: 4px 16px; }
    :where(body.page-about) .ab-val b { font-size: 48px; }
    :where(body.page-about) .ab-regs, :where(body.page-about) .ab-prods { grid-template-columns: 1fr; }
    :where(body.page-about) .ab-nums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    :where(body.page-about) .ab-nums div:nth-child(3) { padding-left: 0; border-left: 0; }
    :where(body.page-about) .ab-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    :where(body.page-about) .ab-next { flex-direction: column; align-items: flex-start; max-width: 320px; margin-inline: auto; }
}
@media (min-width: 1800px) {
    :where(body.page-about) .ab-proof, :where(body.page-about) .ab-split, :where(body.page-about) .ab-stack, :where(body.page-about) .ab-prod { gap: 64px; }
    :where(body.page-about) .ab-bento, :where(body.page-about) .ab-values, :where(body.page-about) .ab-tiles, :where(body.page-about) .ab-prods, :where(body.page-about) .ab-regs { gap: 22px; }
    :where(body.page-about) .ab-profile img { width: 160px; height: 160px; }
}

/* ======================= page — case-studies.php ======================= */
body:where(.page-cases) { --navy-primary: var(--c-primary); --navy-dark: var(--c-primary-dark); --navy-light: var(--c-secondary); --navy-accent: var(--c-accent); --navy-hover: var(--c-primary-hover); --success: #22c55e; --white: #ffffff; --gray-100: var(--c-tint-2, #F8F9FA); --gray-200: var(--c-tint-line, #DADCE0); --gray-500: var(--c-text-muted, #5F6368); --gray-700: var(--c-text, #3C4043); }
:where(body.page-cases), :where(body.page-cases) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-cases) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--gray-700); line-height: 1.6; }
:where(html[data-theme="dark"]) body:where(.page-cases) { color: var(--c-ink); }
:where(body.page-cases) .cs-list { display: grid; gap: 22px; }
:where(body.page-cases) .cs-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: 44px; padding: 40px 42px; background: radial-gradient(600px circle at 0 0, rgba(var(--c-accent-rgb), .06), transparent 60%), var(--c-card, #fff); border: 1px solid rgba(var(--c-primary-rgb), .1); border-radius: 6px; box-shadow: 0 1px 2px rgba(10,10,10,.04), 0 18px 40px -26px rgba(10,10,10,.22); scroll-margin-top: 96px; transition: border-color .3s ease, box-shadow .3s ease; }
:where(html[data-theme="dark"]) :where(body.page-cases) .cs-card { border: 1px solid rgba(255,255,255,.1); }
:where(body.page-cases) .cs-card:hover { border-color: rgba(var(--c-accent-rgb), .35); }
:where(body.page-cases) .cs-card:target { border-color: var(--c-accent); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb), .18), 0 18px 40px -26px rgba(10,10,10,.22); }
:where(body.page-cases) .cs-l { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
:where(body.page-cases) .cs-n { font-size: 13px; font-weight: 600; letter-spacing: .1em; color: var(--c-text-muted); font-variant-numeric: tabular-nums; }
:where(body.page-cases) .cs-sec { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-size: 13.5px; font-weight: 600; color: var(--c-accent); }
:where(body.page-cases) .cs-card h3 { margin: 12px 0 18px; font-family: var(--rs-font-display); font-size: clamp(24px, 2.6vw, 34px); font-weight: 700; line-height: 1.1; letter-spacing: -.03em; color: var(--c-text); }
:where(body.page-cases) .cs-tags { display: flex; flex-wrap: wrap; gap: 6px; }
:where(body.page-cases) .cs-tags em { font-style: normal; font-size: 12px; font-weight: 600; padding: 4px 9px; border-radius: 6px; border: 1px solid rgba(var(--c-primary-rgb), .1); background: rgba(var(--c-primary-rgb), .035); color: var(--c-text-muted); }
:where(html[data-theme="dark"]) :where(body.page-cases) .cs-tags em { border: 1px solid rgba(255,255,255,.1); }
:where(body.page-cases) .cs-punch { margin: 0 0 18px; padding-left: 14px; border-left: 2px solid var(--c-accent); font-family: var(--rs-font-display); font-size: 18px; font-weight: 600; line-height: 1.35; color: var(--c-text); }
:where(body.page-cases) .cs-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 6px; margin: 2px 0 0; padding: 0; list-style: none; counter-reset: csf; }
:where(body.page-cases) .cs-flow li { counter-increment: csf; display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border: 1px solid rgba(var(--c-primary-rgb), .1); border-radius: 6px; background: rgba(var(--c-accent-rgb), .05); font-size: 13px; font-weight: 600; color: var(--c-text); }
:where(html[data-theme="dark"]) :where(body.page-cases) .cs-flow li { border: 1px solid rgba(255,255,255,.1); }
:where(body.page-cases) .cs-flow li::before { content: counter(csf); display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--c-accent); color: var(--c-on-accent, #fff); font-size: 10.5px; font-weight: 700; }
:where(body.page-cases) .cs-flow li + li::after { content: none; }
:where(body.page-cases) .cs-flow li:not(:last-child) { margin-right: 18px; position: relative; }
:where(body.page-cases) .cs-flow li:not(:last-child)::after { content: "\f061"; position: absolute; right: -17px; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 10px; color: var(--c-text-muted); }
:where(body.page-cases) .cs-quote { margin-top: auto; padding-top: 24px; display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 600; color: var(--c-accent); text-decoration: none; }
:where(body.page-cases) .cs-quote i { font-size: 12px; transition: transform .25s ease; }
:where(body.page-cases) .cs-quote:hover i { transform: translateX(4px); }
:where(body.page-cases) .cs-r { display: grid; align-content: center; gap: 22px; padding-left: 44px; border-left: 1px solid rgba(var(--c-primary-rgb), .1); min-width: 0; }
:where(html[data-theme="dark"]) :where(body.page-cases) .cs-r { border-left: 1px solid rgba(255,255,255,.1); }
:where(body.page-cases) .cs-k { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--c-text-muted); }
:where(body.page-cases) .cs-k.is-ok { color: #16A34A; }
:where(html[data-theme="dark"]) :where(body.page-cases) .cs-k.is-ok { color: #81EEA9; }
:where(body.page-cases) .cs-r p { margin: 0; font-size: 15.5px; line-height: 1.7; color: var(--c-text-muted); }
:where(body.page-cases) .cs-r .cs-res { font-size: 16.5px; font-weight: 500; color: var(--c-text); }
/* filter chips — stack or sector, one at a time */
:where(body.page-cases) .cs-filter { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 28px; }
:where(body.page-cases) .cs-filter button { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 18px; border: 1px solid rgba(var(--c-primary-rgb), .14); border-radius: 999px; background: var(--c-card, #fff); font: inherit; font-size: 13.5px; font-weight: 600; color: var(--c-text); cursor: pointer; touch-action: manipulation; transition: border-color .2s, color .2s; }
:where(html[data-theme="dark"]) :where(body.page-cases) .cs-filter button { border-color: rgba(255,255,255,.12); }
:where(body.page-cases) .cs-filter button em { font-style: normal; font-size: 12px; color: var(--c-text-muted); }
:where(body.page-cases) .cs-filter button:hover { border-color: var(--c-accent); color: var(--c-accent); }
:where(body.page-cases) .cs-filter button.active { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-cases) .cs-filter button.active em { color: inherit; opacity: .85; }
:where(body.page-cases) .cs-card[hidden] { display: none; }
@media (max-width: 768px) {
    :where(body.page-cases) .cs-filter { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
    :where(body.page-cases) .cs-filter button { flex: none; }
}
@media (max-width: 900px) {
    :where(body.page-cases) .cs-card { grid-template-columns: 1fr; gap: 24px; padding: 28px 24px; }
    :where(body.page-cases) .cs-r { padding: 22px 0 0; border-left: 0; border-top: 1px solid rgba(var(--c-primary-rgb), .1); }
    :where(html[data-theme="dark"]) :where(body.page-cases) .cs-r { border-top: 1px solid rgba(255,255,255,.1); }
}
@media (max-width: 768px) {
    body:where(.page-cases) { padding-bottom: 75px; }
}
@media (min-width: 1800px) {
    :where(body.page-cases) .cs-card { gap: 56px; padding: 48px 52px; }
    :where(body.page-cases) .cs-punch { font-size: 20px; }
}

/* ======================= page — blog.php ======================= */
body:where(.page-blog) { --navy-primary: var(--c-primary); --navy-light: var(--c-secondary); --navy-accent: var(--c-accent); --gray-100: var(--c-tint-2, #F8F9FA); --gray-200: var(--c-tint-line, #DADCE0); --gray-500: var(--c-text-muted, #5F6368); --gray-700: var(--c-text, #3C4043); }
:where(body.page-blog), :where(body.page-blog) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-blog) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--gray-700); line-height: 1.6; }
:where(html[data-theme="dark"]) body:where(.page-blog) { color: var(--c-ink); }
:where(body.page-blog) .blog-cats { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 28px; }
:where(body.page-blog) .blog-cats a { background: var(--c-card, #fff); border: 1px solid var(--gray-200); border-radius: 999px; padding: 9px 18px; font-size: 13.5px; font-weight: 600; color: var(--gray-700); text-decoration: none; box-shadow: 0 3px 12px rgba(0,0,0,.06); transition: border-color .2s, color .2s; }
:where(html[data-theme="dark"]) :where(body.page-blog) .blog-cats a { color: var(--c-ink); }
:where(body.page-blog) .blog-cats a:hover { border-color: var(--navy-accent); color: var(--navy-accent); }
:where(body.page-blog) .blog-cats a.active { background: var(--navy-accent); border-color: var(--navy-accent); color: var(--c-on-accent); }
:where(body.page-blog) .feat-card { display: grid; grid-template-columns: 1.5fr 1fr; background: var(--c-card, #fff); border-radius: 15px; box-shadow: 0 10px 40px rgba(0,0,0,.1); overflow: hidden; text-decoration: none; margin-bottom: 30px; transition: transform .25s, box-shadow .25s; }
:where(body.page-blog) .feat-card:hover { transform: translateY(-4px); box-shadow: 0 18px 50px rgba(0,0,0,.16); }
:where(body.page-blog) .feat-body { padding: 40px 46px 34px; display: flex; flex-direction: column; min-width: 0; }
:where(body.page-blog) .feat-tags { display: flex; gap: 10px; align-items: center; margin-bottom: 18px; flex-wrap: wrap; }
:where(body.page-blog) .feat-badge { display: inline-flex; align-items: center; gap: 6px; background: var(--navy-accent); color: var(--c-on-accent); font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; border-radius: 999px; padding: 5px 14px; }
:where(body.page-blog) .feat-body h2 { color: var(--navy-primary); font-size: 27px; font-weight: 800; line-height: 1.35; margin-bottom: 14px; transition: color .2s; }
:where(html[data-theme="dark"]) :where(body.page-blog) .feat-body h2 { color: var(--c-ink); }
:where(body.page-blog) .feat-card:hover .feat-body h2 { color: var(--navy-accent); }
:where(body.page-blog) .feat-body p { font-size: 15.5px; line-height: 1.8; color: var(--gray-700); margin-bottom: 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
:where(html[data-theme="dark"]) :where(body.page-blog) .feat-body p { color: var(--c-ink); }
:where(body.page-blog) .feat-body .post-meta { margin-top: auto; }
:where(body.page-blog) .feat-visual { background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 100%); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; min-height: 250px; }
:where(body.page-blog) .feat-visual::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 70% 30%, rgba(255,255,255,.14), transparent 55%); }
:where(body.page-blog) .feat-visual i { font-size: 92px; color: rgba(255,255,255,.92); position: relative; }
:where(body.page-blog) .blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 26px; }
:where(body.page-blog) .post-card { background: var(--c-card, #fff); border-radius: 15px; box-shadow: 0 8px 30px rgba(0,0,0,.09); padding: 30px 30px 26px; display: flex; flex-direction: column; text-decoration: none; transition: transform .25s, box-shadow .25s; position: relative; overflow: hidden; }
:where(body.page-blog) .post-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--navy-accent); transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }
:where(body.page-blog) .post-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,.14); }
:where(body.page-blog) .post-card:hover::after { transform: scaleX(1); }
:where(body.page-blog) .post-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
:where(body.page-blog) .post-top i { font-size: 24px; color: var(--navy-accent); }
:where(body.page-blog) .post-cat { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--navy-accent); background: rgba(var(--c-accent-rgb), .1); border-radius: 999px; padding: 4px 12px; }
:where(body.page-blog) .post-card h2 { color: var(--navy-primary); font-size: 18.5px; font-weight: 800; line-height: 1.4; margin-bottom: 10px; transition: color .2s; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
:where(html[data-theme="dark"]) :where(body.page-blog) .post-card h2 { color: var(--c-ink); }
:where(body.page-blog) .post-card:hover h2 { color: var(--navy-accent); }
:where(body.page-blog) .post-card p { font-size: 14px; line-height: 1.7; color: var(--gray-700); margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
:where(html[data-theme="dark"]) :where(body.page-blog) .post-card p { color: var(--c-ink); }
:where(body.page-blog) .post-meta { margin-top: auto; display: flex; align-items: center; gap: 14px; font-size: 12.5px; color: var(--gray-500); }
:where(body.page-blog) .post-meta i { margin-right: 4px; color: var(--navy-accent); }
:where(body.page-blog) .post-read { margin-left: auto; font-weight: 700; color: var(--navy-accent); }
:where(body.page-blog) .blog-empty { background: var(--c-card, #fff); border-radius: 15px; box-shadow: 0 8px 30px rgba(0,0,0,.09); padding: 44px 30px; text-align: center; }
:where(body.page-blog) .blog-empty i { font-size: 34px; color: var(--navy-accent); margin-bottom: 14px; }
:where(body.page-blog) .blog-empty h2 { color: var(--navy-primary); font-size: 22px; font-weight: 800; margin-bottom: 8px; }
:where(html[data-theme="dark"]) :where(body.page-blog) .blog-empty h2 { color: var(--c-ink); }
:where(body.page-blog) .blog-empty p { font-size: 15px; max-width: 560px; margin: 0 auto 18px; }
:where(body.page-blog) .blog-clear { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border: 1px solid var(--gray-200); border-radius: 999px; color: var(--navy-accent); font-size: 14px; font-weight: 700; text-decoration: none; transition: border-color .2s; }
:where(body.page-blog) .blog-clear:hover { border-color: var(--navy-accent); }
:where(body.page-blog) .blog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
:where(body.page-blog) .blog-search { display: flex; align-items: center; gap: 8px; flex: 1 1 320px; max-width: 520px; background: var(--c-card, #fff); border: 1px solid var(--gray-200); border-radius: 999px; padding: 6px 6px 6px 18px; box-shadow: 0 3px 12px rgba(0,0,0,.06); transition: border-color .2s; }
:where(body.page-blog) .blog-search:focus-within { border-color: var(--navy-accent); }
:where(body.page-blog) .blog-search > i { color: var(--gray-500); font-size: 14px; }
:where(body.page-blog) .blog-search input { flex: 1; min-width: 0; padding: 8px 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 15px; color: var(--gray-700); }
:where(html[data-theme="dark"]) :where(body.page-blog) .blog-search input { color: var(--c-ink); }
:where(body.page-blog) .blog-search button { border: 0; border-radius: 999px; padding: 10px 20px; background: var(--navy-accent); color: var(--c-on-accent); font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; }
:where(body.page-blog) .blog-count { font-size: 13.5px; color: var(--gray-500); }
:where(body.page-blog) .blog-count b { color: var(--navy-primary); }
:where(html[data-theme="dark"]) :where(body.page-blog) .blog-count b { color: var(--c-ink); }
:where(body.page-blog) .blog-count a { color: var(--navy-accent); font-weight: 700; text-decoration: none; }
:where(body.page-blog) .post-by { display: inline-flex; align-items: center; gap: 6px; }
:where(body.page-blog) .pager { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 36px; }
:where(body.page-blog) .pager a, :where(body.page-blog) .pager span { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 40px; height: 40px; padding: 0 14px; border: 1px solid var(--gray-200); border-radius: 10px; background: var(--c-card, #fff); color: var(--gray-700); font-size: 14px; font-weight: 700; text-decoration: none; }
:where(html[data-theme="dark"]) :where(body.page-blog) .pager a, :where(html[data-theme="dark"]) :where(body.page-blog) .pager span { color: var(--c-ink); }
:where(body.page-blog) .pager a:hover { border-color: var(--navy-accent); color: var(--navy-accent); }
:where(body.page-blog) .pager .on { background: var(--navy-accent); border-color: var(--navy-accent); color: var(--c-on-accent); }
:where(body.page-blog) .pager .off { opacity: .45; }
:where(body.page-blog) .pager .gap { border: 0; background: none; min-width: 0; padding: 0 4px; }
@media (prefers-reduced-motion: reduce) {
    :where(body.page-blog) .feat-card, :where(body.page-blog) .post-card { transition: none; }
    :where(body.page-blog) .feat-card:hover, :where(body.page-blog) .post-card:hover { transform: none; }
}
@media (max-width: 900px) {
    :where(body.page-blog) .feat-card { grid-template-columns: 1fr; }
    :where(body.page-blog) .feat-visual { order: -1; min-height: 130px; }
    :where(body.page-blog) .feat-visual i { font-size: 54px; }
    :where(body.page-blog) .feat-body { padding: 26px 24px 24px; }
    :where(body.page-blog) .feat-body h2 { font-size: 21px; }
}
@media (max-width: 640px) {
    :where(body.page-blog) .blog-grid { grid-template-columns: 1fr; gap: 18px; }
    :where(body.page-blog) .blog-search { max-width: none; flex-basis: 100%; min-width: 0; box-sizing: border-box; }
    :where(body.page-blog) .blog-count { width: 100%; }
}

/* ======================= page — blog_post.php ======================= */
body:where(.page-blog-post) { --navy-primary: var(--c-primary); --navy-light: var(--c-secondary); --navy-accent: var(--c-accent); --gray-100: var(--c-tint-2, #F8F9FA); --gray-200: var(--c-tint-line, #DADCE0); --gray-500: var(--c-text-muted, #5F6368); --gray-700: var(--c-text, #3C4043); }
:where(body.page-blog-post), :where(body.page-blog-post) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-blog-post) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--gray-700); line-height: 1.6; }
:where(html[data-theme="dark"]) body:where(.page-blog-post) { color: var(--c-ink); }
:where(body.page-blog-post) .page-main { width: 90%; max-width: 1600px; margin: 0 auto 56px; position: relative; z-index: 1; }
:where(body.page-blog-post) .post-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; }
:where(body.page-blog-post) .post-side { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 16px; }
:where(body.page-blog-post) .side-card { background: var(--c-card, #fff); border-radius: 12px; box-shadow: 0 6px 22px rgba(0,0,0,.08); padding: 22px 24px; }
:where(body.page-blog-post) .side-card h3 { font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; color: var(--gray-500); margin-bottom: 13px; }
:where(body.page-blog-post) .side-card h3 i { color: var(--navy-accent); margin-right: 6px; }
:where(body.page-blog-post) .side-row { display: flex; justify-content: space-between; gap: 10px; font-size: 13.5px; padding: 6px 0; border-bottom: 1px dashed var(--c-tint-line, #eef2f7); }
:where(body.page-blog-post) .side-row:last-child { border-bottom: none; }
:where(body.page-blog-post) .side-row .k { color: var(--gray-500); flex-shrink: 0; }
:where(body.page-blog-post) .side-row .v { color: var(--navy-primary); font-weight: 600; text-align: right; }
:where(html[data-theme="dark"]) :where(body.page-blog-post) .side-row .v { color: var(--c-ink); }
:where(body.page-blog-post) .side-author { display: flex; align-items: center; gap: 13px; }
:where(body.page-blog-post) .side-author img { width: 50px; height: 50px; border-radius: 50%; border: 2px solid var(--navy-accent); }
:where(body.page-blog-post) .side-author strong { display: block; color: var(--navy-primary); font-size: 14.5px; }
:where(html[data-theme="dark"]) :where(body.page-blog-post) .side-author strong { color: var(--c-ink); }
:where(body.page-blog-post) .side-author span { font-size: 12.5px; color: var(--gray-500); }
:where(body.page-blog-post) .side-yt { display: flex; gap: 8px; margin-top: 14px; }
:where(body.page-blog-post) .side-yt a { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: var(--gray-100); border: 1px solid var(--gray-200); border-radius: 8px; padding: 9px 10px; font-size: 12.5px; font-weight: 700; color: var(--navy-primary); text-decoration: none; transition: border-color .2s; }
:where(html[data-theme="dark"]) :where(body.page-blog-post) .side-yt a { color: var(--c-ink); }
:where(body.page-blog-post) .side-yt a:hover { border-color: var(--navy-accent); }
:where(body.page-blog-post) .side-yt a i { color: #ff0000; }
:where(html[data-theme="dark"]) :where(body.page-blog-post) .side-yt a i { color: #F47B7B; }
:where(body.page-blog-post) .side-rel a { display: block; padding: 10px 0; border-bottom: 1px dashed var(--c-tint-line, #eef2f7); text-decoration: none; }
:where(body.page-blog-post) .side-rel a:last-child { border-bottom: none; }
:where(body.page-blog-post) .side-rel a h4 { color: var(--navy-primary); font-size: 14px; font-weight: 700; line-height: 1.45; margin: 0 0 3px; transition: color .2s; }
:where(html[data-theme="dark"]) :where(body.page-blog-post) .side-rel a h4 { color: var(--c-ink); }
:where(body.page-blog-post) .side-rel a:hover h4 { color: var(--navy-accent); }
:where(body.page-blog-post) .side-rel a span { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--gray-500); }
:where(body.page-blog-post) .side-cta { background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 100%); color: #fff; }
:where(body.page-blog-post) .side-cta h3 { color: rgba(255,255,255,.75); }
:where(body.page-blog-post) .side-cta h3 i { color: var(--navy-accent); }
:where(body.page-blog-post) .side-cta p { font-size: 13.5px; line-height: 1.65; opacity: .9; margin-bottom: 14px; }
:where(body.page-blog-post) .side-cta a { display: flex; align-items: center; justify-content: center; gap: 9px; background: var(--navy-accent); color: var(--c-on-accent); border-radius: 9px; padding: 12px 16px; font-size: 14px; font-weight: 700; text-decoration: none; transition: transform .2s; }
:where(body.page-blog-post) .side-cta a:hover { transform: translateY(-2px); }
:where(body.page-blog-post) .article-card { background: var(--c-card, #fff); border-radius: 15px; box-shadow: 0 10px 40px rgba(0,0,0,.1); padding: 46px 52px; min-width: 0; }
:where(body.page-blog-post) .article-card .yt-embed { position: relative; padding-top: 56.25%; border-radius: 12px; overflow: hidden; margin-bottom: 26px; background: #000; }
:where(body.page-blog-post) .article-card .yt-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
:where(body.page-blog-post) .article-body p { font-size: 15.5px; line-height: 1.85; margin-bottom: 16px; }
:where(body.page-blog-post) .article-body h2 { color: var(--navy-primary); font-size: 22px; font-weight: 800; margin: 28px 0 12px; }
:where(html[data-theme="dark"]) :where(body.page-blog-post) .article-body h2 { color: var(--c-ink); }
:where(body.page-blog-post) .article-body h3 { color: var(--navy-primary); font-size: 18px; font-weight: 700; margin: 22px 0 10px; }
:where(html[data-theme="dark"]) :where(body.page-blog-post) .article-body h3 { color: var(--c-ink); }
:where(body.page-blog-post) .article-body ul, :where(body.page-blog-post) .article-body ol { margin: 0 0 16px 22px; }
:where(body.page-blog-post) .article-body li { font-size: 15px; line-height: 1.8; margin-bottom: 6px; }
:where(body.page-blog-post) .article-body a { color: var(--navy-accent); font-weight: 600; text-decoration: none; }
:where(body.page-blog-post) .article-body a:hover { text-decoration: none; text-underline-offset: 3px; }
:where(body.page-blog-post) .article-body blockquote { border-left: 3px solid var(--navy-accent); background: var(--gray-100); padding: 14px 18px; border-radius: 0 10px 10px 0; margin-bottom: 16px; font-style: italic; }
:where(body.page-blog-post) .article-body strong { color: var(--navy-primary); }
:where(html[data-theme="dark"]) :where(body.page-blog-post) .article-body strong { color: var(--c-ink); }
:where(body.page-blog-post) .article-body figure { margin: 22px 0 24px; }
:where(body.page-blog-post) .article-body figure img { display: block; width: 100%; height: auto; border: 1px solid var(--gray-200); border-radius: 12px; background: var(--gray-50); }
:where(body.page-blog-post) .article-body figcaption { margin-top: 8px; font-size: 13px; line-height: 1.6; color: var(--gray-500); text-align: center; }
@media (max-width: 1080px) {
    :where(body.page-blog-post) .post-layout { grid-template-columns: 1fr; }
    :where(body.page-blog-post) .post-side { position: static; }
}
@media (max-width: 820px) {
    :where(body.page-blog-post) .page-main { width: 100%; max-width: 100%; }
    :where(body.page-blog-post) .page-main { padding: 0 18px; }
    :where(body.page-blog-post) .article-card { padding: 28px 22px; }
}

/* ======================= page — geo_page.php ======================= */
:where(body.page-geo).page-geo *, :where(body.page-geo).page-geo *::before, :where(body.page-geo).page-geo *::after { box-sizing: border-box; }
body.page-geo { margin: 0; font-family: var(--rs-font); -webkit-font-smoothing: antialiased; }
@media (min-width: 900px) {
    :where(body.page-geo).page-geo #why .features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
:where(body.page-geo).page-geo .geo-office .geo-globe { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 10px; background: rgba(var(--c-accent-rgb), .1); color: var(--c-accent); font-size: 20px; flex: none; }
:where(body.page-geo).page-geo a.feature-item { display: block; color: inherit; text-decoration: none; }
:where(body.page-geo).page-geo .geo-cities { margin: 18px 0 0; font-size: 14.5px; color: var(--c-text-muted); }
:where(body.page-geo).page-geo .geo-cities i { color: var(--c-accent); margin-right: 6px; }
:where(body.page-geo).page-geo .geo-two { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 18px; align-items: start; }
:where(body.page-geo).page-geo .geo-rails { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; }
:where(body.page-geo).page-geo .geo-rails li { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 0 14px; border: 1px solid rgba(var(--c-primary-rgb), .1); border-radius: 10px; background: var(--c-card); font-size: 14px; font-weight: 600; color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-geo).page-geo .geo-rails li { border: 1px solid rgba(255,255,255,.1); color: var(--c-ink); }
:where(body.page-geo).page-geo .geo-rails li i { color: var(--c-accent); }
:where(body.page-geo).page-geo .geo-office { display: flex; align-items: flex-start; gap: 14px; }
:where(body.page-geo).page-geo .geo-office img { width: 44px; height: 32px; border-radius: 4px; object-fit: cover; box-shadow: 0 0 0 1px rgba(var(--c-primary-rgb), .1); flex: none; }
:where(body.page-geo).page-geo .geo-office h3 { margin: 0 0 4px; font-size: 18px; color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-geo).page-geo .geo-office h3 { color: var(--c-ink); }
:where(body.page-geo).page-geo .geo-office p { margin: 0; font-size: 14px; color: var(--c-text-muted); line-height: 1.6; }
:where(body.page-geo).page-geo .geo-office .geo-reg { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; font-size: 13px; font-weight: 600; color: var(--c-accent); }
:where(body.page-geo).page-geo .geo-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
:where(body.page-geo).page-geo .geo-case .geo-meta { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; color: var(--c-accent); }
:where(body.page-geo).page-geo .geo-case h3 { margin: 0 0 8px; font-size: 19px; color: var(--c-primary); line-height: 1.25; }
:where(html[data-theme="dark"]) :where(body.page-geo).page-geo .geo-case h3 { color: var(--c-ink); }
:where(body.page-geo).page-geo .geo-case p { margin: 0 0 12px; font-size: 14.5px; line-height: 1.65; color: var(--c-text-muted); }
:where(body.page-geo).page-geo .geo-case .geo-punch { font-weight: 600; color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-geo).page-geo .geo-case .geo-punch { color: var(--c-ink); }
:where(body.page-geo).page-geo .geo-link { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; font-size: 14px; font-weight: 600; color: var(--c-accent); text-decoration: none; }
:where(body.page-geo).page-geo .geo-stars { color: #F59E0B; font-size: 13px; letter-spacing: 1px; margin-bottom: 10px; }
:where(html[data-theme="dark"]) :where(body.page-geo).page-geo .geo-stars { color: #F4C77B; }
:where(body.page-geo).page-geo .geo-rev blockquote { margin: 0 0 14px; font-size: 15px; line-height: 1.65; color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-geo).page-geo .geo-rev blockquote { color: var(--c-ink); }
:where(body.page-geo).page-geo .geo-rev b { display: block; font-size: 14.5px; color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-geo).page-geo .geo-rev b { color: var(--c-ink); }
:where(body.page-geo).page-geo .geo-rev small { font-size: 13px; color: var(--c-text-muted); }
@media (max-width: 900px) {
    :where(body.page-geo).page-geo .geo-two { grid-template-columns: 1fr; }
}
:where(body.page-geo).page-geo .geo-langs { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 14px; margin: 18px 0 0; font-size: 14px; color: rgba(255,255,255,.75); }
:where(body.page-geo).page-geo .geo-langs a { display: inline-flex; align-items: center; min-height: 44px; color: #fff; font-weight: 600; text-decoration: none; }
:where(body.page-geo).page-geo .geo-langs a[aria-current] { color: var(--c-accent-soft, #87A9F4); }
:where(html[data-theme="dark"]) :where(body.page-geo).page-geo .geo-langs a[aria-current] { color: var(--g-link); }

/* ======================= page — services.php ======================= */
body:where(.page-services) { --navy-primary: var(--c-primary); --navy-dark: var(--c-primary-dark); --navy-light: var(--c-secondary); --navy-accent: var(--c-accent); --navy-hover: var(--c-primary-hover); --success: #22c55e; --white: #ffffff; --gray-100: var(--c-tint-2, #F8F9FA); --gray-200: var(--c-tint-line, #DADCE0); --gray-500: var(--c-text-muted, #5F6368); --gray-700: var(--c-text, #3C4043); }
:where(body.page-services), :where(body.page-services) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-services) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--gray-700); line-height: 1.6; }
:where(html[data-theme="dark"]) body:where(.page-services) { color: var(--c-ink); }
:where(body.page-services) .header { background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 100%); padding: 15px 0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
:where(body.page-services) .logo { color: var(--white); font-size: 22px; font-weight: 800; text-decoration: none; display: flex; align-items: center; gap: 10px; }
:where(body.page-services) .logo img { width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--navy-accent); }
:where(body.page-services) .hero { background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 50%, var(--navy-accent) 100%); padding: 80px 20px; text-align: center; color: white; }
@media (max-width: 768px) {
    body:where(.page-services) { padding-bottom: 75px; }
}
:where(body.page-services) .svx-tabs { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 26px; align-items: start; scroll-margin-top: 90px; }
:where(body.page-services) .svx-tablist { display: flex; flex-direction: column; gap: 6px; position: sticky; top: 90px; }
:where(body.page-services) .svx-tab { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 0 16px; border: 1px solid rgba(var(--c-primary-rgb), .1); border-radius: 10px; background: var(--c-card); color: var(--c-text-muted); font: inherit; font-size: 15px; font-weight: 600; text-align: left; cursor: pointer; touch-action: manipulation; transition: border-color .2s, color .2s, background .2s; }
:where(html[data-theme="dark"]) :where(body.page-services) .svx-tab { border: 1px solid rgba(255,255,255,.1); }
:where(body.page-services) .svx-n { font-size: 12px; color: var(--c-text-muted); font-variant-numeric: tabular-nums; }
:where(body.page-services) .svx-tab i { width: 18px; text-align: center; color: var(--c-text-muted); }
:where(body.page-services) .svx-tab:hover { color: var(--c-text); border-color: rgba(var(--c-primary-rgb), .2); }
:where(html[data-theme="dark"]) :where(body.page-services) .svx-tab:hover { border-color: rgba(255,255,255,.2); }
:where(body.page-services) .svx-tab.is-on { color: var(--c-text); border-color: rgba(var(--c-accent-rgb), .55); box-shadow: 0 10px 24px -18px rgba(var(--c-accent-rgb), .8); }
:where(body.page-services) .svx-tab.is-on i, :where(body.page-services) .svx-tab.is-on .svx-n { color: var(--c-accent); }
:where(body.page-services) .svx-pane { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.6fr); gap: 16px; }
:where(body.page-services) .svx-pane[hidden] { display: none; }
:where(body.page-services) .svx-anchor { position: absolute; }
:where(body.page-services) .svx-lead { display: flex; flex-direction: column; align-items: flex-start; padding: 30px 28px; border: 1px solid rgba(var(--c-primary-rgb), .1); border-radius: 10px; background: linear-gradient(160deg, rgba(var(--c-accent-rgb), .08), var(--c-card) 55%); box-shadow: 0 18px 40px -28px rgba(10,10,10,.2); }
:where(html[data-theme="dark"]) :where(body.page-services) .svx-lead { border: 1px solid rgba(255,255,255,.1); }
:where(body.page-services) .svx-lead-ic { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 24px; border-radius: 10px; background: rgba(var(--c-accent-rgb), .12); color: var(--c-accent); font-size: 22px; }
:where(body.page-services) .svx-lead h3 { margin: 0 0 12px; font-family: var(--rs-font-display); font-size: 28px; font-weight: 700; line-height: 1.1; letter-spacing: -.02em; color: var(--c-text); }
:where(body.page-services) .svx-lead p { flex: 1; margin: 0 0 24px; font-size: 15.5px; line-height: 1.65; color: var(--c-text-muted); }
:where(body.page-services) .svx-wa-lg { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 50px; padding: 0 22px; border-radius: 10px; background: #25D366; color: #06301F; font-size: 15px; font-weight: 700; text-decoration: none; box-shadow: 0 12px 26px -12px rgba(37, 211, 102, .8); transition: transform .2s, filter .2s; }
:where(body.page-services) .svx-wa-lg:hover { transform: translateY(-2px); filter: brightness(1.05); color: #06301F; }
:where(html[data-theme="dark"]) :where(body.page-services) .svx-wa-lg:hover { color: #80EFC2; }
:where(body.page-services) .svx-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font-size: 14px; font-weight: 600; color: var(--c-accent); text-decoration: none; }
:where(body.page-services) .svx-more i { font-size: 12px; transition: transform .2s; }
:where(body.page-services) .svx-more:hover i { transform: translateX(3px); }
:where(body.page-services) .svx-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
:where(body.page-services) .svx-tile { display: flex; flex-direction: column; align-items: flex-start; padding: 22px 22px 20px; border: 1px solid rgba(var(--c-primary-rgb), .1); border-radius: 10px; background: var(--c-card); box-shadow: 0 18px 40px -30px rgba(10,10,10,.2); transition: border-color .25s, transform .25s; }
:where(html[data-theme="dark"]) :where(body.page-services) .svx-tile { border: 1px solid rgba(255,255,255,.1); }
:where(body.page-services) .svx-tile:hover { border-color: rgba(var(--c-accent-rgb), .45); transform: translateY(-2px); }
:where(body.page-services) .svx-tile-ic { margin-bottom: 14px; font-size: 20px; color: var(--c-accent); }
:where(body.page-services) .svx-tile h4 { margin: 0 0 6px; font-family: var(--rs-font-display); font-size: 16.5px; font-weight: 700; color: var(--c-text); }
:where(body.page-services) .svx-tile p { flex: 1; margin: 0 0 16px; font-size: 14px; line-height: 1.6; color: var(--c-text-muted); }
:where(body.page-services) .svx-wa { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 14px; border: 1px solid rgba(37, 211, 102, .45); border-radius: 10px; background: rgba(37, 211, 102, .08); color: #128C4A; font-size: 13.5px; font-weight: 700; text-decoration: none; transition: background .2s, color .2s, border-color .2s; }
:where(html[data-theme="dark"]) :where(body.page-services) .svx-wa { color: #80EFB3; }
:where(body.page-services) .svx-wa i { color: #25D366; font-size: 15px; }
:where(html[data-theme="dark"]) :where(body.page-services) .svx-wa i { color: #86EAAB; }
:where(body.page-services) .svx-wa:hover { background: #25D366; border-color: #25D366; color: #06301F; }
:where(body.page-services) .svx-wa:hover i { color: #06301F; }
:where(html[data-theme="dark"]) :where(body.page-services) .svx-wa:hover i { color: #80EFC2; }
:where(body.page-services) .svx-every { display: flex; justify-content: center; align-items: center; gap: 9px; margin: 34px 0 0; font-size: 14.5px; color: var(--c-text-muted); }
:where(body.page-services) .svx-every i { color: var(--c-accent); }
@media (max-width: 1100px) {
    :where(body.page-services) .svx-tabs { grid-template-columns: 1fr; }
    :where(body.page-services) .svx-tablist { position: static; flex-direction: row; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px 4px; scroll-padding-inline: 16px; }
    :where(body.page-services) .svx-tablist::-webkit-scrollbar { display: none; }
    :where(body.page-services) .svx-tab { flex: none; width: auto; white-space: nowrap; }
    :where(body.page-services) .svx-pane { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    :where(body.page-services) .svx-grid { grid-template-columns: 1fr; gap: 10px; }
    :where(body.page-services) .svx-lead { padding: 24px 20px; }
    :where(body.page-services) .svx-wa-lg { width: 100%; }
    :where(body.page-services) .svx-wa { min-height: 44px; }
    :where(body.page-services) .svx-every { flex-wrap: wrap; text-align: center; }
}
@media (min-width: 1800px) {
    :where(body.page-services) .svx-tabs { grid-template-columns: 320px minmax(0, 1fr); gap: 32px; }
    :where(body.page-services) .svx-grid { gap: 18px; }
}

/* ======================= page — faq.php ======================= */
body:where(.page-faq) { --navy-primary: var(--c-primary); --navy-dark: var(--c-primary-dark); --navy-light: var(--c-secondary); --navy-accent: var(--c-accent); --navy-hover: var(--c-primary-hover); --success: #22c55e; --white: #ffffff; --gray-100: var(--c-tint-2, #F8F9FA); --gray-200: var(--c-tint-line, #DADCE0); --gray-500: var(--c-text-muted, #5F6368); --gray-700: var(--c-text, #3C4043); }
:where(body.page-faq), :where(body.page-faq) * { margin: 0; padding: 0; box-sizing: border-box; }
html:where(:has(> :is(body.page-faq))) { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; }
body:where(.page-faq) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--gray-700); line-height: 1.6; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
:where(html[data-theme="dark"]) body:where(.page-faq) { color: var(--c-ink); }
:where(body.page-faq) input, :where(body.page-faq) select, :where(body.page-faq) textarea { font-size: 16px !important; touch-action: manipulation; }
:where(body.page-faq) .header { background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 100%); padding: 15px 0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
:where(body.page-faq) .logo { color: var(--white); font-size: 22px; font-weight: 800; text-decoration: none; display: flex; align-items: center; gap: 10px; }
:where(body.page-faq) .logo img { width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--navy-accent); }
:where(body.page-faq) .faq-list { display: flex; flex-direction: column; gap: 16px; }
:where(body.page-faq) .faq-item { background: var(--gray-100); border-radius: 12px; padding: 22px 24px; border-left: 4px solid var(--navy-accent); transition: box-shadow 0.3s, transform 0.3s; }
:where(body.page-faq) .faq-item:hover { box-shadow: 0 4px 16px rgba(var(--c-accent-rgb),0.12); transform: translateX(4px); }
:where(body.page-faq) .faq-item h4 { color: var(--navy-primary); font-size: 16px; font-weight: 700; margin-bottom: 10px; line-height: 1.5; }
:where(html[data-theme="dark"]) :where(body.page-faq) .faq-item h4 { color: var(--c-ink); }
:where(body.page-faq) .faq-item p { color: var(--c-text-muted, #444746); font-size: 15px; line-height: 1.8; margin: 0; }
@media (max-width: 768px) {
    body:where(.page-faq) { padding-bottom: 75px; }
    :where(body.page-faq) .faq-item { padding: 18px 16px; }
    :where(body.page-faq) .faq-item h4 { font-size: 15px; }
    :where(body.page-faq) .faq-item p { font-size: 14px; }
}

/* ======================= page — how-it-works.php ======================= */
:where(body.page-how) .hw-page h2, :where(body.page-how) .hw-page h3 { font-family: var(--font-display); color: var(--ln-text); letter-spacing: -.02em; }
:where(body.page-how) .hw-page p { color: var(--ln-mute); }
:where(body.page-how) .hw-steps .ln-ind-track { grid-auto-columns: 400px; }
@media (max-width: 768px) {
    :where(body.page-how) .hw-steps .ln-ind .ln-ind-track, :where(body.page-how) .hw-steps .ln-ind-track { grid-auto-columns: min(84vw, 360px); }
}
:where(body.page-how) .hw-close-p { max-width: 640px; margin: -14px auto 34px; font-size: 17px; line-height: 1.65; color: var(--ln-mute); }
:where(body.page-how) .pt-flow { max-width: 1040px; margin: 0 auto; background: var(--ln-card); border: 1px solid var(--ln-line); border-radius: var(--ln-r); padding: 32px; box-shadow: var(--ln-shadow); }
:where(body.page-how) .pt-bar { display: flex; height: 42px; border-radius: 12px; overflow: hidden; background: var(--c-tint-2, #F1F3F4); font-size: 13px; font-weight: 700; margin-bottom: 26px; }
:where(body.page-how) .pt-bar span { display: flex; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; color: #fff; transform-origin: left; }
:where(body.page-how) .pt-bar-adv { flex: 0 0 35%; background: var(--c-accent); color: var(--c-on-accent, #fff) !important; }
:where(body.page-how) .pt-bar-bal { flex: 1; background: var(--c-primary); }
:where(body.page-how) .pt-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; position: relative; }
:where(body.page-how) .pt-steps::before { content: ""; position: absolute; top: 24px; left: 12%; right: 12%; height: 2px; background: repeating-linear-gradient(90deg, rgba(var(--c-primary-rgb), .18) 0 8px, transparent 8px 14px); }
:where(body.page-how) .pt-steps li { position: relative; text-align: center; }
:where(body.page-how) .pt-ico { position: relative; z-index: 1; display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 14px; background: var(--c-card, #fff); border: 2px solid rgba(var(--c-accent-rgb), .35); color: var(--c-accent); font-size: 19px; margin-bottom: 12px; }
:where(body.page-how) .pt-steps h3 { font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--ln-text); margin-bottom: 4px; }
:where(body.page-how) .pt-steps p { font-size: 14px; line-height: 1.6; color: var(--ln-mute); }
:where(body.page-how) .pt-note { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 22px; padding-top: 18px; border-top: 1px dashed rgba(var(--c-primary-rgb), .15); font-size: 14px; color: var(--c-text-muted); text-align: center; }
:where(html[data-theme="dark"]) :where(body.page-how) .pt-note { border-top: 1px dashed rgba(255,255,255,.15); }
:where(body.page-how) .pt-note i { color: var(--c-accent); }
:where(body.page-how) .pt-methods { max-width: 1040px; margin: 36px auto 0; }
:where(body.page-how) .pt-methods-title { display: flex; align-items: center; justify-content: center; gap: 9px; font-family: var(--font-display); font-size: 20px; font-weight: 700; color: var(--ln-text); margin-bottom: 18px; }
:where(body.page-how) .pt-methods-title i { color: var(--c-accent); }
:where(body.page-how) .pt-method-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
:where(body.page-how) .pt-method { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: var(--ln-card); border: 1px solid var(--ln-line); border-radius: var(--ln-r-sm); box-shadow: var(--ln-shadow); transition: transform .2s, box-shadow .2s, border-color .2s; }
:where(body.page-how) .pt-method:hover { transform: translateY(-3px); border-color: rgba(var(--c-accent-rgb), .4); box-shadow: 0 10px 22px rgba(var(--c-primary-rgb), .1); }
:where(body.page-how) .pt-method .pm-method-logo-wrap { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex-shrink: 0; }
:where(body.page-how) .pt-method .dp-method-logo { width: 28px; height: 28px; object-fit: contain; border-radius: 10px; }
:where(body.page-how) .pt-method .dp-method-logo-fallback { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; font-size: 18px; color: var(--c-accent); background: rgba(var(--c-accent-rgb), .1); border-radius: 8px; }
:where(body.page-how) .pt-method .dp-logo-cards { gap: 2px; font-size: 18px; width: auto; padding: 0 4px; }
:where(body.page-how) .pt-method-name { min-width: 0; font-size: 14px; font-weight: 600; color: var(--ln-text); line-height: 1.3; }
:where(body.page-how) .pt-method-name small { display: block; font-size: 11.5px; font-weight: 500; color: var(--c-text-muted); }
html.rs-anim :where(body.page-how) .pt-flow.revealed .pt-bar span { animation: ptGrow .9s cubic-bezier(.16,1,.3,1) both; }
html.rs-anim :where(body.page-how) .pt-flow.revealed .pt-bar-bal { animation-delay: .5s; }
html.rs-anim :where(body.page-how) .pt-flow.revealed .pt-ico { animation: ptPop .5s cubic-bezier(.34,1.56,.64,1) both, ptGlow 5.6s ease-in-out infinite; }
html.rs-anim :where(body.page-how) .pt-flow.revealed li:nth-child(2) .pt-ico { animation-delay: .15s, 1.4s; }
html.rs-anim :where(body.page-how) .pt-flow.revealed li:nth-child(3) .pt-ico { animation-delay: .3s, 2.8s; }
html.rs-anim :where(body.page-how) .pt-flow.revealed li:nth-child(4) .pt-ico { animation-delay: .45s, 4.2s; }
html.rs-anim :where(body.page-how) .pt-method-grid.revealed .pt-method { animation: ptPop .5s cubic-bezier(.34,1.56,.64,1) both; animation-delay: var(--d); }
@keyframes ptGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes ptPop { from { opacity: 0; transform: translateY(10px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes ptGlow { 0%, 20%, 100% { background: var(--c-card, #fff); color: var(--c-accent); border-color: rgba(var(--c-accent-rgb), .35); } 6%, 14% { background: var(--c-accent); color: var(--c-on-accent, #fff); border-color: var(--c-accent); } }
@media (prefers-reduced-motion: reduce) {
    :where(body.page-how) .pt-bar span, :where(body.page-how) .pt-ico, :where(body.page-how) .pt-method { animation: none !important; }
}
@media (max-width: 768px) {
    :where(body.page-how) .pt-flow { padding: 20px 16px; }
    :where(body.page-how) .pt-steps { grid-template-columns: 1fr 1fr; gap: 20px 14px; }
    :where(body.page-how) .pt-steps::before { display: none; }
    :where(body.page-how) .pt-bar { font-size: 11.5px; height: 38px; }
    :where(body.page-how) .pt-bar-adv { flex-basis: 42%; }
    :where(body.page-how) .pt-method-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1800px) {
    :where(body.page-how) .pt-flow, :where(body.page-how) .pt-methods { max-width: 1240px; }
    :where(body.page-how) .hw-close-p { max-width: 760px; font-size: 19px; }
}

/* ======================= page — support-policy.php ======================= */
body:where(.page-support-policy) { --ok: #16a34a; --no: #dc2626; }
:where(body.page-support-policy), :where(body.page-support-policy) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-support-policy) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--c-text); line-height: 1.6; }
:where(body.page-support-policy) .sla-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
:where(body.page-support-policy) .sla-card { background: var(--c-card); border: 1px solid rgba(var(--c-primary-rgb), .08); border-radius: 16px; box-shadow: 0 2px 10px rgba(var(--c-primary-rgb), .06); padding: 26px 22px; text-align: center; }
:where(html[data-theme="dark"]) :where(body.page-support-policy) .sla-card { border: 1px solid rgba(255,255,255,.08); }
:where(body.page-support-policy) .sla-card i { font-size: 26px; color: var(--c-accent); margin-bottom: 10px; }
:where(body.page-support-policy) .sla-card strong { display: block; font-family: var(--rs-font-display); font-size: 24px; font-weight: 800; color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-support-policy) .sla-card strong { color: var(--c-ink); }
:where(body.page-support-policy) .sla-card span { font-size: 13px; color: var(--c-text-muted); }
:where(body.page-support-policy) .tier-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
:where(body.page-support-policy) .tier { border: 1px solid rgba(var(--c-primary-rgb), .08); border-radius: 16px; padding: 26px; background: var(--c-card); box-shadow: 0 2px 10px rgba(var(--c-primary-rgb), .06); }
:where(html[data-theme="dark"]) :where(body.page-support-policy) .tier { border: 1px solid rgba(255,255,255,.08); }
:where(body.page-support-policy) .tier h3 { font-family: var(--rs-font-display); color: var(--c-primary); font-size: 17px; font-weight: 800; margin-bottom: 4px; }
:where(html[data-theme="dark"]) :where(body.page-support-policy) .tier h3 { color: var(--c-ink); }
:where(body.page-support-policy) .tier h3 i { color: var(--c-accent); margin-right: 6px; }
:where(body.page-support-policy) .tier .tier-win { display: inline-block; background: var(--c-primary); color: var(--c-on-primary); font-size: 12px; font-weight: 700; border-radius: 999px; padding: 4px 12px; margin: 6px 0 12px; }
:where(body.page-support-policy) .tier ul { list-style: none; }
:where(body.page-support-policy) .tier ul li { display: flex; align-items: flex-start; gap: 9px; font-size: 14px; line-height: 1.65; padding: 3px 0; }
:where(body.page-support-policy) .tier ul li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--c-accent); font-size: 11px; margin-top: 6px; flex-shrink: 0; }
:where(body.page-support-policy) .cover-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
:where(body.page-support-policy) .cover { border-radius: 16px; padding: 26px; }
:where(body.page-support-policy) .cover.yes { background: #f0fdf4; border: 1px solid #bbf7d0; }
:where(html[data-theme="dark"]) :where(body.page-support-policy) .cover.yes { background: #0E2214; border: 1px solid #245335; }
:where(body.page-support-policy) .cover.no { background: #fef2f2; border: 1px solid #fecaca; }
:where(html[data-theme="dark"]) :where(body.page-support-policy) .cover.no { background: #220C0C; border: 1px solid #501C1C; }
:where(body.page-support-policy) .cover h3 { font-family: var(--rs-font-display); font-size: 16px; font-weight: 800; margin-bottom: 10px; }
:where(body.page-support-policy) .cover.yes h3 { color: var(--ok); }
:where(body.page-support-policy) .cover.no h3 { color: var(--no); }
:where(body.page-support-policy) .cover ul { list-style: none; }
:where(body.page-support-policy) .cover ul li { display: flex; align-items: flex-start; gap: 9px; font-size: 14px; line-height: 1.65; padding: 3px 0; }
:where(body.page-support-policy) .cover.yes ul li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--ok); font-size: 11px; margin-top: 6px; flex-shrink: 0; }
:where(body.page-support-policy) .cover.no ul li::before { content: "\f00d"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--no); font-size: 12px; margin-top: 5px; flex-shrink: 0; }
:where(body.page-support-policy) .cover ul li small { display: block; color: var(--c-text-muted); }
:where(body.page-support-policy) .chan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
:where(body.page-support-policy) .chan { border: 1px solid rgba(var(--c-primary-rgb), .08); border-radius: 16px; padding: 22px; background: var(--c-card); text-decoration: none; transition: transform .2s, box-shadow .2s; display: block; box-shadow: 0 2px 10px rgba(var(--c-primary-rgb), .06); }
:where(html[data-theme="dark"]) :where(body.page-support-policy) .chan { border: 1px solid rgba(255,255,255,.08); }
:where(body.page-support-policy) .chan:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(var(--c-primary-rgb), .10); }
:where(body.page-support-policy) .chan i { font-size: 20px; margin-bottom: 8px; display: block; color: var(--c-accent); }
:where(body.page-support-policy) .chan h4 { font-family: var(--rs-font-display); color: var(--c-primary); font-size: 14.5px; font-weight: 700; margin-bottom: 3px; }
:where(html[data-theme="dark"]) :where(body.page-support-policy) .chan h4 { color: var(--c-ink); }
:where(body.page-support-policy) .chan p { font-size: 12.5px; color: var(--c-text-muted); line-height: 1.5; }
:where(body.page-support-policy) .flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
:where(body.page-support-policy) .flow-step { background: var(--c-card); border: 1px solid rgba(var(--c-primary-rgb), .08); border-radius: 16px; padding: 24px; box-shadow: 0 2px 10px rgba(var(--c-primary-rgb), .06); }
:where(html[data-theme="dark"]) :where(body.page-support-policy) .flow-step { border: 1px solid rgba(255,255,255,.08); }
:where(body.page-support-policy) .flow-step span { display: inline-flex; width: 32px; height: 32px; border-radius: 50%; background: var(--c-accent); color: var(--c-on-accent); align-items: center; justify-content: center; font-weight: 800; margin-bottom: 9px; }
:where(body.page-support-policy) .flow-step h4 { font-family: var(--rs-font-display); color: var(--c-primary); font-size: 15px; font-weight: 700; margin-bottom: 4px; }
:where(html[data-theme="dark"]) :where(body.page-support-policy) .flow-step h4 { color: var(--c-ink); }
:where(body.page-support-policy) .flow-step p { font-size: 13.5px; line-height: 1.65; color: var(--c-text-muted); }
:where(body.page-support-policy) .hours-note { display: flex; align-items: flex-start; gap: 12px; background: var(--c-card); border: 1px solid rgba(var(--c-primary-rgb), .08); border-radius: 16px; padding: 18px 20px; margin-top: 18px; font-size: 14px; }
:where(html[data-theme="dark"]) :where(body.page-support-policy) .hours-note { border: 1px solid rgba(255,255,255,.08); }
:where(body.page-support-policy) .hours-note i { color: var(--c-accent); margin-top: 3px; }
@media (max-width: 900px) {
    :where(body.page-support-policy) .sla-grid, :where(body.page-support-policy) .chan-grid { grid-template-columns: repeat(2, 1fr); }
    :where(body.page-support-policy) .tier-grid, :where(body.page-support-policy) .cover-grid, :where(body.page-support-policy) .flow { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    :where(body.page-support-policy) .sla-grid, :where(body.page-support-policy) .chan-grid { grid-template-columns: 1fr; }
}

/* ======================= page — privacy.php ======================= */
:where(body.page-privacy), :where(body.page-privacy) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-privacy) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--c-text); line-height: 1.7; }

/* ======================= page — terms.php ======================= */
:where(body.page-terms), :where(body.page-terms) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-terms) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--c-text); line-height: 1.7; }

/* ======================= page — refund.php ======================= */
:where(body.page-refund), :where(body.page-refund) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-refund) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--c-text); line-height: 1.7; }

/* ======================= page — packages.php ======================= */
:where(body.page-packages) .pk-page h2, :where(body.page-packages) .pk-page h3 { font-family: var(--font-display); color: var(--ln-text); letter-spacing: -.02em; }
:where(body.page-packages) .pk-page p { color: var(--ln-mute); }
:where(body.page-packages) .pk-custom { max-width: 760px; margin: -28px auto 34px; font-size: 15px; line-height: 1.65; text-align: center; color: var(--ln-mute); }
:where(body.page-packages) .pk-custom i { margin-right: 4px; color: var(--ln-acc); }
:where(body.page-packages) .lp-plan-btn.pk-ask { background: transparent; border: 1px solid var(--ln-line-2); color: var(--ln-text); }
:where(body.page-packages) .lp-plan-btn.pk-ask:hover { border-color: rgba(var(--c-accent-rgb), .55); background: rgba(var(--c-accent-rgb), .06); filter: none; color: var(--ln-text); }
:where(body.page-packages) .pk-custom b { color: var(--ln-text); }
:where(body.page-packages) .lpc-price { display: flex; flex-direction: column; gap: 6px; }
:where(body.page-packages) .pk-from { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ln-dim); }
:where(body.page-packages) .lpc-ico { width: 34px; height: 34px; display: grid; place-items: center; border-radius: var(--ln-r-sm); background: rgba(var(--c-accent-rgb), .12); color: var(--ln-acc); font-size: 15px; }
:where(body.page-packages) .lp-feature { align-items: flex-start; line-height: 1.5; }
:where(body.page-packages) .lp-feature i { margin-top: 4px; }
:where(body.page-packages) .pk-price { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 18px; align-items: stretch; }
:where(body.page-packages) .pk-factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
:where(body.page-packages) .pk-factor { display: flex; gap: 14px; align-items: flex-start; padding: 20px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); box-shadow: var(--ln-shadow); }
:where(body.page-packages) .pk-factor > i { flex: none; width: 42px; height: 42px; display: grid; place-items: center; border-radius: var(--ln-r-sm); background: rgba(var(--g, var(--c-accent-rgb)), .14); color: rgb(var(--g, var(--c-accent-rgb))); font-size: 17px; }
:where(body.page-packages) .pk-factor h3 { margin: 0 0 4px; font-size: 16px; }
:where(body.page-packages) .pk-factor p { margin: 0; font-size: 14px; line-height: 1.6; }
:where(body.page-packages) .pk-terms { --ln-text: var(--c-on-primary, #fff); --ln-mute: rgba(255, 255, 255, .78); display: flex; flex-direction: column; gap: 14px; padding: 30px; border-radius: var(--ln-r); background: color-mix(in srgb, var(--c-primary) 86%, #000); color: var(--ln-text); }
:where(body.page-packages) .pk-terms .ln-kicker { margin: 0; color: #7DD3FC; }
:where(body.page-packages) .pk-terms h3 { margin: 0; font-size: 24px; }
:where(body.page-packages) .pk-terms dl { margin: 0; }
:where(body.page-packages) .pk-terms dl div { display: flex; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px solid rgba(255, 255, 255, .14); }
:where(body.page-packages) .pk-terms dl div:first-child { border-top: 1px solid rgba(255, 255, 255, .14); }
:where(body.page-packages) .pk-terms dt { font-size: 14.5px; color: var(--ln-mute); }
:where(body.page-packages) .pk-terms dd { margin: 0; font-size: 15px; font-weight: 700; text-align: right; }
:where(body.page-packages) .pk-terms p { display: flex; gap: 9px; margin: 0; font-size: 14px; line-height: 1.6; color: var(--ln-mute); }
:where(body.page-packages) .pk-terms p i { margin-top: 4px; color: #7DD3FC; }
:where(body.page-packages) .pk-terms .ln-btn { margin-top: auto; }
:where(body.page-packages) .pk-close-p { max-width: 640px; margin: -14px auto 34px; font-size: 17px; line-height: 1.65; color: var(--ln-mute); }
@media (max-width: 1100px) {
    :where(body.page-packages) .pk-price { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    :where(body.page-packages) .pk-custom { margin-top: -18px; text-align: left; }
    :where(body.page-packages) .pk-factors { grid-template-columns: 1fr; }
    :where(body.page-packages) .pk-terms { padding: 24px 20px; }
}
@media (min-width: 1800px) {
    :where(body.page-packages) .pk-custom, :where(body.page-packages) .pk-close-p { max-width: 860px; font-size: 18px; }
    :where(body.page-packages) .pk-factors { gap: 18px; }
}

/* ======================= page — solutions.php ======================= */
:where(body.page-solutions), :where(body.page-solutions) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-solutions) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--c-text); line-height: 1.6; }
:where(body.page-solutions) .sol-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; counter-reset: sol; }
:where(body.page-solutions) .sol-card { counter-increment: sol; position: relative; display: flex; flex-direction: column; padding: 28px 28px 26px; scroll-margin-top: 96px; background: var(--c-card); border: 1px solid rgba(var(--c-primary-rgb), .1); border-radius: 10px; box-shadow: 0 1px 2px rgba(10,10,10,.04), 0 18px 40px -28px rgba(10,10,10,.2); transition: transform .3s ease, border-color .3s ease; overflow: hidden; }
:where(html[data-theme="dark"]) :where(body.page-solutions) .sol-card { border: 1px solid rgba(255,255,255,.1); }
:where(body.page-solutions) .sol-card::before { content: counter(sol, decimal-leading-zero); position: absolute; top: 14px; right: 20px; font-family: var(--rs-font-display); font-size: 60px; font-weight: 700; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(var(--c-primary-rgb), .12); }
:where(body.page-solutions) .sol-card:hover, :where(body.page-solutions) .sol-card:target { transform: translateY(-4px); border-color: rgba(var(--c-accent-rgb), .5); }
:where(body.page-solutions) .sol-card i.sol-ico { width: 50px; height: 50px; margin-bottom: 40px; border-radius: 10px; background: rgba(var(--c-accent-rgb), .1); color: var(--c-accent); display: inline-flex; align-items: center; justify-content: center; font-size: 20px; }
:where(body.page-solutions) .sol-card h3 { font-family: var(--rs-font-display); color: var(--c-text); font-size: 21px; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; margin-bottom: 8px; }
:where(body.page-solutions) .sol-card p { font-size: 14.5px; line-height: 1.65; margin-bottom: 16px; color: var(--c-text-muted); }
:where(body.page-solutions) .sol-card ul { list-style: none; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(var(--c-primary-rgb), .08); }
:where(html[data-theme="dark"]) :where(body.page-solutions) .sol-card ul { border-top: 1px solid rgba(255,255,255,.08); }
:where(body.page-solutions) .sol-card ul li { display: flex; align-items: flex-start; gap: 9px; font-size: 13.5px; line-height: 1.55; padding: 4px 0; color: var(--c-text); }
:where(body.page-solutions) .sol-card ul li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--c-accent); font-size: 11px; margin-top: 5px; flex-shrink: 0; }
:where(body.page-solutions) .stack-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
:where(body.page-solutions) .stack-item { position: relative; padding: 24px 24px 22px; background: var(--c-card); border: 1px solid rgba(var(--c-primary-rgb), .1); border-radius: 10px; overflow: hidden; box-shadow: 0 1px 2px rgba(10,10,10,.04), 0 18px 40px -28px rgba(10,10,10,.2); transition: transform .3s ease, border-color .3s ease; }
:where(html[data-theme="dark"]) :where(body.page-solutions) .stack-item { border: 1px solid rgba(255,255,255,.1); }
:where(body.page-solutions) .stack-item::before { content: ''; position: absolute; inset: 0; background: radial-gradient(240px circle at 100% 0, rgba(var(--c-accent-rgb), .1), transparent 70%); opacity: 0; transition: opacity .3s; }
:where(body.page-solutions) .stack-item:hover { transform: translateY(-3px); border-color: rgba(var(--c-accent-rgb), .5); }
:where(body.page-solutions) .stack-item:hover::before { opacity: 1; }
:where(body.page-solutions) .stack-item i { position: relative; display: block; margin-bottom: 16px; font-size: 22px; color: var(--c-accent); }
:where(body.page-solutions) .stack-item h4 { position: relative; font-family: var(--rs-font-display); color: var(--c-text); font-size: 17px; font-weight: 700; margin-bottom: 6px; }
:where(body.page-solutions) .stack-item p { position: relative; font-size: 14px; line-height: 1.6; color: var(--c-text-muted); }
:where(body.page-solutions) .eng-band {  }
:where(body.page-solutions) .eng-steps { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
:where(body.page-solutions) .eng-steps::before { content: ''; position: absolute; top: 25px; left: 12.5%; right: 12.5%; height: 2px; background: linear-gradient(90deg, var(--c-accent), #06B6D4); }
:where(body.page-solutions) .eng-step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; }
:where(body.page-solutions) .eng-step span { position: relative; z-index: 1; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--c-accent); color: var(--c-on-accent, #fff); font-family: var(--rs-font-display); font-size: 18px; font-weight: 700; border: 4px solid var(--c-bg); box-shadow: 0 10px 24px -10px rgba(var(--c-accent-rgb), .8); }
:where(body.page-solutions) .eng-step > div { flex: 1; width: 100%; margin-top: 18px; padding: 22px 20px; background: var(--c-card); border: 1px solid rgba(var(--c-primary-rgb), .1); border-radius: 10px; box-shadow: 0 18px 40px -28px rgba(10,10,10,.2); }
:where(html[data-theme="dark"]) :where(body.page-solutions) .eng-step > div { border: 1px solid rgba(255,255,255,.1); }
:where(body.page-solutions) .eng-step h4 { font-family: var(--rs-font-display); color: var(--c-text); font-size: 17px; font-weight: 700; margin-bottom: 6px; }
:where(body.page-solutions) .eng-step p { font-size: 14px; line-height: 1.6; color: var(--c-text-muted); }
:where(body.page-solutions) .eng-more { margin-top: 26px; text-align: center; font-size: 14.5px; color: var(--c-text-muted); }
:where(body.page-solutions) .eng-more a { color: var(--c-accent); font-weight: 600; }
@media (max-width: 1100px) {
    :where(body.page-solutions) .eng-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
    :where(body.page-solutions) .sol-grid, :where(body.page-solutions) .stack-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    :where(body.page-solutions) .eng-steps { grid-template-columns: 1fr; gap: 14px; }
    :where(body.page-solutions) .eng-steps::before { top: 26px; bottom: 26px; left: 25px; right: auto; width: 2px; height: auto; }
    :where(body.page-solutions) .eng-step { flex-direction: row; align-items: flex-start; text-align: left; gap: 14px; }
    :where(body.page-solutions) .eng-step span { flex: 0 0 52px; }
    :where(body.page-solutions) .eng-step > div { margin-top: 0; }
}
@media (max-width: 640px) {
    :where(body.page-solutions) .sol-grid, :where(body.page-solutions) .stack-grid { grid-template-columns: 1fr; }
    :where(body.page-solutions) .sol-card i.sol-ico { margin-bottom: 24px; }
}
@media (min-width: 2400px) {
    :where(body.page-solutions) .sol-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    :where(body.page-solutions) .stack-grid { gap: 20px; }
}

/* ======================= page — php_projects.php ======================= */
:where(body.page-php-catalog), :where(body.page-php-catalog) * { margin: 0; padding: 0; box-sizing: border-box; }
html:where(:has(> :is(body.page-php-catalog))) { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
body:where(.page-php-catalog) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--c-text, #1f2937); line-height: 1.6; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
:where(body.page-php-catalog) input, :where(body.page-php-catalog) select, :where(body.page-php-catalog) textarea { font-size: 16px !important; }
:where(body.page-php-catalog) .header { background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary-dark) 100%); padding: 14px 24px; display: flex; align-items: center; justify-content: center; gap: 24px; box-shadow: 0 4px 12px rgba(var(--c-primary-rgb),0.2); position: sticky; top: 0; z-index: 100; }
:where(body.page-php-catalog) .logo { display: flex; align-items: center; gap: 10px; color: var(--c-on-primary, #fff); text-decoration: none; font-size: 18px; font-weight: 700; white-space: nowrap; flex-shrink: 0; position: absolute; left: 24px; }
:where(body.page-php-catalog) .logo img { width: 36px; height: 36px; border-radius: 8px; object-fit: cover; }
:where(body.page-php-catalog) .search-input { flex: 1; border: none; padding: 11px 18px; font-size: 15px; outline: none; font-weight: 500; background: transparent; color: var(--c-text, #1f2937); touch-action: manipulation; }
:where(body.page-php-catalog) .search-input::placeholder { color: var(--c-text-muted, #80868B); font-weight: 400; }
:where(body.page-php-catalog) .search-btn { background: var(--c-accent); border: none; padding: 0 20px; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 42px; transition: background 0.2s; }
:where(body.page-php-catalog) .search-btn:hover { background: var(--c-secondary); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .search-btn:hover { background: var(--c-accent); }
:where(body.page-php-catalog) .search-btn i { color: var(--c-on-accent, #fff); font-size: 16px; }
:where(body.page-php-catalog) .filter-chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 16px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 20px; background: var(--c-card, #fff); font-size: 13px; font-weight: 600; color: var(--c-text-muted, #444746); cursor: pointer; white-space: nowrap; transition: all 0.2s; touch-action: manipulation; }
:where(body.page-php-catalog) .filter-chip:hover { background: var(--c-tint, #F1F3F4); border-color: var(--c-accent); color: var(--c-accent); }
:where(body.page-php-catalog) .filter-chip.active { background: var(--c-accent); color: var(--c-on-accent, #fff); border-color: var(--c-accent); }
:where(body.page-php-catalog) .page-main { max-width: 1400px; margin: 0 auto; padding: 28px 24px; }
:where(body.page-php-catalog) .support-banner { background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 6px; margin-bottom: 16px; padding: 14px 20px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
:where(body.page-php-catalog) .support-banner-item { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--c-text-muted, #3C4043); font-weight: 500; }
:where(body.page-php-catalog) .support-banner-item i.fa-circle-check { color: var(--c-verified, #10b981); font-size: 16px; }
:where(body.page-php-catalog) .support-banner-item i.fa-shield-halved { color: var(--c-primary); font-size: 16px; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .support-banner-item i.fa-shield-halved { color: var(--c-ink); }
:where(body.page-php-catalog) .support-banner-item strong { color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .support-banner-item strong { color: var(--c-ink); }
:where(body.page-php-catalog) .support-info-btn { background: none; border: none; color: var(--c-accent); cursor: pointer; padding: 4px; margin-left: auto; display: flex; align-items: center; gap: 4px; font-weight: 600; font-size: 13px; transition: all 0.2s; touch-action: manipulation; }
:where(body.page-php-catalog) .support-info-btn:hover { color: var(--c-secondary); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .support-info-btn:hover { color: var(--c-ink); }
:where(body.page-php-catalog) .support-info-btn i { font-size: 18px; }
:where(body.page-php-catalog) .support-modal-overlay { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(var(--c-primary-rgb),.55); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s; }
:where(body.page-php-catalog) .support-modal-overlay.active { opacity: 1; visibility: visible; }
:where(body.page-php-catalog) .support-modal { width: 80%; max-width: 1400px; max-height: min(90vh, 900px); display: flex; flex-direction: column; background: var(--c-card, #fff); border-radius: 18px; box-shadow: 0 30px 70px -20px rgba(var(--c-primary-rgb),.5); overflow: hidden; transform: translateY(16px) scale(.98); transition: transform .28s cubic-bezier(.2,.8,.2,1); }
:where(body.page-php-catalog) .support-modal-overlay.active .support-modal { transform: none; }
:where(body.page-php-catalog) .support-modal-header { display: flex; align-items: center; gap: 14px; padding: 18px 22px; background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); color: #fff; }
:where(body.page-php-catalog) .support-modal-header .sm-ico { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); font-size: 18px; color: var(--c-accent-soft, #93c5fd); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .support-modal-header .sm-ico { color: var(--g-link); }
:where(body.page-php-catalog) .support-modal-header h3 { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.2; color: var(--c-on-primary, #fff); }
:where(body.page-php-catalog) .support-modal-header p { margin: 3px 0 0; font-size: 12.5px; color: rgba(255,255,255,.78); }
:where(body.page-php-catalog) .support-modal-close { margin-left: auto; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; border: none; background: rgba(255,255,255,.14); color: #fff; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .2s, transform .2s; }
:where(body.page-php-catalog) .support-modal-close:hover { background: rgba(255,255,255,.28); transform: rotate(90deg); }
:where(body.page-php-catalog) .support-modal-body { padding: 20px 22px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
:where(body.page-php-catalog) .sm-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 18px; }
:where(body.page-php-catalog) .sm-tile { border: 1px solid var(--c-tint-line, #DADCE0); background: var(--c-tint-2, #F8F9FA); border-radius: 12px; padding: 12px 12px 11px; }
:where(body.page-php-catalog) .sm-tile i { font-size: 13px; color: var(--c-accent); }
:where(body.page-php-catalog) .sm-tile b { display: block; margin-top: 6px; font-size: 16px; font-weight: 800; color: var(--c-primary); letter-spacing: -.01em; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .sm-tile b { color: var(--c-ink); }
:where(body.page-php-catalog) .sm-tile span { display: block; margin-top: 2px; font-size: 11.5px; color: var(--c-text-muted, #5F6368); line-height: 1.35; }
:where(body.page-php-catalog) .sm-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
:where(body.page-php-catalog) .sm-sec h4 { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; color: var(--c-text-muted, #5F6368); display: flex; align-items: center; gap: 7px; }
:where(body.page-php-catalog) .sm-sec h4 i.ok { color: var(--c-verified, #10b981); }
:where(body.page-php-catalog) .sm-sec h4 i.no { color: #dc2626; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .sm-sec h4 i.no { color: #EB8484; }
:where(body.page-php-catalog) .support-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 12px; overflow: hidden; }
:where(body.page-php-catalog) .support-list li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-top: 1px solid var(--c-tint-line, #eef2f7); font-size: 13px; line-height: 1.45; color: var(--c-text-muted, #3C4043); }
:where(body.page-php-catalog) .support-list li:first-child { border-top: none; }
:where(body.page-php-catalog) .support-list li i { flex: 0 0 18px; width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; margin-top: 1px; }
:where(body.page-php-catalog) .support-list li i.fa-check { background: var(--c-verified-bg, #ecfdf5); color: var(--c-verified-ink, #047857); }
:where(body.page-php-catalog) .support-list li i.fa-xmark { background: #fef2f2; color: #b91c1c; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .support-list li i.fa-xmark { background: #220C0C; color: #EC8383; }
:where(body.page-php-catalog) .support-list li b { display: block; color: var(--c-primary); font-weight: 700; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .support-list li b { color: var(--c-ink); }
:where(body.page-php-catalog) .sm-steps { margin: 18px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--c-tint, #F1F3F4); }
:where(body.page-php-catalog) .sm-steps h4 { margin: 0 0 10px; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; color: var(--c-text-muted, #5F6368); }
:where(body.page-php-catalog) .sm-steps ol { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
:where(body.page-php-catalog) .sm-steps li { display: flex; gap: 10px; font-size: 12.5px; line-height: 1.45; color: var(--c-text-muted, #3C4043); }
:where(body.page-php-catalog) .sm-steps li span { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; background: var(--c-accent); color: var(--c-on-accent, #fff); font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
:where(body.page-php-catalog) .sm-note { margin: 14px 0 0; font-size: 12px; color: var(--c-text-muted, #5F6368); line-height: 1.5; display: flex; gap: 8px; align-items: flex-start; }
:where(body.page-php-catalog) .sm-note i { color: var(--c-accent); margin-top: 2px; }
:where(body.page-php-catalog) .support-modal-footer { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: flex-end; padding: 14px 22px; border-top: 1px solid var(--c-tint-line, #DADCE0); background: var(--c-tint-2, #F8F9FA); }
:where(body.page-php-catalog) .support-modal-footer .sm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 10px; border: 1px solid var(--c-tint-line, #DADCE0); background: #fff; color: var(--c-primary); font-family: inherit; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; transition: border-color .2s, background .2s, color .2s; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .support-modal-footer .sm-btn { background: #131313; color: var(--c-ink); }
:where(body.page-php-catalog) .support-modal-footer .sm-btn:hover { border-color: var(--c-accent); color: var(--c-accent); }
:where(body.page-php-catalog) .support-modal-footer .sm-btn-primary { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-php-catalog) .support-modal-footer .sm-btn-primary:hover { background: var(--c-accent-strong, var(--c-secondary)); border-color: var(--c-accent-strong, var(--c-secondary)); color: var(--c-on-accent, #fff); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .support-modal-footer .sm-btn-primary:hover { border-color: var(--c-accent-strong, var(--c-ink-line)); }
:where(body.page-php-catalog) .support-modal-footer .sm-btn .sup-num { font-weight: 600; opacity: .8; }
:where(body.page-php-catalog) .support-modal-footer .sm-btn-row { display: contents; }
@media (max-width: 992px) {
    :where(body.page-php-catalog) .sm-tiles { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    :where(body.page-php-catalog) .support-modal-overlay { padding: 0; align-items: flex-end; }
    :where(body.page-php-catalog) .support-modal { width: 100%; max-width: none; max-height: 92vh; border-radius: 18px 18px 0 0; }
    :where(body.page-php-catalog) .support-modal-body { padding: 16px; }
    :where(body.page-php-catalog) .sm-tiles { grid-template-columns: 1fr 1fr; }
    :where(body.page-php-catalog) .sm-cols, :where(body.page-php-catalog) .sm-steps ol { grid-template-columns: 1fr; }
    :where(body.page-php-catalog) .support-modal-footer { padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); }
    :where(body.page-php-catalog) .support-modal-footer .sm-btn { flex: 1 1 calc(50% - 5px); }
}
@media (max-width: 768px) {
    :where(body.page-php-catalog) .support-banner { padding: 8px 10px; gap: 4px 10px; }
    :where(body.page-php-catalog) .support-banner-item { font-size: 11px; gap: 4px; }
    :where(body.page-php-catalog) .support-banner-item i { font-size: 12px; }
    :where(body.page-php-catalog) .support-info-btn { margin-left: 0; min-height: 44px; font-size: 11px; }
    :where(body.page-php-catalog) .support-info-btn i { font-size: 14px; }
}
:where(body.page-php-catalog) .results-info { color: var(--c-text-muted, #5F6368); font-size: 14px; font-weight: 500; }
:where(body.page-php-catalog) .results-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 16px; }
:where(body.page-php-catalog) .view-toggle { display: flex; gap: 4px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 8px; padding: 4px; flex-shrink: 0; }
:where(body.page-php-catalog) .view-toggle-btn { background: transparent; border: none; padding: 8px 12px; border-radius: 6px; cursor: pointer; color: var(--c-text-muted, #5F6368); font-size: 16px; transition: all 0.2s ease; touch-action: manipulation; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; }
:where(body.page-php-catalog) .view-toggle-btn:hover { color: var(--c-accent); background: var(--c-tint, #F1F3F4); }
:where(body.page-php-catalog) .view-toggle-btn.active { background: var(--c-primary); color: var(--c-on-primary, #fff); box-shadow: 0 2px 4px rgba(var(--c-primary-rgb),0.3); }
:where(body.page-php-catalog) .videos-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 32px; }
:where(body.page-php-catalog) .grid-subscribe-banner { grid-column: 1 / -1; background: linear-gradient(135deg, #ffcdd2 0%, #ef9a9a 100%); padding: 18px 25px; box-shadow: 0 4px 20px rgba(239, 83, 80, 0.3); border-radius: 15px; position: relative; overflow: hidden; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .grid-subscribe-banner { background: linear-gradient(135deg, #350F13 0%, #4D1E1E 100%); }
:where(body.page-php-catalog) .grid-subscribe-banner::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: shimmer 3s infinite; }
@keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } }
:where(body.page-php-catalog) .grid-banner-content { display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative; z-index: 1; }
:where(body.page-php-catalog) .grid-banner-left { display: flex; align-items: center; gap: 15px; flex: 1; }
:where(body.page-php-catalog) .grid-banner-emoji { font-size: 42px; animation: bannerBounce 2s ease-in-out infinite; }
@keyframes bannerBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
:where(body.page-php-catalog) .grid-banner-message { color: #b71c1c; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .grid-banner-message { color: #EC8383; }
:where(body.page-php-catalog) .grid-banner-main { font-size: 17px; font-weight: 600; margin-bottom: 4px; line-height: 1.4; }
:where(body.page-php-catalog) .grid-banner-main strong { font-weight: 800; color: #c62828; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .grid-banner-main strong { color: #E78888; }
:where(body.page-php-catalog) .grid-banner-sub { font-size: 14px; font-weight: 500; color: #d32f2f; font-style: italic; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .grid-banner-sub { color: #E68989; }
:where(body.page-php-catalog) .grid-banner-btn { background: linear-gradient(135deg, #ef5350 0%, #c62828 100%); color: white; padding: 12px 28px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 15px; box-shadow: 0 4px 15px rgba(239, 83, 80, 0.4); transition: all 0.3s ease; display: inline-flex; align-items: center; white-space: nowrap; border: 2px solid transparent; }
:where(body.page-php-catalog) .grid-banner-btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 6px 25px rgba(239, 83, 80, 0.6); background: linear-gradient(135deg, #f44336 0%, #b71c1c 100%); border-color: white; color: white; }
@media (max-width: 768px) {
    :where(body.page-php-catalog) .grid-banner-content { flex-direction: column; text-align: center; }
    :where(body.page-php-catalog) .grid-banner-left { flex-direction: column; }
    :where(body.page-php-catalog) .grid-banner-emoji { font-size: 32px; }
    :where(body.page-php-catalog) .grid-banner-main { font-size: 15px; }
}
:where(body.page-php-catalog) .video-card { background: var(--c-card, #fff); border-radius: 16px; padding: 12px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.08); transition: all 0.3s ease; display: flex; flex-direction: column; touch-action: manipulation; }
:where(body.page-php-catalog) .video-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.12); }
:where(body.page-php-catalog) .videos-grid.list-view { grid-template-columns: 1fr; gap: 16px; }
:where(body.page-php-catalog) .videos-grid.list-view .video-card { flex-direction: row; }
:where(body.page-php-catalog) .videos-grid.list-view .video-card:hover { transform: translateX(4px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
:where(body.page-php-catalog) .videos-grid.list-view .video-thumbnail { width: 280px; min-width: 280px; padding-bottom: 0; height: 158px; flex-shrink: 0; }
:where(body.page-php-catalog) .videos-grid.list-view .card-info { padding: 16px; flex: 1; min-width: 0; }
:where(body.page-php-catalog) .videos-grid.list-view .video-title { font-size: 17px; -webkit-line-clamp: 1; margin-bottom: 8px; }
:where(body.page-php-catalog) .videos-grid.list-view .video-meta { margin-bottom: 8px; }
:where(body.page-php-catalog) .videos-grid.list-view .card-footer { width: 240px; min-width: 240px; flex-shrink: 0; border-top: none; border-left: 1px solid var(--c-tint, #F1F3F4); padding: 16px; justify-content: center; margin-top: 0; }
:where(body.page-php-catalog) .videos-grid.list-view .card-actions-row { grid-template-columns: 1fr 1fr; }
:where(body.page-php-catalog) .videos-grid.list-view .card-actions-row.three-col { grid-template-columns: 1fr 1fr 1fr; }
:where(body.page-php-catalog) .videos-grid.list-view .grid-subscribe-banner { grid-column: 1 / -1; }
:where(body.page-php-catalog) .videos-grid.list-view .skeleton-card { display: flex; flex-direction: row; gap: 16px; }
:where(body.page-php-catalog) .videos-grid.list-view .skeleton-thumbnail { width: 280px; min-width: 280px; height: 158px; margin-bottom: 0; flex-shrink: 0; }
html.prefer-list-view :where(body.page-php-catalog) .videos-grid { grid-template-columns: 1fr; gap: 16px; }
html.prefer-list-view :where(body.page-php-catalog) .video-card { flex-direction: row; }
html.prefer-list-view :where(body.page-php-catalog) .video-thumbnail { width: 280px; min-width: 280px; padding-bottom: 0; height: 158px; flex-shrink: 0; }
html.prefer-list-view :where(body.page-php-catalog) .card-info { flex: 1; min-width: 0; padding: 16px; }
html.prefer-list-view :where(body.page-php-catalog) .card-footer { width: 240px; min-width: 240px; border-top: none; border-left: 1px solid var(--c-tint, #F1F3F4); padding: 16px; margin-top: 0; }
:where(body.page-php-catalog) .videos-grid.list-view .video-card, html.prefer-list-view :where(body.page-php-catalog) .video-card { padding: 0; }
:where(body.page-php-catalog) .videos-grid.list-view .video-thumbnail, html.prefer-list-view :where(body.page-php-catalog) .video-thumbnail { border-radius: 0; }
:where(body.page-php-catalog) .videos-grid.list-view .video-title, html.prefer-list-view :where(body.page-php-catalog) .video-title { min-height: 0; }
:where(body.page-php-catalog) .video-thumbnail { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 12px; background: linear-gradient(135deg, var(--c-primary, #1F1F1F) 0%, var(--c-secondary, #3C4043) 100%); overflow: hidden; }
:where(body.page-php-catalog) .video-thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
:where(body.page-php-catalog) .video-card:hover .video-thumbnail img { transform: scale(1.05); }
:where(body.page-php-catalog) .preview-overlay { position: absolute; inset: 0; background: rgba(var(--c-primary-rgb),0.6); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; z-index: 1; }
:where(body.page-php-catalog) .video-card:hover .preview-overlay { opacity: 1; }
:where(body.page-php-catalog) .preview-overlay-btn { background: var(--c-card, #fff); color: var(--c-primary); border: none; padding: 12px 24px; border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: transform 0.2s; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .preview-overlay-btn { color: var(--c-ink); }
:where(body.page-php-catalog) .preview-overlay-btn:hover { transform: scale(1.05); }
:where(body.page-php-catalog) .card-info { padding: 12px 0 0; flex: 1; display: flex; flex-direction: column; }
:where(body.page-php-catalog) .video-title { font-size: 15px; font-weight: 600; color: var(--c-text, #1F1F1F); line-height: 1.4; margin-bottom: 8px; min-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
:where(body.page-php-catalog) .video-meta { font-size: 13px; color: var(--c-text-muted, #5F6368); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
:where(body.page-php-catalog) .video-category { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; background: var(--c-tint, #F1F3F4); border-radius: 10px; font-size: 11px; font-weight: 600; color: var(--c-text-muted, #444746); }
:where(body.page-php-catalog) .plan-badges-wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
:where(body.page-php-catalog) .plan-badge { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 4px 8px; background: linear-gradient(135deg, var(--c-tint) 0%, var(--c-tint-2) 100%); border: 1px solid var(--c-tint-line); border-radius: 10px; font-size: 9px; font-weight: 600; color: var(--c-accent); cursor: pointer; transition: all 0.2s; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(body.page-php-catalog) .plan-badge:hover { background: linear-gradient(135deg, var(--c-tint-2) 0%, var(--c-tint-line) 100%); border-color: var(--c-accent); transform: translateY(-1px); }
:where(body.page-php-catalog) .plan-badge i { font-size: 9px; color: #f59e0b; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .plan-badge i { color: #F4C77B; }
:where(body.page-php-catalog) .plans-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 10000; justify-content: center; align-items: center; padding: 20px; }
:where(body.page-php-catalog) .plans-modal-overlay.active { display: flex; }
:where(body.page-php-catalog) .swal2-container { z-index: 20000 !important; }
:where(body.page-php-catalog) .plans-modal { background: var(--c-card, #fff); border-radius: 16px; max-width: 700px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; }
:where(body.page-php-catalog) .plans-modal-header { background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); color: var(--c-on-primary, #fff); padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; }
:where(body.page-php-catalog) .plans-modal-header h3 { margin: 0; font-size: 18px; display: flex; align-items: center; gap: 8px; }
:where(body.page-php-catalog) .plans-modal-close { background: none; border: none; color: var(--c-on-primary, #fff); font-size: 24px; cursor: pointer; opacity: 0.7; transition: opacity 0.2s; padding: 0 4px; }
:where(body.page-php-catalog) .plans-modal-close:hover { opacity: 1; }
:where(body.page-php-catalog) .plans-modal-info { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); border-bottom: 1px solid #a7f3d0; padding: 14px 24px; display: flex; align-items: center; gap: 10px; font-size: 13px; color: #065f46; font-weight: 500; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .plans-modal-info { background: linear-gradient(135deg, #0E251A 0%, #133222 100%); border-bottom: 1px solid #295B44; color: #7BF4D2; }
:where(body.page-php-catalog) .plans-modal-info i { font-size: 18px; color: #10b981; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .plans-modal-info i { color: #7CF4CC; }
:where(body.page-php-catalog) .plans-modal-body { flex: 1; overflow-y: auto; padding: 20px 24px; }
:where(body.page-php-catalog) .plans-modal-body h4 { margin: 0 0 14px 0; font-size: 15px; color: var(--c-text, #1f2937); display: flex; align-items: center; gap: 6px; }
:where(body.page-php-catalog) .plan-card { border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; padding: 14px 16px; margin-bottom: 10px; transition: all 0.2s; display: flex; align-items: center; gap: 14px; }
:where(body.page-php-catalog) .plan-card:hover { border-color: var(--c-accent); box-shadow: 0 2px 12px rgba(var(--c-accent-rgb),0.1); cursor: pointer; }
:where(body.page-php-catalog) .plan-card.selected { border-color: var(--c-accent); background: var(--c-tint); box-shadow: 0 2px 12px rgba(var(--c-accent-rgb),0.15); }
:where(body.page-php-catalog) .plan-card.selected .plan-card-icon { background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-primary) 100%); }
:where(body.page-php-catalog) .plan-card-icon { width: 42px; height: 42px; border-radius: 10px; background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-accent) 100%); display: flex; align-items: center; justify-content: center; color: var(--c-on-accent, #fff); font-size: 18px; flex-shrink: 0; }
:where(body.page-php-catalog) .plan-card-details { flex: 1; min-width: 0; }
:where(body.page-php-catalog) .plan-card-name { font-size: 14px; font-weight: 700; color: var(--c-text, #1f2937); margin-bottom: 2px; }
:where(body.page-php-catalog) .plan-card-meta { font-size: 11px; color: var(--c-text-muted, #5F6368); display: flex; gap: 10px; flex-wrap: wrap; }
:where(body.page-php-catalog) .plan-card-meta span { display: inline-flex; align-items: center; gap: 3px; }
:where(body.page-php-catalog) .plan-card-price { font-size: 15px; font-weight: 700; color: var(--c-accent); white-space: nowrap; }
:where(body.page-php-catalog) .plans-modal-footer { border-top: 1px solid var(--c-tint-line, #DADCE0); padding: 16px 24px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
:where(body.page-php-catalog) .plans-modal-footer a, :where(body.page-php-catalog) .plans-modal-footer button { display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none; transition: all 0.2s; cursor: pointer; border: none; }
:where(body.page-php-catalog) .plans-modal-btn-wa { background: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-php-catalog) .plans-modal-btn-wa:hover { background: var(--c-secondary); color: var(--c-on-primary, #fff); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .plans-modal-btn-wa:hover { background: var(--c-accent); }
:where(body.page-php-catalog) .plans-modal-btn-more { background: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-php-catalog) .plans-modal-btn-more:hover { background: var(--c-secondary); color: var(--c-on-primary, #fff); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .plans-modal-btn-more:hover { background: var(--c-accent); }
:where(body.page-php-catalog) .plans-modal-btn-close { background: var(--c-tint, #F1F3F4); color: var(--c-text-muted, #444746); }
:where(body.page-php-catalog) .plans-modal-btn-close:hover { background: var(--c-tint-line, #DADCE0); color: var(--c-text, #1f2937); }
@media (max-width: 768px) {
    :where(body.page-php-catalog) .plans-modal { max-height: 95vh; border-radius: 12px; }
    :where(body.page-php-catalog) .plans-modal-header { padding: 14px 16px; }
    :where(body.page-php-catalog) .plans-modal-header h3 { font-size: 15px; }
    :where(body.page-php-catalog) .plans-modal-info { padding: 10px 16px; font-size: 12px; }
    :where(body.page-php-catalog) .plans-modal-body { padding: 14px 16px; }
    :where(body.page-php-catalog) .plan-card { padding: 10px 12px; gap: 10px; }
    :where(body.page-php-catalog) .plan-card-icon { width: 34px; height: 34px; font-size: 14px; }
    :where(body.page-php-catalog) .plan-card-name { font-size: 12px; }
    :where(body.page-php-catalog) .plan-card-meta { font-size: 10px; }
    :where(body.page-php-catalog) .plan-card-price { font-size: 13px; }
    :where(body.page-php-catalog) .plans-modal-footer { padding: 12px 16px; flex-direction: column; }
    :where(body.page-php-catalog) .plans-modal-footer a { justify-content: center; }
}
:where(body.page-php-catalog) .card-footer { padding: 12px 0 0; border-top: 1px solid var(--c-tint, #F1F3F4); display: flex; flex-direction: column; gap: 8px; margin-top: auto; }
:where(body.page-php-catalog) .card-actions { display: flex; flex-direction: column; gap: 8px; width: 100%; }
:where(body.page-php-catalog) .card-actions-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
:where(body.page-php-catalog) .card-actions-row.three-col { grid-template-columns: 1fr 1fr 1fr; }
:where(body.page-php-catalog) .card-btn { display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 8px 12px; border-radius: 8px; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; transition: all 0.2s ease; border: none; white-space: nowrap; touch-action: manipulation; }
:where(body.page-php-catalog) .card-btn-preview { background: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-php-catalog) .card-btn-preview:hover { background: var(--c-secondary); color: var(--c-on-primary, #fff); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .card-btn-preview:hover { background: var(--c-accent); }
:where(body.page-php-catalog) .card-btn-info { background: #0EA5E9; color: white; }
:where(body.page-php-catalog) .card-btn-info:hover { background: #4338ca; color: white; }
:where(body.page-php-catalog) .card-btn-demo { background: linear-gradient(135deg, #10b981 0%, #047857 100%); color: white; }
:where(body.page-php-catalog) .card-btn-demo:hover { background: #047857; color: white; }
:where(body.page-php-catalog) .card-btn-contact { background: var(--c-support, #25D366); color: white; width: 100%; }
:where(body.page-php-catalog) .card-btn-contact:hover { background: var(--c-support-dark, #128C7E); color: white; }
:where(body.page-php-catalog) .pagination { display: flex; justify-content: center; align-items: center; gap: 12px; margin: 40px 0; }
:where(body.page-php-catalog) .pagination-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 22px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: var(--c-card, #fff); color: var(--c-text, #1f2937); font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.3s; cursor: pointer; box-shadow: 0 2px 8px rgba(var(--c-accent-rgb),0.1); touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
:where(body.page-php-catalog) .pagination-btn:hover:not(.disabled) { background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-secondary) 100%); border-color: var(--c-accent); color: var(--c-on-accent, #fff); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(var(--c-accent-rgb),0.3); }
:where(body.page-php-catalog) .pagination-btn.disabled { opacity: 0.4; cursor: not-allowed; box-shadow: none; }
:where(body.page-php-catalog) .pagination-info { font-size: 15px; color: var(--c-text, #1f2937); font-weight: 600; padding: 0 20px; }
:where(body.page-php-catalog) .empty-state { text-align: center; padding: 80px 20px; color: var(--c-text-muted, #5F6368); }
:where(body.page-php-catalog) .empty-state i { font-size: 64px; color: var(--c-tint-line); margin-bottom: 16px; }
:where(body.page-php-catalog) .empty-state h3 { font-size: 20px; margin-bottom: 8px; color: var(--c-text, #1f2937); font-weight: 600; }
:where(body.page-php-catalog) .skeleton { background: linear-gradient(90deg, var(--c-tint, #f0f0f0) 25%, var(--c-tint-line, #e0e0e0) 50%, var(--c-tint, #f0f0f0) 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s ease-in-out infinite; border-radius: 12px; }
@keyframes skeleton-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
:where(body.page-php-catalog) .skeleton-card { background: var(--c-card, #fff); border: 2px solid var(--c-tint-line, #DADCE0); border-radius: 16px; padding: 12px; box-shadow: 0 2px 8px rgba(var(--c-primary-rgb),0.08); }
:where(body.page-php-catalog) .skeleton-thumbnail { width: 100%; padding-bottom: 56.25%; background: linear-gradient(90deg, var(--c-tint, #f0f0f0) 25%, var(--c-tint-line, #e0e0e0) 50%, var(--c-tint, #f0f0f0) 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s ease-in-out infinite; border-radius: 12px; margin-bottom: 12px; }
:where(body.page-php-catalog) .skeleton-text { height: 16px; margin-bottom: 8px; background: linear-gradient(90deg, var(--c-tint, #f0f0f0) 25%, var(--c-tint-line, #e0e0e0) 50%, var(--c-tint, #f0f0f0) 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s ease-in-out infinite; border-radius: 10px; }
:where(body.page-php-catalog) .skeleton-text-short { width: 60%; }
:where(body.page-php-catalog) .search-loading { position: absolute; right: 65px; top: 50%; transform: translateY(-50%); display: none; pointer-events: none; }
:where(body.page-php-catalog) .search-loading.active { display: block; }
:where(body.page-php-catalog) .search-loading i { color: var(--c-accent); font-size: 18px; }
@media (max-width: 1600px) {
    :where(body.page-php-catalog) .videos-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1200px) {
    :where(body.page-php-catalog) .videos-grid { grid-template-columns: repeat(2, 1fr); }
    :where(body.page-php-catalog) .videos-grid.list-view .video-thumbnail, html.prefer-list-view :where(body.page-php-catalog) .video-thumbnail { width: 220px; min-width: 220px; height: 124px; }
    :where(body.page-php-catalog) .videos-grid.list-view .card-footer, html.prefer-list-view :where(body.page-php-catalog) .card-footer { width: 200px; min-width: 200px; }
}
@media (max-width: 1024px) {
    :where(body.page-php-catalog) .header { gap: 16px; }
}
@media (max-width: 768px) {
    :where(body.page-php-catalog) .header { padding: 12px 16px; gap: 12px; justify-content: center; flex-wrap: wrap; }
    :where(body.page-php-catalog) .logo { font-size: 18px; }
    :where(body.page-php-catalog) .logo i { font-size: 24px; }
    :where(body.page-php-catalog) .search-input { padding: 10px 16px; font-size: 16px; }
    :where(body.page-php-catalog) .search-btn { padding: 0 18px; }
    :where(body.page-php-catalog) .search-btn i { font-size: 16px; }
    :where(body.page-php-catalog) .videos-grid { grid-template-columns: 1fr; gap: 16px; }
    :where(body.page-php-catalog) .videos-grid.list-view .video-card, html.prefer-list-view :where(body.page-php-catalog) .video-card { flex-direction: column; }
    :where(body.page-php-catalog) .videos-grid.list-view .video-thumbnail, html.prefer-list-view :where(body.page-php-catalog) .video-thumbnail { width: 100%; min-width: unset; padding-bottom: 56.25%; height: auto; }
    :where(body.page-php-catalog) .videos-grid.list-view .card-footer, html.prefer-list-view :where(body.page-php-catalog) .card-footer { width: 100%; min-width: unset; border-left: none; border-top: 1px solid var(--c-tint, #F1F3F4); padding: 12px 0 0; }
    :where(body.page-php-catalog) .videos-grid.list-view .video-card, html.prefer-list-view :where(body.page-php-catalog) .video-card { padding: 12px; }
    :where(body.page-php-catalog) .videos-grid.list-view .video-thumbnail, html.prefer-list-view :where(body.page-php-catalog) .video-thumbnail { border-radius: 12px; }
    :where(body.page-php-catalog) .videos-grid.list-view .card-info, html.prefer-list-view :where(body.page-php-catalog) .card-info { padding: 12px 0 0; }
    :where(body.page-php-catalog) .videos-grid.list-view .video-title { font-size: 14px; -webkit-line-clamp: 2; }
    :where(body.page-php-catalog) .videos-grid.list-view .skeleton-card { flex-direction: column; }
    :where(body.page-php-catalog) .videos-grid.list-view .skeleton-thumbnail { width: 100%; min-width: unset; height: 180px; }
    :where(body.page-php-catalog) .view-toggle-btn { padding: 6px 10px; font-size: 14px; }
    :where(body.page-php-catalog) .results-header { flex-wrap: wrap; }
    :where(body.page-php-catalog) .filter-chip { font-size: 13px; padding: 7px 14px; }
    :where(body.page-php-catalog) .page-main { padding: 16px; }
}
@media (max-width: 480px) {
    :where(body.page-php-catalog) .header { padding: 10px 12px; gap: 8px; flex-wrap: wrap; justify-content: center; }
    :where(body.page-php-catalog) .logo { flex: 0 0 auto; position: static; left: auto; }
    :where(body.page-php-catalog) .logo span { display: none; }
    :where(body.page-php-catalog) .search-input { padding: 10px 12px; font-size: 16px; }
    :where(body.page-php-catalog) .search-input::placeholder { font-size: 16px; }
    :where(body.page-php-catalog) .search-btn { padding: 0 16px; }
    :where(body.page-php-catalog) .search-btn i { font-size: 15px; }
    :where(body.page-php-catalog) .search-loading { right: 50px; }
    :where(body.page-php-catalog) .filter-chip { font-size: 12px; padding: 6px 12px; }
    :where(body.page-php-catalog) .filter-chip i { font-size: 11px; }
    :where(body.page-php-catalog) .page-main { padding: 12px; }
    :where(body.page-php-catalog) .results-info { font-size: 13px; }
    :where(body.page-php-catalog) .video-title { font-size: 14px; }
    :where(body.page-php-catalog) .video-meta { font-size: 12px; }
    :where(body.page-php-catalog) .card-btn { font-size: 11px; padding: 8px; }
}
:where(body.page-php-catalog) .video-modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: stretch; z-index: 1000; padding: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
:where(body.page-php-catalog) .video-modal-overlay.active { opacity: 1; visibility: visible; }
:where(body.page-php-catalog) .video-modal { background: var(--c-card, #fff); border-radius: 0; width: 100%; height: 100%; display: flex; flex-direction: column; box-shadow: none; transform: translateY(20px); transition: all 0.3s ease; }
:where(body.page-php-catalog) .video-modal-overlay.active .video-modal { transform: translateY(0); }
:where(body.page-php-catalog) .video-modal-header { padding: 20px 24px; background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); color: var(--c-on-primary, #fff); display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-shrink: 0; }
:where(body.page-php-catalog) .video-modal-header h3 { font-size: 17px; font-weight: 600; line-height: 1.4; margin: 0; flex: 1; }
:where(body.page-php-catalog) .video-modal-close { background: rgba(255,255,255,0.15); border: none; color: var(--c-on-primary, #fff); font-size: 18px; cursor: pointer; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s; flex-shrink: 0; }
:where(body.page-php-catalog) .video-modal-close:hover { background: rgba(255,255,255,0.3); transform: rotate(90deg); }
:where(body.page-php-catalog) #videoModalContent { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; min-height: 0; }
:where(body.page-php-catalog) .video-modal-body { padding: 20px 24px; }
:where(body.page-php-catalog) .video-modal-description { font-size: 14px; color: var(--c-text-muted, #3C4043); line-height: 1.8; word-break: break-word; }
:where(body.page-php-catalog) .video-modal-description a { color: var(--c-accent); text-decoration: none; }
:where(body.page-php-catalog) .video-modal-description a:hover { text-decoration: none; }
:where(body.page-php-catalog) .video-modal-footer { padding: 16px 24px; border-top: 1px solid var(--c-tint-line, #DADCE0); display: flex; gap: 10px; justify-content: flex-end; background: var(--c-tint-2, #F8F9FA); flex-shrink: 0; }
:where(body.page-php-catalog) .video-modal-btn { padding: 10px 20px; border: none; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s; touch-action: manipulation; }
:where(body.page-php-catalog) .video-modal-btn-primary { background: #ea4335; color: white; }
:where(body.page-php-catalog) .video-modal-btn-primary:hover { background: #d33426; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(234,67,53,0.3); }
:where(body.page-php-catalog) .video-modal-btn-secondary { background: var(--c-tint-line, #DADCE0); color: var(--c-text-muted, #444746); }
:where(body.page-php-catalog) .video-modal-btn-secondary:hover { background: #C4C7C5; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .video-modal-btn-secondary:hover { background: #343635; }
:where(body.page-php-catalog) .video-modal-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 24px; gap: 16px; }
:where(body.page-php-catalog) .video-modal-loading .spinner { width: 40px; height: 40px; border: 4px solid var(--c-tint-line, #DADCE0); border-top: 4px solid var(--c-primary); border-radius: 50%; animation: spin 0.8s linear infinite; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .video-modal-loading .spinner { border-top: 4px solid var(--c-ink-line); }
@keyframes spin { to { transform: rotate(360deg); } }
:where(body.page-php-catalog) .video-modal-loading p { color: var(--c-text-muted, #5F6368); font-size: 14px; }
:where(body.page-php-catalog) .video-modal-error { text-align: center; padding: 40px 24px; }
:where(body.page-php-catalog) .video-modal-error i { font-size: 48px; color: #ea4335; margin-bottom: 16px; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .video-modal-error i { color: #F2877E; }
:where(body.page-php-catalog) .video-modal-error h4 { color: var(--c-text, #1F1F1F); margin-bottom: 8px; font-size: 18px; }
:where(body.page-php-catalog) .video-modal-error p { color: var(--c-text-muted, #5F6368); font-size: 14px; }
@media (max-width: 768px) {
    :where(body.page-php-catalog) .video-modal-header { padding: 16px 18px; }
    :where(body.page-php-catalog) .video-modal-header h3 { font-size: 15px; }
    :where(body.page-php-catalog) .video-modal-body { padding: 16px 18px; }
    :where(body.page-php-catalog) .video-modal-footer { padding: 14px 18px; flex-direction: column; }
    :where(body.page-php-catalog) .video-modal-btn { justify-content: center; }
}
:where(body.page-php-catalog) #searchForm .search-input { border: 1.5px solid var(--c-tint-line, #dbe7f5); background: var(--c-tint-2, #f8fbff); border-radius: 12px; font-weight: 500; transition: border-color .2s, box-shadow .2s, background .2s; }
:where(body.page-php-catalog) #searchForm .search-input:focus { border-color: var(--c-accent); background: var(--c-card, #fff); box-shadow: 0 0 0 4px rgba(var(--c-accent-rgb),.14); }
:where(body.page-php-catalog) #searchForm .search-btn { background: linear-gradient(135deg, var(--c-accent), var(--c-secondary)); border-radius: 12px; transition: transform .2s, box-shadow .2s; }
:where(body.page-php-catalog) #searchForm .search-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(var(--c-accent-rgb),.4); }
:where(body.page-php-catalog) #searchForm .filter-chip { background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); color: var(--c-text-muted, #3C4043); box-shadow: 0 1px 2px rgba(var(--c-primary-rgb),.05); transition: all .2s ease; }
:where(body.page-php-catalog) #searchForm .filter-chip:hover { border-color: var(--c-accent); color: var(--c-accent); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(var(--c-accent-rgb),.15); }
:where(body.page-php-catalog) #searchForm .filter-chip.active { background: linear-gradient(135deg, var(--c-accent), var(--c-secondary)); border-color: var(--c-accent); color: #fff; box-shadow: 0 6px 16px rgba(var(--c-accent-rgb),.35); }
:where(body.page-php-catalog) #searchForm .filter-chip.active i { color: var(--c-accent-soft); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) #searchForm .filter-chip.active i { color: var(--g-link); }
:where(body.page-php-catalog) .results-header { background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #e6edf7); border-radius: 14px; padding: 12px 16px; box-shadow: 0 4px 16px rgba(var(--c-primary-rgb),.06); flex-wrap: wrap; margin-bottom: 14px; }
:where(body.page-php-catalog) .results-info { color: var(--c-text-muted, #444746); }
:where(body.page-php-catalog) .results-info strong { color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .results-info strong { color: var(--c-ink); }
:where(body.page-php-catalog) .results-tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
:where(body.page-php-catalog) .view-toggle { border-radius: 10px; }
:where(body.page-php-catalog) .active-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
:where(body.page-php-catalog) .active-filters[hidden] { display: none; }
:where(body.page-php-catalog) .af-pill { display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(135deg, var(--c-tint, #eaf4ff), var(--c-tint-2)); border: 1px solid #b6d7f7; color: var(--c-accent-strong, #0b4f8a); font-size: 12.5px; font-weight: 700; padding: 6px 7px 6px 13px; border-radius: 999px; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .af-pill { border: 1px solid #253D56; }
:where(body.page-php-catalog) .af-pill .af-ic { color: var(--c-accent); font-size: 11px; }
:where(body.page-php-catalog) .af-x { width: 20px; height: 20px; border-radius: 50%; border: none; background: rgba(var(--c-accent-rgb),.15); color: #0b4f8a; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; padding: 0; transition: all .15s; touch-action: manipulation; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .af-x { color: #7BBCF4; }
:where(body.page-php-catalog) .af-x:hover { background: #dc2626; color: #fff; }
:where(body.page-php-catalog) .af-clear { background: #fff5f5; border-color: #fecaca; color: #dc2626; cursor: pointer; font-family: inherit; padding: 6px 13px; transition: all .2s; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .af-clear { background: #220A0A; border-color: #501C1C; color: #EB8484; }
:where(body.page-php-catalog) .af-clear .af-ic { color: inherit; }
:where(body.page-php-catalog) .af-clear:hover { background: #dc2626; color: #fff; border-color: #dc2626; }
:where(body.page-php-catalog) .video-card { border: 1px solid var(--c-tint-line, #e8eef7); border-radius: 16px; box-shadow: 0 2px 10px rgba(var(--c-primary-rgb),.05); }
:where(body.page-php-catalog) .video-card:hover { transform: translateY(-5px); border-color: rgba(var(--c-accent-rgb),.45); box-shadow: 0 18px 40px -12px rgba(var(--c-primary-rgb),.25); }
:where(body.page-php-catalog) .video-title { font-weight: 700; }
:where(body.page-php-catalog) .video-title a:hover { color: var(--c-accent) !important; }
:where(body.page-php-catalog) .video-category { border-radius: 999px; padding: 4px 8px; background: var(--c-tint, #eef4fb); color: var(--c-text-muted, #33475b); border: 1px solid var(--c-tint-line, #e0eaf5); }
:where(body.page-php-catalog) .plan-badge { border-radius: 999px; }
:where(body.page-php-catalog) .card-btn { border-radius: 8px; }
:where(body.page-php-catalog) .card-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(var(--c-primary-rgb),.18); }
:where(body.page-php-catalog) .card-btn-preview { background: linear-gradient(135deg, var(--c-accent), var(--c-accent-strong)); }
:where(body.page-php-catalog) .card-btn-contact { background: linear-gradient(135deg, var(--c-support, #25D366), var(--c-support-dark, #128C7E)); }
:where(body.page-php-catalog) .preview-overlay { background: rgba(0,21,41,.62); backdrop-filter: blur(2px); }
:where(body.page-php-catalog) .preview-overlay-btn { border-radius: 999px; box-shadow: 0 10px 26px rgba(0,0,0,.35); }
:where(body.page-php-catalog) .code-chip { position: absolute; top: 8px; left: 8px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; background: rgba(0,21,41,.78); backdrop-filter: blur(6px); color: var(--c-accent-soft); border: 1px solid rgba(124,196,255,.35); padding: 4px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .5px; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .code-chip { color: var(--g-link); }
:where(body.page-php-catalog) .code-chip i { font-size: 9px; }
:where(body.page-php-catalog) .free-flag { position: absolute; top: 8px; right: 8px; z-index: 2; background: linear-gradient(135deg, #22c55e, #15803d); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .6px; padding: 4px 8px; border-radius: 999px; box-shadow: 0 4px 10px rgba(34,197,94,.35); text-transform: uppercase; }
:where(body.page-php-catalog) .videos-grid.list-view .video-card:hover, html.prefer-list-view :where(body.page-php-catalog) .video-card:hover { transform: translateY(-2px); }
@media (min-width: 769px) {
    :where(body.page-php-catalog) .videos-grid.list-view .video-title { font-size: 17px; }
    :where(body.page-php-catalog) .videos-grid.list-view .card-info { padding: 20px; justify-content: center; }
    :where(body.page-php-catalog) .videos-grid.list-view .card-footer, html.prefer-list-view :where(body.page-php-catalog) .card-footer { padding: 20px; background: var(--c-tint-2, #fbfdff); border-left: 1px solid var(--c-tint-line, #eef3fa); }
}
@media (max-width: 640px) {
    :where(body.page-php-catalog) .results-header { padding: 10px 12px; }
}
:where(body.page-php-catalog) .card-actions-row.has-open { grid-template-columns: 1fr 1fr auto; }
:where(body.page-php-catalog) .card-actions-row.has-open.three-col { grid-template-columns: 1fr 1fr 1fr auto; }
:where(body.page-php-catalog) .videos-grid.list-view .card-actions-row.has-open, html.prefer-list-view :where(body.page-php-catalog) .card-actions-row.has-open { grid-template-columns: 1fr 1fr auto; }
:where(body.page-php-catalog) .videos-grid.list-view .card-actions-row.has-open.three-col, html.prefer-list-view :where(body.page-php-catalog) .card-actions-row.has-open.three-col { grid-template-columns: 1fr 1fr 1fr auto; }
:where(body.page-php-catalog) .card-btn-open { width: 40px; padding: 8px 0; background: var(--c-tint-2, #f4f8fd); border: 1px solid var(--c-tint-line, #dde8f5); color: var(--c-primary); font-size: 13px; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .card-btn-open { color: var(--c-ink); }
:where(body.page-php-catalog) .card-btn-open:hover { background: var(--c-card, #fff); border-color: var(--c-accent); color: var(--c-accent); }
:where(body.page-php-catalog) .cat-toolbar { display: flex; flex-direction: column; gap: 10px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #e6edf5); border-radius: 14px; padding: 12px 14px; margin: 0 0 16px; box-shadow: 0 1px 2px rgba(var(--c-primary-rgb),.04), 0 8px 22px rgba(var(--c-primary-rgb),.05); }
:where(body.page-php-catalog) .cat-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
:where(body.page-php-catalog) .tb-search, :where(body.page-php-catalog) .tb-sel { position: relative; display: flex; align-items: center; }
:where(body.page-php-catalog) .tb-search { flex: 1 1 260px; min-width: 200px; }
:where(body.page-php-catalog) .tb-search > i, :where(body.page-php-catalog) .tb-sel > i { position: absolute; left: 12px; font-size: 13px; color: var(--c-text-muted, #80868B); pointer-events: none; }
:where(body.page-php-catalog) .tb-sel > .tb-caret { left: auto; right: 11px; font-size: 10px; }
:where(body.page-php-catalog) .tb-search input, :where(body.page-php-catalog) .tb-sel select { height: 40px; width: 100%; padding: 0 12px 0 34px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: #fff; color: var(--c-primary); font-weight: 600; font-size: 13.5px; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .tb-search input, :where(html[data-theme="dark"]) :where(body.page-php-catalog) .tb-sel select { background: #131313; color: var(--c-ink); }
:where(body.page-php-catalog) .tb-search input { font-size: 16px; font-weight: 500; padding-right: 38px; }
:where(body.page-php-catalog) .tb-sel select { min-width: 150px; padding-right: 30px; cursor: pointer; appearance: none; -webkit-appearance: none; }
:where(body.page-php-catalog) .tb-search input:focus, :where(body.page-php-catalog) .tb-sel select:focus { outline: none; border-color: var(--c-accent); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb),.14); }
:where(body.page-php-catalog) .tb-search .search-loading { position: absolute; right: 12px; display: none; color: var(--c-accent); font-size: 13px; }
:where(body.page-php-catalog) .tb-search .search-loading.active { display: block; }
:where(body.page-php-catalog) .tb-tbtn { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: #fff; color: var(--c-text-muted, #444746); font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .tb-tbtn { background: #131313; }
:where(body.page-php-catalog) .tb-tbtn:hover { border-color: var(--c-accent); color: var(--c-accent); }
:root:where(:has(> :is(body.page-php-catalog))) {  }
:where(body.page-php-catalog) .toggle { appearance: none; -webkit-appearance: none; width: 44px; height: 24px; border-radius: 24px; background: #ccc; position: relative; cursor: pointer; transition: background .3s; border: none; outline: none; vertical-align: middle; }
:where(body.page-php-catalog) .toggle:checked { background: var(--c-ai); }
:where(body.page-php-catalog) .toggle::before { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .3s; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
:where(body.page-php-catalog) .toggle:checked::before { transform: translateX(20px); }
:where(body.page-php-catalog) .form-group .toggle, :where(body.page-php-catalog) .toggle-row .toggle { width: 44px; min-width: 44px; max-width: 44px; height: 24px; flex: 0 0 44px; padding: 0; }
:where(body.page-php-catalog) .tb-ai { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: #fff; cursor: pointer; user-select: none; white-space: nowrap; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: border-color .2s, background .2s; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .tb-ai { background: #131313; }
:where(body.page-php-catalog) .tb-ai span { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .tb-ai span { color: var(--c-ink); }
:where(body.page-php-catalog) .tb-ai span i { color: var(--c-ai); }
:where(body.page-php-catalog) .cat-toolbar.ai-on .tb-ai { border-color: rgba(var(--c-ai-rgb),.45); background: rgba(var(--c-ai-rgb),.06); }
:where(body.page-php-catalog) .cat-toolbar.ai-on .tb-search > i { color: var(--c-ai); }
:where(body.page-php-catalog) .cat-toolbar.ai-on .tb-search input { border-color: rgba(var(--c-ai-rgb),.5); }
:where(body.page-php-catalog) .cat-toolbar.ai-on .tb-search input:focus { border-color: var(--c-ai); box-shadow: 0 0 0 3px rgba(var(--c-ai-rgb),.16); }
:where(body.page-php-catalog) .tb-ai-go { background: var(--c-ai); border-color: var(--c-ai); color: #fff; }
:where(body.page-php-catalog) .tb-ai-go:hover { background: #0842A0; border-color: #0842A0; color: #fff; }
:where(body.page-php-catalog) .tb-ai-go:disabled { opacity: .7; cursor: progress; }
:where(body.page-php-catalog) .tb-ai-go[hidden] { display: none; }
:where(body.page-php-catalog) .cat-toolbar.ai-on .tb-sel, :where(body.page-php-catalog) .cat-toolbar.ai-on #freeBtn { opacity: .45; pointer-events: none; }
:where(body.page-php-catalog) .ai-note { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(var(--c-ai-rgb),.25); background: rgba(var(--c-ai-rgb),.06); color: var(--c-text, #1F1F1F); font-size: 13.5px; line-height: 1.5; }
:where(body.page-php-catalog) .ai-note > i { color: var(--c-ai); margin-top: 2px; }
:where(body.page-php-catalog) .ai-note.warn { border-color: rgba(245,158,11,.35); background: rgba(245,158,11,.08); }
:where(body.page-php-catalog) .ai-note.warn > i { color: #d97706; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .ai-note.warn > i { color: #F4BC7B; }
:where(body.page-php-catalog) .ai-note.fix { border-color: rgba(var(--c-primary-rgb),.16); background: rgba(var(--c-primary-rgb),.045); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .ai-note.fix { border-color: rgba(255,255,255,.16); }
:where(body.page-php-catalog) .ai-note.fix > i { color: var(--c-accent); }
:where(body.page-php-catalog) .ai-asis { display: block; margin-top: 6px; padding: 0; border: 0; background: none; color: var(--c-accent); font: inherit; font-size: 12.5px; font-weight: 600; text-decoration: none; cursor: pointer; }
:where(body.page-php-catalog) .ai-asis:hover { color: var(--c-accent-strong, var(--c-primary)); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .ai-asis:hover { color: var(--c-ink); }
:where(body.page-php-catalog) .ai-why { margin: 2px 0 8px; padding: 8px 10px; border-radius: 8px; background: rgba(var(--c-ai-rgb),.06); border-left: 3px solid var(--c-ai); font-size: 12.5px; line-height: 1.45; color: var(--c-text, #1F1F1F); }
:where(body.page-php-catalog) .ai-why b { color: #0842A0; font-weight: 700; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .ai-why b { color: #7BA9F4; }
:where(body.page-php-catalog) .ai-why.partial { border-left-color: #f59e0b; background: rgba(245,158,11,.07); }
:where(body.page-php-catalog) .ai-why.partial b { color: #b45309; }
:where(html[data-theme="dark"]) :where(body.page-php-catalog) .ai-why.partial b { color: #F4AF7B; }
:where(body.page-php-catalog) .ai-why .ai-gap { display: block; margin-top: 3px; color: var(--c-text-muted, #5F6368); }
@media (max-width: 700px) {
    :where(body.page-php-catalog) .cat-row > .tb-ai, :where(body.page-php-catalog) .cat-row > .tb-ai-go { flex: 1 1 calc(50% - 5px); justify-content: center; }
}
@media (max-width: 700px) {
    :where(body.page-php-catalog) .cat-toolbar { padding: 10px; border-radius: 6px; }
    :where(body.page-php-catalog) .tb-search { flex-basis: 100%; }
    :where(body.page-php-catalog) .tb-sel { flex: 1 1 calc(50% - 5px); min-width: 0; }
    :where(body.page-php-catalog) .tb-sel-wide { flex-basis: 100%; }
    :where(body.page-php-catalog) .tb-sel select { min-width: 0; font-size: 16px; }
    :where(body.page-php-catalog) .cat-row > .tb-tbtn { flex: 1 1 calc(50% - 5px); justify-content: center; }
}
@media (min-width: 1800px) {
    :where(body.page-php-catalog) .page-main { max-width: 1640px; }
}
@media (min-width: 2400px) {
    :where(body.page-php-catalog) .page-main { max-width: 1880px; }
}

/* ======================= page — appscript_projects.php ======================= */
:where(body.page-as-catalog), :where(body.page-as-catalog) * { margin: 0; padding: 0; box-sizing: border-box; }
html:where(:has(> :is(body.page-as-catalog))) { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
body:where(.page-as-catalog) { font-family: var(--rs-font); background-color: var(--c-bg); color: var(--c-text, #1f2937); line-height: 1.6; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
:where(body.page-as-catalog) input, :where(body.page-as-catalog) select, :where(body.page-as-catalog) textarea { font-size: 16px !important; }
:where(body.page-as-catalog) .header { background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary-dark) 100%); padding: 14px 24px; display: flex; align-items: center; justify-content: center; gap: 24px; box-shadow: 0 4px 12px rgba(var(--c-primary-rgb),0.2); position: sticky; top: 0; z-index: 100; }
:where(body.page-as-catalog) .logo { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 700; color: var(--c-on-primary, #fff); text-decoration: none; white-space: nowrap; flex-shrink: 0; position: absolute; left: 24px; }
:where(body.page-as-catalog) .logo img { width: 36px; height: 36px; border-radius: 8px; object-fit: cover; }
:where(body.page-as-catalog) .main-content { max-width: 1400px; margin: 0 auto; padding: 28px 24px; }
:where(body.page-as-catalog) .support-banner { background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 6px; margin-bottom: 16px; padding: 14px 20px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
:where(body.page-as-catalog) .support-banner-item { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--c-text-muted, #3C4043); font-weight: 500; }
:where(body.page-as-catalog) .support-banner-item i.fa-circle-check { color: var(--c-verified, #10b981); font-size: 16px; }
:where(body.page-as-catalog) .support-banner-item i.fa-shield-halved { color: var(--c-primary); font-size: 16px; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .support-banner-item i.fa-shield-halved { color: var(--c-ink); }
:where(body.page-as-catalog) .support-banner-item strong { color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .support-banner-item strong { color: var(--c-ink); }
:where(body.page-as-catalog) .support-info-btn { background: none; border: none; color: var(--c-accent); cursor: pointer; font-size: 16px; padding: 4px; margin-left: auto; display: flex; align-items: center; gap: 4px; font-weight: 600; font-size: 13px; transition: all 0.2s; touch-action: manipulation; }
:where(body.page-as-catalog) .support-info-btn:hover { color: var(--c-secondary); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .support-info-btn:hover { color: var(--c-ink); }
:where(body.page-as-catalog) .support-info-btn i { font-size: 18px; }
:where(body.page-as-catalog) .support-modal-overlay { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(var(--c-primary-rgb),.55); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s; }
:where(body.page-as-catalog) .support-modal-overlay.active { opacity: 1; visibility: visible; }
:where(body.page-as-catalog) .support-modal { width: 80%; max-width: 1400px; max-height: min(90vh, 900px); display: flex; flex-direction: column; background: var(--c-card, #fff); border-radius: 18px; box-shadow: 0 30px 70px -20px rgba(var(--c-primary-rgb),.5); overflow: hidden; transform: translateY(16px) scale(.98); transition: transform .28s cubic-bezier(.2,.8,.2,1); }
:where(body.page-as-catalog) .support-modal-overlay.active .support-modal { transform: none; }
:where(body.page-as-catalog) .support-modal-header { display: flex; align-items: center; gap: 14px; padding: 18px 22px; background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); color: #fff; }
:where(body.page-as-catalog) .support-modal-header .sm-ico { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); font-size: 18px; color: var(--c-accent-soft, #93c5fd); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .support-modal-header .sm-ico { color: var(--g-link); }
:where(body.page-as-catalog) .support-modal-header h3 { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.2; color: #fff; }
:where(body.page-as-catalog) .support-modal-header p { margin: 3px 0 0; font-size: 12.5px; color: rgba(255,255,255,.78); }
:where(body.page-as-catalog) .support-modal-close { margin-left: auto; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; border: none; background: rgba(255,255,255,.14); color: #fff; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .2s, transform .2s; }
:where(body.page-as-catalog) .support-modal-close:hover { background: rgba(255,255,255,.28); transform: rotate(90deg); }
:where(body.page-as-catalog) .support-modal-body { padding: 20px 22px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
:where(body.page-as-catalog) .sm-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 18px; }
:where(body.page-as-catalog) .sm-tile { border: 1px solid var(--c-tint-line, #DADCE0); background: var(--c-tint-2, #F8F9FA); border-radius: 12px; padding: 12px 12px 11px; }
:where(body.page-as-catalog) .sm-tile i { font-size: 13px; color: var(--c-accent); }
:where(body.page-as-catalog) .sm-tile b { display: block; margin-top: 6px; font-size: 16px; font-weight: 800; color: var(--c-primary); letter-spacing: -.01em; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .sm-tile b { color: var(--c-ink); }
:where(body.page-as-catalog) .sm-tile span { display: block; margin-top: 2px; font-size: 11.5px; color: var(--c-text-muted, #5F6368); line-height: 1.35; }
:where(body.page-as-catalog) .sm-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
:where(body.page-as-catalog) .sm-sec h4 { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; color: var(--c-text-muted, #5F6368); display: flex; align-items: center; gap: 7px; }
:where(body.page-as-catalog) .sm-sec h4 i.ok { color: var(--c-verified, #10b981); }
:where(body.page-as-catalog) .sm-sec h4 i.no { color: #dc2626; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .sm-sec h4 i.no { color: #EB8484; }
:where(body.page-as-catalog) .support-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 12px; overflow: hidden; }
:where(body.page-as-catalog) .support-list li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-top: 1px solid var(--c-tint-line, #eef2f7); font-size: 13px; line-height: 1.45; color: var(--c-text-muted, #3C4043); }
:where(body.page-as-catalog) .support-list li:first-child { border-top: none; }
:where(body.page-as-catalog) .support-list li i { flex: 0 0 18px; width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; margin-top: 1px; }
:where(body.page-as-catalog) .support-list li i.fa-check { background: var(--c-verified-bg, #ecfdf5); color: var(--c-verified-ink, #047857); }
:where(body.page-as-catalog) .support-list li i.fa-xmark { background: #fef2f2; color: #b91c1c; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .support-list li i.fa-xmark { background: #220C0C; color: #EC8383; }
:where(body.page-as-catalog) .support-list li b { display: block; color: var(--c-primary); font-weight: 700; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .support-list li b { color: var(--c-ink); }
:where(body.page-as-catalog) .sm-steps { margin: 18px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--c-tint, #F1F3F4); }
:where(body.page-as-catalog) .sm-steps h4 { margin: 0 0 10px; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; color: var(--c-text-muted, #5F6368); }
:where(body.page-as-catalog) .sm-steps ol { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
:where(body.page-as-catalog) .sm-steps li { display: flex; gap: 10px; font-size: 12.5px; line-height: 1.45; color: var(--c-text-muted, #3C4043); }
:where(body.page-as-catalog) .sm-steps li span { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; background: var(--c-accent); color: var(--c-on-accent, #fff); font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
:where(body.page-as-catalog) .sm-note { margin: 14px 0 0; font-size: 12px; color: var(--c-text-muted, #5F6368); line-height: 1.5; display: flex; gap: 8px; align-items: flex-start; }
:where(body.page-as-catalog) .sm-note i { color: var(--c-accent); margin-top: 2px; }
:where(body.page-as-catalog) .support-modal-footer { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: flex-end; padding: 14px 22px; border-top: 1px solid var(--c-tint-line, #DADCE0); background: var(--c-tint-2, #F8F9FA); }
:where(body.page-as-catalog) .support-modal-footer .sm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 10px; border: 1px solid var(--c-tint-line, #DADCE0); background: #fff; color: var(--c-primary); font-family: inherit; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; transition: border-color .2s, background .2s, color .2s; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .support-modal-footer .sm-btn { background: #131313; color: var(--c-ink); }
:where(body.page-as-catalog) .support-modal-footer .sm-btn:hover { border-color: var(--c-accent); color: var(--c-accent); }
:where(body.page-as-catalog) .support-modal-footer .sm-btn-primary { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-as-catalog) .support-modal-footer .sm-btn-primary:hover { background: var(--c-accent-strong, var(--c-secondary)); border-color: var(--c-accent-strong, var(--c-secondary)); color: var(--c-on-accent, #fff); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .support-modal-footer .sm-btn-primary:hover { border-color: var(--c-accent-strong, var(--c-ink-line)); }
:where(body.page-as-catalog) .support-modal-footer .sm-btn .sup-num { font-weight: 600; opacity: .8; }
:where(body.page-as-catalog) .support-modal-footer .sm-btn-row { display: contents; }
@media (max-width: 992px) {
    :where(body.page-as-catalog) .sm-tiles { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    :where(body.page-as-catalog) .support-modal-overlay { padding: 0; align-items: flex-end; }
    :where(body.page-as-catalog) .support-modal { width: 100%; max-width: none; max-height: 92vh; border-radius: 18px 18px 0 0; }
    :where(body.page-as-catalog) .support-modal-body { padding: 16px; }
    :where(body.page-as-catalog) .sm-tiles { grid-template-columns: 1fr 1fr; }
    :where(body.page-as-catalog) .sm-cols, :where(body.page-as-catalog) .sm-steps ol { grid-template-columns: 1fr; }
    :where(body.page-as-catalog) .support-modal-footer { padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); }
    :where(body.page-as-catalog) .support-modal-footer .sm-btn { flex: 1 1 calc(50% - 5px); }
}
@media (max-width: 768px) {
    :where(body.page-as-catalog) .support-banner { padding: 8px 10px; gap: 4px 10px; }
    :where(body.page-as-catalog) .support-banner-item { font-size: 11px; gap: 4px; }
    :where(body.page-as-catalog) .support-banner-item i { font-size: 12px; }
    :where(body.page-as-catalog) .support-info-btn { margin-left: 0; min-height: 44px; font-size: 11px; }
    :where(body.page-as-catalog) .support-info-btn i { font-size: 14px; }
}
:where(body.page-as-catalog) .view-toggle { display: flex; gap: 4px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 8px; padding: 4px; flex-shrink: 0; }
:where(body.page-as-catalog) .view-toggle-btn { background: transparent; border: none; padding: 8px 12px; border-radius: 6px; cursor: pointer; color: var(--c-text-muted, #5F6368); font-size: 16px; transition: all 0.2s ease; touch-action: manipulation; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; }
:where(body.page-as-catalog) .view-toggle-btn:hover { color: var(--c-accent); background: var(--c-tint, #F1F3F4); }
:where(body.page-as-catalog) .view-toggle-btn.active { background: var(--c-primary); color: var(--c-on-primary, #fff); box-shadow: 0 2px 4px rgba(var(--c-primary-rgb),0.3); }
:where(body.page-as-catalog) .videos-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 32px; }
:where(body.page-as-catalog) .grid-subscribe-banner { grid-column: 1 / -1; background: linear-gradient(135deg, #ffcdd2 0%, #ef9a9a 100%); padding: 18px 25px; box-shadow: 0 4px 20px rgba(239, 83, 80, 0.3); border-radius: 15px; position: relative; overflow: hidden; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .grid-subscribe-banner { background: linear-gradient(135deg, #350F13 0%, #4D1E1E 100%); }
:where(body.page-as-catalog) .grid-subscribe-banner::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: shimmer 3s infinite; }
@keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } }
:where(body.page-as-catalog) .grid-banner-content { display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative; z-index: 1; }
:where(body.page-as-catalog) .grid-banner-left { display: flex; align-items: center; gap: 15px; flex: 1; }
:where(body.page-as-catalog) .grid-banner-emoji { font-size: 42px; animation: bannerBounce 2s ease-in-out infinite; }
@keyframes bannerBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
:where(body.page-as-catalog) .grid-banner-message { color: #b71c1c; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .grid-banner-message { color: #EC8383; }
:where(body.page-as-catalog) .grid-banner-main { font-size: 17px; font-weight: 600; margin-bottom: 4px; line-height: 1.4; }
:where(body.page-as-catalog) .grid-banner-main strong { font-weight: 800; color: #c62828; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .grid-banner-main strong { color: #E78888; }
:where(body.page-as-catalog) .grid-banner-sub { font-size: 14px; font-weight: 500; color: #d32f2f; font-style: italic; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .grid-banner-sub { color: #E68989; }
:where(body.page-as-catalog) .grid-banner-btn { background: linear-gradient(135deg, #ef5350 0%, #c62828 100%); color: white; padding: 12px 28px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 15px; box-shadow: 0 4px 15px rgba(239, 83, 80, 0.4); transition: all 0.3s ease; display: inline-flex; align-items: center; white-space: nowrap; border: 2px solid transparent; }
:where(body.page-as-catalog) .grid-banner-btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 6px 25px rgba(239, 83, 80, 0.6); background: linear-gradient(135deg, #f44336 0%, #b71c1c 100%); border-color: white; color: white; }
@media (max-width: 768px) {
    :where(body.page-as-catalog) .grid-banner-content { flex-direction: column; text-align: center; }
    :where(body.page-as-catalog) .grid-banner-left { flex-direction: column; }
    :where(body.page-as-catalog) .grid-banner-emoji { font-size: 32px; }
    :where(body.page-as-catalog) .grid-banner-main { font-size: 15px; }
}
:where(body.page-as-catalog) .video-card { background: var(--c-card, #fff); border-radius: 16px; padding: 12px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.08); transition: all 0.3s ease; display: flex; flex-direction: column; touch-action: manipulation; }
:where(body.page-as-catalog) .video-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.12); }
:where(body.page-as-catalog) .videos-grid.list-view { grid-template-columns: 1fr; gap: 16px; }
:where(body.page-as-catalog) .videos-grid.list-view .video-card { flex-direction: row; }
:where(body.page-as-catalog) .videos-grid.list-view .video-card:hover { transform: translateX(4px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
:where(body.page-as-catalog) .videos-grid.list-view .video-thumbnail { width: 280px; min-width: 280px; padding-bottom: 0; height: 158px; flex-shrink: 0; }
:where(body.page-as-catalog) .videos-grid.list-view .card-info { padding: 16px; flex: 1; min-width: 0; }
:where(body.page-as-catalog) .videos-grid.list-view .video-title { font-size: 17px; -webkit-line-clamp: 1; margin-bottom: 8px; }
:where(body.page-as-catalog) .videos-grid.list-view .video-meta { margin-bottom: 8px; }
:where(body.page-as-catalog) .videos-grid.list-view .card-footer { width: 240px; min-width: 240px; flex-shrink: 0; border-top: none; border-left: 1px solid var(--c-tint, #F1F3F4); padding: 16px; justify-content: center; margin-top: 0; }
:where(body.page-as-catalog) .videos-grid.list-view .card-actions-row { grid-template-columns: 1fr 1fr; }
:where(body.page-as-catalog) .videos-grid.list-view .card-actions-row.three-col { grid-template-columns: 1fr 1fr 1fr; }
:where(body.page-as-catalog) .videos-grid.list-view .grid-subscribe-banner { grid-column: 1 / -1; }
:where(body.page-as-catalog) .videos-grid.list-view .skeleton-card { display: flex; flex-direction: row; gap: 16px; }
:where(body.page-as-catalog) .videos-grid.list-view .skeleton-thumbnail { width: 280px; min-width: 280px; height: 158px; margin-bottom: 0; flex-shrink: 0; }
html.prefer-list-view :where(body.page-as-catalog) .videos-grid { grid-template-columns: 1fr; gap: 16px; }
html.prefer-list-view :where(body.page-as-catalog) .video-card { flex-direction: row; }
html.prefer-list-view :where(body.page-as-catalog) .video-thumbnail { width: 280px; min-width: 280px; padding-bottom: 0; height: 158px; flex-shrink: 0; }
html.prefer-list-view :where(body.page-as-catalog) .card-info { flex: 1; min-width: 0; padding: 16px; }
html.prefer-list-view :where(body.page-as-catalog) .card-footer { width: 240px; min-width: 240px; border-top: none; border-left: 1px solid var(--c-tint, #F1F3F4); padding: 16px; margin-top: 0; }
:where(body.page-as-catalog) .videos-grid.list-view .video-card, html.prefer-list-view :where(body.page-as-catalog) .video-card { padding: 0; }
:where(body.page-as-catalog) .videos-grid.list-view .video-thumbnail, html.prefer-list-view :where(body.page-as-catalog) .video-thumbnail { border-radius: 0; }
:where(body.page-as-catalog) .videos-grid.list-view .video-title, html.prefer-list-view :where(body.page-as-catalog) .video-title { min-height: 0; }
:where(body.page-as-catalog) .video-thumbnail { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 12px; background: linear-gradient(135deg, var(--c-primary, #1F1F1F) 0%, var(--c-secondary, #3C4043) 100%); overflow: hidden; }
:where(body.page-as-catalog) .video-thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
:where(body.page-as-catalog) .video-card:hover .video-thumbnail img { transform: scale(1.05); }
:where(body.page-as-catalog) .preview-overlay { position: absolute; inset: 0; background: rgba(var(--c-primary-rgb),0.6); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; z-index: 1; }
:where(body.page-as-catalog) .video-card:hover .preview-overlay { opacity: 1; }
:where(body.page-as-catalog) .preview-overlay-btn { background: var(--c-card, #fff); color: var(--c-primary); border: none; padding: 12px 24px; border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: transform 0.2s; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .preview-overlay-btn { color: var(--c-ink); }
:where(body.page-as-catalog) .preview-overlay-btn:hover { transform: scale(1.05); }
:where(body.page-as-catalog) .card-info { padding: 12px 0 0; flex: 1; display: flex; flex-direction: column; }
:where(body.page-as-catalog) .video-title { font-size: 15px; font-weight: 600; color: var(--c-text, #1F1F1F); line-height: 1.4; margin-bottom: 8px; min-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
:where(body.page-as-catalog) .video-meta { font-size: 13px; color: var(--c-text-muted, #5F6368); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
:where(body.page-as-catalog) .video-category { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; background: var(--c-tint, #F1F3F4); border-radius: 10px; font-size: 11px; font-weight: 600; color: var(--c-text-muted, #444746); }
:where(body.page-as-catalog) .plan-badges-wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
:where(body.page-as-catalog) .plan-badge { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 4px 8px; background: linear-gradient(135deg, var(--c-tint) 0%, var(--c-tint-2) 100%); border: 1px solid #93c5fd; border-radius: 10px; font-size: 9px; font-weight: 600; color: var(--c-accent); cursor: pointer; transition: all 0.2s; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .plan-badge { border: 1px solid #234265; }
:where(body.page-as-catalog) .plan-badge:hover { background: linear-gradient(135deg, var(--c-tint-2) 0%, var(--c-tint-line) 100%); border-color: var(--c-accent); transform: translateY(-1px); }
:where(body.page-as-catalog) .plan-badge i { font-size: 9px; color: #f59e0b; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .plan-badge i { color: #F4C77B; }
:where(body.page-as-catalog) .plans-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 10000; justify-content: center; align-items: center; padding: 20px; }
:where(body.page-as-catalog) .plans-modal-overlay.active { display: flex; }
:where(body.page-as-catalog) .swal2-container { z-index: 20000 !important; }
:where(body.page-as-catalog) .plans-modal { background: var(--c-card, #fff); border-radius: 16px; max-width: 700px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; }
:where(body.page-as-catalog) .plans-modal-header { background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); color: var(--c-on-primary, #fff); padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; }
:where(body.page-as-catalog) .plans-modal-header h3 { margin: 0; font-size: 18px; display: flex; align-items: center; gap: 8px; }
:where(body.page-as-catalog) .plans-modal-close { background: none; border: none; color: var(--c-on-primary, #fff); font-size: 24px; cursor: pointer; opacity: 0.7; transition: opacity 0.2s; padding: 0 4px; }
:where(body.page-as-catalog) .plans-modal-close:hover { opacity: 1; }
:where(body.page-as-catalog) .plans-modal-info { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); border-bottom: 1px solid #a7f3d0; padding: 14px 24px; display: flex; align-items: center; gap: 10px; font-size: 13px; color: #065f46; font-weight: 500; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .plans-modal-info { background: linear-gradient(135deg, #0E251A 0%, #133222 100%); border-bottom: 1px solid #295B44; color: #7BF4D2; }
:where(body.page-as-catalog) .plans-modal-info i { font-size: 18px; color: #10b981; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .plans-modal-info i { color: #7CF4CC; }
:where(body.page-as-catalog) .plans-modal-body { flex: 1; overflow-y: auto; padding: 20px 24px; }
:where(body.page-as-catalog) .plans-modal-body h4 { margin: 0 0 14px 0; font-size: 15px; color: var(--c-text, #1f2937); display: flex; align-items: center; gap: 6px; }
:where(body.page-as-catalog) .plan-card { border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; padding: 14px 16px; margin-bottom: 10px; transition: all 0.2s; display: flex; align-items: center; gap: 14px; }
:where(body.page-as-catalog) .plan-card:hover { border-color: var(--c-accent); box-shadow: 0 2px 12px rgba(var(--c-accent-rgb),0.1); cursor: pointer; }
:where(body.page-as-catalog) .plan-card.selected { border-color: var(--c-accent); background: var(--c-tint); box-shadow: 0 2px 12px rgba(var(--c-accent-rgb),0.15); }
:where(body.page-as-catalog) .plan-card.selected .plan-card-icon { background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-primary) 100%); }
:where(body.page-as-catalog) .plan-card-icon { width: 42px; height: 42px; border-radius: 10px; background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-accent) 100%); display: flex; align-items: center; justify-content: center; color: var(--c-on-accent, #fff); font-size: 18px; flex-shrink: 0; }
:where(body.page-as-catalog) .plan-card-details { flex: 1; min-width: 0; }
:where(body.page-as-catalog) .plan-card-name { font-size: 14px; font-weight: 700; color: var(--c-text, #1f2937); margin-bottom: 2px; }
:where(body.page-as-catalog) .plan-card-meta { font-size: 11px; color: var(--c-text-muted, #5F6368); display: flex; gap: 10px; flex-wrap: wrap; }
:where(body.page-as-catalog) .plan-card-meta span { display: inline-flex; align-items: center; gap: 3px; }
:where(body.page-as-catalog) .plan-card-price { font-size: 15px; font-weight: 700; color: var(--c-accent); white-space: nowrap; }
:where(body.page-as-catalog) .plans-modal-footer { border-top: 1px solid var(--c-tint-line, #DADCE0); padding: 16px 24px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
:where(body.page-as-catalog) .plans-modal-footer a, :where(body.page-as-catalog) .plans-modal-footer button { display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none; transition: all 0.2s; cursor: pointer; border: none; }
:where(body.page-as-catalog) .plans-modal-btn-wa { background: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-as-catalog) .plans-modal-btn-wa:hover { background: var(--c-secondary); color: var(--c-on-primary, #fff); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .plans-modal-btn-wa:hover { background: var(--c-accent); }
:where(body.page-as-catalog) .plans-modal-btn-more { background: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-as-catalog) .plans-modal-btn-more:hover { background: var(--c-secondary); color: var(--c-on-primary, #fff); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .plans-modal-btn-more:hover { background: var(--c-accent); }
:where(body.page-as-catalog) .plans-modal-btn-close { background: var(--c-tint, #F1F3F4); color: var(--c-text-muted, #444746); }
:where(body.page-as-catalog) .plans-modal-btn-close:hover { background: var(--c-tint-line, #DADCE0); color: var(--c-text, #1f2937); }
@media (max-width: 768px) {
    :where(body.page-as-catalog) .plans-modal { max-height: 95vh; border-radius: 12px; }
    :where(body.page-as-catalog) .plans-modal-header { padding: 14px 16px; }
    :where(body.page-as-catalog) .plans-modal-header h3 { font-size: 15px; }
    :where(body.page-as-catalog) .plans-modal-info { padding: 10px 16px; font-size: 12px; }
    :where(body.page-as-catalog) .plans-modal-body { padding: 14px 16px; }
    :where(body.page-as-catalog) .plan-card { padding: 10px 12px; gap: 10px; }
    :where(body.page-as-catalog) .plan-card-icon { width: 34px; height: 34px; font-size: 14px; }
    :where(body.page-as-catalog) .plan-card-name { font-size: 12px; }
    :where(body.page-as-catalog) .plan-card-meta { font-size: 10px; }
    :where(body.page-as-catalog) .plan-card-price { font-size: 13px; }
    :where(body.page-as-catalog) .plans-modal-footer { padding: 12px 16px; flex-direction: column; }
    :where(body.page-as-catalog) .plans-modal-footer a { justify-content: center; }
}
:where(body.page-as-catalog) .card-footer { padding: 12px 0 0; border-top: 1px solid var(--c-tint, #F1F3F4); display: flex; flex-direction: column; gap: 8px; margin-top: auto; }
:where(body.page-as-catalog) .card-actions { display: flex; flex-direction: column; gap: 8px; width: 100%; }
:where(body.page-as-catalog) .card-actions-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
:where(body.page-as-catalog) .card-actions-row.three-col { grid-template-columns: 1fr 1fr 1fr; }
:where(body.page-as-catalog) .card-btn { display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 8px 12px; border-radius: 8px; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; transition: all 0.2s ease; border: none; white-space: nowrap; touch-action: manipulation; }
:where(body.page-as-catalog) .card-btn-preview { background: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-as-catalog) .card-btn-preview:hover { background: var(--c-secondary); color: var(--c-on-primary, #fff); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .card-btn-preview:hover { background: var(--c-accent); }
:where(body.page-as-catalog) .card-btn-info { background: #0EA5E9; color: white; }
:where(body.page-as-catalog) .card-btn-info:hover { background: #4338ca; color: white; }
:where(body.page-as-catalog) .card-btn-demo { background: linear-gradient(135deg, #10b981 0%, #047857 100%); color: white; }
:where(body.page-as-catalog) .card-btn-demo:hover { background: #047857; color: white; }
:where(body.page-as-catalog) .card-btn-contact { background: var(--c-support, #25D366); color: white; width: 100%; }
:where(body.page-as-catalog) .card-btn-contact:hover { background: var(--c-support-dark, #128C7E); color: white; }
:where(body.page-as-catalog) .pagination { display: flex; justify-content: center; align-items: center; gap: 12px; margin: 40px 0; }
:where(body.page-as-catalog) .pagination-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 22px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 8px; background: var(--c-card, #fff); color: var(--c-text, #1f2937); font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.2s; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,0.06); touch-action: manipulation; }
:where(body.page-as-catalog) .pagination-btn:hover:not(.disabled) { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-as-catalog) .pagination-btn.disabled { opacity: 0.4; cursor: not-allowed; box-shadow: none; }
:where(body.page-as-catalog) .pagination-info { font-size: 14px; color: var(--c-text-muted, #444746); font-weight: 600; padding: 0 16px; }
:where(body.page-as-catalog) .empty-state { text-align: center; padding: 80px 20px; color: var(--c-text-muted, #5F6368); }
:where(body.page-as-catalog) .empty-state i { font-size: 64px; color: #C4C7C5; margin-bottom: 16px; }
:where(body.page-as-catalog) .empty-state h3 { font-size: 20px; margin-bottom: 8px; color: var(--c-text, #1f2937); font-weight: 600; }
@keyframes skeleton-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
:where(body.page-as-catalog) .skeleton-card { background: var(--c-card, #fff); border-radius: 8px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
:where(body.page-as-catalog) .skeleton-thumbnail { width: 100%; padding-bottom: 56.25%; background: linear-gradient(90deg, var(--c-tint, #F1F3F4) 25%, var(--c-tint-line, #DADCE0) 50%, var(--c-tint, #F1F3F4) 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s ease-in-out infinite; }
:where(body.page-as-catalog) .skeleton-text { height: 16px; margin: 12px 16px 8px; background: linear-gradient(90deg, var(--c-tint, #F1F3F4) 25%, var(--c-tint-line, #DADCE0) 50%, var(--c-tint, #F1F3F4) 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s ease-in-out infinite; border-radius: 10px; }
:where(body.page-as-catalog) .skeleton-text-short { width: 50%; margin-bottom: 16px; }
@media (max-width: 1200px) {
    :where(body.page-as-catalog) .videos-grid { grid-template-columns: repeat(3, 1fr); }
    :where(body.page-as-catalog) .videos-grid.list-view .video-thumbnail, html.prefer-list-view :where(body.page-as-catalog) .video-thumbnail { width: 220px; min-width: 220px; height: 124px; }
    :where(body.page-as-catalog) .videos-grid.list-view .card-footer, html.prefer-list-view :where(body.page-as-catalog) .card-footer { width: 200px; min-width: 200px; }
}
@media (max-width: 900px) {
    :where(body.page-as-catalog) .videos-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    :where(body.page-as-catalog) .header { padding: 12px 16px; gap: 12px; justify-content: center; flex-wrap: wrap; }
    :where(body.page-as-catalog) .logo { font-size: 18px; position: static; }
    :where(body.page-as-catalog) .videos-grid { grid-template-columns: 1fr; gap: 16px; }
    :where(body.page-as-catalog) .videos-grid.list-view .video-card, html.prefer-list-view :where(body.page-as-catalog) .video-card { flex-direction: column; }
    :where(body.page-as-catalog) .videos-grid.list-view .video-thumbnail, html.prefer-list-view :where(body.page-as-catalog) .video-thumbnail { width: 100%; min-width: unset; padding-bottom: 56.25%; height: auto; }
    :where(body.page-as-catalog) .videos-grid.list-view .card-footer, html.prefer-list-view :where(body.page-as-catalog) .card-footer { width: 100%; min-width: unset; border-left: none; border-top: 1px solid var(--c-tint, #F1F3F4); padding: 12px 0 0; }
    :where(body.page-as-catalog) .videos-grid.list-view .video-card, html.prefer-list-view :where(body.page-as-catalog) .video-card { padding: 12px; }
    :where(body.page-as-catalog) .videos-grid.list-view .video-thumbnail, html.prefer-list-view :where(body.page-as-catalog) .video-thumbnail { border-radius: 12px; }
    :where(body.page-as-catalog) .videos-grid.list-view .card-info, html.prefer-list-view :where(body.page-as-catalog) .card-info { padding: 12px 0 0; }
    :where(body.page-as-catalog) .videos-grid.list-view .video-title { font-size: 14px; -webkit-line-clamp: 2; }
    :where(body.page-as-catalog) .videos-grid.list-view .skeleton-card { flex-direction: column; }
    :where(body.page-as-catalog) .videos-grid.list-view .skeleton-thumbnail { width: 100%; min-width: unset; height: 180px; }
    :where(body.page-as-catalog) .view-toggle-btn { padding: 6px 10px; font-size: 14px; }
    :where(body.page-as-catalog) .main-content { padding: 16px; }
    :where(body.page-as-catalog) .card-footer { gap: 8px; }
}
@media (max-width: 480px) {
    :where(body.page-as-catalog) .header { padding: 10px 12px; }
    :where(body.page-as-catalog) .logo span { display: none; }
    :where(body.page-as-catalog) .main-content { padding: 12px; }
    :where(body.page-as-catalog) .card-info { padding: 12px 0 0; }
    :where(body.page-as-catalog) .card-footer { padding: 12px 0 0; }
}
:where(body.page-as-catalog) .video-modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: stretch; z-index: 1000; padding: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
:where(body.page-as-catalog) .video-modal-overlay.active { opacity: 1; visibility: visible; }
:where(body.page-as-catalog) .video-modal { background: var(--c-card, #fff); border-radius: 0; width: 100%; height: 100%; display: flex; flex-direction: column; box-shadow: none; transform: translateY(20px); transition: all 0.3s ease; }
:where(body.page-as-catalog) .video-modal-overlay.active .video-modal { transform: translateY(0); }
:where(body.page-as-catalog) .video-modal-header { padding: 20px 24px; background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); color: var(--c-on-primary, #fff); display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-shrink: 0; }
:where(body.page-as-catalog) .video-modal-header h3 { font-size: 17px; font-weight: 600; line-height: 1.4; margin: 0; flex: 1; }
:where(body.page-as-catalog) .video-modal-close { background: rgba(255,255,255,0.15); border: none; color: var(--c-on-primary, #fff); font-size: 18px; cursor: pointer; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s; flex-shrink: 0; }
:where(body.page-as-catalog) .video-modal-close:hover { background: rgba(255,255,255,0.3); transform: rotate(90deg); }
:where(body.page-as-catalog) #videoModalContent { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; min-height: 0; }
:where(body.page-as-catalog) .video-modal-body { padding: 20px 24px; }
:where(body.page-as-catalog) .video-modal-description { font-size: 14px; color: var(--c-text-muted, #3C4043); line-height: 1.8; word-break: break-word; }
:where(body.page-as-catalog) .video-modal-description a { color: var(--c-accent); text-decoration: none; }
:where(body.page-as-catalog) .video-modal-description a:hover { text-decoration: none; }
:where(body.page-as-catalog) .video-modal-footer { padding: 16px 24px; border-top: 1px solid var(--c-tint-line, #DADCE0); display: flex; gap: 10px; justify-content: flex-end; background: var(--c-tint-2, #F8F9FA); flex-shrink: 0; }
:where(body.page-as-catalog) .video-modal-btn { padding: 10px 20px; border: none; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s; touch-action: manipulation; }
:where(body.page-as-catalog) .video-modal-btn-primary { background: #ea4335; color: white; }
:where(body.page-as-catalog) .video-modal-btn-primary:hover { background: #d33426; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(234,67,53,0.3); }
:where(body.page-as-catalog) .video-modal-btn-secondary { background: var(--c-tint-line, #DADCE0); color: var(--c-text-muted, #444746); }
:where(body.page-as-catalog) .video-modal-btn-secondary:hover { background: #C4C7C5; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .video-modal-btn-secondary:hover { background: #343635; }
:where(body.page-as-catalog) .video-modal-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 24px; gap: 16px; }
:where(body.page-as-catalog) .video-modal-loading .spinner { width: 40px; height: 40px; border: 4px solid var(--c-tint-line, #DADCE0); border-top: 4px solid var(--c-primary); border-radius: 50%; animation: spin 0.8s linear infinite; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .video-modal-loading .spinner { border-top: 4px solid var(--c-ink-line); }
@keyframes spin { to { transform: rotate(360deg); } }
:where(body.page-as-catalog) .video-modal-loading p { color: var(--c-text-muted, #5F6368); font-size: 14px; }
:where(body.page-as-catalog) .video-modal-error { text-align: center; padding: 40px 24px; }
:where(body.page-as-catalog) .video-modal-error i { font-size: 48px; color: #ea4335; margin-bottom: 16px; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .video-modal-error i { color: #F2877E; }
:where(body.page-as-catalog) .video-modal-error h4 { color: var(--c-text, #1F1F1F); margin-bottom: 8px; font-size: 18px; }
:where(body.page-as-catalog) .video-modal-error p { color: var(--c-text-muted, #5F6368); font-size: 14px; }
@media (max-width: 768px) {
    :where(body.page-as-catalog) .video-modal-header { padding: 16px 18px; }
    :where(body.page-as-catalog) .video-modal-header h3 { font-size: 15px; }
    :where(body.page-as-catalog) .video-modal-body { padding: 16px 18px; }
    :where(body.page-as-catalog) .video-modal-footer { padding: 14px 18px; flex-direction: column; }
    :where(body.page-as-catalog) .video-modal-btn { justify-content: center; }
}
:where(body.page-as-catalog) .seo-content { display: none; }
:where(body.page-as-catalog) .seo-content h2 { font-size: 24px; color: var(--c-primary); margin-bottom: 12px; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .seo-content h2 { color: var(--c-ink); }
:where(body.page-as-catalog) .seo-content h3 { font-size: 18px; color: var(--c-primary); margin: 28px 0 12px; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .seo-content h3 { color: var(--c-ink); }
:where(body.page-as-catalog) .seo-content p { color: var(--c-text-muted, #444746); font-size: 15px; line-height: 1.7; margin-bottom: 12px; }
:where(body.page-as-catalog) .seo-scripts-list { display: flex; flex-wrap: wrap; gap: 6px 12px; list-style: none; padding: 0; margin: 0 0 20px; }
:where(body.page-as-catalog) .seo-scripts-list li { font-size: 13px; color: var(--c-text-muted, #5F6368); padding: 4px 10px; background: var(--c-tint, #F1F3F4); border-radius: 10px; }
:where(body.page-as-catalog) .seo-faq-item { margin-bottom: 16px; padding: 16px; background: var(--c-tint-2, #F8F9FA); border-radius: 8px; border-left: 3px solid var(--c-accent); }
:where(body.page-as-catalog) .seo-faq-item h4 { font-size: 15px; color: var(--c-text, #1F1F1F); margin-bottom: 6px; }
:where(body.page-as-catalog) .seo-faq-item p { font-size: 14px; color: var(--c-text-muted, #5F6368); margin: 0; }
:where(body.page-as-catalog) .seo-faq-item a { color: var(--c-accent-strong, var(--c-accent)); font-weight: 600; text-underline-offset: 3px; }
@media (max-width: 768px) {
    :where(body.page-as-catalog) .seo-content { padding: 24px 16px; }
    :where(body.page-as-catalog) .seo-content h2 { font-size: 20px; }
    :where(body.page-as-catalog) .seo-content h3 { font-size: 16px; }
}
:where(body.page-as-catalog) .view-toggle { border-radius: 10px; }
:where(body.page-as-catalog) .active-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
:where(body.page-as-catalog) .active-filters[hidden] { display: none; }
:where(body.page-as-catalog) .af-pill { display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(135deg, var(--c-tint, #eaf4ff), var(--c-tint-2)); border: 1px solid #b6d7f7; color: var(--c-accent-strong, #0b4f8a); font-size: 12.5px; font-weight: 700; padding: 6px 7px 6px 13px; border-radius: 999px; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .af-pill { border: 1px solid #253D56; }
:where(body.page-as-catalog) .af-pill .af-ic { color: var(--c-accent); font-size: 11px; }
:where(body.page-as-catalog) .af-x { width: 20px; height: 20px; border-radius: 50%; border: none; background: rgba(var(--c-accent-rgb),.15); color: #0b4f8a; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; padding: 0; transition: all .15s; touch-action: manipulation; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .af-x { color: #7BBCF4; }
:where(body.page-as-catalog) .af-x:hover { background: #dc2626; color: #fff; }
:where(body.page-as-catalog) .af-clear { background: #fff5f5; border-color: #fecaca; color: #dc2626; cursor: pointer; font-family: inherit; padding: 6px 13px; transition: all .2s; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .af-clear { background: #220A0A; border-color: #501C1C; color: #EB8484; }
:where(body.page-as-catalog) .af-clear .af-ic { color: inherit; }
:where(body.page-as-catalog) .af-clear:hover { background: #dc2626; color: #fff; border-color: #dc2626; }
:where(body.page-as-catalog) .video-card { border: 1px solid var(--c-tint-line, #e8eef7); border-radius: 16px; box-shadow: 0 2px 10px rgba(var(--c-primary-rgb),.05); }
:where(body.page-as-catalog) .video-card:hover { transform: translateY(-5px); border-color: rgba(var(--c-accent-rgb),.45); box-shadow: 0 18px 40px -12px rgba(var(--c-primary-rgb),.25); }
:where(body.page-as-catalog) .video-title { font-weight: 700; }
:where(body.page-as-catalog) .video-title a:hover { color: var(--c-accent) !important; }
:where(body.page-as-catalog) .video-category { border-radius: 999px; padding: 4px 8px; background: var(--c-tint, #eef4fb); color: var(--c-text-muted, #33475b); border: 1px solid var(--c-tint-line, #e0eaf5); }
:where(body.page-as-catalog) .plan-badge { border-radius: 999px; }
:where(body.page-as-catalog) .card-btn { border-radius: 8px; }
:where(body.page-as-catalog) .card-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(var(--c-primary-rgb),.18); }
:where(body.page-as-catalog) .card-btn-preview { background: linear-gradient(135deg, var(--c-accent), var(--c-accent-strong)); }
:where(body.page-as-catalog) .card-btn-contact { background: linear-gradient(135deg, var(--c-support, #25D366), var(--c-support-dark, #128C7E)); }
:where(body.page-as-catalog) .preview-overlay { background: rgba(0,21,41,.62); backdrop-filter: blur(2px); }
:where(body.page-as-catalog) .preview-overlay-btn { border-radius: 999px; box-shadow: 0 10px 26px rgba(0,0,0,.35); }
:where(body.page-as-catalog) .code-chip { position: absolute; top: 8px; left: 8px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; background: rgba(0,21,41,.78); backdrop-filter: blur(6px); color: var(--c-accent-soft); border: 1px solid rgba(124,196,255,.35); padding: 4px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .5px; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .code-chip { color: var(--g-link); }
:where(body.page-as-catalog) .code-chip i { font-size: 9px; }
:where(body.page-as-catalog) .free-flag { position: absolute; top: 8px; right: 8px; z-index: 2; background: linear-gradient(135deg, #22c55e, #15803d); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .6px; padding: 4px 8px; border-radius: 999px; box-shadow: 0 4px 10px rgba(34,197,94,.35); text-transform: uppercase; }
:where(body.page-as-catalog) .videos-grid.list-view .video-card:hover, html.prefer-list-view :where(body.page-as-catalog) .video-card:hover { transform: translateY(-2px); }
@media (min-width: 769px) {
    :where(body.page-as-catalog) .videos-grid.list-view .video-title { font-size: 17px; }
    :where(body.page-as-catalog) .videos-grid.list-view .card-info { padding: 20px; justify-content: center; }
    :where(body.page-as-catalog) .videos-grid.list-view .card-footer, html.prefer-list-view :where(body.page-as-catalog) .card-footer { padding: 20px; background: var(--c-tint-2, #fbfdff); border-left: 1px solid var(--c-tint-line, #eef3fa); }
}
:where(body.page-as-catalog) .cat-toolbar { display: flex; flex-direction: column; gap: 10px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 6px; padding: 12px 14px; margin: 0 0 14px; box-shadow: 0 1px 2px rgba(var(--c-primary-rgb),.04); }
:where(body.page-as-catalog) .cat-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
:where(body.page-as-catalog) .cat-row-meta { justify-content: space-between; padding-top: 10px; border-top: 1px solid var(--c-tint-line, #eef2f7); }
:where(body.page-as-catalog) .tb-search, :where(body.page-as-catalog) .tb-sel { position: relative; display: flex; align-items: center; }
:where(body.page-as-catalog) .tb-search { flex: 1 1 260px; min-width: 200px; }
:where(body.page-as-catalog) .tb-search > i, :where(body.page-as-catalog) .tb-sel > i { position: absolute; left: 12px; font-size: 13px; color: var(--c-text-muted, #80868B); pointer-events: none; z-index: 1; }
:where(body.page-as-catalog) .tb-sel > .tb-caret { left: auto; right: 11px; font-size: 10px; }
:where(body.page-as-catalog) .tb-search input, :where(body.page-as-catalog) .tb-sel select { height: 40px; width: 100%; padding: 0 12px 0 34px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: #fff; color: var(--c-text, #1F1F1F); font-family: inherit; font-size: 13.5px; font-weight: 600; transition: border-color .2s, box-shadow .2s; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .tb-search input, :where(html[data-theme="dark"]) :where(body.page-as-catalog) .tb-sel select { background: #131313; }
:where(body.page-as-catalog) .tb-search input { font-size: 16px; font-weight: 500; padding-right: 38px; }
:where(body.page-as-catalog) .tb-sel select { min-width: 150px; padding-right: 30px; cursor: pointer; appearance: none; -webkit-appearance: none; }
:where(body.page-as-catalog) .tb-search input:focus, :where(body.page-as-catalog) .tb-sel select:focus { outline: none; border-color: var(--c-accent); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb),.14); }
:where(body.page-as-catalog) .tb-search .search-loading { position: absolute; right: 12px; display: none; color: var(--c-accent); font-size: 14px; pointer-events: none; }
:where(body.page-as-catalog) .tb-search .search-loading.active { display: block; }
:where(body.page-as-catalog) .tb-tbtn { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: #fff; color: var(--c-primary, #1F1F1F); font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: border-color .2s, color .2s, background .2s; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .tb-tbtn { background: #131313; color: var(--c-ink); }
:where(body.page-as-catalog) .tb-tbtn:hover { border-color: var(--c-accent); color: var(--c-accent); }
:where(body.page-as-catalog) .tb-tbtn.active { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-as-catalog) .tb-tbtn.blinking { border-color: rgba(var(--c-accent-rgb),.5); color: var(--c-accent); background: var(--c-tint, #F1F3F4); }
:where(body.page-as-catalog) .results-info { font-size: 13px; font-weight: 600; color: var(--c-text-muted, #444746); }
:where(body.page-as-catalog) .results-info strong { color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .results-info strong { color: var(--c-ink); }
:where(body.page-as-catalog) .cat-meta-tools { display: flex; align-items: center; gap: 8px; }
:root:where(:has(> :is(body.page-as-catalog))) {  }
:where(body.page-as-catalog) .toggle { appearance: none; -webkit-appearance: none; width: 44px; height: 24px; border-radius: 24px; background: #ccc; position: relative; cursor: pointer; transition: background .3s; border: none; outline: none; vertical-align: middle; }
:where(body.page-as-catalog) .toggle:checked { background: var(--c-ai); }
:where(body.page-as-catalog) .toggle::before { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .3s; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
:where(body.page-as-catalog) .toggle:checked::before { transform: translateX(20px); }
:where(body.page-as-catalog) .form-group .toggle, :where(body.page-as-catalog) .toggle-row .toggle { width: 44px; min-width: 44px; max-width: 44px; height: 24px; flex: 0 0 44px; padding: 0; }
:where(body.page-as-catalog) .tb-ai { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 10px; background: #fff; cursor: pointer; user-select: none; white-space: nowrap; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: border-color .2s, background .2s; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .tb-ai { background: #131313; }
:where(body.page-as-catalog) .tb-ai span { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .tb-ai span { color: var(--c-ink); }
:where(body.page-as-catalog) .tb-ai span i { color: var(--c-ai); }
:where(body.page-as-catalog) .cat-toolbar.ai-on .tb-ai { border-color: rgba(var(--c-ai-rgb),.45); background: rgba(var(--c-ai-rgb),.06); }
:where(body.page-as-catalog) .cat-toolbar.ai-on .tb-search > i { color: var(--c-ai); }
:where(body.page-as-catalog) .cat-toolbar.ai-on .tb-search input { border-color: rgba(var(--c-ai-rgb),.5); }
:where(body.page-as-catalog) .cat-toolbar.ai-on .tb-search input:focus { border-color: var(--c-ai); box-shadow: 0 0 0 3px rgba(var(--c-ai-rgb),.16); }
:where(body.page-as-catalog) .tb-ai-go { background: var(--c-ai); border-color: var(--c-ai); color: #fff; }
:where(body.page-as-catalog) .tb-ai-go:hover { background: #0842A0; border-color: #0842A0; color: #fff; }
:where(body.page-as-catalog) .tb-ai-go:disabled { opacity: .7; cursor: progress; }
:where(body.page-as-catalog) .tb-ai-go[hidden] { display: none; }
:where(body.page-as-catalog) .cat-toolbar.ai-on .tb-sel, :where(body.page-as-catalog) .cat-toolbar.ai-on #freeBtn { opacity: .45; pointer-events: none; }
:where(body.page-as-catalog) .ai-note { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(var(--c-ai-rgb),.25); background: rgba(var(--c-ai-rgb),.06); color: var(--c-text, #1F1F1F); font-size: 13.5px; line-height: 1.5; }
:where(body.page-as-catalog) .ai-note > i { color: var(--c-ai); margin-top: 2px; }
:where(body.page-as-catalog) .ai-note.warn { border-color: rgba(245,158,11,.35); background: rgba(245,158,11,.08); }
:where(body.page-as-catalog) .ai-note.warn > i { color: #d97706; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .ai-note.warn > i { color: #F4BC7B; }
:where(body.page-as-catalog) .ai-note.fix { border-color: rgba(var(--c-primary-rgb),.16); background: rgba(var(--c-primary-rgb),.045); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .ai-note.fix { border-color: rgba(255,255,255,.16); }
:where(body.page-as-catalog) .ai-note.fix > i { color: var(--c-accent); }
:where(body.page-as-catalog) .ai-asis { display: block; margin-top: 6px; padding: 0; border: 0; background: none; color: var(--c-accent); font: inherit; font-size: 12.5px; font-weight: 600; text-decoration: none; cursor: pointer; }
:where(body.page-as-catalog) .ai-asis:hover { color: var(--c-accent-strong, var(--c-primary)); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .ai-asis:hover { color: var(--c-ink); }
:where(body.page-as-catalog) .ai-why { margin: 2px 0 8px; padding: 8px 10px; border-radius: 8px; background: rgba(var(--c-ai-rgb),.06); border-left: 3px solid var(--c-ai); font-size: 12.5px; line-height: 1.45; color: var(--c-text, #1F1F1F); }
:where(body.page-as-catalog) .ai-why b { color: #0842A0; font-weight: 700; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .ai-why b { color: #7BA9F4; }
:where(body.page-as-catalog) .ai-why.partial { border-left-color: #f59e0b; background: rgba(245,158,11,.07); }
:where(body.page-as-catalog) .ai-why.partial b { color: #b45309; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .ai-why.partial b { color: #F4AF7B; }
:where(body.page-as-catalog) .ai-why .ai-gap { display: block; margin-top: 3px; color: var(--c-text-muted, #5F6368); }
@media (max-width: 768px) {
    :where(body.page-as-catalog) .cat-row > .tb-ai, :where(body.page-as-catalog) .cat-row > .tb-ai-go { flex: 1 1 calc(50% - 5px); justify-content: center; }
}
@media (max-width: 768px) {
    :where(body.page-as-catalog) .cat-toolbar { padding: 10px; border-radius: 6px; }
    :where(body.page-as-catalog) .tb-search { flex-basis: 100%; }
    :where(body.page-as-catalog) .tb-sel { flex: 1 1 calc(50% - 5px); min-width: 0; }
    :where(body.page-as-catalog) .tb-sel-wide { flex-basis: 100%; }
    :where(body.page-as-catalog) .tb-sel select { min-width: 0; font-size: 16px; }
    :where(body.page-as-catalog) .cat-row > .tb-tbtn { flex: 1 1 calc(50% - 5px); justify-content: center; }
}
:where(body.page-as-catalog) .card-actions-row.has-open { grid-template-columns: 1fr 1fr auto; }
:where(body.page-as-catalog) .card-actions-row.has-open.three-col { grid-template-columns: 1fr 1fr 1fr auto; }
:where(body.page-as-catalog) .videos-grid.list-view .card-actions-row.has-open, html.prefer-list-view :where(body.page-as-catalog) .card-actions-row.has-open { grid-template-columns: 1fr 1fr auto; }
:where(body.page-as-catalog) .videos-grid.list-view .card-actions-row.has-open.three-col, html.prefer-list-view :where(body.page-as-catalog) .card-actions-row.has-open.three-col { grid-template-columns: 1fr 1fr 1fr auto; }
:where(body.page-as-catalog) .card-btn-open { width: 40px; padding: 8px 0; background: var(--c-tint-2, #f4f8fd); border: 1px solid var(--c-tint-line, #dde8f5); color: var(--c-primary); font-size: 13px; }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .card-btn-open { color: var(--c-ink); }
:where(body.page-as-catalog) .card-btn-open:hover { background: #fff; border-color: var(--c-accent); color: var(--c-accent); }
:where(html[data-theme="dark"]) :where(body.page-as-catalog) .card-btn-open:hover { background: #131313; }
@media (min-width: 1800px) {
    :where(body.page-as-catalog) .main-content { max-width: 1640px; }
}
@media (min-width: 2400px) {
    :where(body.page-as-catalog) .main-content { max-width: 1880px; }
}

/* ======================= page — free-files.php ======================= */
:where(body.page-free-catalog), :where(body.page-free-catalog) * { margin: 0; padding: 0; box-sizing: border-box; }
html:where(:has(> :is(body.page-free-catalog))) { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
body:where(.page-free-catalog) { font-family: var(--rs-font); background-color: var(--c-bg, #F1F3F4); color: var(--c-text, #1f2937); line-height: 1.6; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
:where(body.page-free-catalog) input, :where(body.page-free-catalog) select, :where(body.page-free-catalog) textarea { font-size: 16px !important; }
:where(body.page-free-catalog) .header { background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary-dark) 100%); padding: 14px 24px; display: flex; align-items: center; justify-content: center; gap: 24px; box-shadow: 0 4px 12px rgba(var(--c-primary-rgb),0.2); position: sticky; top: 0; z-index: 100; }
:where(body.page-free-catalog) .logo { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 700; color: var(--c-on-primary, #fff); text-decoration: none; white-space: nowrap; flex-shrink: 0; position: absolute; left: 24px; }
:where(body.page-free-catalog) .logo img { width: 36px; height: 36px; border-radius: 8px; object-fit: cover; }
:where(body.page-free-catalog) .search-form { flex: 1; width: 70%; max-width: 70%; display: flex; align-items: center; border: 2px solid rgba(255,255,255,0.3); border-radius: 40px; overflow: hidden; background: rgba(255,255,255,0.95); position: relative; box-shadow: 0 4px 16px rgba(0,0,0,0.1); transition: all 0.3s ease; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .search-form { background: rgba(19,19,19,0.95); }
:where(body.page-free-catalog) .search-form:focus-within { background: var(--c-card, #fff); border-color: var(--c-accent); box-shadow: 0 8px 24px rgba(var(--c-accent-rgb),0.2); }
:where(body.page-free-catalog) .search-category-select { border: none; border-right: 2px solid var(--c-tint-line, #DADCE0); padding: 12px 14px 12px 18px; font-size: 16px; font-weight: 600; background: var(--c-tint-2, #F8F9FA); color: var(--c-text-muted, #444746); outline: none; cursor: pointer; min-width: 140px; max-width: 30%; touch-action: manipulation; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23475569'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 28px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
:where(body.page-free-catalog) .search-form:focus-within .search-category-select { color: var(--c-accent); background-color: #fff; border-right-color: var(--c-accent); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%230074D9'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .search-form:focus-within .search-category-select { background-color: #131313; }
:where(body.page-free-catalog) .search-category-select option { background: var(--c-card, #fff); color: var(--c-text, #1f2937); padding: 12px; font-weight: 500; }
:where(body.page-free-catalog) .search-input { flex: 1; min-width: 0; border: none; padding: 12px 18px; font-size: 16px; outline: none; font-weight: 500; background: transparent; color: var(--c-text, #1f2937); touch-action: manipulation; }
:where(body.page-free-catalog) .search-input::placeholder { color: var(--c-text-muted, #80868B); font-weight: 400; }
:where(body.page-free-catalog) .search-btn { background: var(--c-accent); border: none; padding: 0 20px; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 44px; transition: background 0.2s; flex-shrink: 0; }
:where(body.page-free-catalog) .search-btn:hover { background: var(--c-secondary); }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .search-btn:hover { background: var(--c-accent); }
:where(body.page-free-catalog) .search-btn i { color: var(--c-on-accent, #fff); font-size: 16px; }
:where(body.page-free-catalog) .filters-container { display: flex; flex-wrap: nowrap; gap: 10px; align-items: center; justify-content: center; min-width: min-content; padding-bottom: 4px; }
:where(body.page-free-catalog) .filter-chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 16px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 20px; background: var(--c-card, #fff); font-size: 13px; font-weight: 600; color: var(--c-text-muted, #444746); cursor: pointer; white-space: nowrap; transition: all 0.2s; touch-action: manipulation; }
:where(body.page-free-catalog) .filter-chip:hover { background: var(--c-tint, #F1F3F4); border-color: var(--c-accent); color: var(--c-accent); }
:where(body.page-free-catalog) .filter-chip.active { background: var(--c-accent); color: var(--c-on-accent, #fff); border-color: var(--c-accent); }
:where(body.page-free-catalog) .clear-filter-chip { background: #fee2e2; color: #dc2626; border-color: #fca5a5; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .clear-filter-chip { background: #2B0E0E; color: #EB8484; border-color: #5E2222; }
:where(body.page-free-catalog) .clear-filter-chip:hover { background: #dc2626; color: white; border-color: #dc2626; }
:where(body.page-free-catalog) .clear-filter-chip.blinking { animation: clearFilterBlink 1s ease-in-out infinite; }
@keyframes clearFilterBlink { 0%, 100% { background: #fee2e2; color: #dc2626; border-color: #fca5a5; transform: scale(1); } 50% { background: #dc2626; color: white; border-color: #dc2626; transform: scale(1.05); } }
:where(body.page-free-catalog) .main-content { max-width: 1400px; margin: 0 auto; padding: 28px 24px; }
:where(body.page-free-catalog) .support-banner { background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 6px; margin-bottom: 16px; padding: 14px 20px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
:where(body.page-free-catalog) .support-banner-item { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--c-text-muted, #3C4043); font-weight: 500; }
:where(body.page-free-catalog) .support-banner-item i.fa-circle-check { color: var(--c-verified, #10b981); font-size: 16px; }
:where(body.page-free-catalog) .support-banner-item i.fa-shield-halved { color: var(--c-primary); font-size: 16px; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .support-banner-item i.fa-shield-halved { color: var(--c-ink); }
:where(body.page-free-catalog) .support-banner-item strong { color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .support-banner-item strong { color: var(--c-ink); }
:where(body.page-free-catalog) .support-info-btn { background: none; border: none; color: var(--c-accent); cursor: pointer; font-size: 16px; padding: 4px; margin-left: auto; display: flex; align-items: center; gap: 4px; font-weight: 600; font-size: 13px; transition: all 0.2s; touch-action: manipulation; }
:where(body.page-free-catalog) .support-info-btn:hover { color: var(--c-secondary); }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .support-info-btn:hover { color: var(--c-ink); }
:where(body.page-free-catalog) .support-info-btn i { font-size: 18px; }
:where(body.page-free-catalog) .support-modal-overlay { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(var(--c-primary-rgb),.55); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s; }
:where(body.page-free-catalog) .support-modal-overlay.active { opacity: 1; visibility: visible; }
:where(body.page-free-catalog) .support-modal { width: 80%; max-width: 1400px; max-height: min(90vh, 900px); display: flex; flex-direction: column; background: var(--c-card, #fff); border-radius: 18px; box-shadow: 0 30px 70px -20px rgba(var(--c-primary-rgb),.5); overflow: hidden; transform: translateY(16px) scale(.98); transition: transform .28s cubic-bezier(.2,.8,.2,1); }
:where(body.page-free-catalog) .support-modal-overlay.active .support-modal { transform: none; }
:where(body.page-free-catalog) .support-modal-header { display: flex; align-items: center; gap: 14px; padding: 18px 22px; background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); color: #fff; }
:where(body.page-free-catalog) .support-modal-header .sm-ico { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); font-size: 18px; color: var(--c-accent-soft, #93c5fd); }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .support-modal-header .sm-ico { color: var(--g-link); }
:where(body.page-free-catalog) .support-modal-header h3 { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.2; color: #fff; }
:where(body.page-free-catalog) .support-modal-header p { margin: 3px 0 0; font-size: 12.5px; color: rgba(255,255,255,.78); }
:where(body.page-free-catalog) .support-modal-close { margin-left: auto; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; border: none; background: rgba(255,255,255,.14); color: #fff; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .2s, transform .2s; }
:where(body.page-free-catalog) .support-modal-close:hover { background: rgba(255,255,255,.28); transform: rotate(90deg); }
:where(body.page-free-catalog) .support-modal-body { padding: 20px 22px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
:where(body.page-free-catalog) .sm-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 18px; }
:where(body.page-free-catalog) .sm-tile { border: 1px solid var(--c-tint-line, #DADCE0); background: var(--c-tint-2, #F8F9FA); border-radius: 12px; padding: 12px 12px 11px; }
:where(body.page-free-catalog) .sm-tile i { font-size: 13px; color: var(--c-accent); }
:where(body.page-free-catalog) .sm-tile b { display: block; margin-top: 6px; font-size: 16px; font-weight: 800; color: var(--c-primary); letter-spacing: -.01em; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .sm-tile b { color: var(--c-ink); }
:where(body.page-free-catalog) .sm-tile span { display: block; margin-top: 2px; font-size: 11.5px; color: var(--c-text-muted, #5F6368); line-height: 1.35; }
:where(body.page-free-catalog) .sm-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
:where(body.page-free-catalog) .sm-sec h4 { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; color: var(--c-text-muted, #5F6368); display: flex; align-items: center; gap: 7px; }
:where(body.page-free-catalog) .sm-sec h4 i.ok { color: var(--c-verified, #10b981); }
:where(body.page-free-catalog) .sm-sec h4 i.no { color: #dc2626; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .sm-sec h4 i.no { color: #EB8484; }
:where(body.page-free-catalog) .support-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 12px; overflow: hidden; }
:where(body.page-free-catalog) .support-list li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-top: 1px solid var(--c-tint-line, #eef2f7); font-size: 13px; line-height: 1.45; color: var(--c-text-muted, #3C4043); }
:where(body.page-free-catalog) .support-list li:first-child { border-top: none; }
:where(body.page-free-catalog) .support-list li i { flex: 0 0 18px; width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; margin-top: 1px; }
:where(body.page-free-catalog) .support-list li i.fa-check { background: var(--c-verified-bg, #ecfdf5); color: var(--c-verified-ink, #047857); }
:where(body.page-free-catalog) .support-list li i.fa-xmark { background: #fef2f2; color: #b91c1c; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .support-list li i.fa-xmark { background: #220C0C; color: #EC8383; }
:where(body.page-free-catalog) .support-list li b { display: block; color: var(--c-primary); font-weight: 700; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .support-list li b { color: var(--c-ink); }
:where(body.page-free-catalog) .sm-steps { margin: 18px 0 0; padding: 14px 16px; border-radius: 12px; background: var(--c-tint, #F1F3F4); }
:where(body.page-free-catalog) .sm-steps h4 { margin: 0 0 10px; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; color: var(--c-text-muted, #5F6368); }
:where(body.page-free-catalog) .sm-steps ol { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
:where(body.page-free-catalog) .sm-steps li { display: flex; gap: 10px; font-size: 12.5px; line-height: 1.45; color: var(--c-text-muted, #3C4043); }
:where(body.page-free-catalog) .sm-steps li span { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; background: var(--c-accent); color: var(--c-on-accent, #fff); font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
:where(body.page-free-catalog) .sm-note { margin: 14px 0 0; font-size: 12px; color: var(--c-text-muted, #5F6368); line-height: 1.5; display: flex; gap: 8px; align-items: flex-start; }
:where(body.page-free-catalog) .sm-note i { color: var(--c-accent); margin-top: 2px; }
:where(body.page-free-catalog) .support-modal-footer { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: flex-end; padding: 14px 22px; border-top: 1px solid var(--c-tint-line, #DADCE0); background: var(--c-tint-2, #F8F9FA); }
:where(body.page-free-catalog) .support-modal-footer .sm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 10px; border: 1px solid var(--c-tint-line, #DADCE0); background: #fff; color: var(--c-primary); font-family: inherit; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; transition: border-color .2s, background .2s, color .2s; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .support-modal-footer .sm-btn { background: #131313; color: var(--c-ink); }
:where(body.page-free-catalog) .support-modal-footer .sm-btn:hover { border-color: var(--c-accent); color: var(--c-accent); }
:where(body.page-free-catalog) .support-modal-footer .sm-btn-primary { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-free-catalog) .support-modal-footer .sm-btn-primary:hover { background: var(--c-accent-strong, var(--c-secondary)); border-color: var(--c-accent-strong, var(--c-secondary)); color: var(--c-on-accent, #fff); }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .support-modal-footer .sm-btn-primary:hover { border-color: var(--c-accent-strong, var(--c-ink-line)); }
:where(body.page-free-catalog) .support-modal-footer .sm-btn .sup-num { font-weight: 600; opacity: .8; }
:where(body.page-free-catalog) .support-modal-footer .sm-btn-row { display: contents; }
@media (max-width: 992px) {
    :where(body.page-free-catalog) .sm-tiles { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    :where(body.page-free-catalog) .support-modal-overlay { padding: 0; align-items: flex-end; }
    :where(body.page-free-catalog) .support-modal { width: 100%; max-width: none; max-height: 92vh; border-radius: 18px 18px 0 0; }
    :where(body.page-free-catalog) .support-modal-body { padding: 16px; }
    :where(body.page-free-catalog) .sm-tiles { grid-template-columns: 1fr 1fr; }
    :where(body.page-free-catalog) .sm-cols, :where(body.page-free-catalog) .sm-steps ol { grid-template-columns: 1fr; }
    :where(body.page-free-catalog) .support-modal-footer { padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); }
    :where(body.page-free-catalog) .support-modal-footer .sm-btn { flex: 1 1 calc(50% - 5px); }
}
@media (max-width: 768px) {
    :where(body.page-free-catalog) .support-banner { padding: 8px 10px; gap: 4px 10px; }
    :where(body.page-free-catalog) .support-banner-item { font-size: 11px; gap: 4px; }
    :where(body.page-free-catalog) .support-banner-item i { font-size: 12px; }
    :where(body.page-free-catalog) .support-info-btn { margin-left: 0; min-height: 44px; font-size: 11px; }
    :where(body.page-free-catalog) .support-info-btn i { font-size: 14px; }
}
:where(body.page-free-catalog) .results-info { color: var(--c-text-muted, #5F6368); font-size: 14px; font-weight: 500; }
:where(body.page-free-catalog) .results-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 16px; }
:where(body.page-free-catalog) .view-toggle { display: flex; gap: 4px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 8px; padding: 4px; flex-shrink: 0; }
:where(body.page-free-catalog) .view-toggle-btn { background: transparent; border: none; padding: 8px 12px; border-radius: 6px; cursor: pointer; color: var(--c-text-muted, #5F6368); font-size: 16px; transition: all 0.2s ease; touch-action: manipulation; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; }
:where(body.page-free-catalog) .view-toggle-btn:hover { color: var(--c-accent); background: var(--c-tint, #F1F3F4); }
:where(body.page-free-catalog) .view-toggle-btn.active { background: var(--c-primary); color: var(--c-on-primary, #fff); box-shadow: 0 2px 4px rgba(var(--c-primary-rgb),0.3); }
:where(body.page-free-catalog) .videos-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 32px; }
:where(body.page-free-catalog) .grid-subscribe-banner { grid-column: 1 / -1; background: linear-gradient(135deg, #ffcdd2 0%, #ef9a9a 100%); padding: 18px 25px; box-shadow: 0 4px 20px rgba(239, 83, 80, 0.3); border-radius: 15px; position: relative; overflow: hidden; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .grid-subscribe-banner { background: linear-gradient(135deg, #350F13 0%, #4D1E1E 100%); }
:where(body.page-free-catalog) .grid-subscribe-banner::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: shimmer 3s infinite; }
@keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } }
:where(body.page-free-catalog) .grid-banner-content { display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative; z-index: 1; }
:where(body.page-free-catalog) .grid-banner-left { display: flex; align-items: center; gap: 15px; flex: 1; }
:where(body.page-free-catalog) .grid-banner-emoji { font-size: 42px; animation: bannerBounce 2s ease-in-out infinite; }
@keyframes bannerBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
:where(body.page-free-catalog) .grid-banner-message { color: #b71c1c; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .grid-banner-message { color: #EC8383; }
:where(body.page-free-catalog) .grid-banner-main { font-size: 17px; font-weight: 600; margin-bottom: 4px; line-height: 1.4; }
:where(body.page-free-catalog) .grid-banner-main strong { font-weight: 800; color: #c62828; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .grid-banner-main strong { color: #E78888; }
:where(body.page-free-catalog) .grid-banner-sub { font-size: 14px; font-weight: 500; color: #d32f2f; font-style: italic; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .grid-banner-sub { color: #E68989; }
:where(body.page-free-catalog) .grid-banner-btn { background: linear-gradient(135deg, #ef5350 0%, #c62828 100%); color: white; padding: 12px 28px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 15px; box-shadow: 0 4px 15px rgba(239, 83, 80, 0.4); transition: all 0.3s ease; display: inline-flex; align-items: center; white-space: nowrap; border: 2px solid transparent; }
:where(body.page-free-catalog) .grid-banner-btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 6px 25px rgba(239, 83, 80, 0.6); background: linear-gradient(135deg, #f44336 0%, #b71c1c 100%); border-color: white; color: white; }
@media (max-width: 768px) {
    :where(body.page-free-catalog) .grid-banner-content { flex-direction: column; text-align: center; }
    :where(body.page-free-catalog) .grid-banner-left { flex-direction: column; }
    :where(body.page-free-catalog) .grid-banner-emoji { font-size: 32px; }
    :where(body.page-free-catalog) .grid-banner-main { font-size: 15px; }
}
:where(body.page-free-catalog) .video-card { background: var(--c-card, #fff); border-radius: 8px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.08); transition: all 0.3s ease; display: flex; flex-direction: column; touch-action: manipulation; }
:where(body.page-free-catalog) .video-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.12); }
:where(body.page-free-catalog) .videos-grid.list-view { grid-template-columns: 1fr; gap: 16px; }
:where(body.page-free-catalog) .videos-grid.list-view .video-card { flex-direction: row; }
:where(body.page-free-catalog) .videos-grid.list-view .video-card:hover { transform: translateX(4px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
:where(body.page-free-catalog) .videos-grid.list-view .video-thumbnail { width: 280px; min-width: 280px; padding-bottom: 0; height: 158px; flex-shrink: 0; }
:where(body.page-free-catalog) .videos-grid.list-view .card-info { padding: 16px 20px; flex: 1; min-width: 0; }
:where(body.page-free-catalog) .videos-grid.list-view .video-title { font-size: 17px; -webkit-line-clamp: 1; margin-bottom: 8px; }
:where(body.page-free-catalog) .videos-grid.list-view .video-meta { margin-bottom: 8px; }
:where(body.page-free-catalog) .videos-grid.list-view .card-footer { width: 240px; min-width: 240px; flex-shrink: 0; border-top: none; border-left: 1px solid var(--c-tint, #F1F3F4); padding: 16px; justify-content: center; margin-top: 0; }
:where(body.page-free-catalog) .videos-grid.list-view .card-actions-row { grid-template-columns: 1fr 1fr; }
:where(body.page-free-catalog) .videos-grid.list-view .grid-subscribe-banner { grid-column: 1 / -1; }
:where(body.page-free-catalog) .videos-grid.list-view .skeleton-card { display: flex; flex-direction: row; gap: 16px; }
:where(body.page-free-catalog) .videos-grid.list-view .skeleton-thumbnail { width: 280px; min-width: 280px; height: 158px; margin-bottom: 0; flex-shrink: 0; }
html.prefer-list-view :where(body.page-free-catalog) .videos-grid { grid-template-columns: 1fr; gap: 16px; }
html.prefer-list-view :where(body.page-free-catalog) .video-card { flex-direction: row; }
html.prefer-list-view :where(body.page-free-catalog) .video-thumbnail { width: 280px; min-width: 280px; padding-bottom: 0; height: 158px; flex-shrink: 0; }
html.prefer-list-view :where(body.page-free-catalog) .card-info { flex: 1; min-width: 0; }
html.prefer-list-view :where(body.page-free-catalog) .card-footer { width: 240px; min-width: 240px; border-top: none; border-left: 1px solid var(--c-tint, #F1F3F4); margin-top: 0; }
:where(body.page-free-catalog) .video-thumbnail { position: relative; width: 100%; padding-bottom: 56.25%; background: linear-gradient(135deg, var(--c-primary, #1F1F1F) 0%, var(--c-secondary, #3C4043) 100%); overflow: hidden; }
:where(body.page-free-catalog) .video-thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
:where(body.page-free-catalog) .video-card:hover .video-thumbnail img { transform: scale(1.05); }
:where(body.page-free-catalog) .rating-badge { position: absolute; top: 12px; right: 12px; background: rgba(0,0,0,0.75); backdrop-filter: blur(8px); color: #fbbf24; padding: 5px 10px; border-radius: 6px; font-size: 13px; font-weight: 700; z-index: 2; display: flex; align-items: center; gap: 4px; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .rating-badge { color: #F4D27B; }
:where(body.page-free-catalog) .rating-badge i { font-size: 11px; }
:where(body.page-free-catalog) .card-info { padding: 16px; flex: 1; display: flex; flex-direction: column; }
:where(body.page-free-catalog) .video-title { font-size: 15px; font-weight: 600; color: var(--c-text, #1F1F1F); line-height: 1.4; margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
:where(body.page-free-catalog) .video-meta { font-size: 13px; color: var(--c-text-muted, #5F6368); margin-bottom: 10px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
:where(body.page-free-catalog) .video-category { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; background: var(--c-tint, #F1F3F4); border-radius: 10px; font-size: 11px; font-weight: 600; color: var(--c-text-muted, #444746); }
:where(body.page-free-catalog) .swal2-container { z-index: 20000 !important; }
:where(body.page-free-catalog) .card-footer { padding: 12px 16px; border-top: 1px solid var(--c-tint, #F1F3F4); display: flex; flex-direction: column; gap: 10px; margin-top: auto; }
:where(body.page-free-catalog) .card-actions { display: flex; flex-direction: column; gap: 6px; width: 100%; }
:where(body.page-free-catalog) .card-actions-row { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
:where(body.page-free-catalog) .card-btn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 8px 14px; border-radius: 6px; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; transition: all 0.2s ease; border: none; white-space: nowrap; touch-action: manipulation; }
:where(body.page-free-catalog) .card-btn-info { background: #0EA5E9; color: white; }
:where(body.page-free-catalog) .card-btn-info:hover { background: #4338ca; color: white; }
:where(body.page-free-catalog) .card-btn-demo { background: linear-gradient(135deg, #10b981 0%, #047857 100%); color: white; }
:where(body.page-free-catalog) .card-btn-demo:hover { background: #047857; color: white; }
:where(body.page-free-catalog) .card-btn-contact { background: var(--c-support, #25D366); color: white; width: 100%; }
:where(body.page-free-catalog) .card-btn-contact:hover { background: var(--c-support-dark, #128C7E); color: white; }
:where(body.page-free-catalog) .pagination { display: flex; justify-content: center; align-items: center; gap: 12px; margin: 40px 0; }
:where(body.page-free-catalog) .pagination-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 22px; border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 8px; background: var(--c-card, #fff); color: var(--c-text, #1f2937); font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.2s; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,0.06); touch-action: manipulation; }
:where(body.page-free-catalog) .pagination-btn:hover:not(.disabled) { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.page-free-catalog) .pagination-btn.disabled { opacity: 0.4; cursor: not-allowed; box-shadow: none; }
:where(body.page-free-catalog) .pagination-info { font-size: 14px; color: var(--c-text-muted, #444746); font-weight: 600; padding: 0 16px; }
:where(body.page-free-catalog) .empty-state { text-align: center; padding: 80px 20px; color: var(--c-text-muted, #5F6368); }
:where(body.page-free-catalog) .empty-state i { font-size: 64px; color: #C4C7C5; margin-bottom: 16px; }
:where(body.page-free-catalog) .empty-state h3 { font-size: 20px; margin-bottom: 8px; color: var(--c-text, #1f2937); font-weight: 600; }
@keyframes skeleton-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
:where(body.page-free-catalog) .skeleton-card { background: var(--c-card, #fff); border-radius: 8px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
:where(body.page-free-catalog) .skeleton-thumbnail { width: 100%; padding-bottom: 56.25%; background: linear-gradient(90deg, var(--c-tint, #F1F3F4) 25%, var(--c-tint-line, #DADCE0) 50%, var(--c-tint, #F1F3F4) 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s ease-in-out infinite; }
:where(body.page-free-catalog) .skeleton-text { height: 16px; margin: 12px 16px 8px; background: linear-gradient(90deg, var(--c-tint, #F1F3F4) 25%, var(--c-tint-line, #DADCE0) 50%, var(--c-tint, #F1F3F4) 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s ease-in-out infinite; border-radius: 10px; }
:where(body.page-free-catalog) .skeleton-text-short { width: 50%; margin-bottom: 16px; }
:where(body.page-free-catalog) .search-loading { position: absolute; right: 55px; top: 50%; transform: translateY(-50%); display: none; pointer-events: none; }
:where(body.page-free-catalog) .search-loading.active { display: block; }
:where(body.page-free-catalog) .search-loading i { color: var(--c-accent); font-size: 16px; }
:where(body.page-free-catalog) .search-form { position: relative; }
@media (max-width: 1200px) {
    :where(body.page-free-catalog) .videos-grid { grid-template-columns: repeat(3, 1fr); }
    :where(body.page-free-catalog) .videos-grid.list-view .video-thumbnail, html.prefer-list-view :where(body.page-free-catalog) .video-thumbnail { width: 220px; min-width: 220px; height: 124px; }
    :where(body.page-free-catalog) .videos-grid.list-view .card-footer, html.prefer-list-view :where(body.page-free-catalog) .card-footer { width: 200px; min-width: 200px; }
}
@media (max-width: 900px) {
    :where(body.page-free-catalog) .videos-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    :where(body.page-free-catalog) .header { padding: 12px 16px; gap: 12px; justify-content: center; flex-wrap: wrap; }
    :where(body.page-free-catalog) .logo { font-size: 18px; position: static; }
    :where(body.page-free-catalog) .search-form { width: 100%; max-width: 100%; order: 3; margin-top: 8px; border-radius: 24px; }
    :where(body.page-free-catalog) .search-category-select { min-width: 110px; max-width: 35%; padding: 10px 24px 10px 12px; font-size: 16px; }
    :where(body.page-free-catalog) .search-input { padding: 10px 12px; font-size: 16px; }
    :where(body.page-free-catalog) .search-btn { padding: 0 16px; }
    :where(body.page-free-catalog) .landing-bottom-nav { display: block; }
    body:where(.page-free-catalog) { padding-bottom: 75px; }
    :where(body.page-free-catalog) .videos-grid { grid-template-columns: 1fr; gap: 16px; }
    :where(body.page-free-catalog) .videos-grid.list-view .video-card, html.prefer-list-view :where(body.page-free-catalog) .video-card { flex-direction: column; }
    :where(body.page-free-catalog) .videos-grid.list-view .video-thumbnail, html.prefer-list-view :where(body.page-free-catalog) .video-thumbnail { width: 100%; min-width: unset; padding-bottom: 56.25%; height: auto; }
    :where(body.page-free-catalog) .videos-grid.list-view .card-footer, html.prefer-list-view :where(body.page-free-catalog) .card-footer { width: 100%; min-width: unset; border-left: none; border-top: 1px solid var(--c-tint, #F1F3F4); }
    :where(body.page-free-catalog) .videos-grid.list-view .video-title { font-size: 14px; -webkit-line-clamp: 2; }
    :where(body.page-free-catalog) .videos-grid.list-view .skeleton-card { flex-direction: column; }
    :where(body.page-free-catalog) .videos-grid.list-view .skeleton-thumbnail { width: 100%; min-width: unset; height: 180px; }
    :where(body.page-free-catalog) .view-toggle-btn { padding: 6px 10px; font-size: 14px; }
    :where(body.page-free-catalog) .results-header { flex-wrap: wrap; }
    :where(body.page-free-catalog) .main-content { padding: 16px; }
    :where(body.page-free-catalog) .card-footer { gap: 10px; }
}
@media (max-width: 480px) {
    :where(body.page-free-catalog) .header { padding: 10px 12px; }
    :where(body.page-free-catalog) .logo span { display: none; }
    :where(body.page-free-catalog) .search-category-select { min-width: 0; max-width: 35%; padding: 10px 22px 10px 10px; font-size: 16px; }
    :where(body.page-free-catalog) .search-input { padding: 10px 8px; font-size: 16px; }
    :where(body.page-free-catalog) .search-input::placeholder { font-size: 14px; }
    :where(body.page-free-catalog) .search-btn { padding: 0 14px; min-height: 42px; }
    :where(body.page-free-catalog) .filter-chip { font-size: 12px; padding: 6px 12px; }
    :where(body.page-free-catalog) .main-content { padding: 12px; }
    :where(body.page-free-catalog) .card-info { padding: 12px; }
    :where(body.page-free-catalog) .card-footer { padding: 10px 12px; }
}
@media (max-width: 360px) {
    :where(body.page-free-catalog) .search-category-select { max-width: 30%; padding: 8px 20px 8px 8px; font-size: 16px; background-position: right 6px center; }
    :where(body.page-free-catalog) .search-input { padding: 8px 6px; font-size: 16px; }
    :where(body.page-free-catalog) .search-btn { padding: 0 12px; }
}
:where(body.page-free-catalog) .landing-bottom-nav { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, var(--c-primary) 0%, var(--c-primary-dark) 100%); box-shadow: 0 -4px 20px rgba(0,0,0,0.3); z-index: 1000; padding: 8px 0; padding-bottom: env(safe-area-inset-bottom, 8px); }
:where(body.page-free-catalog) .landing-bottom-nav-inner { display: flex; justify-content: space-around; align-items: center; max-width: 100%; margin: 0 auto; padding: 0 5px; }
:where(body.page-free-catalog) .landing-bottom-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6px 8px; color: rgba(255,255,255,0.7); text-decoration: none; border-radius: 10px; min-width: 60px; flex: 1; transition: all 0.3s; }
:where(body.page-free-catalog) .landing-bottom-nav a i { font-size: 20px; margin-bottom: 4px; }
:where(body.page-free-catalog) .landing-bottom-nav a span { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; }
:where(body.page-free-catalog) .landing-bottom-nav a:hover, :where(body.page-free-catalog) .landing-bottom-nav a.active { color: white; background: rgba(var(--c-accent-rgb),0.3); }
:where(body.page-free-catalog) .video-modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: stretch; z-index: 1000; padding: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease; overscroll-behavior: contain; }
:where(body.page-free-catalog) .video-modal-overlay.active { opacity: 1; visibility: visible; }
:where(body.page-free-catalog) .video-modal { background: var(--c-card, #fff); border-radius: 0; width: 100%; height: 100%; display: flex; flex-direction: column; box-shadow: none; transform: translateY(20px); transition: all 0.3s ease; }
:where(body.page-free-catalog) .video-modal-overlay.active .video-modal { transform: translateY(0); }
:where(body.page-free-catalog) .video-modal-header { padding: 20px 24px; background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); color: var(--c-on-primary, #fff); display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-shrink: 0; }
:where(body.page-free-catalog) .video-modal-header h3 { font-size: 17px; font-weight: 600; line-height: 1.4; margin: 0; flex: 1; }
:where(body.page-free-catalog) .video-modal-close { background: rgba(255,255,255,0.15); border: none; color: var(--c-on-primary, #fff); font-size: 18px; cursor: pointer; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s; flex-shrink: 0; }
:where(body.page-free-catalog) .video-modal-close:hover { background: rgba(255,255,255,0.3); transform: rotate(90deg); }
:where(body.page-free-catalog) #videoModalContent { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; min-height: 0; }
:where(body.page-free-catalog) .video-modal-body { padding: 20px 24px; }
:where(body.page-free-catalog) .video-modal-description { font-size: 14px; color: var(--c-text-muted, #3C4043); line-height: 1.8; word-break: break-word; }
:where(body.page-free-catalog) .video-modal-description a { color: var(--c-accent); text-decoration: none; }
:where(body.page-free-catalog) .video-modal-description a:hover { text-decoration: none; }
:where(body.page-free-catalog) .video-modal-footer { padding: 16px 24px; border-top: 1px solid var(--c-tint-line, #DADCE0); display: flex; gap: 10px; justify-content: flex-end; background: var(--c-tint-2, #F8F9FA); flex-shrink: 0; }
:where(body.page-free-catalog) .video-modal-btn { padding: 10px 20px; border: none; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s; touch-action: manipulation; }
:where(body.page-free-catalog) .video-modal-btn-primary { background: #ea4335; color: white; }
:where(body.page-free-catalog) .video-modal-btn-primary:hover { background: #d33426; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(234,67,53,0.3); }
:where(body.page-free-catalog) .video-modal-btn-secondary { background: var(--c-tint-line, #DADCE0); color: var(--c-text-muted, #444746); }
:where(body.page-free-catalog) .video-modal-btn-secondary:hover { background: #C4C7C5; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .video-modal-btn-secondary:hover { background: #343635; }
:where(body.page-free-catalog) .video-modal-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 24px; gap: 16px; }
:where(body.page-free-catalog) .video-modal-loading .spinner { width: 40px; height: 40px; border: 4px solid var(--c-tint-line, #DADCE0); border-top: 4px solid var(--c-primary); border-radius: 50%; animation: spin 0.8s linear infinite; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .video-modal-loading .spinner { border-top: 4px solid var(--c-ink-line); }
@keyframes spin { to { transform: rotate(360deg); } }
:where(body.page-free-catalog) .video-modal-loading p { color: var(--c-text-muted, #5F6368); font-size: 14px; }
:where(body.page-free-catalog) .video-modal-error { text-align: center; padding: 40px 24px; }
:where(body.page-free-catalog) .video-modal-error i { font-size: 48px; color: #ea4335; margin-bottom: 16px; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .video-modal-error i { color: #F2877E; }
:where(body.page-free-catalog) .video-modal-error h4 { color: var(--c-text, #1F1F1F); margin-bottom: 8px; font-size: 18px; }
:where(body.page-free-catalog) .video-modal-error p { color: var(--c-text-muted, #5F6368); font-size: 14px; }
@media (max-width: 768px) {
    :where(body.page-free-catalog) .video-modal-header { padding: 16px 18px; }
    :where(body.page-free-catalog) .video-modal-header h3 { font-size: 15px; }
    :where(body.page-free-catalog) .video-modal-body { padding: 16px 18px; }
    :where(body.page-free-catalog) .video-modal-footer { padding: 14px 18px; flex-direction: column; }
    :where(body.page-free-catalog) .video-modal-btn { justify-content: center; }
}
:where(body.page-free-catalog) .card-btn-download { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: white; width: 100%; padding: 10px 14px; font-size: 13px; font-weight: 700; border: none; border-radius: 6px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; transition: all 0.2s; touch-action: manipulation; }
:where(body.page-free-catalog) .card-btn-download:hover { background: linear-gradient(135deg, #059669 0%, #047857 100%); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(16,185,129,0.3); color: white; }
:where(body.page-free-catalog) .watch-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; z-index: 10001; padding: 20px; opacity: 0; visibility: hidden; transition: all 0.3s; overscroll-behavior: contain; }
:where(body.page-free-catalog) .watch-modal-overlay.active { opacity: 1; visibility: visible; }
:where(body.page-free-catalog) .watch-modal { background: var(--c-card, #fff); border-radius: 12px; width: 480px; max-width: 90vw; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.4); transform: translateY(20px); transition: all 0.3s; }
:where(body.page-free-catalog) .watch-modal-overlay.active .watch-modal { transform: translateY(0); }
:where(body.page-free-catalog) .watch-modal-header { background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); color: var(--c-on-primary, #fff); padding: 12px 16px; display: flex; justify-content: space-between; align-items: center; }
:where(body.page-free-catalog) .watch-modal-header h3 { margin: 0; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(body.page-free-catalog) .watch-modal-close { background: rgba(255,255,255,0.15); border: none; color: var(--c-on-primary, #fff); font-size: 14px; cursor: pointer; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s; flex-shrink: 0; margin-left: 8px; }
:where(body.page-free-catalog) .watch-modal-close:hover { background: rgba(255,255,255,0.3); }
:where(body.page-free-catalog) .watch-modal-video { position: relative; width: 100%; padding-bottom: 56.25%; background: #000; }
:where(body.page-free-catalog) .watch-modal-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
:where(body.page-free-catalog) .watch-modal-footer { padding: 12px 16px; display: flex; flex-direction: column; gap: 8px; align-items: center; background: var(--c-tint-2, #F8F9FA); border-top: 1px solid var(--c-tint-line, #DADCE0); }
:where(body.page-free-catalog) .watch-timer { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--c-text-muted, #444746); width: 100%; }
:where(body.page-free-catalog) .watch-timer-bar { flex: 1; height: 6px; border-radius: 6px; background: var(--c-tint-line, #DADCE0); overflow: hidden; }
:where(body.page-free-catalog) .watch-timer-fill { height: 100%; border-radius: 6px; background: var(--c-accent); width: 0%; transition: width 1s linear; }
:where(body.page-free-catalog) .watch-dl-btn { width: 100%; padding: 10px; border: none; border-radius: 6px; font-size: 14px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; transition: all 0.3s; }
:where(body.page-free-catalog) .watch-dl-btn.waiting { background: #DADCE0; color: #80868B; cursor: not-allowed; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .watch-dl-btn.waiting { background: #262729; color: #848A8E; }
:where(body.page-free-catalog) .watch-dl-btn.ready { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: white; cursor: pointer; animation: dlPulse 1.5s ease-in-out infinite; }
:where(body.page-free-catalog) .watch-dl-btn.ready:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(16,185,129,0.4); }
@keyframes dlPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(16,185,129,0.4); } 50% { box-shadow: 0 0 0 8px rgba(16,185,129,0); } }
:where(body.page-free-catalog) .watch-play-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #000; cursor: pointer; z-index: 2; }
:where(body.page-free-catalog) .watch-play-overlay img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; opacity: 0.7; }
:where(body.page-free-catalog) .watch-play-btn { position: relative; z-index: 3; width: 68px; height: 48px; background: #ff0000; border-radius: 12px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(0,0,0,0.5); transition: transform 0.2s, background 0.2s; }
:where(body.page-free-catalog) .watch-play-btn:hover { transform: scale(1.1); background: #cc0000; }
:where(body.page-free-catalog) .watch-play-btn::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 18px; border-color: transparent transparent transparent #fff; margin-left: 3px; }
:where(body.page-free-catalog) .watch-play-label { position: relative; z-index: 3; color: #fff; font-size: 14px; font-weight: 700; margin-top: 10px; text-shadow: 0 1px 4px rgba(0,0,0,0.7); }
@media (max-width: 480px) {
    :where(body.page-free-catalog) .watch-modal { max-width: 95vw; }
    :where(body.page-free-catalog) .watch-modal-header h3 { font-size: 12px; }
}
:where(body.page-free-catalog) .seo-content { max-width: 1200px; margin: 0 auto; padding: 40px 24px; }
:where(body.page-free-catalog) .seo-content h2 { font-size: 24px; color: var(--c-primary); margin-bottom: 12px; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .seo-content h2 { color: var(--c-ink); }
:where(body.page-free-catalog) .seo-content h3 { font-size: 18px; color: var(--c-primary); margin: 28px 0 12px; }
:where(html[data-theme="dark"]) :where(body.page-free-catalog) .seo-content h3 { color: var(--c-ink); }
:where(body.page-free-catalog) .seo-content p { color: var(--c-text-muted, #444746); font-size: 15px; line-height: 1.7; margin-bottom: 12px; }
:where(body.page-free-catalog) .seo-scripts-list { display: flex; flex-wrap: wrap; gap: 6px 12px; list-style: none; padding: 0; margin: 0 0 20px; }
:where(body.page-free-catalog) .seo-scripts-list li { font-size: 13px; color: var(--c-text-muted, #5F6368); padding: 4px 10px; background: var(--c-tint, #F1F3F4); border-radius: 10px; }
:where(body.page-free-catalog) .seo-faq-item { margin-bottom: 16px; padding: 16px; background: var(--c-tint-2, #F8F9FA); border-radius: 8px; border-left: 3px solid var(--c-accent); }
:where(body.page-free-catalog) .seo-faq-item h4 { font-size: 15px; color: var(--c-text, #1F1F1F); margin-bottom: 6px; }
:where(body.page-free-catalog) .seo-faq-item p { font-size: 14px; color: var(--c-text-muted, #5F6368); margin: 0; }
@media (max-width: 768px) {
    :where(body.page-free-catalog) .seo-content { padding: 24px 16px; }
    :where(body.page-free-catalog) .seo-content h2 { font-size: 20px; }
    :where(body.page-free-catalog) .seo-content h3 { font-size: 16px; }
}
@media (min-width: 1800px) {
    :where(body.page-free-catalog) .main-content { max-width: 1640px; }
    :where(body.page-free-catalog) .videos-grid { grid-template-columns: repeat(5, 1fr); }
}
@media (min-width: 2400px) {
    :where(body.page-free-catalog) .main-content { max-width: 1880px; }
    :where(body.page-free-catalog) .videos-grid { grid-template-columns: repeat(6, 1fr); }
}

/* ======================= page — partner.php ======================= */
body:where(.page-partner-home).page-partner .pr-page h2, body:where(.page-partner-home).page-partner .pr-page h3 { font-family: var(--font-display); color: var(--ln-text); letter-spacing: -.02em; }
body:where(.page-partner-home).page-partner .pr-page .ln-close h2 { color: var(--ln-text); }
:where(body.page-partner-home) .pr-page p { color: var(--ln-mute); }
:where(body.page-partner-home) .pr-stack { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 36px; }
:where(body.page-partner-home) .pr-stack-k { width: 100%; margin-bottom: 4px; text-align: center; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ln-dim); }
:where(body.page-partner-home) .pr-stack .ln-tech { text-decoration: none; color: var(--ln-text); }
:where(body.page-partner-home) .pr-stack .ln-tech i { color: var(--ln-acc); }
:where(body.page-partner-home) .pr-stack .ln-tech:hover { border-color: rgba(var(--c-accent-rgb), .5); }
:where(body.page-partner-home) .lpc-price { display: flex; flex-direction: column; gap: 6px; }
:where(body.page-partner-home) .pr-k { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ln-dim); }
:where(body.page-partner-home) .lpc-ico { width: 34px; height: 34px; display: grid; place-items: center; border-radius: var(--ln-r-sm); background: rgba(var(--c-accent-rgb), .12); color: var(--ln-acc); font-size: 15px; }
:where(body.page-partner-home) .pr-page .lp-feature { align-items: flex-start; line-height: 1.5; }
:where(body.page-partner-home) .pr-page .lp-feature i { margin-top: 4px; }
:where(body.page-partner-home) .pr-page .lp-feature b { display: block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ln-dim); }
:where(body.page-partner-home) .pr-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 48px; align-items: center; }
:where(body.page-partner-home) .pr-split h2 { margin: 0 0 14px; font-size: clamp(30px, 3.8vw, 46px); line-height: 1.06; letter-spacing: -.035em; }
:where(body.page-partner-home) .pr-checks { display: grid; gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; }
:where(body.page-partner-home) .pr-checks li { display: flex; gap: 12px; align-items: flex-start; font-size: 15.5px; color: var(--ln-text); }
:where(body.page-partner-home) .pr-checks i { margin-top: 3px; color: var(--ln-ok); }
:where(body.page-partner-home) .pr-spec { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
:where(body.page-partner-home) .pr-spec > div { display: flex; flex-direction: column; gap: 16px; padding: 32px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); box-shadow: var(--ln-shadow); }
:where(body.page-partner-home) .pr-spec > div.is-get { --ln-text: var(--c-on-primary, #fff); --ln-mute: rgba(255, 255, 255, .78); --ln-line: rgba(255, 255, 255, .14); border-color: transparent; background: var(--c-primary); }
:where(body.page-partner-home) .pr-spec h3 { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 22px; }
:where(body.page-partner-home) .pr-spec h3 i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: var(--ln-r-sm); background: rgba(var(--c-accent-rgb), .14); color: var(--ln-acc); font-size: 17px; }
:where(body.page-partner-home) .pr-spec .is-get h3 i { background: rgba(255, 255, 255, .14); color: inherit; }
:where(body.page-partner-home) .pr-spec ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
:where(body.page-partner-home) .pr-spec li { display: flex; gap: 12px; align-items: flex-start; padding-bottom: 12px; border-bottom: 1px solid var(--ln-line); font-size: 15px; color: var(--ln-text); }
:where(body.page-partner-home) .pr-spec li:last-child { padding-bottom: 0; border-bottom: 0; }
:where(body.page-partner-home) .pr-spec li i { width: 18px; margin-top: 3px; text-align: center; color: var(--ln-acc); }
:where(body.page-partner-home) .pr-spec .is-get li i { color: #7DD3FC; }
:where(body.page-partner-home) .pr-close-p { max-width: 640px; margin: -14px auto 34px; font-size: 17px; line-height: 1.65; color: var(--ln-mute); }
@media (max-width: 1100px) {
    :where(body.page-partner-home) .pr-split { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 768px) {
    :where(body.page-partner-home) .pr-spec { grid-template-columns: 1fr; }
    :where(body.page-partner-home) .pr-spec > div { padding: 24px 20px; }
}

/* ======================= page — checkout_success.php ======================= */
body.page-checkout-success { padding: 0; }
body.page-checkout-success .cs-wrap { padding: 48px 20px 72px; box-sizing: border-box; }
body.page-checkout-success :is(.cs-card, .cs-actions) { border: 1px solid rgba(10, 10, 10, .08); border-radius: 6px; box-shadow: 0 1px 2px rgba(10, 10, 10, .04), 0 18px 40px -24px rgba(10, 10, 10, .18); }
:where(html[data-theme="dark"]) body.page-checkout-success :is(.cs-card, .cs-actions) { border: 1px solid rgba(255,255,255,0.08); }
body.page-checkout-success .cs-icon { display: inline-flex; align-items: center; justify-content: center; justify-self: center; width: 56px; height: 56px; margin: 0 auto 4px; border-radius: 6px; background: rgba(22, 163, 74, .10); font-size: 24px; }
body.page-checkout-success .cs-title { font-family: var(--rs-font-display); font-size: 26px; font-weight: 700; letter-spacing: -.02em; color: var(--c-text, #1F1F1F); }
body.page-checkout-success .cs-sub { color: var(--c-text-muted, #5F6670); }
body.page-checkout-success :is(.cs-creds, .cs-steps-box) { border-color: rgba(10, 10, 10, .08); border-radius: 10px; background: var(--c-tint-2, #F7F8FA); }
:where(html[data-theme="dark"]) body.page-checkout-success :is(.cs-creds, .cs-steps-box) { border-color: rgba(255,255,255,0.08); }
body.page-checkout-success .cs-btn { min-height: 46px; border-radius: 10px; font-weight: 600; }
body.page-checkout-success .cs-btn-primary { box-shadow: 0 12px 30px -14px rgba(var(--c-accent-rgb, 0, 116, 217), .8); }
body.page-checkout-success .cs-btn-ghost { border-color: rgba(10, 10, 10, .16); color: var(--c-text, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-checkout-success .cs-btn-ghost { border-color: rgba(255,255,255,0.16); }
body.page-checkout-success .cs-btn-ghost:hover { border-color: rgba(var(--c-accent-rgb, 0, 116, 217), .6); background: rgba(var(--c-accent-rgb, 0, 116, 217), .06); }
@media (max-width: 600px) {
    body.page-checkout-success .cs-wrap { padding: 24px 12px 40px; }
    body.page-checkout-success .cs-title { font-size: 22px; }
}

/* ======================= page — public_plan_checkout.php (gateway hand-off screen) ======================= */
body:where(.page-plan-redirect) { --navy-primary: #1F1F1F; --navy-dark: #001529; --navy-light: #3C4043; --navy-accent: #0B57D0; --success: #34a853; }
:where(body.page-plan-redirect), :where(body.page-plan-redirect) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-plan-redirect) { font-family: var(--rs-font); background: linear-gradient(135deg, #f5f7fa 0%, #e4e9f0 100%); min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; }
:where(html[data-theme="dark"]) body:where(.page-plan-redirect) { background: linear-gradient(135deg, #13171C 0%, #1B1F25 100%); }
:where(body.page-plan-redirect) .processing-card { background: white; border-radius: 10px; box-shadow: 0 4px 24px rgba(0,31,63,0.1); max-width: 480px; width: 100%; overflow: hidden; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .processing-card { background: #131313; }
:where(body.page-plan-redirect) .card-header { background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 100%); padding: 28px 30px; text-align: center; color: white; }
:where(body.page-plan-redirect) .card-header-icon { width: 56px; height: 56px; background: rgba(255,255,255,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; font-size: 24px; }
:where(body.page-plan-redirect) .card-header h1 { color: white; font-size: 20px; font-weight: 700; margin-bottom: 6px; }
:where(body.page-plan-redirect) .card-header p { color: rgba(255,255,255,0.8); font-size: 14px; margin: 0; }
:where(body.page-plan-redirect) .card-badges { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 16px; }
:where(body.page-plan-redirect) .card-badge { display: inline-flex; align-items: center; gap: 5px; background: rgba(255,255,255,0.15); padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; color: white; }
:where(body.page-plan-redirect) .countdown-section { padding: 24px 30px; text-align: center; background: #F8F9FA; border-bottom: 1px solid #e8ecf0; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .countdown-section { background: #151719; border-bottom: 1px solid #2D3238; }
:where(body.page-plan-redirect) .countdown-ring { width: 80px; height: 80px; margin: 0 auto 12px; position: relative; }
:where(body.page-plan-redirect) .countdown-ring svg { transform: rotate(-90deg); width: 80px; height: 80px; }
:where(body.page-plan-redirect) .countdown-ring .ring-bg { fill: none; stroke: #e8ecf0; stroke-width: 4; }
:where(body.page-plan-redirect) .countdown-ring .ring-progress { fill: none; stroke: var(--navy-accent); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 226; stroke-dashoffset: 0; transition: stroke-dashoffset 1s linear; }
:where(body.page-plan-redirect) .countdown-number { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 28px; font-weight: 800; color: var(--navy-accent); }
:where(body.page-plan-redirect) .countdown-text { font-size: 14px; color: #666; font-weight: 500; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .countdown-text { color: #A1A1A1; }
:where(body.page-plan-redirect) .countdown-text strong { color: var(--navy-primary); }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .countdown-text strong { color: var(--c-ink); }
:where(body.page-plan-redirect) .redirecting-state { display: none; }
:where(body.page-plan-redirect) .redirecting-state .spinner { width: 36px; height: 36px; border: 3px solid #e0e0e0; border-top-color: var(--navy-accent); border-radius: 50%; animation: spin 0.8s linear infinite; margin: 0 auto 10px; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .redirecting-state .spinner { border: 3px solid #383838; }
@keyframes spin { to { transform: rotate(360deg); } }
:where(body.page-plan-redirect) .order-details { padding: 24px 30px; }
:where(body.page-plan-redirect) .order-details-title { font-size: 13px; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 14px; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .order-details-title { color: #7A7A7A; }
:where(body.page-plan-redirect) .usd-headline-block { text-align: center; padding: 18px 12px 16px; margin-bottom: 16px; background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%); border-radius: 8px; border: 1px solid #D3E3FD; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .usd-headline-block { background: linear-gradient(135deg, #0A1421 0%, #0B1626 100%); border: 1px solid #1C2F4C; }
:where(body.page-plan-redirect) .usd-headline-amt { font-size: 38px; font-weight: 900; color: var(--navy-primary); letter-spacing: -1px; line-height: 1; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .usd-headline-amt { color: var(--c-ink); }
:where(body.page-plan-redirect) .usd-headline-sub { font-size: 12px; color: #5F6368; font-weight: 600; margin-top: 6px; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .usd-headline-sub { color: #9EA2A7; }
:where(body.page-plan-redirect) .pkr-subheader { font-size: 12px; font-weight: 700; color: var(--navy-accent); text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; }
:where(body.page-plan-redirect) .pkr-subheader i { font-size: 12px; }
:where(body.page-plan-redirect) .detail-row { display: flex; justify-content: space-between; align-items: center; padding: 11px 0; border-bottom: 1px solid #f0f2f5; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .detail-row { border-bottom: 1px solid #2A2E34; }
:where(body.page-plan-redirect) .detail-row:last-child { border-bottom: none; }
:where(body.page-plan-redirect) .detail-label { color: #666; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 8px; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .detail-label { color: #A1A1A1; }
:where(body.page-plan-redirect) .detail-label i { color: #999; font-size: 13px; width: 16px; text-align: center; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .detail-label i { color: #7A7A7A; }
:where(body.page-plan-redirect) .detail-value { color: #333; font-weight: 600; font-size: 14px; text-align: right; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .detail-value { color: #C7C7C7; }
:where(body.page-plan-redirect) .detail-row.total-row { border-top: 2px solid var(--navy-accent); border-bottom: none; padding-top: 14px; margin-top: 4px; }
:where(body.page-plan-redirect) .detail-row.total-row .detail-label { font-weight: 700; color: var(--navy-primary); font-size: 15px; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .detail-row.total-row .detail-label { color: var(--c-ink); }
:where(body.page-plan-redirect) .detail-row.total-row .detail-value { color: var(--navy-accent); font-size: 20px; font-weight: 800; }
:where(body.page-plan-redirect) .card-footer { padding: 18px 30px; background: #F8F9FA; border-top: 1px solid #e8ecf0; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .card-footer { background: #151719; border-top: 1px solid #2D3238; }
:where(body.page-plan-redirect) .order-id-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
:where(body.page-plan-redirect) .order-id-label { font-size: 12px; color: #999; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .order-id-label { color: #7A7A7A; }
:where(body.page-plan-redirect) .order-id-value { font-size: 12px; color: #666; font-weight: 600; font-family: 'Courier New', monospace; background: #E8EAED; padding: 3px 10px; border-radius: 6px; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .order-id-value { color: #A1A1A1; background: #1D1F22; }
:where(body.page-plan-redirect) .security-badges { display: flex; align-items: center; justify-content: center; gap: 16px; padding-top: 12px; border-top: 1px solid #e8ecf0; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .security-badges { border-top: 1px solid #2D3238; }
:where(body.page-plan-redirect) .security-badge { display: flex; align-items: center; gap: 5px; font-size: 11px; color: #999; font-weight: 500; }
:where(html[data-theme="dark"]) :where(body.page-plan-redirect) .security-badge { color: #7A7A7A; }
:where(body.page-plan-redirect) .security-badge i { color: var(--success); font-size: 12px; }
@media (max-width: 768px) {
    body:where(.page-plan-redirect) { padding: 15px; }
    :where(body.page-plan-redirect) .card-header { padding: 22px 20px; }
    :where(body.page-plan-redirect) .card-header h1 { font-size: 18px; }
    :where(body.page-plan-redirect) .countdown-section, :where(body.page-plan-redirect) .order-details, :where(body.page-plan-redirect) .card-footer { padding: 20px; }
    :where(body.page-plan-redirect) .security-badges { flex-wrap: wrap; gap: 10px; }
}

/* ======================= page — public_plan_checkout.php (checkout) ======================= */
body:where(.page-plan-co) { --navy-primary: #1F1F1F; --navy-dark: #001529; --navy-light: #3C4043; --navy-accent: #0B57D0; --success: #34a853; }
:where(body.page-plan-co), :where(body.page-plan-co) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-plan-co) { font-family: var(--rs-font); background: var(--navy-dark); min-height: 100vh; }
:where(body.page-plan-co) input, :where(body.page-plan-co) select, :where(body.page-plan-co) textarea { font-size: 16px !important; }
:where(body.page-plan-co) .checkout-page { min-height: 100vh; padding-top: 0; display: flex; flex-direction: column; }
:where(body.page-plan-co) .checkout-hero { background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 60%, var(--navy-accent) 100%); padding: 50px 30px 60px; text-align: center; color: white; position: relative; overflow: hidden; }
:where(body.page-plan-co) .checkout-hero::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at 30% 50%, rgba(0,116,217,0.15) 0%, transparent 60%); pointer-events: none; }
:where(body.page-plan-co) .hero-icon { width: 70px; height: 70px; background: rgba(255,255,255,0.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 30px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); }
:where(body.page-plan-co) .checkout-hero h1 { font-size: 28px; font-weight: 800; margin-bottom: 8px; letter-spacing: -0.5px; }
:where(body.page-plan-co) .checkout-hero p { font-size: 15px; color: rgba(255,255,255,0.75); max-width: 500px; margin: 0 auto; }
:where(body.page-plan-co) .hero-badges { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 20px; }
:where(body.page-plan-co) .hero-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.12); padding: 6px 16px; border-radius: 25px; font-size: 13px; font-weight: 600; color: white; border: 1px solid rgba(255,255,255,0.1); }
:where(body.page-plan-co) .checkout-content { flex: 1; background: #f0f4f8; padding: 40px 30px 40px; margin-top: -30px; position: relative; z-index: 1; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .checkout-content { background: #151A1F; }
:where(body.page-plan-co) .checkout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; max-width: 1100px; margin: 0 auto; }
:where(body.page-plan-co) .checkout-card { background: white; border-radius: 20px; box-shadow: 0 8px 32px rgba(0,31,63,0.08); overflow: hidden; border: 1px solid rgba(0,31,63,0.06); }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .checkout-card { background: #131313; border: 1px solid rgba(255,255,255,0.06); }
:where(body.page-plan-co) .card-top { background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 100%); color: white; padding: 18px 28px; font-size: 16px; font-weight: 700; display: flex; align-items: center; gap: 10px; }
:where(body.page-plan-co) .card-body { padding: 30px 28px; }
:where(body.page-plan-co) .plan-icon-wrap { width: 84px; height: 84px; background: linear-gradient(135deg, #0B57D0 0%, #1F1F1F 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 32px; color: white; border: 4px solid #e6f2ff; box-shadow: 0 10px 24px rgba(0,31,63,0.28); }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .plan-icon-wrap { border: 4px solid #182E47; }
:where(body.page-plan-co) .plan-name { font-size: 24px; font-weight: 800; color: var(--navy-primary); text-align: center; margin-bottom: 6px; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .plan-name { color: var(--c-ink); }
:where(body.page-plan-co) .plan-duration-badge { text-align: center; margin-bottom: 24px; }
:where(body.page-plan-co) .plan-duration-badge span { display: inline-flex; align-items: center; gap: 6px; background: #e6f2ff; color: var(--navy-accent); padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .plan-duration-badge span { background: #0C1A29; }
:where(body.page-plan-co) .plan-price-display { text-align: center; padding: 26px 20px; margin: 0 0 16px; background: linear-gradient(135deg, #f8fbff 0%, #eaf3ff 100%); border-radius: 16px; border: 1px solid #D3E3FD; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .plan-price-display { background: linear-gradient(135deg, #0A1421 0%, #0B1727 100%); border: 1px solid #1C2F4C; }
:where(body.page-plan-co) .price-was-row { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
:where(body.page-plan-co) .price-was { font-size: 19px; font-weight: 700; color: #80868B; text-decoration: line-through; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .price-was { color: #848A8E; }
:where(body.page-plan-co) .price-off-badge { display: inline-flex; align-items: center; gap: 5px; background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: #fff; font-size: 12px; font-weight: 800; padding: 4px 12px; border-radius: 30px; letter-spacing: 0.3px; box-shadow: 0 3px 10px rgba(220,38,38,0.32); }
:where(body.page-plan-co) .plan-price-amount { font-size: 44px; font-weight: 900; color: var(--navy-primary); letter-spacing: -1px; line-height: 1; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .plan-price-amount { color: var(--c-ink); }
:where(body.page-plan-co) .plan-price-amount .cur { font-size: 22px; font-weight: 700; color: #5F6368; margin-left: 2px; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .plan-price-amount .cur { color: #9EA2A7; }
:where(body.page-plan-co) .plan-price-currency { font-size: 14px; color: #5F6368; font-weight: 600; margin-top: 4px; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .plan-price-currency { color: #9EA2A7; }
:where(body.page-plan-co) .promo-applied-note { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; font-size: 12px; font-weight: 700; padding: 5px 14px; border-radius: 20px; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .promo-applied-note { background: #0E251A; color: #7BF4D2; border: 1px solid #295B44; }
:where(body.page-plan-co) .charge-breakdown { background: #fff; border: 1px solid #e6eef7; border-radius: 16px; padding: 16px 18px; margin-bottom: 24px; box-shadow: 0 4px 16px rgba(0,31,63,0.05); }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .charge-breakdown { background: #131313; border: 1px solid #24303E; }
:where(body.page-plan-co) .charge-rate { display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 800; color: var(--navy-accent); text-transform: uppercase; letter-spacing: 0.5px; padding-bottom: 12px; margin-bottom: 4px; border-bottom: 1px dashed #d7e3f2; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .charge-rate { border-bottom: 1px dashed #283544; }
:where(body.page-plan-co) .charge-row { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #5F6368; padding: 9px 0; border-bottom: 1px solid #F1F3F4; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .charge-row { color: #9EA2A7; border-bottom: 1px solid #2C3032; }
:where(body.page-plan-co) .charge-row:last-of-type { border-bottom: none; }
:where(body.page-plan-co) .charge-row .lbl { display: inline-flex; align-items: center; gap: 8px; }
:where(body.page-plan-co) .charge-row .lbl i { color: #80868B; font-size: 12px; width: 16px; text-align: center; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .charge-row .lbl i { color: #848A8E; }
:where(body.page-plan-co) .charge-row .val { font-weight: 600; color: #3C4043; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .charge-row .val { color: #BABEC1; }
:where(body.page-plan-co) .charge-total { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 12px; padding: 14px 16px; border-radius: 12px; background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 100%); color: #fff; font-weight: 800; box-shadow: 0 6px 18px rgba(0,31,63,0.28); }
:where(body.page-plan-co) .charge-total .lbl { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }
:where(body.page-plan-co) .charge-total .amt { font-size: 16px; white-space: nowrap; }
:where(body.page-plan-co) .plan-features-list { border-top: 2px dotted rgba(0,31,63,0.16); padding-top: 20px; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .plan-features-list { border-top: 2px dotted rgba(255,255,255,0.16); }
:where(body.page-plan-co) .feature-row { display: flex; align-items: center; gap: 10px; padding: 9px 0; font-size: 14px; font-weight: 700; color: #1F1F1F; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .feature-row { color: #D6D6D6; }
:where(body.page-plan-co) .feature-row i { color: var(--navy-accent); font-size: 14px; width: 18px; text-align: center; flex-shrink: 0; }
:where(body.page-plan-co) .form-group { margin-bottom: 20px; }
:where(body.page-plan-co) .form-group label { display: block; font-size: 13px; font-weight: 700; color: #1F1F1F; margin-bottom: 8px; letter-spacing: 0.2px; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .form-group label { color: #D6D6D6; }
:where(body.page-plan-co) .form-group label i { color: var(--navy-accent); margin-right: 6px; }
:where(body.page-plan-co) .form-group input { width: 100%; padding: 14px 16px; border: 2px solid #DADCE0; border-radius: 12px; font-size: 15px; transition: all 0.3s; background: #F8F9FA; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .form-group input { border: 2px solid #37393C; background: #151719; }
:where(body.page-plan-co) .form-group input:focus { border-color: var(--navy-accent); outline: none; background: white; box-shadow: 0 0 0 3px rgba(0,116,217,0.1); }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .form-group input:focus { background: #131313; }
:where(body.page-plan-co) .form-group small { color: #80868B; font-size: 12px; margin-top: 6px; display: block; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .form-group small { color: #848A8E; }
:where(body.page-plan-co) .pay-btn { width: 100%; padding: 16px 18px; background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 100%); color: white; border: none; border-radius: 14px; font-size: 17px; font-weight: 700; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; transition: all 0.3s; box-shadow: 0 6px 20px rgba(0,31,63,0.3); letter-spacing: 0.3px; line-height: 1.3; }
:where(body.page-plan-co) .pay-btn #paySubmitLabel { display: inline-flex; align-items: center; gap: 8px; }
:where(body.page-plan-co) .pay-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,31,63,0.4); }
:where(body.page-plan-co) .pay-btn:active { transform: translateY(0); }
:where(body.page-plan-co) .security-row { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #e8ecf0; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .security-row { border-top: 1px solid #2D3238; }
:where(body.page-plan-co) .security-item { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #80868B; font-weight: 500; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .security-item { color: #848A8E; }
:where(body.page-plan-co) .security-item i { color: var(--success); }
:where(body.page-plan-co) .error-msg { background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); border: 1px solid #fecaca; border-radius: 12px; padding: 14px 18px; color: #dc2626; font-size: 14px; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .error-msg { background: linear-gradient(135deg, #220C0C 0%, #2B0E0E 100%); border: 1px solid #501C1C; color: #EB8484; }
:where(body.page-plan-co) .checkout-footer { background: var(--navy-dark); padding: 20px 30px; text-align: center; }
:where(body.page-plan-co) .footer-security { display: flex; align-items: center; justify-content: center; gap: 24px; margin-bottom: 12px; }
:where(body.page-plan-co) .footer-badge { display: flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(255,255,255,0.5); font-weight: 500; }
:where(body.page-plan-co) .footer-badge i { color: rgba(0,116,217,0.7); }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .footer-badge i { color: rgba(123,188,244,0.7); }
:where(body.page-plan-co) .checkout-footer p { font-size: 12px; color: rgba(255,255,255,0.3); }
@media (max-width: 768px) {
    :where(body.page-plan-co) .checkout-grid { grid-template-columns: 1fr; max-width: 100%; }
    :where(body.page-plan-co) .checkout-hero { padding: 30px 18px 44px; }
    :where(body.page-plan-co) .checkout-hero h1 { font-size: 22px; }
    :where(body.page-plan-co) .checkout-content { padding: 14px 14px 28px; }
    :where(body.page-plan-co) .card-body { padding: 22px 18px; }
    :where(body.page-plan-co) .plan-price-amount { font-size: 32px; }
    :where(body.page-plan-co) .hero-badges { flex-wrap: wrap; gap: 8px; }
    :where(body.page-plan-co) .hero-badge { font-size: 12px; padding: 5px 12px; }
}
@media (max-width: 480px) {
    :where(body.page-plan-co) .checkout-hero { padding: 24px 14px 36px; }
    :where(body.page-plan-co) .checkout-hero h1 { font-size: 20px; }
    :where(body.page-plan-co) .checkout-content { padding: 12px 10px 24px; }
    :where(body.page-plan-co) .card-body { padding: 18px 14px; }
    :where(body.page-plan-co) .plan-price-amount { font-size: 28px; }
    :where(body.page-plan-co) .checkout-grid { gap: 14px; }
    :where(body.page-plan-co) .footer-security { flex-wrap: wrap; gap: 12px; font-size: 11px; }
}
@media (max-width: 360px) {
    :where(body.page-plan-co) .checkout-hero h1 { font-size: 18px; }
    :where(body.page-plan-co) .plan-price-amount { font-size: 24px; }
    :where(body.page-plan-co) .card-body { padding: 16px 12px; }
}
body:where(.page-plan-co) { background: var(--c-bg); }
:where(body.page-plan-co) .checkout-page { --co-ink: var(--c-primary); --co-shadow: 0 1px 2px rgba(var(--c-primary-rgb), .04), 0 18px 40px -18px rgba(var(--c-primary-rgb), .18); --co-line: inset 0 0 0 1px rgba(var(--c-primary-rgb), .14); --co-pill: linear-gradient(180deg, color-mix(in srgb, var(--c-primary) 82%, #fff) 0%, var(--c-primary) 55%); background-color: var(--c-bg); background-image: radial-gradient(rgba(var(--c-primary-rgb), .05) 1px, transparent 1px); background-size: 22px 22px; color: var(--c-text); font-family: var(--rs-font); }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .checkout-page { --co-ink: var(--c-ink); --co-pill: linear-gradient(180deg, color-mix(in srgb, var(--c-primary) 82%, #131313) 0%, var(--c-primary) 55%); }
:where(body.page-plan-co) .checkout-hero { background: none; color: var(--co-ink); padding: 44px 20px 26px; }
:where(body.page-plan-co) .checkout-content { background: none; margin-top: 0; padding-top: 14px; }
:where(body.page-plan-co) .checkout-hero::before { content: none; }
:where(body.page-plan-co) .hero-icon { background: var(--c-card); color: var(--c-accent); border: 0; box-shadow: var(--co-shadow); }
:where(body.page-plan-co) .checkout-hero h1 { color: var(--co-ink); font-family: var(--rs-font-display); letter-spacing: -.03em; }
:where(body.page-plan-co) .checkout-hero p { color: var(--c-text-muted); opacity: 1; }
:where(body.page-plan-co) .hero-badge { background: var(--c-card); color: var(--co-ink); border: 0; box-shadow: var(--co-line); backdrop-filter: none; }
:where(body.page-plan-co) .hero-badge i { color: var(--c-accent); }
:where(body.page-plan-co) .checkout-card { background: var(--c-card); border: 0; border-radius: 26px; padding: 10px; box-shadow: var(--co-shadow); }
:where(body.page-plan-co) .card-top { background: none; color: var(--co-ink); padding: 16px 18px 6px; border-radius: 0; font-family: var(--rs-font-display); letter-spacing: -.01em; }
:where(body.page-plan-co) .card-top i { color: var(--c-accent); }
:where(body.page-plan-co) .card-body { padding: 12px 16px 18px; }
:where(body.page-plan-co) .plan-icon-wrap { background: rgba(var(--c-accent-rgb), .12); color: var(--c-accent); box-shadow: none; border: 0; }
:where(body.page-plan-co) .plan-icon-wrap i { color: var(--c-accent); }
:where(body.page-plan-co) .plan-name, :where(body.page-plan-co) .plan-price-amount, :where(body.page-plan-co) .plan-price-amount .cur { color: var(--co-ink); }
:where(body.page-plan-co) .plan-price-currency { color: var(--c-text-muted); }
:where(body.page-plan-co) .plan-duration-badge span { background: var(--c-card); color: var(--co-ink); box-shadow: var(--co-line); }
:where(body.page-plan-co) .plan-duration-badge i { color: var(--c-accent); }
:where(body.page-plan-co) .plan-price-display { background: linear-gradient(135deg, rgba(var(--c-accent-rgb), .20) 0%, rgba(var(--c-accent-rgb), .07) 100%); border: 0; border-radius: 18px; }
:where(body.page-plan-co) .charge-breakdown { background: rgba(var(--c-primary-rgb), .045); border: 0; border-radius: 18px; }
:where(body.page-plan-co) .charge-rate { color: var(--c-accent-strong, var(--c-accent)); }
:where(body.page-plan-co) .charge-total { background: var(--c-accent); color: #fff; border-radius: 999px; box-shadow: 0 8px 18px -8px rgba(var(--c-accent-rgb), .55), inset 0 1px 0 rgba(255, 255, 255, .18); }
:where(body.page-plan-co) .feature-row { color: var(--c-text); }
:where(body.page-plan-co) .feature-row i { color: var(--c-accent); }
:where(body.page-plan-co) .plan-features-list { border-top-color: rgba(var(--c-primary-rgb), .12); }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .plan-features-list { border-top-color: rgba(255,255,255,.12); }
:where(body.page-plan-co) .form-group label { color: var(--co-ink); }
:where(body.page-plan-co) .form-group label i { color: var(--c-accent); }
:where(body.page-plan-co) .form-group input { background: var(--c-card); color: var(--c-text); border: 1px solid rgba(var(--c-primary-rgb), .14); border-radius: 14px; }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .form-group input { border: 1px solid rgba(255,255,255,.14); }
:where(body.page-plan-co) .form-group input:focus { border-color: var(--c-accent); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb), .14); background: var(--c-card); }
:where(body.page-plan-co) .form-group small { color: var(--c-text-muted); }
:where(body.page-plan-co) .co-note { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; padding: 14px 16px; border-radius: 18px; font-size: 13px; line-height: 1.5; background: var(--c-verified-bg, #ECFDF5); color: var(--c-verified-ink, #047857); }
:where(body.page-plan-co) .co-note i { flex-shrink: 0; font-size: 16px; color: var(--c-verified, #10B981); }
:where(body.page-plan-co) .pay-btn { border: 0; border-radius: 999px; background: var(--c-accent); color: #fff; box-shadow: 0 8px 18px -8px rgba(var(--c-accent-rgb), .55), inset 0 1px 0 rgba(255, 255, 255, .18); }
:where(body.page-plan-co) .pay-btn:hover { background: var(--c-accent-strong, var(--c-accent)); box-shadow: 0 12px 22px -10px rgba(var(--c-primary-rgb), .65); }
:where(body.page-plan-co) .security-row { border-top-color: rgba(var(--c-primary-rgb), .1); }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .security-row { border-top-color: rgba(255,255,255,.1); }
:where(body.page-plan-co) .security-item { color: var(--c-text-muted); }
:where(body.page-plan-co) .security-item i { color: var(--c-verified, #10B981); }
:where(body.page-plan-co) .checkout-footer { background: none; border-top: 1px solid rgba(var(--c-primary-rgb), .08); }
:where(html[data-theme="dark"]) :where(body.page-plan-co) .checkout-footer { border-top: 1px solid rgba(255,255,255,.08); }
:where(body.page-plan-co) .footer-badge, :where(body.page-plan-co) .checkout-footer p { color: var(--c-text-muted); }
:where(body.page-plan-co) .footer-badge i { color: var(--c-accent); }
@media (max-width: 600px) {
    :where(body.page-plan-co) .checkout-card { border-radius: 22px; padding: 8px; }
    :where(body.page-plan-co) .card-body { padding: 10px 12px 16px; }
    :where(body.page-plan-co) .checkout-hero { padding: 28px 16px 18px; }
    :where(body.page-plan-co) .checkout-content { padding: 6px 14px 28px; }
}

/* ======================= checkout shell (checkout_style.php) — buyer form, file + course gateway steps ======================= */
body:where(.co-page) { --navy-primary: var(--c-primary); --navy-dark: var(--c-primary-dark); --navy-light: var(--c-secondary); --navy-accent: var(--c-accent); --success: #34a853; --danger: #ea4335; --line: #e6eaf0; --muted: #5F6368; --ink: #1F1F1F; }
:where(html[data-theme="dark"]) body:where(.co-page) { --line: #2C3239; --muted: #9EA2A7; --ink: #D6D6D6; }
:where(body.co-page), :where(body.co-page) * { margin: 0; padding: 0; box-sizing: border-box; }
html:where(:has(> :is(body.co-page))) { -webkit-text-size-adjust: 100%; }
body:where(.co-page) { font-family: var(--rs-font); color: var(--ink); background: var(--c-bg); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px 20px; touch-action: manipulation; -webkit-font-smoothing: antialiased; }
:where(body.co-page) input, :where(body.co-page) select, :where(body.co-page) textarea { font-size: 16px !important; font-family: inherit; }
:where(body.co-page) h1, :where(body.co-page) h2, :where(body.co-page) h3 { font-family: var(--rs-font-display); }
:where(body.co-page) .page-wrapper { max-width: 960px; width: 100%; }
:where(body.co-page) .progress-steps { display: flex; justify-content: center; align-items: center; margin-bottom: 22px; }
:where(body.co-page) .step { display: flex; align-items: center; gap: 7px; opacity: .72; }
:where(body.co-page) .step.is-active, :where(body.co-page) .step:has(.step-circle.active) { opacity: 1; }
:where(body.co-page) .step-circle { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; }
:where(body.co-page) .step-circle i { font-size: 11px; }
:where(body.co-page) .step-circle.done { background: var(--success); color: #fff; }
:where(body.co-page) .step-circle.active { width: 34px; height: 34px; background: var(--navy-primary); color: var(--c-on-primary); box-shadow: 0 0 0 4px rgba(var(--c-primary-rgb), .10); }
:where(body.co-page) .step-circle.active i { font-size: 13px; }
:where(body.co-page) .step-circle.pending { background: #e9edf2; color: #8b95a3; }
:where(html[data-theme="dark"]) :where(body.co-page) .step-circle.pending { background: #191D22; color: #6E7A8A; }
:where(body.co-page) .step-label { font-size: 11px; font-weight: 600; color: #8b95a3; white-space: nowrap; }
:where(html[data-theme="dark"]) :where(body.co-page) .step-label { color: #6E7A8A; }
:where(body.co-page) .step-label.active { font-size: 12.5px; font-weight: 700; color: var(--navy-primary); }
:where(html[data-theme="dark"]) :where(body.co-page) .step-label.active { color: var(--c-ink); }
:where(body.co-page) .step-label.done { color: var(--success); }
:where(body.co-page) .step-line { width: 30px; height: 2px; background: #e3e8ee; margin: 0 8px; flex-shrink: 0; }
:where(html[data-theme="dark"]) :where(body.co-page) .step-line { background: #1C2025; }
:where(body.co-page) .step-line.done { background: var(--success); }
:where(body.co-page) .split-container { display: grid; grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); gap: 18px; align-items: stretch; }
:where(body.co-page) .left-panel, :where(body.co-page) .right-panel { background: var(--c-card); border-radius: 16px; border: 1px solid var(--c-tint-line, var(--line)); box-shadow: 0 10px 30px rgba(var(--c-primary-rgb), .07); overflow: hidden; display: flex; flex-direction: column; }
:where(body.co-page) .cs-head { padding: 18px 20px 14px; background: var(--c-tint); border-bottom: 1px solid var(--c-tint-line, var(--line)); }
:where(body.co-page) .cs-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
:where(body.co-page) .cs-title { font-size: 18px; font-weight: 700; line-height: 1.25; color: var(--navy-primary); letter-spacing: -.01em; }
:where(html[data-theme="dark"]) :where(body.co-page) .cs-title { color: var(--c-ink); }
:where(body.co-page) .cs-code { flex: 0 0 auto; font: 600 11px/1 ui-monospace, 'JetBrains Mono', Menlo, monospace; color: var(--navy-primary); background: var(--c-card); border: 1px solid var(--c-tint-line, var(--line)); border-radius: 6px; padding: 5px 8px; margin-top: 2px; }
:where(html[data-theme="dark"]) :where(body.co-page) .cs-code { color: var(--c-ink); }
:where(body.co-page) .cs-platform { font-size: 12.5px; color: var(--c-text-muted, var(--muted)); font-weight: 500; margin-top: 4px; }
:where(body.co-page) .cs-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
:where(body.co-page) .cs-chip { font-size: 11px; font-weight: 600; color: var(--navy-primary); background: var(--c-card); border: 1px solid var(--c-tint-line, var(--line)); border-radius: 999px; padding: 4px 10px; }
:where(html[data-theme="dark"]) :where(body.co-page) .cs-chip { color: var(--c-ink); }
:where(body.co-page) .cs-summary { padding: 14px 20px 18px; display: flex; flex-direction: column; flex: 1; }
:where(body.co-page) .cs-fill { flex: 1; min-height: 12px; }
:where(body.co-page) .cs-label { font-size: 11px; font-weight: 700; color: var(--c-text-muted, #80868B); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 8px; }
:where(body.co-page) .cs-row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-bottom: 1px solid #f1f4f8; font-size: 13.5px; }
:where(html[data-theme="dark"]) :where(body.co-page) .cs-row { border-bottom: 1px solid #262D36; }
:where(body.co-page) .cs-row span { color: var(--muted); }
:where(body.co-page) .cs-row b { font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
:where(body.co-page) .cs-row-na b { color: #b6c0cc; font-weight: 500; }
:where(body.co-page) .cs-note { font-size: 11.5px; color: #80868B; padding: 8px 0 0; }
:where(html[data-theme="dark"]) :where(body.co-page) .cs-note { color: #848A8E; }
:where(body.co-page) .cs-total { display: flex; justify-content: space-between; align-items: center; padding: 13px 16px; border-radius: 10px; background: var(--navy-primary); color: var(--c-on-primary); }
:where(body.co-page) .cs-total span { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; opacity: .85; }
:where(body.co-page) .cs-total b { font-family: var(--rs-font-display); font-size: 22px; font-weight: 700; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
:where(body.co-page) .cs-total small { font-size: 12px; font-weight: 600; opacity: .8; margin-left: 2px; }
:where(body.co-page) .order-meta { padding: 12px 24px 14px; background: #F8F9FA; border-top: 1px solid var(--line); }
:where(html[data-theme="dark"]) :where(body.co-page) .order-meta { background: #151719; }
:where(body.co-page) .meta-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 5px 0; }
:where(body.co-page) .meta-label { font-size: 11px; color: #80868B; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
:where(html[data-theme="dark"]) :where(body.co-page) .meta-label { color: #848A8E; }
:where(body.co-page) .meta-value { font-size: 11.5px; color: #444746; font-weight: 500; text-align: right; }
:where(html[data-theme="dark"]) :where(body.co-page) .meta-value { color: #B8BBBA; }
:where(body.co-page) .meta-value.mono { font-family: ui-monospace, 'JetBrains Mono', Menlo, monospace; background: #E8EAED; padding: 2px 8px; border-radius: 6px; }
:where(html[data-theme="dark"]) :where(body.co-page) .meta-value.mono { background: #1D1F22; }
:where(body.co-page) .meta-copy { background: none; border: none; cursor: pointer; color: var(--navy-accent); font-size: 12px; margin-left: 6px; padding: 2px 4px; line-height: 1; touch-action: manipulation; }
:where(body.co-page) .meta-copy:hover { filter: brightness(1.15); }
:where(body.co-page) .gateway-header, :where(body.co-page) .bf-head { padding: 18px 20px 14px; background: var(--c-tint); border-bottom: 1px solid var(--c-tint-line, var(--line)); }
:where(body.co-page) .gateway-header h2, :where(body.co-page) .bf-head h2 { font-size: 18px; font-weight: 700; color: var(--navy-primary); letter-spacing: -.01em; }
:where(html[data-theme="dark"]) :where(body.co-page) .gateway-header h2, :where(html[data-theme="dark"]) :where(body.co-page) .bf-head h2 { color: var(--c-ink); }
:where(body.co-page) .gateway-header p, :where(body.co-page) .bf-head p { font-size: 12.5px; color: var(--c-text-muted, var(--muted)); margin-top: 4px; }
:where(body.co-page) .gateway-header { text-align: center; }
:where(body.co-page) .countdown-section { padding: 26px 24px 18px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
:where(body.co-page) .countdown-ring { width: 100px; height: 100px; margin: 0 auto 16px; position: relative; }
:where(body.co-page) .countdown-ring svg { transform: rotate(-90deg); width: 100px; height: 100px; }
:where(body.co-page) .countdown-ring .ring-bg { fill: none; stroke: #e8ecf0; stroke-width: 4; }
:where(body.co-page) .countdown-ring .ring-progress { fill: none; stroke: var(--navy-accent); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 270; stroke-dashoffset: 0; transition: stroke-dashoffset 1s linear; }
:where(body.co-page) .countdown-number { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 36px; font-weight: 800; color: var(--navy-accent); }
:where(body.co-page) .countdown-text { font-size: 14px; color: var(--muted); font-weight: 500; margin-top: 4px; }
:where(body.co-page) .countdown-text strong { color: var(--navy-primary); }
:where(html[data-theme="dark"]) :where(body.co-page) .countdown-text strong { color: var(--c-ink); }
:where(body.co-page) .redirecting-state { display: none; }
:where(body.co-page) .redirecting-state .spinner { width: 40px; height: 40px; border: 3px solid #e0e0e0; border-top-color: var(--navy-accent); border-radius: 50%; animation: spin 0.8s linear infinite; margin: 0 auto 12px; }
:where(html[data-theme="dark"]) :where(body.co-page) .redirecting-state .spinner { border: 3px solid #383838; }
:where(body.co-page) .rw-amt { font-size: 13px; color: var(--muted); margin-top: 8px; }
:where(body.co-page) .rw-amt strong { color: var(--navy-primary); }
:where(html[data-theme="dark"]) :where(body.co-page) .rw-amt strong { color: var(--c-ink); }
:where(body.co-page) .rw-fallback { display: none; margin-top: 16px; padding: 11px 22px; background: transparent; border: 2px solid var(--navy-accent); color: var(--navy-accent); border-radius: 10px; font-size: 13.5px; font-weight: 700; font-family: inherit; cursor: pointer; align-items: center; gap: 8px; transition: background .15s, color .15s; touch-action: manipulation; }
:where(body.co-page) .rw-fallback.show { display: inline-flex; }
:where(body.co-page) .rw-fallback:hover { background: var(--navy-accent); color: var(--c-on-accent); }
:where(body.co-page) .pay-now-btn { margin-top: 18px; width: 100%; max-width: 300px; padding: 14px 18px; background: var(--navy-accent); color: var(--c-on-accent); border: none; border-radius: 10px; font-size: 15px; font-weight: 700; font-family: inherit; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: filter 0.2s, transform 0.15s; touch-action: manipulation; }
:where(body.co-page) .pay-now-btn:hover { filter: brightness(1.06); }
:where(body.co-page) .pay-now-btn:active { transform: scale(0.98); }
@keyframes spin { to { transform: rotate(360deg); } }
:where(body.co-page) .cs-secure { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px 16px; margin-top: 12px; }
:where(body.co-page) .cs-secure-t { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #444746; white-space: nowrap; }
:where(html[data-theme="dark"]) :where(body.co-page) .cs-secure-t { color: #B8BBBA; }
:where(body.co-page) .cs-secure-t i { color: var(--navy-accent); font-size: 12px; }
:where(body.co-page) .right-panel > .cs-secure { margin: 0 20px 18px; }
:where(body.co-page) .bf-form { padding: 16px 20px 18px; flex: 1; display: flex; flex-direction: column; }
:where(body.co-page) .bf-form > form { flex: 1; }
:where(body.co-page) .bf-err { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; font-size: 12.5px; padding: 10px 13px; border-radius: 10px; margin-bottom: 14px; display: flex; gap: 8px; align-items: flex-start; }
:where(html[data-theme="dark"]) :where(body.co-page) .bf-err { background: #220C0C; border: 1px solid #501C1C; color: #EA8686; }
:where(body.co-page) .bf-err i { margin-top: 2px; }
:where(body.co-page) .bf-group { margin-bottom: 12px; }
:where(body.co-page) .bf-group label { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--ink); margin-bottom: 6px; }
:where(body.co-page) .bf-group input { width: 100%; padding: 11px 12px; border: 1.5px solid var(--c-tint-line, #dfe5ec); border-radius: 10px; color: var(--ink); background: #fff; transition: border-color .15s, box-shadow .15s; }
:where(html[data-theme="dark"]) :where(body.co-page) .bf-group input { background: #131313; }
:where(body.co-page) .bf-group input:focus { outline: none; border-color: var(--navy-accent); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb), .15); }
:where(body.co-page) .bf-group input::placeholder { color: #b6c0cc; }
:where(body.co-page) .bf-phone-row { display: flex; gap: 8px; }
:where(body.co-page) .bf-phone-row .bf-cc { flex: 0 0 42%; max-width: 200px; min-width: 0; }
:where(body.co-page) .bf-phone-row input.bf-num { flex: 1 1 auto; min-width: 0; }
@media (max-width: 480px) {
    :where(body.co-page) .bf-phone-row { flex-wrap: wrap; }
    :where(body.co-page) .bf-phone-row .bf-cc { flex: 1 1 100%; max-width: none; }
}
:where(body.co-page) .bf-submit { width: 100%; margin-top: 6px; padding: 14px 18px; background: var(--navy-accent); color: var(--c-on-accent); border: none; border-radius: 10px; font-size: 15px; font-weight: 700; font-family: inherit; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; transition: filter .2s, transform .15s; touch-action: manipulation; }
:where(body.co-page) .bf-submit:hover { filter: brightness(1.06); }
:where(body.co-page) .bf-submit:active { transform: scale(.985); }
:where(body.co-page) .bf-submit:disabled { opacity: .65; cursor: not-allowed; }
:where(body.co-page) .bf-back { display: block; text-align: center; margin-top: 10px; font-size: 12px; color: var(--muted); text-decoration: none; }
:where(body.co-page) .bf-back:hover { color: var(--navy-accent); }
@media (max-width: 768px) {
    body:where(.co-page) { padding: 12px; }
    :where(body.co-page) .split-container { grid-template-columns: 1fr; gap: 12px; }
    :where(body.co-page) .right-panel { order: -1; }
    :where(body.co-page) .cs-head { padding: 16px 16px 12px; }
    :where(body.co-page) .cs-title { font-size: 16px; }
    :where(body.co-page) .cs-summary { padding: 14px 16px 16px; }
    :where(body.co-page) .cs-total b { font-size: 20px; }
    :where(body.co-page) .order-meta { padding: 10px 16px 12px; }
    :where(body.co-page) .gateway-header, :where(body.co-page) .bf-head { padding: 16px 16px 12px; }
    :where(body.co-page) .gateway-header h2, :where(body.co-page) .bf-head h2 { font-size: 16px; }
    :where(body.co-page) .bf-form { padding: 14px 16px 18px; }
    :where(body.co-page) .right-panel > .cs-secure { margin: 0 16px 16px; }
    :where(body.co-page) .countdown-section { padding: 20px 16px 14px; }
    :where(body.co-page) .countdown-ring { width: 80px; height: 80px; }
    :where(body.co-page) .countdown-ring svg { width: 80px; height: 80px; }
    :where(body.co-page) .countdown-number { font-size: 28px; }
    :where(body.co-page) .countdown-text { font-size: 13px; }
    :where(body.co-page) .progress-steps { margin-bottom: 14px; }
    :where(body.co-page) .step-circle { width: 24px; height: 24px; font-size: 10px; }
    :where(body.co-page) .step-circle.active { width: 30px; height: 30px; }
    :where(body.co-page) .step-line { width: 16px; margin: 0 5px; }
    :where(body.co-page) .step-label { font-size: 9.5px; }
    :where(body.co-page) .step-label.active { font-size: 11px; }
}
@media (max-width: 400px) {
    :where(body.co-page) .step-label { display: none; }
    :where(body.co-page) .step-label.active { display: inline; }
    :where(body.co-page) .step-line { width: 12px; }
}
:where(body.co-page) .gpay-mark { display: inline-flex; align-items: center; gap: 7px; font-size: 16px; font-weight: 600; color: #fff; line-height: 1; white-space: nowrap; }
:where(body.co-page) .gpay-mark .gpay-g { width: 20px; height: 20px; display: block; flex: 0 0 20px; margin-left: 2px; }
:where(body.co-page) .gpay-mark b { font-weight: 700; letter-spacing: -.01em; }
@media (prefers-reduced-motion: reduce) {
    :where(body.co-page), :where(body.co-page) *, :where(body.co-page) *::before, :where(body.co-page) *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
    :where(body.co-page) .bf-submit:active, :where(body.co-page) .pay-now-btn:active { transform: none; }
    :where(body.co-page) .ring-progress { transition: none; }
}
body:where(.co-page) { background: var(--co-paper); color: var(--co-ink); display: block; padding: 0; min-height: 100vh; }
:where(body.co-page) .page-wrapper { max-width: none; width: 100%; min-height: 100vh; display: flex; flex-direction: column; }
:where(body.co-page) .progress-steps { position: relative; margin: 0; padding: 15px 24px; background: var(--co-card); border-bottom: 1px solid var(--co-line); counter-reset: cs; }
:where(body.co-page) .step-circle.done, :where(body.co-page) .step-circle.active { counter-increment: cs; }
:where(body.co-page) .step-circle.done { background: var(--c-accent); color: var(--c-on-accent, #fff); }
:where(body.co-page) .step-circle.active { background: var(--c-accent); color: var(--c-on-accent, #fff); box-shadow: 0 0 0 4px rgba(var(--c-accent-rgb), .18); }
:where(body.co-page) .step-circle.pending { background: var(--co-line-2); color: var(--co-faint); }
:where(body.co-page) .step-label { color: var(--co-faint); }
:where(body.co-page) .step-label.done { color: var(--co-muted); }
:where(body.co-page) .step-label.active { color: var(--co-ink); }
:where(body.co-page) .step-line { background: var(--co-line); }
:where(body.co-page) .step-line.done { background: var(--c-accent); }
:where(body.co-page) .split-container { flex: 1; gap: 0; align-items: stretch; grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); }
:where(body.co-page) .left-panel, :where(body.co-page) .right-panel { border: 0; border-radius: 0; box-shadow: none; padding: 0 var(--co-gut); }
:where(body.co-page) .left-panel { background: var(--co-paper); border-right: 1px solid var(--co-line); }
:where(body.co-page) .right-panel { background: var(--co-card); }
:where(body.co-page) .left-panel > *, :where(body.co-page) .right-panel > * { width: 100%; max-width: var(--co-measure); }
:where(body.co-page) .left-panel > * { margin-left: auto; margin-right: 0; }
:where(body.co-page) .right-panel > * { margin-right: auto; margin-left: 0; }
:where(body.co-page) .cs-head { display: grid; grid-template-columns: 1fr auto; align-items: start; column-gap: 12px; background: transparent; border-bottom: 1px solid var(--co-line); padding: 34px 0 22px; }
:where(body.co-page) .cs-title-row { display: contents; }
:where(body.co-page) .cs-eyebrow { grid-column: 1; grid-row: 1; font-size: 10.5px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--co-faint); }
:where(body.co-page) .cs-code { grid-column: 2; grid-row: 1; margin: -3px 0 0; font: 600 11px/1 var(--co-mono); color: var(--co-muted); background: var(--co-card); border: 1px solid var(--co-line); border-radius: 6px; padding: 5px 8px; }
:where(body.co-page) .cs-title { grid-column: 1 / -1; grid-row: 2; margin-top: 10px; font-size: 23px; font-weight: 700; line-height: 1.22; letter-spacing: -.02em; color: var(--co-ink); }
:where(body.co-page) .cs-platform { grid-column: 1 / -1; font-size: 13px; color: var(--co-muted); margin-top: 6px; }
:where(body.co-page) .cs-chips { grid-column: 1 / -1; margin-top: 14px; gap: 7px; }
:where(body.co-page) .cs-chip { background: var(--co-line-2); border: 0; color: var(--co-ink-2); font-size: 11.5px; font-weight: 600; padding: 5px 11px; }
:where(body.co-page) .cs-summary { padding: 18px 0 34px; }
:where(body.co-page) .cs-label { display: none; }
:where(body.co-page) .cs-row { border-bottom: 0; padding: 8px 0; font-size: 13.5px; }
:where(body.co-page) .cs-row span { color: var(--co-muted); }
:where(body.co-page) .cs-row b { font-family: var(--co-mono); font-weight: 500; color: var(--co-ink); letter-spacing: -.01em; }
:where(body.co-page) .cs-row-na b { color: var(--co-faint); }
:where(body.co-page) .cs-note { color: var(--co-muted); }
:where(body.co-page) .cs-total { background: transparent; color: var(--co-ink); border-radius: 0; border-top: 1px solid var(--co-line); padding: 18px 0 0; align-items: flex-end; }
:where(body.co-page) .cs-total-l { display: flex; flex-direction: column; gap: 3px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--co-muted); opacity: 1; }
:where(body.co-page) .cs-total-l small { font-size: 11px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--co-faint); }
:where(body.co-page) .cs-total b { font-family: var(--co-mono); font-size: 30px; font-weight: 700; letter-spacing: -.03em; color: var(--co-ink); }
:where(body.co-page) .cs-total b small { font-family: var(--co-mono); font-size: 11px; font-weight: 500; color: var(--co-faint); margin-left: 4px; }
:where(body.co-page) .bf-head { background: transparent; border-bottom: 0; padding: 34px 0 4px; }
:where(body.co-page) .bf-head h2 { font-size: 22px; font-weight: 700; letter-spacing: -.02em; color: var(--co-ink); }
:where(body.co-page) .bf-head p { font-size: 13px; color: var(--co-muted); margin-top: 5px; }
:where(body.co-page) .bf-form { padding: 20px 0 34px; }
:where(body.co-page) .bf-group { margin-bottom: 16px; }
:where(body.co-page) .bf-group label { font-size: 13px; font-weight: 600; color: var(--co-ink); margin-bottom: 7px; }
:where(body.co-page) .bf-opt { margin-left: auto; font-style: normal; font-size: 12px; font-weight: 500; color: var(--co-muted); }
:where(body.co-page) .bf-group input { padding: 13px 14px; border: 1px solid var(--co-line); border-radius: 9px; background: var(--co-card); color: var(--co-ink); }
:where(body.co-page) .bf-group input::placeholder { color: var(--co-faint); }
:where(body.co-page) .bf-group input:focus { border-color: var(--co-ink); box-shadow: 0 0 0 3px rgba(var(--co-ink-rgb), .1); }
:where(body.co-page) .bf-hint { display: block; margin-top: 7px; font-size: 12px; color: var(--co-muted); }
:where(body.co-page) .bf-submit { margin-top: 8px; min-height: 56px; gap: 12px; background: var(--c-accent); color: var(--c-on-accent, #fff); border-radius: 10px; font-size: 15px; font-weight: 600; }
:where(body.co-page) .bf-submit:hover { filter: none; background: var(--c-accent-strong, var(--c-accent)); }
:where(body.co-page) .bf-amt { font-family: var(--co-mono); font-size: 15px; font-weight: 700; letter-spacing: -.02em; }
:where(body.co-page) .cs-secure { margin-top: 16px; gap: 8px 18px; }
:where(body.co-page) .cs-secure-t { font-size: 12px; font-weight: 500; color: var(--co-muted); }
:where(body.co-page) .cs-secure-t i { color: var(--co-muted); font-size: 11px; }
:where(body.co-page) .right-panel > .cs-secure { margin: 16px 0 0; }
:where(body.co-page) .bf-back { margin-top: 14px; font-size: 12.5px; color: var(--co-muted); }
:where(body.co-page) .bf-back:hover { color: var(--co-ink); }
:where(body.co-page) .bf-pay { display: contents; }
:where(body.co-page) .left-panel, :where(body.co-page) .right-panel { justify-content: center; justify-content: safe center; }
:where(body.co-page) .cs-fill { display: none; }
:where(body.co-page) .cs-summary { flex: 0 0 auto; }
:where(body.co-page) .bf-form { flex: 0 0 auto; }
:where(body.co-page) .bf-form > form { flex: 0 0 auto; }
:where(body.co-page) .gateway-header { background: transparent; border-bottom: 1px solid var(--co-line); border-radius: 0; padding: 34px 0 18px; text-align: left; }
:where(body.co-page) .gateway-header h2 { font-size: 22px; font-weight: 700; letter-spacing: -.02em; color: var(--co-ink); }
:where(body.co-page) .gateway-header h2 i { display: none; }
:where(body.co-page) .gateway-header p { font-size: 13px; color: var(--co-muted); margin-top: 5px; }
:where(body.co-page) .countdown-section { padding: 30px 0 0; align-items: center; justify-content: flex-start; }
:where(body.co-page) #countdown-state, :where(body.co-page) .redirecting-state { width: 100%; }
:where(body.co-page) .countdown-ring, :where(body.co-page) .countdown-ring svg { width: 104px; height: 104px; }
:where(body.co-page) .countdown-ring { margin: 0 auto 18px; }
:where(body.co-page) .countdown-ring .ring-bg { stroke: var(--co-line); stroke-width: 3; }
:where(body.co-page) .countdown-ring .ring-progress { stroke: var(--co-ink); stroke-width: 3; }
:where(body.co-page) .countdown-number { font-family: var(--co-mono); font-size: 34px; font-weight: 700; letter-spacing: -.03em; color: var(--co-ink); }
:where(body.co-page) .countdown-text { font-size: 14px; color: var(--co-muted); }
:where(body.co-page) .countdown-text strong { color: var(--co-ink); font-weight: 600; }
:where(body.co-page) .co-wait { margin-top: 8px; font-size: 12px; color: var(--co-faint); }
:where(body.co-page) .pay-now-btn { margin-top: 22px; width: 100%; max-width: none; min-height: 56px; padding: 0 18px; gap: 12px; background: var(--c-accent); color: var(--c-on-accent, #fff); border-radius: 10px; font-size: 15px; font-weight: 600; }
:where(body.co-page) .pay-now-btn:hover { filter: none; background: var(--c-accent-strong, var(--c-accent)); }
:where(body.co-page) .redirecting-state .spinner { border-color: var(--co-line); border-top-color: var(--co-ink); }
:where(body.co-page) .rw-amt { font-size: 13px; color: var(--co-muted); }
:where(body.co-page) .rw-amt strong { color: var(--co-ink); font-weight: 600; }
:where(body.co-page) .rw-fallback { border: 1px solid var(--co-line); color: var(--co-ink); border-radius: 10px; font-weight: 600; }
:where(body.co-page) .rw-fallback:hover { background: var(--c-accent-strong, var(--c-accent)); color: var(--c-on-accent, #fff); border-color: var(--c-accent); }
:where(body.co-page) .cs-total b { word-spacing: -.28em; }
@media (max-width: 768px) {
    body:where(.co-page) { padding: 0; }
    :where(body.co-page) .page-wrapper { min-height: 100vh; }
    :where(body.co-page) .progress-steps { display: flex; align-items: center; gap: 7px; margin: 0; padding: 16px 20px 18px; background: transparent; border-bottom: 0; }
    :where(body.co-page) .step { flex: 1 1 0; gap: 0; opacity: 1; }
    :where(body.co-page) .step::before { content: ""; display: block; width: 100%; height: 3px; border-radius: 2px; background: var(--co-line); }
    :where(body.co-page) .step:has(.step-circle.done)::before, :where(body.co-page) .step:has(.step-circle.active)::before { background: var(--c-accent); }
    :where(body.co-page) .step-circle { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); box-shadow: none; }
    :where(body.co-page) .step-label, :where(body.co-page) .step-label.active, :where(body.co-page) .step-line, :where(body.co-page) .step-line.done { display: none; }
    :where(body.co-page) .progress-steps::after { content: counter(cs) "/4"; flex: 0 0 auto; margin-left: 5px; font: 500 12px/1 var(--co-mono); color: var(--co-muted); }
    :where(body.co-page) .split-container { display: flex; flex-direction: column; gap: 0; padding: 0 20px; }
    body:where(.co-page).co-buyer .left-panel, body:where(.co-page).co-buyer .right-panel { display: contents; }
    :where(body.co-page) .left-panel > *, :where(body.co-page) .right-panel > * { max-width: none; margin: 0; }
    :where(body.co-page) .left-panel, :where(body.co-page) .right-panel { padding: 0; border-right: 0; }
    body:where(.co-page).co-buyer .cs-summary, body:where(.co-page).co-buyer .bf-form, body:where(.co-page).co-buyer .bf-form > form { display: contents; }
    body:where(.co-page).co-buyer .cs-head { order: 1; }
    body:where(.co-page).co-buyer .bf-head { order: 2; }
    body:where(.co-page).co-buyer .bf-err { order: 3; }
    body:where(.co-page).co-buyer .bf-group { order: 4; }
    body:where(.co-page).co-buyer .cs-row, body:where(.co-page).co-buyer .cs-note { order: 5; }
    body:where(.co-page).co-buyer .cs-fill { display: none; }
    body:where(.co-page).co-buyer .cs-total { order: 6; }
    body:where(.co-page).co-buyer .bf-pay { order: 7; display: block; }
    :where(body.co-page) .cs-head { background: var(--co-card); border: 1px solid var(--co-line); border-radius: 12px; padding: 13px 14px; grid-template-columns: auto 1fr; align-items: center; column-gap: 12px; row-gap: 2px; }
    :where(body.co-page) .cs-eyebrow { display: none; }
    :where(body.co-page) .cs-code { grid-column: 1; grid-row: 1 / span 2; margin: 0; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; background: var(--co-line-2); border: 0; font-size: 12px; }
    :where(body.co-page) .cs-title { grid-column: 2; grid-row: 1; margin: 0; font-size: 15px; line-height: 1.3; }
    :where(body.co-page) .cs-platform { grid-column: 2; grid-row: 2; margin: 0; font-size: 12px; }
    :where(body.co-page) .cs-chips { display: none; }
    :where(body.co-page) .bf-head { padding: 22px 0 4px; }
    :where(body.co-page) .bf-head h2 { font-size: 19px; }
    :where(body.co-page) .bf-form { padding: 18px 0 0; }
    :where(body.co-page) .bf-phone-row { flex-wrap: nowrap; }
    :where(body.co-page) .bf-phone-row .bf-cc { flex: 0 0 44%; max-width: none; }
    body:where(.co-page).co-buyer .cs-label { display: block; order: 5; height: 0; font-size: 0; margin: 22px 0 12px; border-top: 1px solid var(--co-line); }
    body:where(.co-page).co-buyer .cs-total { margin: 18px -20px 0; padding: 18px 20px 14px; background: var(--c-accent); border-top: 0; align-items: center; }
    body:where(.co-page).co-buyer .cs-total-l { color: rgba(255, 255, 255, .62); }
    body:where(.co-page).co-buyer .cs-total-l small { display: none; }
    body:where(.co-page).co-buyer .cs-total b { color: var(--co-on-ink); font-size: 27px; }
    body:where(.co-page).co-buyer .cs-total b small { color: rgba(255, 255, 255, .5); }
    body:where(.co-page).co-buyer .bf-pay { margin: 0 -20px; padding: 0 20px 22px; background: var(--c-accent); }
    body:where(.co-page).co-buyer .bf-pay .bf-submit { margin: 0; background: var(--co-on-ink); color: var(--co-ink); }
    body:where(.co-page).co-buyer .bf-pay .bf-submit:hover { background: var(--co-on-ink); }
    body:where(.co-page).co-buyer .bf-pay .cs-secure-t, body:where(.co-page).co-buyer .bf-pay .cs-secure-t i { color: rgba(255, 255, 255, .6); }
    body:where(.co-page).co-buyer .bf-pay .bf-back { color: rgba(255, 255, 255, .55); }
}

/* ======================= page — checkout_file_success.php ======================= */
body:where(.res-file-ok) { --navy: var(--c-primary, #1F1F1F); --navy-dark: var(--c-primary-dark, #001529); --navy-2: var(--c-secondary, #3C4043); --accent: var(--c-accent, #0B57D0); --on-accent: var(--c-on-accent, #ffffff); --accent-rgb: var(--c-accent-rgb, 0,116,217); --primary-rgb: var(--c-primary-rgb, 0,31,63); --card-bg: var(--c-card, #ffffff); --success: #16a34a; --success-soft: #ecfdf5; --success-border: #86efac; --danger: #dc2626; --danger-soft: #fef2f2; --danger-border: #fca5a5; --warning: #d97706; --warning-soft: #fffbeb; --warning-border: #fde68a; --ink: #1F1F1F; --ink-soft: #444746; --line: #DADCE0; }
:where(html[data-theme="dark"]) body:where(.res-file-ok) { --success-soft: #0E251A; --danger-soft: #220C0C; --danger-border: #5E2222; --warning-soft: #27210B; --warning-border: #695B24; --ink: #D6D6D6; --ink-soft: #B8BBBA; --line: #37393C; }
:where(body.res-file-ok), :where(body.res-file-ok) * { margin: 0; padding: 0; box-sizing: border-box; }
html:where(:has(> :is(body.res-file-ok))) { -webkit-text-size-adjust: 100%; }
html:where(:has(> :is(body.res-file-ok))), body:where(.res-file-ok) { width: 100%; }
body:where(.res-file-ok) { font-family: var(--rs-font); background: linear-gradient(135deg, var(--c-bg, #F1F3F4) 0%, var(--c-tint, #e8f1fb) 100%); color: var(--ink); min-height: 100vh; padding: 14px; touch-action: manipulation; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; }
:where(body.res-file-ok) input, :where(body.res-file-ok) select, :where(body.res-file-ok) textarea, :where(body.res-file-ok) button { font-size: 16px; touch-action: manipulation; }
:where(body.res-file-ok) a { text-decoration: none; -webkit-tap-highlight-color: rgba(var(--accent-rgb),0.15); }
:where(body.res-file-ok) a:focus-visible { outline: 3px solid rgba(var(--accent-rgb),0.45); outline-offset: 2px; border-radius: 8px; }
:where(body.res-file-ok) .shell { width: 100%; max-width: 1240px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
:where(body.res-file-ok) .grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 16px; align-items: start; }
:where(body.res-file-ok) .col-main, :where(body.res-file-ok) .col-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
:where(body.res-file-ok) .narrow { width: 100%; max-width: 680px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
:where(body.res-file-ok) .card { background: var(--card-bg); border-radius: 16px; border: 1px solid rgba(var(--primary-rgb), 0.06); box-shadow: 0 4px 14px rgba(var(--primary-rgb), 0.06), 0 14px 36px rgba(var(--primary-rgb), 0.07); padding: 22px 20px; animation: rise .5s ease-out both; }
@keyframes rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
:where(body.res-file-ok) .main-card { padding: 0; overflow: hidden; }
:where(body.res-file-ok) .mc-head { background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%); background-blend-mode: normal; color: #fff; padding: 26px 26px 22px; position: relative; }
:where(body.res-file-ok) .mc-head::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 88% -30%, rgba(255,255,255,0.16), transparent 55%); }
:where(body.res-file-ok) .mc-topline { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; position: relative; }
:where(body.res-file-ok) .mc-check { width: 60px; height: 60px; border-radius: 50%; flex-shrink: 0; background: var(--success); color: #fff; font-size: 26px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 7px rgba(255,255,255,0.12), 0 10px 24px rgba(0,0,0,0.25); animation: pop .55s cubic-bezier(.2,1.4,.4,1) both; }
@keyframes pop { 0% { transform: scale(.4); opacity: 0; } 65% { transform: scale(1.1); } 100% { transform: scale(1); opacity: 1; } }
:where(body.res-file-ok) .mc-topline h1 { font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.3px; }
:where(body.res-file-ok) .mc-topline p { font-size: 13px; color: rgba(255,255,255,0.75); margin-top: 4px; }
:where(body.res-file-ok) .mc-file { display: flex; align-items: center; gap: 14px; position: relative; background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.16); border-radius: 14px; padding: 14px 16px; }
:where(body.res-file-ok) .mc-file-ic { width: 46px; height: 46px; border-radius: 12px; flex-shrink: 0; background: rgba(255,255,255,0.15); font-size: 20px; display: flex; align-items: center; justify-content: center; }
:where(body.res-file-ok) .mc-file-name { font-size: 15px; font-weight: 700; line-height: 1.45; min-width: 0; overflow-wrap: anywhere; }
:where(body.res-file-ok) .mc-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; position: relative; }
:where(body.res-file-ok) .mc-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.10); color: rgba(255,255,255,0.92); padding: 5px 11px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 0.2px; }
:where(body.res-file-ok) .mc-body { padding: 24px 26px 26px; }
:where(body.res-file-ok) .section-head { font-size: 12px; font-weight: 700; color: var(--ink-soft); text-transform: uppercase; letter-spacing: 0.7px; display: flex; align-items: center; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid var(--line); margin-bottom: 16px; }
:where(body.res-file-ok) .section-head i { color: var(--accent); }
:where(body.res-file-ok) .btn-dl, :where(body.res-file-ok) .btn-guide { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 18px; border-radius: 14px; min-height: 66px; transition: transform .16s, box-shadow .16s, border-color .16s, background .16s; }
:where(body.res-file-ok) .btn-dl { background: linear-gradient(135deg, var(--accent) 0%, var(--c-accent-strong, var(--navy)) 130%); color: var(--on-accent); position: relative; overflow: hidden; box-shadow: 0 10px 26px rgba(var(--accent-rgb), 0.35), 0 3px 8px rgba(var(--accent-rgb), 0.25); }
:where(body.res-file-ok) .btn-dl::after { content: ''; position: absolute; top: 0; left: -70%; width: 45%; height: 100%; background: linear-gradient(105deg, transparent, rgba(255,255,255,0.28), transparent); transform: skewX(-20deg); animation: shine 3s ease-in-out infinite; }
@keyframes shine { 0%, 55% { left: -70%; } 90%, 100% { left: 140%; } }
:where(body.res-file-ok) .btn-dl:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(var(--accent-rgb), 0.45), 0 4px 10px rgba(var(--accent-rgb), 0.3); }
:where(body.res-file-ok) .btn-dl:active { transform: translateY(0); }
:where(body.res-file-ok) .btn-dl .b-ic { background: rgba(255,255,255,0.2); color: var(--on-accent); }
:where(body.res-file-ok) .btn-guide { background: var(--card-bg); border: 1.5px solid var(--line); color: var(--navy); margin-top: 12px; }
:where(body.res-file-ok) .btn-guide:hover { border-color: var(--accent); background: rgba(var(--accent-rgb), 0.06); transform: translateY(-1px); }
:where(body.res-file-ok) .btn-guide:active { transform: translateY(0); }
:where(body.res-file-ok) .btn-guide .b-ic { background: rgba(var(--accent-rgb), 0.12); color: var(--accent); }
:where(body.res-file-ok) .b-ic { width: 42px; height: 42px; border-radius: 12px; flex-shrink: 0; font-size: 17px; display: flex; align-items: center; justify-content: center; }
:where(body.res-file-ok) .b-txt { flex: 1; min-width: 0; text-align: left; display: flex; flex-direction: column; gap: 2px; }
:where(body.res-file-ok) .b-main { font-size: 16px; font-weight: 800; letter-spacing: 0.1px; line-height: 1.25; }
:where(body.res-file-ok) .b-sub { font-size: 12px; font-weight: 500; opacity: 0.75; line-height: 1.3; }
:where(body.res-file-ok) .b-go { font-size: 14px; flex-shrink: 0; opacity: 0.7; transition: transform .16s; }
:where(body.res-file-ok) .btn-dl:hover .b-go { transform: translateY(2px); }
:where(body.res-file-ok) .btn-guide:hover .b-go { transform: translateX(3px); }
:where(body.res-file-ok) .mail-note { margin-top: 16px; font-size: 12px; color: var(--ink-soft); text-align: center; display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; word-break: break-all; }
:where(body.res-file-ok) .mail-note i { color: var(--accent); }
:where(body.res-file-ok) .assure { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--line); font-size: 12px; font-weight: 600; color: var(--ink-soft); }
:where(body.res-file-ok) .assure span { display: inline-flex; align-items: center; gap: 6px; }
:where(body.res-file-ok) .assure i { color: var(--accent); font-size: 12px; }
:where(body.res-file-ok) .hero { text-align: center; border-top: 4px solid var(--success); }
:where(body.res-file-ok) .hero.err { border-top-color: var(--danger); }
:where(body.res-file-ok) .hero.wrn { border-top-color: var(--warning); }
:where(body.res-file-ok) .pulse { width: 80px; height: 80px; border-radius: 50%; background: var(--success); color: white; display: flex; align-items: center; justify-content: center; margin: 4px auto 16px; font-size: 38px; box-shadow: 0 0 0 8px rgba(22,163,74,0.12), 0 12px 28px rgba(22,163,74,0.3); }
:where(body.res-file-ok) .pulse.err { background: var(--danger); box-shadow: 0 0 0 8px rgba(220,38,38,0.12), 0 12px 28px rgba(220,38,38,0.3); }
:where(body.res-file-ok) .pulse.wrn { background: var(--warning); box-shadow: 0 0 0 8px rgba(217,119,6,0.12), 0 12px 28px rgba(217,119,6,0.3); }
:where(body.res-file-ok) .hero h1 { color: var(--navy); font-size: 22px; line-height: 1.25; font-weight: 800; margin-bottom: 6px; }
:where(body.res-file-ok) .hero .lede { color: var(--ink-soft); font-size: 14px; margin-bottom: 14px; }
:where(body.res-file-ok) .r-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 9px 0; font-size: 13px; line-height: 1.45; }
:where(body.res-file-ok) .r-row + .r-row { border-top: 1px dashed var(--line); }
:where(body.res-file-ok) .r-label { color: var(--ink-soft); font-weight: 500; flex-shrink: 0; }
:where(body.res-file-ok) .r-val { color: var(--ink); font-weight: 600; text-align: right; word-break: break-all; min-width: 0; }
:where(body.res-file-ok) .r-val.amt { color: var(--navy); font-weight: 800; font-size: 14px; }
:where(body.res-file-ok) .r-val.ok { color: var(--success); font-weight: 800; }
:where(body.res-file-ok) .r-val.bad { color: var(--danger); font-weight: 800; }
:where(body.res-file-ok) .r-val.wrn { color: var(--warning); font-weight: 800; }
:where(body.res-file-ok) .nx-head i { color: #f59e0b; }
:where(html[data-theme="dark"]) :where(body.res-file-ok) .nx-head i { color: #F4C77B; }
:where(body.res-file-ok) .nx { display: flex; align-items: center; gap: 12px; padding: 13px; border-radius: 12px; background: var(--c-bg, #F1F3F4); color: var(--ink); font-size: 14px; font-weight: 600; border: 1px solid transparent; transition: background .15s, border-color .15s, transform .15s; }
:where(body.res-file-ok) .nx + .nx { margin-top: 8px; }
:where(body.res-file-ok) .nx:hover { background: var(--card-bg); border-color: var(--accent); transform: translateX(2px); }
:where(body.res-file-ok) .nx-ic { width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: white; font-size: 14px; }
:where(body.res-file-ok) .nx-ic.yt { background: #ff0000; }
:where(body.res-file-ok) .nx-ic.bk { background: var(--accent); color: var(--on-accent); }
:where(body.res-file-ok) .nx-ic.fl { background: var(--navy); }
:where(body.res-file-ok) .nx-lbl { flex: 1; line-height: 1.3; min-width: 0; }
:where(body.res-file-ok) .nx-lbl small { display: block; font-size: 11px; color: var(--ink-soft); font-weight: 500; margin-top: 2px; }
:where(body.res-file-ok) .nx-arrow { color: var(--ink-soft); font-size: 12px; flex-shrink: 0; }
:where(body.res-file-ok) .btn-big { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 15px 18px; border-radius: 12px; border: none; font-size: 15px; font-weight: 700; cursor: pointer; text-decoration: none; min-height: 52px; transition: transform .15s, box-shadow .15s, background .15s; }
:where(body.res-file-ok) .btn-primary { background: linear-gradient(135deg, var(--navy), var(--navy-dark)); color: var(--c-on-primary, #fff); box-shadow: 0 4px 12px rgba(var(--primary-rgb),0.25); }
:where(body.res-file-ok) .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(var(--primary-rgb),0.35); }
:where(body.res-file-ok) .btn-wa { background: #25d366; color: white; box-shadow: 0 4px 12px rgba(37,211,102,0.25); margin-top: 10px; }
:where(body.res-file-ok) .btn-wa:hover { background: #1ebe5b; }
:where(body.res-file-ok) .alert { padding: 12px 14px; border-radius: 10px; margin-bottom: 12px; text-align: left; font-size: 13px; line-height: 1.5; display: flex; align-items: flex-start; gap: 10px; }
:where(body.res-file-ok) .alert i { font-size: 16px; flex-shrink: 0; margin-top: 1px; }
:where(body.res-file-ok) .alert.err { background: var(--danger-soft); border: 1px solid var(--danger-border); color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.res-file-ok) .alert.err { color: #EA8686; }
:where(body.res-file-ok) .alert.wrn { background: var(--warning-soft); border: 1px solid var(--warning-border); color: #92400e; }
:where(html[data-theme="dark"]) :where(body.res-file-ok) .alert.wrn { color: #F3A97D; }
:where(body.res-file-ok) .alert.suc { background: var(--success-soft); border: 1px solid var(--success-border); color: #166534; }
:where(html[data-theme="dark"]) :where(body.res-file-ok) .alert.suc { color: #8AE5AD; }
:where(body.res-file-ok) .trust { text-align: center; font-size: 12px; color: var(--ink-soft); padding: 10px 8px 14px; display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
:where(body.res-file-ok) .trust span { display: inline-flex; align-items: center; gap: 4px; }
:where(body.res-file-ok) .trust .sep { color: var(--line); }
@media (min-width: 720px) {
    body:where(.res-file-ok) { padding: 28px 24px; }
    :where(body.res-file-ok) .shell { gap: 18px; }
    :where(body.res-file-ok) .grid { gap: 18px; }
    :where(body.res-file-ok) .card { padding: 26px 24px; }
    :where(body.res-file-ok) .main-card { padding: 0; }
    :where(body.res-file-ok) .mc-head { padding: 32px 32px 26px; }
    :where(body.res-file-ok) .mc-topline h1 { font-size: 28px; }
    :where(body.res-file-ok) .mc-topline p { font-size: 14px; }
    :where(body.res-file-ok) .mc-file-name { font-size: 16px; }
    :where(body.res-file-ok) .mc-body { padding: 28px 32px 30px; }
    :where(body.res-file-ok) .b-main { font-size: 17px; }
    :where(body.res-file-ok) .r-row { font-size: 14px; padding: 10px 0; }
}
@media (max-width: 900px) {
    :where(body.res-file-ok) .grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    :where(body.res-file-ok) .mc-head { padding: 20px 18px 18px; }
    :where(body.res-file-ok) .mc-topline { gap: 13px; margin-bottom: 14px; }
    :where(body.res-file-ok) .mc-check { width: 52px; height: 52px; font-size: 22px; }
    :where(body.res-file-ok) .mc-topline h1 { font-size: 20px; }
    :where(body.res-file-ok) .mc-file { padding: 12px 13px; gap: 11px; }
    :where(body.res-file-ok) .mc-file-ic { width: 40px; height: 40px; font-size: 17px; }
    :where(body.res-file-ok) .mc-file-name { font-size: 13.5px; }
    :where(body.res-file-ok) .mc-body { padding: 18px 16px 20px; }
    :where(body.res-file-ok) .btn-dl, :where(body.res-file-ok) .btn-guide { min-height: 60px; padding: 12px 14px; gap: 11px; }
    :where(body.res-file-ok) .b-ic { width: 38px; height: 38px; font-size: 15px; }
    :where(body.res-file-ok) .b-main { font-size: 15px; }
    :where(body.res-file-ok) .b-sub { font-size: 11px; }
    :where(body.res-file-ok) .card { padding: 18px 15px; border-radius: 14px; }
    :where(body.res-file-ok) .hero h1 { font-size: 19px; }
    :where(body.res-file-ok) .pulse { width: 68px; height: 68px; font-size: 30px; margin-bottom: 12px; }
    :where(body.res-file-ok) .r-row { font-size: 12px; gap: 8px; }
    :where(body.res-file-ok) .nx { padding: 11px; font-size: 13px; gap: 10px; }
    :where(body.res-file-ok) .nx-ic { width: 32px; height: 32px; font-size: 12px; }
    :where(body.res-file-ok) .nx-lbl small { font-size: 10px; }
    :where(body.res-file-ok) .btn-big { padding: 13px 14px; font-size: 14px; min-height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
    :where(body.res-file-ok) .card, :where(body.res-file-ok) .mc-check { animation: none; }
    :where(body.res-file-ok) .btn-dl::after { display: none; }
    :where(body.res-file-ok) .btn-dl, :where(body.res-file-ok) .btn-guide, :where(body.res-file-ok) .nx, :where(body.res-file-ok) .btn-big, :where(body.res-file-ok) .b-go { transition: none; }
}

/* ======================= page — checkout_file_failure.php ======================= */
body:where(.res-file-fail) { --navy-primary: #1F1F1F; --navy-dark: #001529; --navy-light: #3C4043; --navy-accent: #0B57D0; --success: #34a853; --warning: #fbbc04; --danger: #ea4335; }
:where(body.res-file-fail), :where(body.res-file-fail) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.res-file-fail) { font-family: var(--rs-font); background: #f5f5f5; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; touch-action: manipulation; }
:where(html[data-theme="dark"]) body:where(.res-file-fail) { background: #191919; }
:where(body.res-file-fail) input, :where(body.res-file-fail) select, :where(body.res-file-fail) textarea { font-size: 16px !important; touch-action: manipulation; }
:where(body.res-file-fail) .result-container { background: white; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 40px; max-width: 520px; width: 100%; text-align: center; border-left: 4px solid var(--danger); }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .result-container { background: #131313; }
:where(body.res-file-fail) .result-icon { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 36px; color: white; background: var(--danger); }
:where(body.res-file-fail) h1 { color: var(--navy-primary); font-size: 24px; margin-bottom: 10px; font-weight: 600; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) h1 { color: var(--c-ink); }
:where(body.res-file-fail) p { color: #666; font-size: 15px; margin-bottom: 20px; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) p { color: #A1A1A1; }
:where(body.res-file-fail) .alert-box { padding: 15px; border-radius: 10px; margin-bottom: 20px; text-align: left; font-size: 14px; display: flex; align-items: flex-start; gap: 10px; }
:where(body.res-file-fail) .alert-box.error { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .alert-box.error { background: #220C0C; border: 1px solid #501C1C; color: #EA8686; }
:where(body.res-file-fail) .alert-box.warning { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .alert-box.warning { background: #27210B; border: 1px solid #695B24; color: #F3A97D; }
:where(body.res-file-fail) .details-box { background: #f8f9fa; border-radius: 10px; padding: 20px; margin: 20px 0; text-align: left; border: 1px solid #e0e0e0; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .details-box { background: #151719; border: 1px solid #383838; }
:where(body.res-file-fail) .details-box h4 { color: var(--navy-primary); font-size: 14px; margin-bottom: 12px; font-weight: 600; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .details-box h4 { color: var(--c-ink); }
:where(body.res-file-fail) .detail-row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e0e0e0; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .detail-row { border-bottom: 1px solid #383838; }
:where(body.res-file-fail) .detail-row:last-child { border-bottom: none; }
:where(body.res-file-fail) .detail-label { color: #666; font-size: 13px; font-weight: 500; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .detail-label { color: #A1A1A1; }
:where(body.res-file-fail) .detail-value { color: #333; font-weight: 600; font-size: 13px; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .detail-value { color: #C7C7C7; }
:where(body.res-file-fail) .detail-value.error-text { color: var(--danger); }
:where(body.res-file-fail) .action-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: 10px; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; border: none; transition: background 0.2s; margin: 5px; }
:where(body.res-file-fail) .action-btn.primary { background: var(--navy-primary); color: white; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .action-btn.primary { background: var(--c-accent); }
:where(body.res-file-fail) .action-btn.primary:hover { background: #3C4043; }
:where(body.res-file-fail) .action-btn.secondary { background: #f0f0f0; color: #333; border: 1px solid #ddd; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .action-btn.secondary { background: #1C1C1C; color: #C7C7C7; border: 1px solid #3A3A3A; }
:where(body.res-file-fail) .action-btn.secondary:hover { background: #e0e0e0; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .action-btn.secondary:hover { background: #262626; }
:where(body.res-file-fail) .security-note { color: #666; font-size: 12px; margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 6px; }
:where(html[data-theme="dark"]) :where(body.res-file-fail) .security-note { color: #A1A1A1; }
@media (max-width: 768px) {
    body:where(.res-file-fail) { padding: 12px; }
    :where(body.res-file-fail) .result-container { padding: 20px 16px; }
    :where(body.res-file-fail) h1 { font-size: 18px; }
    :where(body.res-file-fail) p { font-size: 13px; }
    :where(body.res-file-fail) .result-icon { width: 64px; height: 64px; font-size: 28px; margin-bottom: 16px; }
    :where(body.res-file-fail) .alert-box { padding: 12px; font-size: 13px; }
    :where(body.res-file-fail) .details-box { padding: 14px; }
    :where(body.res-file-fail) .details-box h4 { font-size: 13px; }
    :where(body.res-file-fail) .detail-row { padding: 6px 0; }
    :where(body.res-file-fail) .detail-label { font-size: 12px; }
    :where(body.res-file-fail) .detail-value { font-size: 12px; }
    :where(body.res-file-fail) .action-btn { display: flex; width: 100%; margin: 5px 0; font-size: 13px; padding: 10px 20px; }
    :where(body.res-file-fail) .security-note { font-size: 11px; }
}

/* ======================= page — checkout_failure.php ======================= */
body:where(.res-fail) { --navy-primary: #1F1F1F; --navy-dark: #001529; --navy-light: #3C4043; --navy-accent: #0B57D0; --navy-hover: #3C4043; --success: #34a853; --warning: #fbbc04; --danger: #ea4335; }
:where(body.res-fail), :where(body.res-fail) * { margin: 0; padding: 0; box-sizing: border-box; }
:where(body.res-fail) .sup-num { font-weight:600;opacity:.88;letter-spacing:.2px;direction:ltr;unicode-bidi:isolate; }
:where(body.res-fail) .sup-num::before { content:"\00b7";margin-right:5px;opacity:.6;font-weight:700; }
:where(body.res-fail) .sup-num-wa, :where(body.res-fail) .sup-num-tg { white-space:nowrap; }
:where(body.res-fail) .sup-num-em { overflow-wrap:anywhere; }
@media (max-width:420px) {
    :where(body.res-fail) .sup-num { font-size:.75em; }
}
html:where(:has(> :is(body.res-fail))) { -webkit-text-size-adjust: 100%; }
body:where(.res-fail) { font-family: var(--rs-font); background: #f5f5f5; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
:where(html[data-theme="dark"]) body:where(.res-fail) { background: #191919; }
:where(body.res-fail) input, :where(body.res-fail) select, :where(body.res-fail) textarea { font-size: 16px !important; touch-action: manipulation; }
:where(body.res-fail) .result-container { background: white; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 40px; max-width: 520px; width: 100%; text-align: center; border-left: 4px solid var(--danger); }
:where(html[data-theme="dark"]) :where(body.res-fail) .result-container { background: #131313; }
:where(body.res-fail) .result-icon { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 36px; color: white; background: var(--danger); }
:where(body.res-fail) h1 { color: var(--navy-primary); font-size: 24px; margin-bottom: 10px; font-weight: 600; }
:where(html[data-theme="dark"]) :where(body.res-fail) h1 { color: var(--c-ink); }
:where(body.res-fail) p { color: #666; font-size: 15px; margin-bottom: 20px; }
:where(html[data-theme="dark"]) :where(body.res-fail) p { color: #A1A1A1; }
:where(body.res-fail) .alert-box { padding: 15px; border-radius: 10px; margin-bottom: 20px; text-align: left; font-size: 14px; display: flex; align-items: flex-start; gap: 10px; }
:where(body.res-fail) .alert-box.error { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.res-fail) .alert-box.error { background: #220C0C; border: 1px solid #501C1C; color: #EA8686; }
:where(body.res-fail) .alert-box.info { background: #f0f9ff; border: 1px solid #bae6fd; color: #075985; }
:where(html[data-theme="dark"]) :where(body.res-fail) .alert-box.info { background: #0B1A25; border: 1px solid #1F4356; color: #7BCAF4; }
:where(body.res-fail) .details-box { background: #f8f9fa; border-radius: 10px; padding: 20px; margin: 20px 0; text-align: left; border: 1px solid #e0e0e0; }
:where(html[data-theme="dark"]) :where(body.res-fail) .details-box { background: #151719; border: 1px solid #383838; }
:where(body.res-fail) .details-box h4 { color: var(--navy-primary); font-size: 14px; margin-bottom: 12px; font-weight: 600; }
:where(html[data-theme="dark"]) :where(body.res-fail) .details-box h4 { color: var(--c-ink); }
:where(body.res-fail) .detail-row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e0e0e0; }
:where(html[data-theme="dark"]) :where(body.res-fail) .detail-row { border-bottom: 1px solid #383838; }
:where(body.res-fail) .detail-row:last-child { border-bottom: none; }
:where(body.res-fail) .detail-label { color: #666; font-size: 13px; font-weight: 500; }
:where(html[data-theme="dark"]) :where(body.res-fail) .detail-label { color: #A1A1A1; }
:where(body.res-fail) .detail-value { color: #333; font-weight: 600; font-size: 13px; }
:where(html[data-theme="dark"]) :where(body.res-fail) .detail-value { color: #C7C7C7; }
:where(body.res-fail) .detail-value.error-text { color: var(--danger); }
:where(body.res-fail) .action-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: 10px; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; border: none; transition: background 0.2s; margin: 5px; }
:where(body.res-fail) .action-btn.primary { background: var(--navy-primary); color: white; }
:where(html[data-theme="dark"]) :where(body.res-fail) .action-btn.primary { background: var(--c-accent); }
:where(body.res-fail) .action-btn.primary:hover { background: var(--navy-hover); }
:where(body.res-fail) .action-btn.secondary { background: #f0f0f0; color: #333; border: 1px solid #ddd; }
:where(html[data-theme="dark"]) :where(body.res-fail) .action-btn.secondary { background: #1C1C1C; color: #C7C7C7; border: 1px solid #3A3A3A; }
:where(body.res-fail) .action-btn.secondary:hover { background: #e0e0e0; }
:where(html[data-theme="dark"]) :where(body.res-fail) .action-btn.secondary:hover { background: #262626; }
:where(body.res-fail) .action-btn.whatsapp { background: #25d366; color: white; }
:where(body.res-fail) .action-btn.whatsapp:hover { background: #128c7e; }
:where(body.res-fail) .security-note { color: #666; font-size: 12px; margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 6px; }
:where(html[data-theme="dark"]) :where(body.res-fail) .security-note { color: #A1A1A1; }
@media (max-width: 768px) {
    :where(body.res-fail) .result-container { padding: 25px 20px; }
    :where(body.res-fail) h1 { font-size: 20px; }
    :where(body.res-fail) .action-btn { display: flex; width: 100%; margin: 5px 0; }
}

/* ======================= page — checkout_cart_success.php ======================= */
body:where(.res-cart-ok) { --navy:#1F1F1F; --navy-dark:#001529; --navy-accent:#0B57D0; --success:#16a34a; --danger:#dc2626; --ink:#1F1F1F; --ink-soft:#444746; --line:#DADCE0; --bg:#F1F3F4; }
:where(html[data-theme="dark"]) body:where(.res-cart-ok) { --ink: #D6D6D6; --ink-soft: #B8BBBA; --line: #37393C; --bg: #191B1C; }
:where(body.res-cart-ok), :where(body.res-cart-ok) * { margin:0; padding:0; box-sizing:border-box; }
:where(body.res-cart-ok) .sup-num { font-weight:600;opacity:.88;letter-spacing:.2px;direction:ltr;unicode-bidi:isolate; }
:where(body.res-cart-ok) .sup-num::before { content:"\00b7";margin-right:5px;opacity:.6;font-weight:700; }
:where(body.res-cart-ok) .sup-num-wa, :where(body.res-cart-ok) .sup-num-tg { white-space:nowrap; }
:where(body.res-cart-ok) .sup-num-em { overflow-wrap:anywhere; }
@media (max-width:420px) {
    :where(body.res-cart-ok) .sup-num { font-size:.75em; }
}
body:where(.res-cart-ok) { font-family:var(--rs-font); background:var(--bg); color:var(--ink); min-height:100vh; padding:16px; }
:where(body.res-cart-ok) .shell { max-width:560px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }
:where(body.res-cart-ok) .card { background:#fff; border-radius:16px; box-shadow:0 8px 24px rgba(15,23,42,0.06); padding:26px 22px; border:1px solid var(--line); }
:where(html[data-theme="dark"]) :where(body.res-cart-ok) .card { background: #131313; }
:where(body.res-cart-ok) .hero { text-align:center; border-top:4px solid var(--success); }
:where(body.res-cart-ok) .hero.err { border-top-color:var(--danger); }
:where(body.res-cart-ok) .pulse { width:84px; height:84px; border-radius:50%; background:var(--success); color:#fff; display:flex; align-items:center; justify-content:center; margin:4px auto 16px; font-size:40px; box-shadow:0 12px 28px rgba(22,163,74,0.3); }
:where(body.res-cart-ok) .pulse.err { background:var(--danger); box-shadow:0 12px 28px rgba(220,38,38,0.3); }
:where(body.res-cart-ok) .hero h1 { color:var(--navy); font-size:24px; font-weight:700; margin-bottom:6px; }
:where(body.res-cart-ok) .hero .lede { color:var(--ink-soft); font-size:15px; }
:where(body.res-cart-ok) .tag { display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,#ecfdf5,#d1fae5); border:1px solid #86efac; color:#065f46; padding:10px 16px; border-radius:10px; font-size:14px; font-weight:700; margin-top:14px; }
:where(html[data-theme="dark"]) :where(body.res-cart-ok) .tag { background: linear-gradient(135deg,#0E251A,#133222); color: #7BF4D2; }
:where(body.res-cart-ok) .row { display:flex; justify-content:space-between; gap:12px; padding:9px 0; font-size:14px; }
:where(body.res-cart-ok) .row + .row { border-top:1px dashed var(--line); }
:where(body.res-cart-ok) .row .l { color:var(--ink-soft); }
:where(body.res-cart-ok) .row .v { font-weight:700; text-align:right; word-break:break-all; }
:where(body.res-cart-ok) .v.ok { color:var(--success); }
:where(body.res-cart-ok) .v.amt { color:var(--navy); font-weight:800; }
:where(body.res-cart-ok) .head { font-size:12px; font-weight:700; color:var(--ink-soft); text-transform:uppercase; letter-spacing:.5px; display:flex; gap:8px; align-items:center; padding-bottom:12px; border-bottom:1px solid var(--line); margin-bottom:12px; }
:where(body.res-cart-ok) .head i { color:var(--navy-accent); }
:where(body.res-cart-ok) .btn { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:14px; border-radius:12px; font-size:15px; font-weight:700; text-decoration:none; border:none; cursor:pointer; }
:where(body.res-cart-ok) .btn.primary { background:linear-gradient(135deg,var(--navy),var(--navy-dark)); color:#fff; }
:where(body.res-cart-ok) .btn.ghost { background:#fff; color:var(--navy); border:1.5px solid var(--line); margin-top:10px; }
:where(html[data-theme="dark"]) :where(body.res-cart-ok) .btn.ghost { background: #131313; }
:where(body.res-cart-ok) .btn.wa { background:#25d366; color:#fff; margin-top:10px; }
:where(body.res-cart-ok) .alert { padding:12px 14px; border-radius:10px; margin-top:12px; font-size:13px; text-align:left; background:#fffbeb; border:1px solid #fde68a; color:#92400e; }
:where(html[data-theme="dark"]) :where(body.res-cart-ok) .alert { background: #27210B; border: 1px solid #695B24; color: #F3A97D; }

/* ======================= page — checkout_cart_process.php ======================= */
body:where(.res-cart-process) { --navy-primary:#1F1F1F; --navy-light:#3C4043; --navy-accent:#0B57D0; --success:#34a853; }
:where(body.res-cart-process), :where(body.res-cart-process) * { margin:0; padding:0; box-sizing:border-box; }
body:where(.res-cart-process) { font-family:var(--rs-font); background:linear-gradient(135deg,#f5f7fa,#e4e9f0); min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px; }
:where(html[data-theme="dark"]) body:where(.res-cart-process) { background: linear-gradient(135deg,#13171C,#1B1F25); }
:where(body.res-cart-process) .box { background:#fff; max-width:440px; width:100%; border-radius:16px; box-shadow:0 10px 40px rgba(0,31,63,0.12); overflow:hidden; }
:where(html[data-theme="dark"]) :where(body.res-cart-process) .box { background: #131313; }
:where(body.res-cart-process) .box-head { background:linear-gradient(135deg,var(--navy-primary),var(--navy-light)); color:#fff; padding:22px; text-align:center; }
:where(body.res-cart-process) .box-head h2 { font-size:18px; font-weight:700; display:flex; align-items:center; justify-content:center; gap:8px; }
:where(body.res-cart-process) .box-head p { font-size:13px; color:rgba(255,255,255,0.8); margin-top:4px; }
:where(body.res-cart-process) .box-body { padding:24px; text-align:center; }
:where(body.res-cart-process) .ring { width:90px; height:90px; margin:0 auto 14px; position:relative; }
:where(body.res-cart-process) .ring svg { transform:rotate(-90deg); width:90px; height:90px; }
:where(body.res-cart-process) .ring .bg { fill:none; stroke:#e8ecf0; stroke-width:5; }
:where(body.res-cart-process) .ring .fg { fill:none; stroke:var(--navy-accent); stroke-width:5; stroke-linecap:round; }
:where(body.res-cart-process) .ring .num { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:32px; font-weight:800; color:var(--navy-accent); }
:where(body.res-cart-process) .rows { text-align:left; margin:18px 0; border-top:1px dashed #d7e3f2; padding-top:14px; }
:where(html[data-theme="dark"]) :where(body.res-cart-process) .rows { border-top: 1px dashed #283544; }
:where(body.res-cart-process) .row { display:flex; justify-content:space-between; font-size:13px; color:#5F6368; padding:7px 0; }
:where(html[data-theme="dark"]) :where(body.res-cart-process) .row { color: #9EA2A7; }
:where(body.res-cart-process) .row.tot { color:#fff; background:linear-gradient(135deg,var(--navy-primary),var(--navy-light)); font-weight:800; padding:12px 14px; border-radius:8px; margin-top:8px; }
:where(body.res-cart-process) .paybtn { width:100%; padding:14px; background:var(--navy-accent); color:#fff; border:none; border-radius:10px; font-size:16px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; }
:where(body.res-cart-process) .note { font-size:12px; color:#80868B; margin-top:12px; }
:where(html[data-theme="dark"]) :where(body.res-cart-process) .note { color: #848A8E; }

/* ======================= page — public_plan_success.php ======================= */
body:where(.res-plan-ok) { --navy-primary: #1F1F1F; --navy-dark: #001529; --navy-light: #3C4043; --navy-accent: #0B57D0; --success: #34a853; --danger: #ea4335; }
:where(body.res-plan-ok), :where(body.res-plan-ok) * { margin: 0; padding: 0; box-sizing: border-box; }
:where(body.res-plan-ok) .sup-num { font-weight:600;opacity:.88;letter-spacing:.2px;direction:ltr;unicode-bidi:isolate; }
:where(body.res-plan-ok) .sup-num::before { content:"\00b7";margin-right:5px;opacity:.6;font-weight:700; }
:where(body.res-plan-ok) .sup-num-wa, :where(body.res-plan-ok) .sup-num-tg { white-space:nowrap; }
:where(body.res-plan-ok) .sup-num-em { overflow-wrap:anywhere; }
@media (max-width:420px) {
    :where(body.res-plan-ok) .sup-num { font-size:.75em; }
}
body:where(.res-plan-ok) { font-family: var(--rs-font); background: linear-gradient(135deg, #e6f2ff 0%, #d9e9ff 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; }
:where(html[data-theme="dark"]) body:where(.res-plan-ok) { background: linear-gradient(135deg, #0C1A29 0%, #0E1C2F 100%); }
:where(body.res-plan-ok) .receipt-wrapper { background: white; border-radius: 10px; max-width: 700px; width: 90%; max-height: 90vh; overflow-y: auto; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); display: flex; animation: receiptBounce-pagepublicpl 0.4s ease; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-wrapper { background: #131313; }
:where(body.res-plan-ok) .receipt-left { flex: 1; background: #f8f9fa; border-right: 2px dashed #dee2e6; padding: 25px 20px; display: flex; flex-direction: column; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-left { background: #151719; border-right: 2px dashed #33373B; }
:where(body.res-plan-ok) .receipt-header { text-align: center; border-bottom: 2px solid #333; padding-bottom: 15px; margin-bottom: 18px; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-header { border-bottom: 2px solid #BFBFBF; }
:where(body.res-plan-ok) .receipt-header-icon { font-size: 36px; margin-bottom: 8px; }
:where(body.res-plan-ok) .receipt-header h3 { margin: 0; font-size: 18px; color: #333; font-weight: 700; letter-spacing: 1px; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-header h3 { color: #C7C7C7; }
:where(body.res-plan-ok) .receipt-header p { margin: 5px 0 0 0; font-size: 11px; color: #666; font-family: monospace; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-header p { color: #A1A1A1; }
:where(body.res-plan-ok) .receipt-field { margin-bottom: 12px; padding: 12px; background: white; border: 1px solid #dee2e6; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-field { background: #131313; border: 1px solid #33373B; }
:where(body.res-plan-ok) .receipt-field-label { margin: 0 0 4px 0; font-size: 10px; color: #999; text-transform: uppercase; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-field-label { color: #7A7A7A; }
:where(body.res-plan-ok) .receipt-field-value { margin: 0; font-size: 13px; color: #333; font-weight: 600; line-height: 1.4; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-field-value { color: #C7C7C7; }
:where(body.res-plan-ok) .receipt-totals { border-top: 2px solid #333; padding-top: 12px; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-totals { border-top: 2px solid #BFBFBF; }
:where(body.res-plan-ok) .receipt-total-row { display: flex; justify-content: space-between; margin-bottom: 8px; }
:where(body.res-plan-ok) .receipt-total-row + .receipt-total-row { padding-top: 8px; border-top: 1px solid #dee2e6; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-total-row + .receipt-total-row { border-top: 1px solid #33373B; }
:where(body.res-plan-ok) .receipt-total-label { font-size: 13px; color: #666; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-total-label { color: #A1A1A1; }
:where(body.res-plan-ok) .receipt-total-value { font-weight: 700; }
:where(body.res-plan-ok) .receipt-total-value.amount { font-size: 18px; color: var(--navy-accent); }
:where(body.res-plan-ok) .receipt-total-value.status-paid { font-size: 14px; color: var(--success); }
:where(body.res-plan-ok) .receipt-total-value.status-failed { font-size: 14px; color: var(--danger); }
:where(body.res-plan-ok) .receipt-txn { margin: 15px 0 0 0; font-size: 9px; color: #999; text-align: center; font-family: monospace; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-txn { color: #7A7A7A; }
:where(body.res-plan-ok) .receipt-right { flex: 1; padding: 25px 20px; background: white; display: flex; flex-direction: column; position: relative; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-right { background: #131313; }
:where(body.res-plan-ok) .receipt-success-header { text-align: center; padding: 15px 0; border-bottom: 2px solid #f1f3f5; margin-bottom: 18px; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-success-header { border-bottom: 2px solid #2B2F33; }
:where(body.res-plan-ok) .receipt-success-header .icon { font-size: 42px; margin-bottom: 8px; }
:where(body.res-plan-ok) .receipt-success-header h2 { margin: 0 0 8px 0; font-size: 20px; color: #0B57D0; font-weight: 700; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-success-header h2 { color: #7BAAF4; }
:where(body.res-plan-ok) .receipt-success-header p { margin: 0; font-size: 13px; color: #666; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-success-header p { color: #A1A1A1; }
:where(body.res-plan-ok) .receipt-error-header .icon { font-size: 42px; margin-bottom: 8px; }
:where(body.res-plan-ok) .receipt-error-header h2 { color: var(--danger); }
:where(body.res-plan-ok) .info-box { padding: 12px; margin-bottom: 12px; }
:where(body.res-plan-ok) .info-box h4 { margin: 0 0 8px 0; font-size: 13px; font-weight: 700; }
:where(body.res-plan-ok) .info-box p { margin: 0; font-size: 11px; line-height: 1.5; }
:where(body.res-plan-ok) .info-box ul { margin: 0; padding-left: 18px; font-size: 10px; line-height: 1.6; }
:where(body.res-plan-ok) .info-box.activation { background: #d1fae5; border-left: 3px solid #34a853; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.activation { background: #133222; }
:where(body.res-plan-ok) .info-box.activation h4 { color: #065f46; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.activation h4 { color: #7BF4D2; }
:where(body.res-plan-ok) .info-box.activation p { color: #047857; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.activation p { color: #7BF4D2; }
:where(body.res-plan-ok) .info-box.notes { background: #ebf5fb; border-left: 3px solid #3498db; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.notes { background: #111D24; }
:where(body.res-plan-ok) .info-box.notes h4 { color: #333; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.notes h4 { color: #C7C7C7; }
:where(body.res-plan-ok) .info-box.notes ul { color: #555; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.notes ul { color: #ADADAD; }
:where(body.res-plan-ok) .info-box.thanks { background: #e6f2ff; border-left: 3px solid #0B57D0; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.thanks { background: #0C1A29; }
:where(body.res-plan-ok) .info-box.thanks h4 { color: #333; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.thanks h4 { color: #C7C7C7; }
:where(body.res-plan-ok) .info-box.thanks p { color: #555; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.thanks p { color: #ADADAD; }
:where(body.res-plan-ok) .info-box.error-info { background: #fef2f2; border-left: 3px solid var(--danger); }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.error-info { background: #220C0C; }
:where(body.res-plan-ok) .info-box.error-info h4 { color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.error-info h4 { color: #EA8686; }
:where(body.res-plan-ok) .info-box.error-info p { color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .info-box.error-info p { color: #EA8686; }
:where(body.res-plan-ok) .login-now-btn:hover { background: #0063b8 !important; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,116,217,0.3); }
:where(body.res-plan-ok) .wa-activate-btn { display: inline-flex; align-items: center; gap: 8px; background: #25d366; color: white; padding: 10px 20px; border-radius: 10px; text-decoration: none; font-size: 14px; font-weight: 700; transition: all 0.3s; margin-top: 10px; }
:where(body.res-plan-ok) .wa-activate-btn:hover { background: #1ea952; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37,211,102,0.3); }
:where(body.res-plan-ok) .receipt-actions { margin-top: 18px; display: flex; gap: 8px; }
:where(body.res-plan-ok) .receipt-btn { flex: 1; padding: 12px; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 6px; border: none; }
:where(body.res-plan-ok) .receipt-btn.primary { background: #0B57D0; color: white; }
:where(body.res-plan-ok) .receipt-btn.primary:hover { background: #0063b8; }
:where(body.res-plan-ok) .receipt-btn.secondary { background: #f1f3f5; color: #444746; border: 1px solid #dee2e6; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-btn.secondary { background: #181A1D; color: #B8BBBA; border: 1px solid #33373B; }
:where(body.res-plan-ok) .receipt-btn.secondary:hover { background: #DADCE0; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-btn.secondary:hover { background: #262729; }
:where(body.res-plan-ok) .security-footer { margin-top: 12px; text-align: center; font-size: 10px; color: #999; display: flex; align-items: center; justify-content: center; gap: 5px; }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .security-footer { color: #7A7A7A; }
@keyframes receiptBounce-pagepublicpl { 0% { transform: scale(0.7); opacity: 0; } 50% { transform: scale(1.05); } 100% { transform: scale(1); opacity: 1; } }
@media (max-width: 600px) {
    :where(body.res-plan-ok) .receipt-wrapper { flex-direction: column; max-height: none; width: 95%; }
    :where(body.res-plan-ok) .receipt-left { border-right: none; border-bottom: 2px dashed #dee2e6; }
    :where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-left { border-bottom: 2px dashed #33373B; }
    :where(body.res-plan-ok) .receipt-actions { flex-direction: column; }
}
@media print {
    body:where(.res-plan-ok) { background: white; }
    :where(html[data-theme="dark"]) body:where(.res-plan-ok) { background: #131313; }
    :where(body.res-plan-ok) .receipt-wrapper { box-shadow: none; max-width: 100%; width: 100%; }
    :where(body.res-plan-ok) .receipt-actions, :where(body.res-plan-ok) .wa-activate-btn, :where(body.res-plan-ok) .login-now-btn { display: none !important; }
}

/* ======================= page — checkout_points_success.php ======================= */
body:where(.res-points-ok) { --navy-primary: #1F1F1F; --navy-dark: #001529; --navy-light: #3C4043; --navy-accent: #0B57D0; --navy-hover: #3C4043; --success: #34a853; --warning: #fbbc04; --danger: #ea4335; }
:where(body.res-points-ok), :where(body.res-points-ok) * { margin: 0; padding: 0; box-sizing: border-box; }
html:where(:has(> :is(body.res-points-ok))) { -webkit-text-size-adjust: 100%; }
body:where(.res-points-ok) { font-family: var(--rs-font); background: #f5f5f5; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
:where(html[data-theme="dark"]) body:where(.res-points-ok) { background: #191919; }
:where(body.res-points-ok) input, :where(body.res-points-ok) select, :where(body.res-points-ok) textarea { font-size: 16px !important; touch-action: manipulation; }
:where(body.res-points-ok) .result-container { background: white; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 40px; max-width: 520px; width: 100%; text-align: center; border-left: 4px solid var(--success); }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .result-container { background: #131313; }
:where(body.res-points-ok) .result-container.error { border-left-color: var(--danger); }
:where(body.res-points-ok) .result-icon { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 36px; color: white; }
:where(body.res-points-ok) .result-icon.success { background: var(--success); }
:where(body.res-points-ok) .result-icon.error { background: var(--danger); }
:where(body.res-points-ok) h1 { color: var(--navy-primary); font-size: 24px; margin-bottom: 10px; font-weight: 600; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) h1 { color: var(--c-ink); }
:where(body.res-points-ok) p { color: #666; font-size: 15px; margin-bottom: 20px; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) p { color: #A1A1A1; }
:where(body.res-points-ok) .alert-box { padding: 15px; border-radius: 10px; margin-bottom: 20px; text-align: left; font-size: 14px; display: flex; align-items: flex-start; gap: 10px; }
:where(body.res-points-ok) .alert-box.success { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .alert-box.success { background: #0E2214; border: 1px solid #245335; color: #8AE5AD; }
:where(body.res-points-ok) .alert-box.error { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .alert-box.error { background: #220C0C; border: 1px solid #501C1C; color: #EA8686; }
:where(body.res-points-ok) .alert-box.warning { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .alert-box.warning { background: #27210B; border: 1px solid #695B24; color: #F3A97D; }
:where(body.res-points-ok) .details-box { background: #f8f9fa; border-radius: 10px; padding: 20px; margin: 20px 0; text-align: left; border: 1px solid #e0e0e0; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .details-box { background: #151719; border: 1px solid #383838; }
:where(body.res-points-ok) .details-box h4 { color: var(--navy-primary); font-size: 14px; margin-bottom: 12px; font-weight: 600; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .details-box h4 { color: var(--c-ink); }
:where(body.res-points-ok) .detail-row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e0e0e0; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .detail-row { border-bottom: 1px solid #383838; }
:where(body.res-points-ok) .detail-row:last-child { border-bottom: none; }
:where(body.res-points-ok) .detail-label { color: #666; font-size: 13px; font-weight: 500; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .detail-label { color: #A1A1A1; }
:where(body.res-points-ok) .detail-value { color: #333; font-weight: 600; font-size: 13px; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .detail-value { color: #C7C7C7; }
:where(body.res-points-ok) .detail-value.success-text { color: var(--success); }
:where(body.res-points-ok) .detail-value.error-text { color: var(--danger); }
:where(body.res-points-ok) .points-badge { display: inline-flex; align-items: center; gap: 6px; background: linear-gradient(135deg, var(--success), #2e7d32); color: white; padding: 12px 24px; border-radius: 10px; font-size: 18px; font-weight: 700; margin: 15px 0; }
:where(body.res-points-ok) .action-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: 10px; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; border: none; transition: background 0.2s; margin: 5px; }
:where(body.res-points-ok) .action-btn.primary { background: var(--navy-primary); color: white; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .action-btn.primary { background: var(--c-accent); }
:where(body.res-points-ok) .action-btn.primary:hover { background: var(--navy-hover); }
:where(body.res-points-ok) .action-btn.secondary { background: #f0f0f0; color: #333; border: 1px solid #ddd; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .action-btn.secondary { background: #1C1C1C; color: #C7C7C7; border: 1px solid #3A3A3A; }
:where(body.res-points-ok) .action-btn.secondary:hover { background: #e0e0e0; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .action-btn.secondary:hover { background: #262626; }
:where(body.res-points-ok) .security-note { color: #666; font-size: 12px; margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 6px; }
:where(html[data-theme="dark"]) :where(body.res-points-ok) .security-note { color: #A1A1A1; }
@media (max-width: 768px) {
    :where(body.res-points-ok) .result-container { padding: 25px 20px; }
    :where(body.res-points-ok) h1 { font-size: 20px; }
    :where(body.res-points-ok) .action-btn { display: flex; width: 100%; margin: 5px 0; }
}

/* ======================= sign-in shell (auth_shell.php) — login, sign up, forgot, reset, verify, 2-step, google finish ======================= */
body:where(.auth-page) { --navy:var(--c-primary);--blue:var(--c-accent);--on-accent:var(--c-on-accent,#fff);--on-navy:var(--c-on-primary,#fff); --ink:var(--c-text,#1F1F1F);--muted:var(--c-text-muted,#5F6670);--faint:#80868F; --line:rgba(10,10,10,.1);--line-2:rgba(10,10,10,.16);--bg:#FFFFFF;--bg-2:#F7F8FA;--card:#FFFFFF; --field:#F2F3F5;--field:color-mix(in srgb,var(--ink) 5%,var(--card)); --field-hi:#ECEEF1;--field-hi:color-mix(in srgb,var(--ink) 8%,var(--card)); --as-bg:#F4F6FB;--as-bg:color-mix(in srgb,var(--blue) 5%,var(--c-bg,#F8F9FA)); --pill:999px;--r:14px;--hint:#8B9099;--ease:cubic-bezier(.2,.7,.2,1); --ok:var(--c-verified,#10B981);--ok-bg:var(--c-verified-bg,#ECFDF5);--ok-ink:var(--c-verified-ink,#047857); --warn:#D97706;--warn-bg:#FEF3C7;--warn-ink:#92400E;--bad:#DC2626;--bad-bg:#FEE2E2;--bad-ink:#B42318; --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.1'/%3E%3C/svg%3E"); }
:where(html[data-theme="dark"]) body:where(.auth-page) { --faint: #80868F; --line: rgba(255,255,255,0.1); --line-2: rgba(255,255,255,0.16); --bg: #131313; --bg-2: #14161A; --card: #131313; --field: #18191C; --field-hi: #1B1D1F; --as-bg: #12151E; --hint: #777D88; --warn-bg: #373011; --warn-ink: #F3A97D; --bad-bg: #2B0E0E; --bad-ink: #EE8981; }
:where(body.auth-page), :where(body.auth-page) * { margin:0;padding:0;box-sizing:border-box; }
html:where(:has(> :is(body.auth-page))) { -webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth; }
body:where(.auth-page) { font-family:var(--rs-font); color:var(--ink);background:var(--bg);line-height:1.6; min-height:100vh;min-height:100dvh; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
:where(body.auth-page) [hidden] { display:none!important; }
:where(body.auth-page) .sr-only { position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
:where(body.auth-page) .auth-shell { display:flex;width:100%;min-height:100vh;min-height:100svh; }
:where(body.auth-page) .auth-main { position:relative;flex:1 1 44%;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vh,56px) clamp(24px,4vw,56px);background:var(--bg);overflow-x:clip; }
:where(body.auth-page) .auth-main-inner { width:100%;max-width:400px;margin:0 auto;animation:authIn .45s var(--ease) both; }
@keyframes authIn { from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;} }
:where(body.auth-page) .auth-top { width:100%;max-width:400px;margin:0 auto 26px;text-align:center; }
:where(body.auth-page) .auth-back { display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:44px;margin:0 auto 10px;padding:0 6px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s; }
:where(body.auth-page) .auth-back i { font-size:12px;transition:transform .2s var(--ease); }
:where(body.auth-page) .auth-back:hover { color:var(--ink); }
:where(body.auth-page) .auth-back:hover i { transform:translateX(-3px); }
:where(body.auth-page) .auth-brand { display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--ink);text-decoration:none;font-size:16px;font-weight:700;letter-spacing:-.01em; }
:where(body.auth-page) .auth-brand img { width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none; }
:where(body.auth-page) .auth-top h1 { font-size:clamp(26px,2.3vw,32px);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:var(--ink);text-wrap:balance; }
:where(body.auth-page) .auth-top p { margin-top:8px;font-size:15px;color:var(--muted);text-wrap:balance; }
:where(body.auth-page) .alert { display:flex;gap:10px;align-items:flex-start; font-size:14px;font-weight:500;line-height:1.5; padding:12px 16px;border-radius:var(--r);margin-bottom:16px;border:1px solid; }
:where(body.auth-page) .alert i { margin-top:3px;flex:none; }
:where(body.auth-page) .alert-error { background:#fdebea;color:var(--bad-ink);border-color:#f4bdb7; }
:where(html[data-theme="dark"]) :where(body.auth-page) .alert-error { background: #260F0E; border-color: #542B27; }
:where(body.auth-page) .alert-success { background:#e7f7ee;color:#0a6b3d;border-color:#aae0c4; }
:where(html[data-theme="dark"]) :where(body.auth-page) .alert-success { background: #15251C; color: #7CF3BB; border-color: #365645; }
:where(body.auth-page) .field { margin-bottom:12px;border:0;min-width:0; }
:where(body.auth-page) .field>label, :where(body.auth-page) .field>legend { display:block;font-size:13px;font-weight:600;color:var(--muted);margin:0 0 7px 20px; }
:where(body.auth-page) .fp-link { display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--blue);text-decoration:none; }
:where(body.auth-page) .fp-link:hover { color:var(--c-accent-strong,var(--blue)); }
:where(body.auth-page) .control { position:relative;display:flex;gap:4px; }
:where(body.auth-page) .control input, :where(body.auth-page) .control select { flex:1 1 auto;min-width:0;width:100%;height:54px;padding:0 22px; font-family:inherit;font-size:16px;color:var(--ink);background:var(--field); border:1px solid transparent;border-radius:var(--pill); transition:border-color .18s,box-shadow .18s,background .18s; -webkit-appearance:none;appearance:none; }
:where(body.auth-page) .control input::placeholder { color:var(--hint); }
:where(body.auth-page) .control input.code { text-align:center;font-size:22px;font-weight:700;letter-spacing:6px;font-variant-numeric:tabular-nums; }
:where(body.auth-page) .control input.code::placeholder { letter-spacing:6px;font-weight:600; }
:where(body.auth-page) .control input:hover, :where(body.auth-page) .control select:hover { background:var(--field-hi); }
:where(body.auth-page) .control input:focus, :where(body.auth-page) .control select:focus { outline:none;background:var(--card);border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--c-accent-rgb),.14); }
:where(body.auth-page) .control input:-webkit-autofill { -webkit-box-shadow:0 0 0 60px var(--field) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink); }
:where(body.auth-page) .control input:-webkit-autofill:focus { -webkit-box-shadow:0 0 0 60px var(--card) inset,0 0 0 3px rgba(var(--c-accent-rgb),.14); }
:where(body.auth-page) .control .ci { display:none; }
:where(body.auth-page) .control.pw input, :where(body.auth-page) .split>:first-child { border-radius:var(--pill) 10px 10px var(--pill); }
:where(body.auth-page) .split>:last-child { border-radius:10px var(--pill) var(--pill) 10px; }
:where(body.auth-page) .eye { flex:0 0 64px;height:54px;border:none;cursor:pointer; color:var(--muted);font-size:16px;background:var(--field);border-radius:10px var(--pill) var(--pill) 10px; display:flex;align-items:center;justify-content:center; transition:color .18s,background .18s; }
:where(body.auth-page) .eye:hover { color:var(--ink);background:var(--field-hi); }
:where(body.auth-page) .note { margin:6px 0 0 20px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px; }
:where(body.auth-page) .note i { color:var(--faint); }
:where(body.auth-page) .note-c { justify-content:center;margin:12px 0 0; }
:where(body.auth-page) .seg { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px; }
:where(body.auth-page) .seg label { position:relative;display:block;cursor:pointer; }
:where(body.auth-page) .seg input { position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer; }
:where(body.auth-page) .seg span { display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;padding:6px 8px;background:var(--field);border-radius:10px;text-align:center;line-height:1.2;transition:background .18s,color .18s; }
:where(body.auth-page) .seg label:first-child span { border-radius:var(--pill) 10px 10px var(--pill); }
:where(body.auth-page) .seg label:last-child span { border-radius:10px var(--pill) var(--pill) 10px; }
:where(body.auth-page) .seg b { font-size:14.5px;font-weight:600; }
:where(body.auth-page) .seg small { font-size:11.5px;color:var(--muted); }
:where(body.auth-page) .seg label:hover span { background:var(--field-hi); }
:where(body.auth-page) .seg input:checked+span { background:var(--blue);color:var(--on-accent); }
:where(body.auth-page) .seg input:checked+span small { color:inherit;opacity:.75; }
:where(body.auth-page) .seg input:focus-visible+span { outline:3px solid var(--blue);outline-offset:2px; }
:where(body.auth-page) .password-strength { height:4px;border-radius:2px;background:var(--bg-2);overflow:hidden;margin:2px 20px 14px; }
:where(body.auth-page) .password-strength-bar { height:100%;width:0;border-radius:2px;transition:width .25s ease,background .25s ease; }
:where(body.auth-page) .password-strength-bar.weak { width:33%;background:#e5484d; }
:where(body.auth-page) .password-strength-bar.medium { width:66%;background:#f5a524; }
:where(body.auth-page) .password-strength-bar.strong { width:100%;background:#12a150; }
:where(body.auth-page) .ts-wrap { margin:12px 0;display:flex;justify-content:center; }
:where(body.auth-page) .row { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;margin:0 4px 14px; }
:where(body.auth-page) .row>* { white-space:nowrap; }
:where(body.auth-page) .check { display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px;color:var(--muted);cursor:pointer;user-select:none; }
:where(body.auth-page) .check input { width:18px;height:18px;accent-color:var(--blue);cursor:pointer; }
:where(body.auth-page) .btn-primary { width:100%;height:56px;border:none;cursor:pointer;border-radius:var(--pill);text-decoration:none; background:var(--blue);font-family:inherit; color:var(--on-accent);font-size:16px;font-weight:700; display:flex;align-items:center;justify-content:center;gap:9px; box-shadow:0 12px 30px -12px rgba(var(--c-accent-rgb),.85); transition:transform .25s var(--ease),box-shadow .25s,background .25s,filter .15s; }
:where(body.auth-page) .btn-primary:hover { transform:translateY(-1px);background:var(--c-accent-strong,var(--blue));box-shadow:0 18px 36px -12px rgba(var(--c-accent-rgb),.95); }
:where(body.auth-page) .btn-primary:active { transform:translateY(0); }
:where(body.auth-page) .btn-primary:disabled { cursor:not-allowed;filter:grayscale(.35);opacity:.7;transform:none; }
:where(body.auth-page) .or { display:flex;align-items:center;justify-content:center;margin:16px 0;color:var(--muted);font-size:14.5px; }
:where(body.auth-page) .btn-google, :where(body.auth-page) .btn-soft { display:flex;align-items:center;justify-content:center;gap:12px; width:100%;height:56px;text-decoration:none;cursor:pointer;font-family:inherit; background:var(--card);border:1px solid var(--line-2);border-radius:var(--pill); font-size:16px;font-weight:600;color:var(--ink); transition:transform .25s var(--ease),border-color .25s,background .25s; }
:where(body.auth-page) .btn-soft { margin-top:10px; }
:where(body.auth-page) .btn-google:hover, :where(body.auth-page) .btn-soft:hover { border-color:rgba(var(--c-accent-rgb),.5);background:var(--bg-2); }
:where(body.auth-page) .btn-google svg { width:20px;height:20px; }
:where(body.auth-page) .auth-terms { margin-top:16px;text-align:center;font-size:13.5px;line-height:1.6;color:var(--muted);text-wrap:balance; }
:where(body.auth-page) .auth-terms a { color:var(--blue);font-weight:600;text-decoration:none; }
:where(body.auth-page) .auth-foot { text-align:center;margin-top:22px;font-size:15px;color:var(--ink); }
:where(body.auth-page) .auth-foot a { color:var(--blue);font-weight:600;text-decoration:none; }
:where(body.auth-page) .auth-foot a:hover { color:var(--c-accent-strong,var(--blue)); }
:where(body.auth-page) .auth-contact { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line); }
:where(body.auth-page) .auth-contact b { grid-column:1/-1;text-align:center;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint); }
:where(body.auth-page) .auth-contact a { display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--pill);background:var(--card);transition:border-color .2s,background .2s; }
:where(body.auth-page) .auth-contact a:only-of-type { grid-column:1/-1; }
:where(body.auth-page) .auth-contact a:hover { border-color:rgba(var(--c-accent-rgb),.5);background:var(--bg-2); }
:where(body.auth-page) .auth-contact .fa-whatsapp { color:var(--c-wa,#25D366);font-size:16px; }
:where(body.auth-page) .auth-contact .fa-envelope { color:var(--blue); }
:where(body.auth-page) .auth-fine { display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;margin-top:18px;font-size:12.5px;color:var(--faint); }
:where(body.auth-page) .auth-fine>* { min-height:32px;display:inline-flex;align-items:center; }
:where(body.auth-page) .auth-fine a { color:var(--muted);text-decoration:none; }
:where(body.auth-page) .auth-fine a:hover { color:var(--blue); }
:where(body.auth-page).auth-page .searchable-dropdown { position:relative;flex:0 0 46%;min-width:0; }
:where(body.auth-page).auth-page .sd-trigger { height:54px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 0 20px;background:var(--field);border:1px solid transparent;border-radius:var(--pill) 10px 10px var(--pill);cursor:pointer;font-size:15px;transition:background .18s,border-color .18s,box-shadow .18s; }
:where(body.auth-page).auth-page .sd-trigger:hover { background:var(--field-hi); }
:where(body.auth-page).auth-page .searchable-dropdown.open .sd-trigger, :where(body.auth-page).auth-page .sd-trigger:focus { outline:none;background:var(--card);border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--c-accent-rgb),.14); }
:where(body.auth-page).auth-page .sd-label { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
:where(body.auth-page).auth-page .sd-label.sd-placeholder { color:var(--hint); }
:where(body.auth-page).auth-page .sd-arrow { flex:none;font-size:11px;color:var(--faint);transition:transform .2s; }
:where(body.auth-page).auth-page .sd-arrow.open { transform:rotate(180deg); }
:where(body.auth-page).auth-page .sd-panel { position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:min(320px,calc(100vw - 40px));overflow:hidden;background:var(--card);border:1px solid var(--line-2);border-radius:16px;box-shadow:0 20px 40px -18px rgba(var(--c-primary-rgb),.4); }
:where(body.auth-page).auth-page .sd-search { width:100%;height:48px;padding:0 16px;border:0;border-bottom:1px solid var(--line);font:inherit;font-size:16px;outline:none; }
:where(body.auth-page).auth-page .sd-list { max-height:240px;overflow-y:auto;-webkit-overflow-scrolling:touch; }
:where(body.auth-page).auth-page .sd-item { padding:11px 16px;font-size:15px;cursor:pointer; }
:where(body.auth-page).auth-page .sd-item:hover, :where(body.auth-page).auth-page .sd-item.is-hi { background:var(--field); }
:where(body.auth-page).auth-page .sd-item.selected { color:var(--blue);font-weight:600; }
:where(body.auth-page).auth-page .sd-empty { padding:14px;text-align:center;color:var(--muted);font-size:14px; }
:where(body.auth-page) .split .searchable-dropdown+input { border-radius:10px var(--pill) var(--pill) 10px; }
:where(body.auth-page) .auth-who { display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--pill);background:var(--bg-2); }
:where(body.auth-page) .auth-who img, :where(body.auth-page) .auth-who span.av { width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none; }
:where(body.auth-page) .auth-who span.av { display:grid;place-items:center;background:rgba(var(--c-accent-rgb),.12);color:var(--blue); }
:where(body.auth-page) .auth-who b { display:block;font-size:15px;line-height:1.3; }
:where(body.auth-page) .auth-who small { display:block;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
:where(body.auth-page) .auth-who div { min-width:0; }
@media (min-width:1025px) {
    body:where(.auth-page) { background-color:var(--bg);background-image:radial-gradient(rgba(10,10,10,.05) 1px,transparent 1px);background-size:26px 26px; }
    :where(body.auth-page) .auth-shell { position:relative;isolation:isolate;overflow:hidden; }
    :where(body.auth-page) .auth-shell::before, :where(body.auth-page) .auth-shell::after { content:'';position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none; }
    :where(body.auth-page) .auth-shell::before { width:620px;height:620px;top:-220px;left:-160px;background:rgba(var(--c-accent-rgb),.14); }
    :where(body.auth-page) .auth-shell::after { width:520px;height:520px;top:10%;right:-200px;background:rgba(56,189,248,.12); }
    :where(body.auth-page) .auth-main { background:transparent; }
}
@media (max-width:1024px) {
    :where(body.auth-page) .auth-shell { display:block;min-height:0; }
    :where(body.auth-page) .auth-main { display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;min-height:100svh;padding:0;overflow:visible; }
    :where(body.auth-page) .auth-top, :where(body.auth-page) .auth-wide .auth-top { position:relative;isolation:isolate;overflow:hidden;max-width:none;margin:0; display:flex;flex-direction:column;align-items:center;justify-content:center; min-height:250px;padding:calc(62px + env(safe-area-inset-top)) 24px 72px; color:var(--on-navy);background:var(--grain),var(--navy); }
    :where(body.auth-page) .auth-top::before, :where(body.auth-page) .auth-top::after { content:'';position:absolute;z-index:-1;border-radius:50%;background:var(--grain),var(--blob); }
    :where(body.auth-page) .auth-top::before { --blob:rgba(var(--c-accent-rgb),.55);width:220px;height:220px;left:-104px;top:92px; }
    :where(body.auth-page) .auth-top::after { --blob:var(--ok);width:210px;height:210px;right:-92px;bottom:-104px;opacity:.68; }
    :where(body.auth-page) .auth-back { position:absolute;left:12px;top:calc(10px + env(safe-area-inset-top));z-index:2;width:44px;height:44px;margin:0;padding:0;border-radius:50%;color:var(--on-navy);background:rgba(255,255,255,.14); }
    :where(body.auth-page) .auth-back:hover { color:var(--on-navy);background:rgba(255,255,255,.22); }
    :where(body.auth-page) .auth-back span { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
    :where(body.auth-page) .auth-brand { position:absolute;left:50%;top:calc(17px + env(safe-area-inset-top));transform:translateX(-50%);margin:0;gap:8px;color:inherit;font-size:14px;white-space:nowrap;opacity:.95; }
    :where(body.auth-page) .auth-brand img { width:28px;height:28px; }
    :where(body.auth-page) .auth-top h1 { max-width:330px;color:inherit;font-size:clamp(30px,8.6vw,38px);line-height:1.1; }
    :where(body.auth-page) .auth-top p { max-width:340px;color:inherit;opacity:.78; }
    :where(body.auth-page) .auth-main-inner, :where(body.auth-page) .auth-wide .auth-main-inner { position:relative;z-index:1;flex:1;max-width:none;margin-top:-38px; padding:30px 24px calc(28px + env(safe-area-inset-bottom)); background:var(--bg);border-radius:32px 32px 0 0;animation:none; }
}
@media (min-width:601px) and (max-width:1024px) {
    body:where(.auth-page) { background:var(--as-bg); }
    :where(body.auth-page) .auth-shell { padding:40px 20px; }
    :where(body.auth-page) .auth-main { max-width:440px;min-height:0;margin:0 auto;border-radius:36px;background:var(--bg);box-shadow:0 40px 80px -44px rgba(var(--c-primary-rgb),.5); }
    :where(body.auth-page) .auth-top { border-radius:36px 36px 0 0; }
    :where(body.auth-page) .auth-main-inner, :where(body.auth-page) .auth-wide .auth-main-inner { border-radius:32px;padding-bottom:30px; }
}
@media (max-width:600px) {
    :where(body.auth-page) .auth-top p { display:none; }
    :where(body.auth-page) .auth-main-inner, :where(body.auth-page) .auth-wide .auth-main-inner { padding-left:20px;padding-right:20px; }
}
@media (max-height:620px) and (orientation:landscape) {
    :where(body.auth-page) .auth-main { justify-content:flex-start; }
}
@media (prefers-reduced-motion:reduce) {
    :where(body.auth-page), :where(body.auth-page) * { transition:none!important;animation:none!important; }
    :where(body.auth-page) .btn-primary:hover, :where(body.auth-page) .btn-google:hover, :where(body.auth-page) .btn-soft:hover { transform:none; }
}
@media (hover:none) and (pointer:coarse) {
    :where(body.auth-page) .btn-primary, :where(body.auth-page) .btn-google, :where(body.auth-page) .btn-soft, :where(body.auth-page) .eye, :where(body.auth-page) .auth-foot a, :where(body.auth-page) .fp-link, :where(body.auth-page) .auth-contact a, :where(body.auth-page) .seg span, :where(body.auth-page) .auth-back { -webkit-tap-highlight-color:rgba(var(--c-accent-rgb),.12);touch-action:manipulation; }
    :where(body.auth-page) .btn-primary:hover, :where(body.auth-page) .btn-google:hover, :where(body.auth-page) .btn-soft:hover { transform:none; }
    :where(body.auth-page) .btn-primary:active { transform:scale(.99); }
}
@media screen and (max-width:767px) {
    :where(body.auth-page) input[type="text"], :where(body.auth-page) input[type="password"], :where(body.auth-page) input[type="email"], :where(body.auth-page) input[type="tel"], :where(body.auth-page) select { font-size:16px!important; }
}
@supports (-webkit-touch-callout:none) {
    :where(body.auth-page) .auth-shell { min-height:-webkit-fill-available; }
}
:where(body.auth-page) .btn-primary:focus-visible, :where(body.auth-page) .btn-google:focus-visible, :where(body.auth-page) .btn-soft:focus-visible, :where(body.auth-page) .control input:focus-visible, :where(body.auth-page) .control select:focus-visible, :where(body.auth-page) .eye:focus-visible, :where(body.auth-page) .auth-foot a:focus-visible, :where(body.auth-page) .fp-link:focus-visible, :where(body.auth-page) .auth-back:focus-visible, :where(body.auth-page) .auth-brand:focus-visible, :where(body.auth-page) .auth-contact a:focus-visible, :where(body.auth-page) .auth-terms a:focus-visible, :where(body.auth-page) .auth-fine a:focus-visible { outline:3px solid var(--blue);outline-offset:2px; }
:where(body.auth-page) .login-toast { border-radius:10px!important;box-shadow:0 8px 26px rgba(0,0,0,.3)!important; font-size:15px!important;padding:12px 20px!important;max-width:min(32em,calc(100vw - 24px))!important;overflow-x:hidden!important; }
:where(body.auth-page) .login-toast .swal2-title { font-weight:600!important;font-size:15px!important;min-width:0;overflow-wrap:anywhere;word-break:break-word; }
@media (min-width:1800px) {
    :where(body.auth-page) .auth-main-inner, :where(body.auth-page) .auth-top, :where(body.auth-page) .auth-wide .auth-main-inner, :where(body.auth-page) .auth-wide .auth-top { max-width:460px; }
    :where(body.auth-page) .auth-top h1 { font-size:clamp(28px,2.3vw,36px); }
}
body:where(.auth-page) { --ph-bottom-nav-h: 96px; }
:where(body.auth-page) .ph-bottom-nav { --bn-h: 62px; --bn-notch: 116px; --bn-fab: 52px; display: none; position: fixed; left: max(14px, env(safe-area-inset-left, 0px)); right: max(14px, env(safe-area-inset-right, 0px)); bottom: calc(env(safe-area-inset-bottom, 0px) + 12px); z-index: 1080; max-width: 480px; height: var(--bn-h); margin: 0 auto; filter: drop-shadow(0 12px 20px rgba(var(--c-primary-rgb),.14)) drop-shadow(0 2px 4px rgba(var(--c-primary-rgb),.08)); font-family: var(--rs-font-display); transition: transform .32s cubic-bezier(.4,0,.2,1); }
body:where(.auth-page).ph-pop-open .ph-bottom-nav { transform: translateY(calc(100% + 60px)); pointer-events: none; }
:where(body.auth-page) .ph-bn-shape { position: absolute; inset: 0; display: flex; pointer-events: none; }
:where(body.auth-page) .ph-bn-shape i { flex: 1 1 auto; background: var(--c-card, #fff); }
:where(body.auth-page) .ph-bn-shape i:first-child { border-radius: 22px 0 0 22px; }
:where(body.auth-page) .ph-bn-shape i:last-child { border-radius: 0 22px 22px 0; }
:where(body.auth-page) .ph-bn-shape svg { flex: 0 0 var(--bn-notch); display: block; width: var(--bn-notch); height: 100%; margin: 0 -1px; fill: var(--c-card, #fff); }
:where(body.auth-page) .ph-bn-inner { position: relative; height: 100%; display: grid; grid-template-columns: 1fr 1fr var(--bn-notch) 1fr 1fr; align-items: stretch; padding: 0 6px; }
:where(body.auth-page) .ph-bn-item { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 0 2px; margin: 0; background: none; border: 0; color: var(--c-text-muted); text-decoration: none; cursor: pointer; font-family: inherit; font-size: 11.5px; font-weight: 600; line-height: 1; touch-action: manipulation; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; transition: color .2s ease, transform .2s ease; }
:where(body.auth-page) .ph-bn-item i { font-size: 19px; line-height: 1; transition: transform .3s cubic-bezier(.34,1.56,.64,1); }
:where(body.auth-page) .ph-bn-item span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(body.auth-page) .ph-bn-item.active { color: var(--c-primary); font-weight: 700; }
:where(html[data-theme="dark"]) :where(body.auth-page) .ph-bn-item.active { color: var(--c-ink); }
:where(body.auth-page) .ph-bn-item.active i { transform: translateY(-1px); }
:where(body.auth-page) .ph-bn-item:active { transform: scale(.92); }
:where(body.auth-page) .ph-bn-item:focus-visible { outline: 2px solid var(--c-accent); outline-offset: -6px; border-radius: 14px; }
@media (hover: hover) {
    :where(body.auth-page) .ph-bn-item:hover { color: var(--c-primary); }
    :where(html[data-theme="dark"]) :where(body.auth-page) .ph-bn-item:hover { color: var(--c-ink); }
}
:where(body.auth-page) .ph-bn-fab { grid-column: 3; justify-self: center; align-self: start; width: var(--bn-fab); height: var(--bn-fab); margin-top: -20px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: linear-gradient(160deg, var(--c-primary-hover, var(--c-primary)) 0%, var(--c-primary-dark, var(--c-primary)) 100%); color: var(--c-on-primary, #fff); font-size: 20px; cursor: pointer; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 18px rgba(var(--c-primary-rgb),.34); touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: transform .2s ease, box-shadow .2s ease; }
:where(body.auth-page) .ph-bn-fab:active { transform: scale(.92); }
:where(body.auth-page) .ph-bn-fab:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 3px; }
@media (max-width: 360px) {
    :where(body.auth-page) .ph-bottom-nav { --bn-notch: 104px; --bn-fab: 48px; left: max(10px, env(safe-area-inset-left, 0px)); right: max(10px, env(safe-area-inset-right, 0px)); }
    :where(body.auth-page) .ph-bn-item { font-size: 10.5px; }
}
@media (max-height: 480px) and (orientation: landscape) {
    :where(body.auth-page) .ph-bottom-nav { --bn-h: 54px; bottom: calc(env(safe-area-inset-bottom, 0px) + 8px); }
    :where(body.auth-page) .ph-bn-item { gap: 3px; }
    :where(body.auth-page) .ph-bn-item i { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    :where(body.auth-page) .ph-bottom-nav, :where(body.auth-page) .ph-bn-item, :where(body.auth-page) .ph-bn-item i, :where(body.auth-page) .ph-bn-fab { transition: none; }
}
@media (max-width: 820px) {
    :where(body.auth-page) .ph-bottom-nav { display: block; }
    body:where(.auth-page) { padding-bottom: calc(var(--ph-bottom-nav-h, 80px) + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width:820px) {
    :where(body.auth-page) .auth-main-inner, :where(body.auth-page) .auth-wide .auth-main-inner { padding-bottom:calc(28px + var(--ph-bottom-nav-h,96px)); }
}
@media (min-width:601px) and (max-width:820px) {
    :where(body.auth-page) .auth-main-inner, :where(body.auth-page) .auth-wide .auth-main-inner { padding-bottom:30px; }
    :where(body.auth-page) .auth-shell { padding-bottom:calc(40px + var(--ph-bottom-nav-h,96px)); }
}

/* ======================= sign-in popups (index.php) ======================= */
:where(body.auth-page) .spinner { width: 50px; height: 50px; border: 5px solid #f3f3f3; border-top: 5px solid var(--c-accent, #0B57D0); border-radius: 50%; margin: 0 auto; animation: spin-signinpopups 1s linear infinite; }
:where(html[data-theme="dark"]) :where(body.auth-page) .spinner { border: 5px solid #2F2F2F; }
@keyframes spin-signinpopups { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-10px); } 75% { transform: translateX(10px); } }

/* ======================= page — 404.php ======================= */
:where(body.page-404), :where(body.page-404) *, :where(body.page-404) *::before, :where(body.page-404) *::after { box-sizing: border-box; }
html:where(:has(> :is(body.page-404))), body:where(.page-404) { margin: 0; overflow-x: clip; }
body:where(.page-404) { min-height: 100vh; display: flex; flex-direction: column; font-family: var(--rs-font); color: #5F6670; background-color: #FFFFFF; background-image: radial-gradient(rgba(10,10,10,.05) 1px, transparent 1px); background-size: 26px 26px; -webkit-font-smoothing: antialiased; }
:where(html[data-theme="dark"]) body:where(.page-404) { color: #989EA7; background-color: #131313; }
:where(body.page-404) a { color: inherit; }
:where(body.page-404) .nf-bar { position: sticky; top: 0; z-index: 10; background: rgba(255,255,255,.95); border-bottom: 1px solid rgba(10,10,10,.08); }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-bar { background: rgba(19,19,19,0.95); border-bottom: 1px solid rgba(255,255,255,0.08); }
:where(body.page-404) .nf-bar-in { display: flex; align-items: center; gap: 16px; max-width: 1240px; height: 64px; margin: 0 auto; padding: 0 24px; }
:where(body.page-404) .nf-logo { display: inline-flex; align-items: center; gap: 11px; margin-right: auto; color: #1F1F1F; font-family: var(--rs-font-display); font-size: 16.5px; font-weight: 700; letter-spacing: -.02em; text-decoration: none; }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-logo { color: #D6D6D6; }
:where(body.page-404) .nf-logo img { width: 34px; height: 34px; border-radius: 50%; }
:where(body.page-404) .nf-nav { display: flex; align-items: center; gap: 4px; }
:where(body.page-404) .nf-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; color: #3D4249; font-size: 15px; font-weight: 500; text-decoration: none; }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-nav a { color: #B5BAC1; }
:where(body.page-404) .nf-nav a:hover { color: #1F1F1F; }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-nav a:hover { color: #D6D6D6; }
:where(body.page-404) .nf-hero { position: relative; overflow: hidden; isolation: isolate; padding: 72px 20px 76px; text-align: center; color: #E6ECFF; background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(37,99,235,.38), transparent 70%), linear-gradient(180deg, #050A24 0%, #0A1648 55%, #071038 100%); }
:where(body.page-404) .nf-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: repeating-linear-gradient(90deg, rgba(147,197,253,.07) 0 1px, transparent 1px 34px), repeating-linear-gradient(90deg, rgba(147,197,253,.05) 0 2px, transparent 2px 89px); -webkit-mask-image: radial-gradient(ellipse 75% 85% at 50% 30%, #000 25%, transparent 78%); mask-image: radial-gradient(ellipse 75% 85% at 50% 30%, #000 25%, transparent 78%); }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-hero::before { background-image: repeating-linear-gradient(90deg, rgba(22,51,83,0.07) 0 1px, transparent 1px 34px), repeating-linear-gradient(90deg, rgba(22,51,83,0.05) 0 2px, transparent 2px 89px); }
:where(body.page-404) .nf-hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, #0B57D0, #1A73E8 50%, #0B57D0); }
:where(body.page-404) .nf-in { max-width: 760px; margin: 0 auto; }
:where(body.page-404) .nf-code { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px; padding: 6px 12px; border: 1px solid rgba(147,197,253,.35); border-radius: 10px; color: #93C5FD; font-size: 12.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
:where(body.page-404) .nf-hero h1 { margin: 0 0 16px; color: #F5F7FF; font-family: var(--rs-font-display); font-size: clamp(32px, 5vw, 56px); font-weight: 700; line-height: 1.06; letter-spacing: -.035em; text-wrap: balance; }
:where(body.page-404) .nf-hero h1 span { color: #93C5FD; }
:where(body.page-404) .nf-hero p { max-width: 600px; margin: 0 auto 28px; color: rgba(230,236,255,.78); font-size: 17px; line-height: 1.65; }
:where(body.page-404) .nf-ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
:where(body.page-404) .nf-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 0 22px; border-radius: 6px; font-size: 15px; font-weight: 600; text-decoration: none; transition: transform .2s ease, background .2s ease, border-color .2s ease; touch-action: manipulation; }
:where(body.page-404) .nf-btn-p { background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); box-shadow: 0 12px 30px -12px rgba(var(--c-accent-rgb, 37,99,235),.85); }
:where(body.page-404) .nf-btn-p:hover { transform: translateY(-2px); background: var(--c-accent-strong, #1E4FBC); color: var(--c-on-accent, #fff); }
:where(body.page-404) .nf-btn-o { border: 1px solid rgba(147,197,253,.35); background: rgba(255,255,255,.04); color: #F5F7FF; }
:where(body.page-404) .nf-btn-o:hover { transform: translateY(-2px); border-color: rgba(147,197,253,.7); background: rgba(255,255,255,.08); }
:where(body.page-404) .nf-main { flex: 1; width: 100%; max-width: 1080px; margin: 0 auto; padding: 56px 20px 64px; }
:where(body.page-404) .nf-main h2 { margin: 0 0 22px; color: #1F1F1F; font-family: var(--rs-font-display); font-size: 24px; font-weight: 700; letter-spacing: -.02em; text-align: center; }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-main h2 { color: #D6D6D6; }
:where(body.page-404) .nf-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
:where(body.page-404) .nf-card { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 22px 20px; border: 1px solid rgba(10,10,10,.08); border-radius: 6px; background: var(--c-card, #fff); text-decoration: none; box-shadow: 0 1px 2px rgba(10,10,10,.04), 0 18px 40px -24px rgba(10,10,10,.18); transition: transform .2s ease, border-color .2s ease; }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-card { border: 1px solid rgba(255,255,255,0.08); }
:where(body.page-404) .nf-card:hover { transform: translateY(-3px); border-color: rgba(var(--c-accent-rgb, 37,99,235),.45); }
:where(body.page-404) .nf-card > i { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 6px; border-radius: 10px; background: rgba(var(--c-accent-rgb, 37,99,235),.08); color: var(--c-accent, #0B57D0); font-size: 19px; }
:where(body.page-404) .nf-card b { color: #1F1F1F; font-size: 16px; }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-card b { color: #D6D6D6; }
:where(body.page-404) .nf-card span { font-size: 14px; line-height: 1.55; }
:where(body.page-404) .nf-card em i { margin-left: 4px; font-size: 12px; }
:where(body.page-404) .nf-card em { margin-top: auto; padding-top: 6px; color: var(--c-accent, #0B57D0); font-size: 14px; font-style: normal; font-weight: 600; }
:where(body.page-404) .nf-talk { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 28px; padding: 20px 22px; border: 1px solid rgba(10,10,10,.08); border-radius: 6px; background: #F7F8FA; }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-talk { border: 1px solid rgba(255,255,255,0.08); background: #14161A; }
:where(body.page-404) .nf-talk b { display: block; color: #1F1F1F; font-size: 16px; }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-talk b { color: #D6D6D6; }
:where(body.page-404) .nf-talk p { margin: 4px 0 0; font-size: 14px; }
:where(body.page-404) .nf-talk-btns { display: flex; flex-wrap: wrap; gap: 10px; }
:where(body.page-404) .nf-ch { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid rgba(10,10,10,.16); border-radius: 6px; background: #fff; color: #1F1F1F; font-size: 14.5px; font-weight: 600; text-decoration: none; }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-ch { border: 1px solid rgba(255,255,255,0.16); background: #131313; color: #D6D6D6; }
:where(body.page-404) .nf-ch:hover { border-color: rgba(var(--c-accent-rgb, 37,99,235),.6); }
:where(body.page-404) .nf-ch.sup-wa i { color: var(--c-wa-d, #128C7E); }
:where(body.page-404) .nf-ch.sup-em i { color: #0284C7; }
:where(html[data-theme="dark"]) :where(body.page-404) .nf-ch.sup-em i { color: #7BCBF4; }
:where(body.page-404) .nf-foot { padding: 22px 20px calc(22px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid rgba(255,255,255,.08); background: #07080B; color: rgba(230,236,255,.6); font-size: 13.5px; text-align: center; }
:where(body.page-404) .nf-foot a { color: rgba(230,236,255,.8); text-decoration: none; }
:where(body.page-404) .nf-foot a:hover { color: #fff; }
@media (max-width: 900px) {
    :where(body.page-404) .nf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    :where(body.page-404) .nf-bar-in { padding: 0 16px; }
    :where(body.page-404) .nf-nav a:not(.nf-keep) { display: none; }
    :where(body.page-404) .nf-hero { padding: 52px 16px 56px; }
    :where(body.page-404) .nf-hero p { font-size: 16px; }
    :where(body.page-404) .nf-ctas { flex-direction: column; }
    :where(body.page-404) .nf-btn { width: 100%; }
    :where(body.page-404) .nf-main { padding: 40px 16px 48px; }
    :where(body.page-404) .nf-grid { grid-template-columns: 1fr; gap: 12px; }
    :where(body.page-404) .nf-card { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 2px 14px; padding: 14px 16px; }
    :where(body.page-404) .nf-card > i { grid-row: span 2; margin: 0; }
    :where(body.page-404) .nf-card em { grid-row: 1 / span 2; grid-column: 3; align-self: center; margin: 0; padding: 0; font-size: 0; }
    :where(body.page-404) .nf-card em i { margin: 0; font-size: 14px; }
    :where(body.page-404) .nf-talk-btns, :where(body.page-404) .nf-ch { width: 100%; }
    :where(body.page-404) .nf-ch { justify-content: center; }
}
@media (min-width: 1800px) {
    :where(body.page-404) .nf-bar-in { max-width: 1480px; }
    :where(body.page-404) .nf-main { max-width: 1280px; }
    :where(body.page-404) .nf-in { max-width: 860px; }
}
@media (min-width: 2400px) {
    :where(body.page-404) .nf-bar-in { max-width: 1720px; }
    :where(body.page-404) .nf-main { max-width: 1480px; }
}
@media (prefers-reduced-motion: reduce) {
    :where(body.page-404) .nf-btn, :where(body.page-404) .nf-card { transition: none; }
}

/* ======================= page — maintenance.php ======================= */
:where(body.page-maint), :where(body.page-maint) *, :where(body.page-maint) *::before, :where(body.page-maint) *::after { box-sizing: border-box; }
html:where(:has(> :is(body.page-maint))), body:where(.page-maint) { margin: 0; overflow-x: clip; }
body:where(.page-maint) { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px 16px; font-family: var(--rs-font); color: #5F6670; background-color: #F7F8FA; background-image: radial-gradient(rgba(10,10,10,.05) 1px, transparent 1px); background-size: 26px 26px; -webkit-font-smoothing: antialiased; }
:where(html[data-theme="dark"]) body:where(.page-maint) { color: #989EA7; background-color: #14161A; }
:where(body.page-maint) .mt { width: 100%; max-width: 520px; overflow: hidden; border: 1px solid rgba(10,10,10,.08); border-radius: 6px; background: var(--c-card, #fff); box-shadow: 0 1px 2px rgba(10,10,10,.04), 0 18px 40px -24px rgba(10,10,10,.18); }
:where(html[data-theme="dark"]) :where(body.page-maint) .mt { border: 1px solid rgba(255,255,255,0.08); }
:where(body.page-maint) .mt-head { position: relative; overflow: hidden; isolation: isolate; padding: 34px 28px 32px; text-align: center; color: #E6ECFF; background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(37,99,235,.38), transparent 70%), linear-gradient(180deg, #050A24 0%, #0A1648 55%, #071038 100%); }
:where(body.page-maint) .mt-head::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: repeating-linear-gradient(90deg, rgba(147,197,253,.07) 0 1px, transparent 1px 34px), repeating-linear-gradient(90deg, rgba(147,197,253,.05) 0 2px, transparent 2px 89px); -webkit-mask-image: radial-gradient(ellipse 75% 85% at 50% 30%, #000 25%, transparent 78%); mask-image: radial-gradient(ellipse 75% 85% at 50% 30%, #000 25%, transparent 78%); }
:where(html[data-theme="dark"]) :where(body.page-maint) .mt-head::before { background-image: repeating-linear-gradient(90deg, rgba(22,51,83,0.07) 0 1px, transparent 1px 34px), repeating-linear-gradient(90deg, rgba(22,51,83,0.05) 0 2px, transparent 2px 89px); }
:where(body.page-maint) .mt-head::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, #0B57D0, #1A73E8 50%, #0B57D0); }
:where(body.page-maint) .mt-ic { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 16px; border: 1px solid rgba(147,197,253,.35); border-radius: 6px; color: #93C5FD; font-size: 22px; }
:where(body.page-maint) .mt-head h1 { margin: 0; color: #F5F7FF; font-family: var(--rs-font-display); font-size: 28px; font-weight: 700; letter-spacing: -.03em; }
:where(body.page-maint) .mt-body { padding: 26px 28px 28px; text-align: center; }
:where(body.page-maint) .mt-status { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 5px 11px; border: 1px solid rgba(var(--c-accent-rgb, 37,99,235),.25); border-radius: 10px; background: rgba(var(--c-accent-rgb, 37,99,235),.06); color: var(--c-accent, #0B57D0); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
:where(body.page-maint) .mt-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; animation: mtPulse 1.6s ease-in-out infinite; }
@keyframes mtPulse { 50% { opacity: .3; } }
:where(body.page-maint) .mt-body p { margin: 0 0 22px; font-size: 15.5px; line-height: 1.65; }
:where(body.page-maint) .mt-body p b { color: #1F1F1F; }
:where(html[data-theme="dark"]) :where(body.page-maint) .mt-body p b { color: #D6D6D6; }
:where(body.page-maint) .mt-k { margin: 0 0 10px; color: #1F1F1F; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
:where(html[data-theme="dark"]) :where(body.page-maint) .mt-k { color: #D6D6D6; }
:where(body.page-maint) .mt-ch { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
:where(body.page-maint) .mt-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 16px; border: 1px solid rgba(10,10,10,.16); border-radius: 6px; background: #fff; color: #1F1F1F; font-size: 15px; font-weight: 600; text-decoration: none; touch-action: manipulation; transition: border-color .2s ease, transform .2s ease; }
:where(html[data-theme="dark"]) :where(body.page-maint) .mt-btn { border: 1px solid rgba(255,255,255,0.16); background: #131313; color: #D6D6D6; }
:where(body.page-maint) .mt-btn:hover { transform: translateY(-2px); border-color: rgba(var(--c-accent-rgb, 37,99,235),.6); }
:where(body.page-maint) .mt-btn:first-child { border-color: var(--c-accent, #0B57D0); background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); }
:where(body.page-maint) .mt-btn.sup-wa:not(:first-child) i { color: var(--c-wa-d, #128C7E); }
:where(body.page-maint) .mt-btn.sup-em:not(:first-child) i { color: #0284C7; }
:where(html[data-theme="dark"]) :where(body.page-maint) .mt-btn.sup-em:not(:first-child) i { color: #7BCBF4; }
:where(body.page-maint) .mt-more { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; margin-top: 18px; font-size: 14px; }
:where(body.page-maint) .mt-more a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; color: #3D4249; font-weight: 500; text-decoration: none; }
:where(html[data-theme="dark"]) :where(body.page-maint) .mt-more a { color: #B5BAC1; }
:where(body.page-maint) .mt-more a:hover { color: var(--c-accent, #0B57D0); }
:where(body.page-maint) .mt-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 28px; border-top: 1px solid rgba(10,10,10,.08); background: #F7F8FA; font-size: 13px; }
:where(html[data-theme="dark"]) :where(body.page-maint) .mt-foot { border-top: 1px solid rgba(255,255,255,0.08); background: #14161A; }
:where(body.page-maint) .mt-foot a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: #5F6368; text-decoration: none; }
:where(html[data-theme="dark"]) :where(body.page-maint) .mt-foot a { color: #9EA2A7; }
:where(body.page-maint) .mt-foot a:hover { color: #1F1F1F; }
:where(html[data-theme="dark"]) :where(body.page-maint) .mt-foot a:hover { color: #D6D6D6; }
@media (max-width: 480px) {
    :where(body.page-maint) .mt-head, :where(body.page-maint) .mt-body { padding-left: 20px; padding-right: 20px; }
    :where(body.page-maint) .mt-foot { padding: 6px 20px; }
    :where(body.page-maint) .mt-head h1 { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    :where(body.page-maint) .mt-dot { animation: none; }
    :where(body.page-maint) .mt-btn { transition: none; }
}

/* ======================= page — order-status.php ======================= */
@media print {
    body:where(.page-order-status) { background: #ffffff !important; }
    :where(html[data-theme="dark"]) body:where(.page-order-status) { background: #131313 !important; }
    :where(body.page-order-status) .os-btn, :where(body.page-order-status) .os-warn, :where(body.page-order-status) .os-head p { display: none !important; }
    :where(body.page-order-status) .os-card, :where(body.page-order-status) .os-state, :where(body.page-order-status) .os-ref { box-shadow: none !important; border: 1px solid #C4C7C5; }
    :where(html[data-theme="dark"]) :where(body.page-order-status) .os-card, :where(html[data-theme="dark"]) :where(body.page-order-status) .os-state, :where(html[data-theme="dark"]) :where(body.page-order-status) .os-ref { border: 1px solid #454645; }
}
:where(body.page-order-status), :where(body.page-order-status) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-order-status) { font-family: var(--rs-font); background: var(--c-tint, #F1F3F4); color: var(--c-primary, #1F1F1F); line-height: 1.6; min-height: 100vh; display: flex; flex-direction: column; }
:where(html[data-theme="dark"]) body:where(.page-order-status) { color: var(--c-ink); }
:where(body.page-order-status) .os-head { background: var(--c-primary, #1F1F1F); color: #fff; padding: 26px 20px; text-align: center; }
:where(body.page-order-status) .os-head h1 { font-size: 21px; font-weight: 700; }
:where(body.page-order-status) .os-head p { font-size: 13px; opacity: .75; margin-top: 3px; }
:where(body.page-order-status) .os-main { flex: 1; padding: 26px 16px 46px; }
:where(body.page-order-status) .os-wrap { max-width: 620px; margin: 0 auto; }
:where(body.page-order-status) .os-card { background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 14px; padding: 24px; margin-bottom: 16px; }
:where(body.page-order-status) .os-state { text-align: center; padding: 26px 20px; border-radius: 14px; margin-bottom: 16px; border: 1px solid; }
:where(body.page-order-status) .os-state i { font-size: 40px; display: block; margin-bottom: 10px; }
:where(body.page-order-status) .os-state b { display: block; font-size: 19px; font-weight: 700; }
:where(body.page-order-status) .os-state span { font-size: 13.5px; display: block; margin-top: 5px; }
:where(body.page-order-status) .os-pending { background: #fffbeb; border-color: #fde68a; color: #92400e; }
:where(html[data-theme="dark"]) :where(body.page-order-status) .os-pending { background: #27210B; border-color: #695B24; color: #F3A97D; }
:where(body.page-order-status) .os-approved { background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
:where(html[data-theme="dark"]) :where(body.page-order-status) .os-approved { background: #0E251A; border-color: #295B44; color: #7BF4D2; }
:where(body.page-order-status) .os-declined { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.page-order-status) .os-declined { background: #220C0C; border-color: #501C1C; color: #EA8686; }
:where(body.page-order-status) .os-ref { text-align: center; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--c-text-muted, #5F6368); font-weight: 700; margin-bottom: 14px; }
:where(body.page-order-status) .os-ref b { display: block; font-size: 20px; letter-spacing: 0; color: var(--c-primary, #1F1F1F); font-family: monospace; margin-top: 2px; }
:where(html[data-theme="dark"]) :where(body.page-order-status) .os-ref b { color: var(--c-ink); }
:where(body.page-order-status) .os-h2 { font-size: 14px; font-weight: 700; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
:where(body.page-order-status) .os-h2 i { color: var(--c-accent, #0B57D0); }
:where(body.page-order-status) .os-row { display: flex; justify-content: space-between; gap: 14px; padding: 9px 0; border-bottom: 1px solid var(--c-tint-line, #E8EAED); font-size: 13.5px; }
:where(body.page-order-status) .os-row:last-child { border-bottom: 0; }
:where(body.page-order-status) .os-row span { color: var(--c-text-muted, #5F6368); flex-shrink: 0; }
:where(body.page-order-status) .os-row b { text-align: right; word-break: break-word; font-weight: 600; }
:where(body.page-order-status) .os-note { background: var(--c-tint-2, #F8F9FA); border: 1px solid var(--c-tint-line, #DADCE0); border-radius: 12px; padding: 14px 16px; font-size: 13.5px; color: var(--c-text-muted, #444746); }
:where(body.page-order-status) .os-btn { display: inline-block; background: var(--c-accent, #0B57D0); color: #fff; text-decoration: none; font-weight: 700; font-size: 14px; padding: 12px 22px; border-radius: 10px; margin-top: 14px; }
:where(body.page-order-status) .os-btn.ghost { background: transparent; color: var(--c-accent, #0B57D0); border: 1px solid var(--c-accent, #0B57D0); margin-left: 8px; }
:where(body.page-order-status) .os-warn { display: flex; gap: 9px; align-items: flex-start; margin-top: 12px; padding: 11px 13px; border-radius: 9px; background: #fef2f2; border: 1px solid #fecaca; border-left: 3px solid #dc2626; color: #b91c1c; font-size: 13px; line-height: 1.5; }
:where(html[data-theme="dark"]) :where(body.page-order-status) .os-warn { background: #220C0C; border: 1px solid #501C1C; color: #EC8383; }
:where(body.page-order-status) .os-warn i { color: #dc2626; margin-top: 2px; flex-shrink: 0; }
:where(html[data-theme="dark"]) :where(body.page-order-status) .os-warn i { color: #EB8484; }
:where(body.page-order-status) .os-warn strong { color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.page-order-status) .os-warn strong { color: #EA8686; }
:where(body.page-order-status) .os-bad { text-align: center; padding: 40px 22px; }
:where(body.page-order-status) .os-bad i { font-size: 46px; color: var(--c-text-muted, #80868B); display: block; margin-bottom: 14px; }
:where(body.page-order-status) .os-bad h2 { font-size: 19px; margin-bottom: 8px; }
:where(body.page-order-status) .os-bad p { font-size: 14px; color: var(--c-text-muted, #5F6368); }
:where(body.page-order-status) .os-foot { text-align: center; padding: 22px 16px; font-size: 12.5px; color: var(--c-text-muted, #5F6368); }
:where(body.page-order-status) .os-foot a { color: var(--c-accent, #0B57D0); text-decoration: none; }
@media (max-width: 560px) {
    :where(body.page-order-status) .os-card { padding: 18px; }
    :where(body.page-order-status) .os-row { font-size: 13px; }
}

/* ======================= page — verify.php ======================= */
:where(body.page-verify), :where(body.page-verify) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-verify) { font-family: var(--rs-font); min-height: 100dvh; display: flex; flex-direction: column; background: linear-gradient(135deg, var(--c-tint) 0%, var(--c-tint-2) 50%, var(--c-tint) 100%); color: var(--c-text); touch-action: manipulation; }
:where(body.page-verify) .header { background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); padding: clamp(22px, 4vw, 34px) 20px; text-align: center; color: var(--c-on-primary); }
:where(body.page-verify) .header h1 { font-size: clamp(21px, 4vw, 27px); margin-bottom: 5px; display: flex; align-items: center; justify-content: center; gap: 10px; }
:where(body.page-verify) .header h1 i { color: var(--c-accent); }
:where(body.page-verify) .header p { font-size: 13px; opacity: 0.85; letter-spacing: 0.4px; text-transform: uppercase; }
:where(body.page-verify) .main { flex: 1; width: 100%; display: flex; align-items: center; justify-content: center; padding: clamp(14px, 3vw, 36px) 16px; }
:where(body.page-verify) .container { background: var(--c-card); border: 1px solid var(--c-tint-line); border-radius: 16px; box-shadow: 0 20px 60px rgba(var(--c-primary-rgb), 0.16); width: 100%; max-width: 620px; overflow: hidden; }
:where(body.page-verify) .content { padding: clamp(20px, 4vw, 32px); }
:where(body.page-verify) .status-box { text-align: center; padding: 25px 20px; border-radius: 12px; margin-bottom: 22px; }
:where(body.page-verify) .status-box.verified { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); border: 2px solid #10b981; }
:where(html[data-theme="dark"]) :where(body.page-verify) .status-box.verified { background: linear-gradient(135deg, #0E251A 0%, #133222 100%); }
:where(body.page-verify) .status-box.not-verified { background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); border: 2px solid #ef4444; }
:where(html[data-theme="dark"]) :where(body.page-verify) .status-box.not-verified { background: linear-gradient(135deg, #220C0C 0%, #2B0E0E 100%); }
:where(body.page-verify) .status-icon { font-size: 50px; margin-bottom: 14px; animation: vPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
@keyframes vPop { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }
:where(body.page-verify) .status-box.verified .status-icon { color: #10b981; }
:where(html[data-theme="dark"]) :where(body.page-verify) .status-box.verified .status-icon { color: #7CF4CC; }
:where(body.page-verify) .status-box.not-verified .status-icon { color: #ef4444; }
:where(body.page-verify) .status-text { font-size: clamp(19px, 3.5vw, 23px); font-weight: 700; margin-bottom: 8px; }
:where(body.page-verify) .status-box.verified .status-text { color: #065f46; }
:where(html[data-theme="dark"]) :where(body.page-verify) .status-box.verified .status-text { color: #7BF4D2; }
:where(body.page-verify) .status-box.not-verified .status-text { color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.page-verify) .status-box.not-verified .status-text { color: #EA8686; }
:where(body.page-verify) .status-sub { font-size: 14px; color: var(--c-text-muted); }
:where(body.page-verify) .details-box { background: var(--c-tint); border: 1px solid var(--c-tint-line); border-radius: 10px; padding: 18px 20px; margin-bottom: 20px; }
:where(body.page-verify) .details-box h2 { font-size: 13px; color: var(--c-text-muted); text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--c-tint-line); display: flex; align-items: center; gap: 8px; }
:where(body.page-verify) .details-box h2 i { color: var(--c-accent-strong); }
:where(body.page-verify) .detail-row { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2px 14px; padding: 10px 0; border-bottom: 1px solid var(--c-tint-line); }
:where(body.page-verify) .detail-row:last-child { border-bottom: none; padding-bottom: 0; }
:where(body.page-verify) .detail-label { color: var(--c-text-muted); font-size: 14px; }
:where(body.page-verify) .detail-value { color: var(--c-primary); font-weight: 600; font-size: 14px; text-align: right; margin-left: auto; word-break: break-word; }
:where(html[data-theme="dark"]) :where(body.page-verify) .detail-value { color: var(--c-ink); }
:where(body.page-verify) .warning-box { background: #fffbeb; border: 1px solid #f59e0b; border-radius: 10px; padding: 15px; margin-top: 20px; }
:where(html[data-theme="dark"]) :where(body.page-verify) .warning-box { background: #27210B; }
:where(body.page-verify) .warning-box h4 { color: #92400e; font-size: 14px; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
:where(html[data-theme="dark"]) :where(body.page-verify) .warning-box h4 { color: #F3A97D; }
:where(body.page-verify) .warning-box p { color: #92400e; font-size: 13px; line-height: 1.5; }
:where(html[data-theme="dark"]) :where(body.page-verify) .warning-box p { color: #F3A97D; }
:where(body.page-verify) .footer { text-align: center; padding: 18px 16px 20px; background: var(--c-primary); color: var(--c-on-primary); }
:where(body.page-verify) .footer p { font-size: 12px; margin-bottom: 4px; opacity: 0.85; }
:where(body.page-verify) .footer a { color: var(--c-accent); text-decoration: none; font-weight: 600; }
:where(body.page-verify) .no-token { text-align: center; padding: 40px 20px; }
:where(body.page-verify) .no-token i { font-size: 60px; color: var(--c-tint-line); margin-bottom: 20px; }
:where(body.page-verify) .no-token h2 { color: var(--c-primary); margin-bottom: 10px; }
:where(html[data-theme="dark"]) :where(body.page-verify) .no-token h2 { color: var(--c-ink); }
:where(body.page-verify) .no-token p { color: var(--c-text-muted); font-size: 14px; }
:where(body.page-verify) .payment-status { display: inline-block; padding: 4px 10px; border-radius: 10px; font-size: 12px; font-weight: 600; text-transform: uppercase; }
:where(body.page-verify) .payment-status.paid { background: #d1fae5; color: #065f46; }
:where(html[data-theme="dark"]) :where(body.page-verify) .payment-status.paid { background: #133222; color: #7BF4D2; }
:where(body.page-verify) .payment-status.unpaid { background: #fee2e2; color: #991b1b; }
:where(html[data-theme="dark"]) :where(body.page-verify) .payment-status.unpaid { background: #2B0E0E; color: #EA8686; }
@media (max-width: 480px) {
    :where(body.page-verify) .main { padding: 12px 10px; align-items: flex-start; }
    :where(body.page-verify) .container { border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    :where(body.page-verify) .status-icon { animation: none; }
}
:where(body.page-verify) .details-box { position: relative; overflow: hidden; }
:where(body.page-verify) .rs-wm { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 0; }
:where(body.page-verify) .rs-wm span { transform: rotate(-24deg); font-size: 44px; font-weight: 900; letter-spacing: 6px; text-transform: uppercase; color: rgba(0, 31, 63, 0.06); white-space: nowrap; user-select: none; }
:where(html[data-theme="dark"]) :where(body.page-verify) .rs-wm span { color: rgba(123,183,244,0.06); }
:where(body.page-verify) .details-box > *:not(.rs-wm) { position: relative; z-index: 1; }
:where(body.page-verify) .rs-comp { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed #d7dee8; }
:where(html[data-theme="dark"]) :where(body.page-verify) .rs-comp { border-top: 1px dashed #313740; }
:where(body.page-verify) .rs-comp img { width: 38px; height: 38px; object-fit: contain; border-radius: 6px; background: #fff; }
:where(html[data-theme="dark"]) :where(body.page-verify) .rs-comp img { background: #131313; }
:where(body.page-verify) .rs-comp b { display: block; font-size: 13px; color: #1F1F1F; }
:where(html[data-theme="dark"]) :where(body.page-verify) .rs-comp b { color: #D6D6D6; }
:where(body.page-verify) .rs-comp small { display: block; font-size: 11.5px; color: #5F6368; margin-top: 2px; letter-spacing: 0.3px; }
:where(html[data-theme="dark"]) :where(body.page-verify) .rs-comp small { color: #9EA2A7; }

/* ======================= page — quote_accept.php ======================= */
body.page-quote-accept { margin: 0; background-color: var(--c-bg, #f4f7fb); background-image: var(--pat-img); background-size: var(--pat-size); color: var(--c-text, #1F1F1F); font-family: var(--rs-font); }
body.page-quote-accept .qa-wrap { max-width: 800px; margin: 0 auto; padding: 64px 16px 72px; }
body.page-quote-accept .qa-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
body.page-quote-accept .qa-top h1 { margin: 0; font-size: 17px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-quote-accept .qa-top h1 { color: var(--c-ink); }
body.page-quote-accept .qa-top span { display: block; font-size: 13px; color: var(--c-text-muted, #5F6368); margin-top: 2px; }
body.page-quote-accept .rsdoc-parties.qa-two { grid-template-columns: 1fr 190px; }
body.page-quote-accept .qa-tbl { width: 100%; border-collapse: collapse; font-size: 12.5px; margin-bottom: 8px; }
body.page-quote-accept .qa-tbl caption { caption-side: top; border: 1px solid #000; border-bottom: 0; padding: 5px 8px; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-align: left; }
:where(html[data-theme="dark"]) body.page-quote-accept .qa-tbl caption { border: 1px solid #D9D9D9; }
body.page-quote-accept .qa-tbl th, body.page-quote-accept .qa-tbl td { border: 1px solid #000; padding: 5px 8px; vertical-align: top; text-align: left; }
:where(html[data-theme="dark"]) body.page-quote-accept .qa-tbl th, :where(html[data-theme="dark"]) body.page-quote-accept .qa-tbl td { border: 1px solid #D9D9D9; }
body.page-quote-accept .qa-tbl th { font-size: 10px; font-weight: 700; letter-spacing: .1em; }
body.page-quote-accept .qa-tbl td small { display: block; color: #555; font-size: 11px; margin-top: 1px; }
:where(html[data-theme="dark"]) body.page-quote-accept .qa-tbl td small { color: #ADADAD; }
body.page-quote-accept .qa-tbl .r { text-align: right; white-space: nowrap; }
body.page-quote-accept .qa-tbl .c { text-align: center; width: 26px; }
body.page-quote-accept .qa-tbl .paid { color: #16a34a; }
:where(html[data-theme="dark"]) body.page-quote-accept .qa-tbl .paid { color: #81EEA9; }
body.page-quote-accept .qa-tot { width: 262px; margin: 0 0 12px auto; border-collapse: collapse; font-size: 12.5px; }
body.page-quote-accept .qa-tot td { border: 1px solid #000; padding: 4px 8px; text-align: right; }
:where(html[data-theme="dark"]) body.page-quote-accept .qa-tot td { border: 1px solid #D9D9D9; }
body.page-quote-accept .qa-tot tr.grand td { font-weight: 700; font-size: 13.5px; }
body.page-quote-accept .qa-terms { white-space: pre-wrap; font-size: 11.5px; line-height: 1.5; color: #222; }
:where(html[data-theme="dark"]) body.page-quote-accept .qa-terms { color: #D4D4D4; }
body.page-quote-accept .qa-safe { max-width: 800px; margin: 14px auto 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
body.page-quote-accept .qa-safe-i { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; background: var(--c-card, #fff); border: 1px solid var(--c-tint-line, #e5eaf0); border-radius: 10px; font-size: 13px; line-height: 1.5; color: var(--c-text-muted, #5F6368); }
body.page-quote-accept .qa-safe-i > i { flex: 0 0 30px; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: rgba(var(--c-accent-rgb, 0,116,217), .1); color: var(--c-accent, #0B57D0); font-size: 13px; }
body.page-quote-accept .qa-safe-i b { display: block; color: var(--c-primary, #1F1F1F); font-size: 13.5px; margin-bottom: 1px; }
:where(html[data-theme="dark"]) body.page-quote-accept .qa-safe-i b { color: var(--c-ink); }
body.page-quote-accept .qa-safe-i a { color: var(--c-accent, #0B57D0); font-weight: 700; text-decoration: none; white-space: nowrap; }
body.page-quote-accept .qa-safe-i a:hover { text-decoration: none; }
@media (max-width: 860px) {
    body.page-quote-accept .qa-safe { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    body.page-quote-accept .qa-wrap { padding: 32px 12px 40px; }
    body.page-quote-accept .qa-404 { padding: 30px 20px 24px; }
    body.page-quote-accept .qa-404 h1 { font-size: 22px; }
    body.page-quote-accept .rsdoc-parties.qa-two { grid-template-columns: 1fr; }
    body.page-quote-accept .qa-tot { width: 100%; }
    body.page-quote-accept .qa-safe { grid-template-columns: 1fr; gap: 8px; }
    body.page-quote-accept .qa-safe-i a { display: inline-block; padding: 8px 0 2px; }
    body.page-quote-accept .qa-tbl { font-size: 11.5px; }
    body.page-quote-accept .qa-tbl th, body.page-quote-accept .qa-tbl td { padding: 4px 5px; }
    body.page-quote-accept .qa-tbl th { letter-spacing: 0; }
    body.page-quote-accept .qa-tbl .r { white-space: normal; }
}
@media (max-width: 380px) {
    body.page-quote-accept .qa-tbl { font-size: 11px; }
    body.page-quote-accept .qa-tbl th { font-size: 8.5px; }
}
body.page-quote-accept .qa-404 { max-width: 580px; margin: 0 auto; padding: 40px 36px 32px; background: var(--c-card, #fff); border: 1px solid rgba(10, 10, 10, .08); border-radius: 6px; box-shadow: 0 1px 2px rgba(10, 10, 10, .04), 0 18px 40px -24px rgba(10, 10, 10, .18); text-align: center; }
:where(html[data-theme="dark"]) body.page-quote-accept .qa-404 { border: 1px solid rgba(255,255,255,0.08); }
body.page-quote-accept .qa-404-ico { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 18px; border-radius: 6px; background: rgba(220, 38, 38, .08); color: var(--danger, #dc2626); font-size: 24px; }
body.page-quote-accept .qa-404-ico.is-wait { background: rgba(217, 119, 6, .10); color: var(--warning, #d97706); }
body.page-quote-accept .qa-404 h1 { margin: 0 0 10px; font-family: var(--rs-font-display); font-size: 26px; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; color: var(--c-text, #1F1F1F); }
body.page-quote-accept .qa-404 p { margin: 0 0 8px; font-size: 15px; line-height: 1.65; color: var(--c-text-muted, #5F6670); }
body.page-quote-accept .qa-404-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; }
body.page-quote-accept .rsdoc-btn { justify-content: center; min-height: 46px; padding: 0 20px; border-radius: 10px; background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); font-size: 14.5px; font-weight: 600; box-shadow: 0 12px 30px -14px rgba(var(--c-accent-rgb, 0, 116, 217), .8); }
body.page-quote-accept .rsdoc-btn:hover { background: var(--c-accent-strong, var(--c-accent, #0B57D0)); }
body.page-quote-accept .rsdoc-btn.ghost { background: var(--c-card, #fff); color: var(--c-text, #1F1F1F); border: 1px solid rgba(10, 10, 10, .16); box-shadow: none; }
:where(html[data-theme="dark"]) body.page-quote-accept .rsdoc-btn.ghost { border: 1px solid rgba(255,255,255,0.16); }
body.page-quote-accept .rsdoc-btn.ghost:hover { border-color: rgba(var(--c-accent-rgb, 0, 116, 217), .6); background: rgba(var(--c-accent-rgb, 0, 116, 217), .06); }
body.page-quote-accept .rsdoc-btn.danger { background: var(--c-card, #fff); box-shadow: none; }
body.page-quote-accept .rsdoc-btn.danger:hover { background: #fee2e2; }
:where(html[data-theme="dark"]) body.page-quote-accept .rsdoc-btn.danger:hover { background: #2B0E0E; }
body.page-quote-accept .rsdoc-btn.is-gap { margin-top: 10px; }
body.page-quote-accept .qa-contact { max-width: 580px; margin: 28px auto 0; text-align: center; }
body.page-quote-accept .qa-contact b { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-text-muted, #5F6670); }
body.page-quote-accept .qa-contact-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
body.page-quote-accept .qa-contact a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid rgba(10, 10, 10, .12); border-radius: 10px; background: var(--c-card, #fff); color: var(--c-text, #1F1F1F); font-size: 14px; font-weight: 600; text-decoration: none; transition: border-color .2s, color .2s; }
:where(html[data-theme="dark"]) body.page-quote-accept .qa-contact a { border: 1px solid rgba(255,255,255,0.12); }
body.page-quote-accept .qa-contact a:hover { border-color: rgba(var(--c-accent-rgb, 0, 116, 217), .6); color: var(--c-accent, #0B57D0); }
body.page-quote-accept .qa-contact a .fa-whatsapp { color: #16a34a; }
:where(html[data-theme="dark"]) body.page-quote-accept .qa-contact a .fa-whatsapp { color: #81EEA9; }
body.page-quote-accept .qa-contact a .fa-envelope { color: var(--c-accent, #0B57D0); }

/* ======================= page — document_accept.php ======================= */
body.page-doc-accept { margin: 0; background-color: var(--c-bg, #f4f7fb); background-image: var(--pat-img); background-size: var(--pat-size); color: var(--c-text, #1F1F1F); font-family: var(--rs-font); }
body.page-doc-accept .da-wrap { max-width: 900px; margin: 0 auto; padding: 64px 16px 72px; }
body.page-doc-accept .da-top { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; align-items: center; max-width: 800px; margin: 0 auto 12px; }
body.page-doc-accept .da-top h1 { margin: 0; font-size: 18px; color: var(--c-primary, #1F1F1F); }
:where(html[data-theme="dark"]) body.page-doc-accept .da-top h1 { color: var(--c-ink); }
body.page-doc-accept .da-top p { margin: 2px 0 0; font-size: 13px; color: var(--c-text-muted, #5F6368); }
@media (max-width: 600px) {
    body.page-doc-accept .da-wrap { padding: 32px 12px 40px; }
    body.page-doc-accept .da-404 { padding: 30px 20px 24px; }
    body.page-doc-accept .da-404 h1 { font-size: 22px; }
}
body.page-doc-accept .da-404 { max-width: 580px; margin: 0 auto; padding: 40px 36px 32px; background: var(--c-card, #fff); border: 1px solid rgba(10, 10, 10, .08); border-radius: 6px; box-shadow: 0 1px 2px rgba(10, 10, 10, .04), 0 18px 40px -24px rgba(10, 10, 10, .18); text-align: center; }
:where(html[data-theme="dark"]) body.page-doc-accept .da-404 { border: 1px solid rgba(255,255,255,0.08); }
body.page-doc-accept .da-404-ico { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 18px; border-radius: 6px; background: rgba(220, 38, 38, .08); color: var(--danger, #dc2626); font-size: 24px; }
body.page-doc-accept .da-404-ico.is-wait { background: rgba(217, 119, 6, .10); color: var(--warning, #d97706); }
body.page-doc-accept .da-404 h1 { margin: 0 0 10px; font-family: var(--rs-font-display); font-size: 26px; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; color: var(--c-text, #1F1F1F); }
body.page-doc-accept .da-404 p { margin: 0 0 8px; font-size: 15px; line-height: 1.65; color: var(--c-text-muted, #5F6670); }
body.page-doc-accept .da-404-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; }
body.page-doc-accept .rsdoc-btn { justify-content: center; min-height: 46px; padding: 0 20px; border-radius: 10px; background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); font-size: 14.5px; font-weight: 600; box-shadow: 0 12px 30px -14px rgba(var(--c-accent-rgb, 0, 116, 217), .8); }
body.page-doc-accept .rsdoc-btn:hover { background: var(--c-accent-strong, var(--c-accent, #0B57D0)); }
body.page-doc-accept .rsdoc-btn.ghost { background: var(--c-card, #fff); color: var(--c-text, #1F1F1F); border: 1px solid rgba(10, 10, 10, .16); box-shadow: none; }
:where(html[data-theme="dark"]) body.page-doc-accept .rsdoc-btn.ghost { border: 1px solid rgba(255,255,255,0.16); }
body.page-doc-accept .rsdoc-btn.ghost:hover { border-color: rgba(var(--c-accent-rgb, 0, 116, 217), .6); background: rgba(var(--c-accent-rgb, 0, 116, 217), .06); }
body.page-doc-accept .rsdoc-btn.danger { background: var(--c-card, #fff); box-shadow: none; }
body.page-doc-accept .rsdoc-btn.danger:hover { background: #fee2e2; }
:where(html[data-theme="dark"]) body.page-doc-accept .rsdoc-btn.danger:hover { background: #2B0E0E; }
body.page-doc-accept .rsdoc-btn.is-gap { margin-top: 10px; }
body.page-doc-accept .da-flash { margin-bottom: 14px; }
body.page-doc-accept .da-contact { max-width: 580px; margin: 28px auto 0; text-align: center; }
body.page-doc-accept .da-contact b { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-text-muted, #5F6670); }
body.page-doc-accept .da-contact-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
body.page-doc-accept .da-contact a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid rgba(10, 10, 10, .12); border-radius: 10px; background: var(--c-card, #fff); color: var(--c-text, #1F1F1F); font-size: 14px; font-weight: 600; text-decoration: none; transition: border-color .2s, color .2s; }
:where(html[data-theme="dark"]) body.page-doc-accept .da-contact a { border: 1px solid rgba(255,255,255,0.12); }
body.page-doc-accept .da-contact a:hover { border-color: rgba(var(--c-accent-rgb, 0, 116, 217), .6); color: var(--c-accent, #0B57D0); }
body.page-doc-accept .da-contact a .fa-whatsapp { color: #16a34a; }
:where(html[data-theme="dark"]) body.page-doc-accept .da-contact a .fa-whatsapp { color: #81EEA9; }
body.page-doc-accept .da-contact a .fa-envelope { color: var(--c-accent, #0B57D0); }

/* ======================= page — php_setup.php ======================= */
body:where(.page-php-setup) { --navy-primary: #1F1F1F; --navy-dark: #001529; --navy-light: #3C4043; --navy-accent: #0B57D0; --navy-hover: #3C4043; --success: #22c55e; --white: #ffffff; --gray-100: #F8F9FA; --gray-200: #DADCE0; --gray-500: #5F6368; --gray-700: #3C4043; }
:where(html[data-theme="dark"]) body:where(.page-php-setup) { --gray-100: #151719; --gray-200: #37393C; --gray-500: #9EA2A7; --gray-700: #BABEC1; }
:where(body.page-php-setup), :where(body.page-php-setup) * { margin: 0; padding: 0; box-sizing: border-box; }
body:where(.page-php-setup) { font-family: var(--rs-font); background: var(--gray-100); color: var(--gray-700); line-height: 1.6; }
:where(html[data-theme="dark"]) body:where(.page-php-setup) { color: var(--c-ink); }
:where(body.page-php-setup) .header { background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 100%); padding: 15px 0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
:where(body.page-php-setup) .header-container { max-width: 1920px; margin: 0 auto; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; }
:where(body.page-php-setup) .logo { color: var(--white); font-size: 22px; font-weight: 800; text-decoration: none; display: flex; align-items: center; gap: 10px; }
:where(body.page-php-setup) .logo i { color: var(--navy-accent); }
:where(body.page-php-setup) .nav-links { display: flex; gap: 25px; align-items: center; }
:where(body.page-php-setup) .nav-links a { color: rgba(255,255,255,0.9); text-decoration: none; font-size: 14px; font-weight: 500; transition: color 0.3s; }
:where(body.page-php-setup) .nav-links a:hover { color: var(--navy-accent); }
:where(body.page-php-setup) .nav-links .btn-login { background: var(--navy-accent); padding: 10px 20px; border-radius: 6px; color: white; }
:where(body.page-php-setup) .nav-links .btn-login:hover { background: #0063b8; }
:where(body.page-php-setup) .hero { background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 50%, var(--navy-accent) 100%); padding: 80px 20px; text-align: center; color: white; }
:where(body.page-php-setup) .hero h1 { font-size: 42px; font-weight: 800; margin-bottom: 15px; }
:where(body.page-php-setup) .hero p { font-size: 18px; opacity: 0.9; max-width: 700px; margin: 0 auto; }
:where(body.page-php-setup) .main-content { max-width: 1920px; margin: 0 auto; padding: 24px; }
:where(body.page-php-setup) .content-card { background: white; border-radius: 15px; padding: 40px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); margin-bottom: 30px; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .content-card { background: #131313; }
:where(body.page-php-setup) .content-card h2 { color: var(--navy-primary); font-size: 24px; font-weight: 700; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .content-card h2 { color: var(--c-ink); }
:where(body.page-php-setup) .content-card h2 i { color: var(--navy-accent); }
:where(body.page-php-setup) .content-card p { color: var(--gray-700); font-size: 15px; line-height: 1.8; margin-bottom: 15px; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .content-card p { color: var(--c-ink); }
:where(body.page-php-setup) .tab-nav { display: flex; gap: 12px; margin-bottom: 30px; flex-wrap: wrap; }
:where(body.page-php-setup) .tab-btn { padding: 12px 24px; border: 2px solid var(--navy-accent); background: white; color: var(--navy-accent); font-size: 14px; font-weight: 600; font-family: inherit; cursor: pointer; border-radius: 8px; transition: all 0.3s; display: inline-flex; align-items: center; gap: 8px; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .tab-btn { background: #131313; }
:where(body.page-php-setup) .tab-btn:hover { background: var(--navy-accent); color: white; }
:where(body.page-php-setup) .tab-btn.active { background: var(--navy-accent); color: white; }
:where(body.page-php-setup) .tab-section { display: none; }
:where(body.page-php-setup) .tab-section.active { display: block; }
:where(body.page-php-setup) .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #000; border-radius: 12px; margin-bottom: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); }
:where(body.page-php-setup) .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 12px; }
:where(body.page-php-setup) .section-divider { font-size: 18px; font-weight: 700; color: var(--navy-primary); margin: 30px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--gray-200); display: flex; align-items: center; gap: 10px; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .section-divider { color: var(--c-ink); }
:where(body.page-php-setup) .section-divider i { color: var(--navy-accent); }
:where(body.page-php-setup) .step-item { display: flex; gap: 15px; margin-bottom: 20px; padding: 20px; background: var(--gray-100); border-radius: 10px; border-left: 4px solid var(--navy-accent); }
:where(body.page-php-setup) .step-num { flex-shrink: 0; width: 32px; height: 32px; background: var(--navy-accent); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
:where(body.page-php-setup) .step-item h4 { color: var(--navy-primary); font-size: 16px; font-weight: 700; margin-bottom: 8px; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .step-item h4 { color: var(--c-ink); }
:where(body.page-php-setup) .step-item p, :where(body.page-php-setup) .step-item ul { color: var(--gray-500); font-size: 14px; line-height: 1.8; }
:where(body.page-php-setup) .step-item ul { padding-left: 18px; margin-top: 8px; }
:where(body.page-php-setup) .step-item ul li { margin-bottom: 6px; }
:where(body.page-php-setup) .code-block { background: #1F1F1F; color: #DADCE0; padding: 16px 20px; border-radius: 8px; font-family: 'Consolas', 'Fira Code', monospace; font-size: 13px; line-height: 1.8; overflow-x: auto; margin: 10px 0; }
:where(body.page-php-setup) .code-block .c { color: #5F6368; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .code-block .c { color: #9EA2A7; }
:where(body.page-php-setup) .code-block .k { color: #fbbf24; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .code-block .k { color: #F4D27B; }
:where(body.page-php-setup) .code-block .v { color: #22d3ee; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .code-block .v { color: #7BE4F4; }
:where(body.page-php-setup) .tip-box { padding: 14px 18px; border-radius: 8px; margin: 12px 0; font-size: 14px; display: flex; align-items: flex-start; gap: 10px; line-height: 1.7; }
:where(body.page-php-setup) .tip-box.green { background: #ecfdf5; border: 1px solid #a7f3d0; color: #065f46; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .tip-box.green { background: #0E251A; border: 1px solid #295B44; color: #7BF4D2; }
:where(body.page-php-setup) .tip-box.yellow { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .tip-box.yellow { background: #27210B; border: 1px solid #695B24; color: #F3A97D; }
:where(body.page-php-setup) .tip-box.blue { background: #E8F0FE; border: 1px solid #bfdbfe; color: #0842A0; }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .tip-box.blue { background: #0D1728; border: 1px solid #1D3655; color: #7BA9F4; }
:where(body.page-php-setup) .cta-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: 8px; font-size: 15px; font-weight: 600; text-decoration: none; transition: all 0.3s; }
:where(body.page-php-setup) .cta-btn-primary { background: var(--navy-accent); color: white; }
:where(body.page-php-setup) .cta-btn-primary:hover { background: #0063b8; transform: translateY(-2px); }
:where(body.page-php-setup) .cta-btn-secondary { background: transparent; color: white; border: 2px solid rgba(255,255,255,0.5); }
:where(body.page-php-setup) .cta-btn-secondary:hover { background: rgba(255,255,255,0.1); border-color: white; }
:where(body.page-php-setup) .footer { background: var(--navy-dark); color: rgba(255,255,255,0.8); padding: 40px 20px 20px; margin-top: 50px; }
:where(body.page-php-setup) .footer-container { max-width: 1920px; margin: 0 auto; }
:where(body.page-php-setup) .footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 30px; }
:where(body.page-php-setup) .footer-col h4 { color: white; font-size: 16px; font-weight: 600; margin-bottom: 15px; }
:where(body.page-php-setup) .footer-col a { display: block; color: rgba(255,255,255,0.7); text-decoration: none; font-size: 14px; padding: 5px 0; transition: color 0.3s; }
:where(body.page-php-setup) .footer-col a:hover { color: var(--navy-accent); }
:where(body.page-php-setup) .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; text-align: center; font-size: 13px; }
@media (max-width: 768px) {
    :where(body.page-php-setup) .nav-links { display: none; }
    :where(body.page-php-setup) .hero h1 { font-size: 28px; }
    :where(body.page-php-setup) .hero p { font-size: 15px; }
    :where(body.page-php-setup) .main-content { padding: 15px; }
    :where(body.page-php-setup) .content-card { padding: 20px; }
    :where(body.page-php-setup) .step-item { flex-direction: column; gap: 10px; padding: 15px; }
    :where(body.page-php-setup) .tab-btn { padding: 10px 16px; font-size: 13px; }
    :where(body.page-php-setup) .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    :where(body.page-php-setup) .footer-grid { grid-template-columns: 1fr; }
    :where(body.page-php-setup) .tab-nav { flex-direction: column; }
    :where(body.page-php-setup) .tab-btn { width: 100%; justify-content: center; }
}

/* ======================= footer contact rows (php_setup.php) ======================= */


/* ======================= shared header + page hero + section kit + phone dock ======================= */
:root:where(:has(> :is(body.pub))) {  }
body:where(.pub) { --pat-size: 22px 22px, 88px 88px, 88px 88px; --pat-img: radial-gradient(rgba(var(--c-primary-rgb),.05) 1px, transparent 1px), linear-gradient(to right, rgba(var(--c-primary-rgb),.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--c-primary-rgb),.06) 1px, transparent 1px); --pat-grid: linear-gradient(rgba(var(--c-accent-rgb),.07) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--c-accent-rgb),.07) 1px, transparent 1px); --pat-grid-size: 88px 88px; }
body:where(.pub) { background-color: var(--c-bg); background-image: var(--pat-img); background-size: var(--pat-size); background-attachment: scroll; }
body:where(.pub)[class*="page-"] { background-color: var(--c-bg); background-image: var(--pat-img); background-size: var(--pat-size); background-attachment: scroll; }
:where(body.pub) .ph-notice { position: relative; z-index: 1001; background: var(--c-primary); color: var(--c-on-primary, #fff); font-family: var(--rs-font-display); }
:where(body.pub) .ph-notice[hidden] { display: none; }
:where(body.pub) .ph-tick { margin-right: 48px; overflow: hidden; font-size: 13.5px; font-weight: 500; line-height: 1.4; -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent); mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent); }
:where(body.pub) .ph-tick-track { display: flex; width: max-content; animation: phTick var(--tick-dur, 40s) linear infinite; }
:where(body.pub) .ph-notice:hover .ph-tick-track, :where(body.pub) .ph-tick:focus-within .ph-tick-track { animation-play-state: paused; }
@keyframes phTick { to { transform: translateX(-50%); } }
:where(body.pub) .ph-tick-set { display: flex; flex: 0 0 auto; align-items: center; }
:where(body.pub) .ph-tick-item { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; color: inherit; text-decoration: none; white-space: nowrap; }
:where(body.pub) .ph-tick-item > i { font-size: 13px; color: var(--c-accent-soft, var(--c-accent)); }
:where(html[data-theme="dark"]) :where(body.pub) .ph-tick-item > i { color: var(--g-link); }
:where(body.pub) .ph-tick-item a { color: inherit; text-decoration: none; }
:where(body.pub) .ph-tick-item > b, :where(body.pub) .ph-tick-cta { display: inline-flex; align-items: center; gap: 6px; padding: 3px 12px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; color: inherit; font-weight: 700; text-decoration: none; transition: background .15s; }
:where(body.pub) a.ph-tick-item:hover > b, :where(body.pub) a.ph-tick-item:focus-visible > b, :where(body.pub) .ph-tick-cta:hover, :where(body.pub) .ph-tick-cta:focus-visible { background: rgba(255,255,255,.14); }
:where(body.pub) .ph-tick-item > b i, :where(body.pub) .ph-tick-cta i { font-size: 11px; }
:where(body.pub) .ph-tick-sep { flex: 0 0 auto; width: 4px; height: 4px; margin: 0 28px; border-radius: 50%; background: currentColor; opacity: .45; }
:where(body.pub) .ph-notice-x { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 6px; background: none; color: inherit; opacity: .7; cursor: pointer; font-size: 14px; touch-action: manipulation; }
:where(body.pub) .ph-notice-x:hover, :where(body.pub) .ph-notice-x:focus-visible { opacity: 1; background: rgba(255,255,255,.14); outline: none; }
@media (prefers-reduced-motion: reduce) {
    :where(body.pub) .ph-tick { -webkit-mask-image: none; mask-image: none; }
    :where(body.pub) .ph-tick-track { width: auto; animation: none; }
    :where(body.pub) .ph-tick-set { flex: 1 1 auto; flex-wrap: wrap; justify-content: center; gap: 0 20px; padding: 6px 0 6px 48px; }
    :where(body.pub) .ph-tick-set[aria-hidden], :where(body.pub) .ph-tick-sep { display: none; }
    :where(body.pub) .ph-tick-item { min-height: 0; white-space: normal; }
}
@media (max-width: 600px) {
    :where(body.pub) .ph-tick { margin-right: 44px; font-size: 12.5px; }
    :where(body.pub) .ph-tick-item { min-height: 44px; }
    :where(body.pub) .ph-tick-sep { margin: 0 18px; }
    :where(body.pub) .ph-notice-x { width: 40px; height: 40px; right: 4px; }
}
:where(body.pub) :is(.ph-notice, .ph-header, .ph-bottom-nav, .ph-panels, .ph-cmd, .ph-mnav), :where(body.pub) :is(.ph-notice, .ph-header, .ph-bottom-nav, .ph-panels, .ph-cmd, .ph-mnav) *, :where(body.pub) :is(.ph-notice, .ph-header, .ph-bottom-nav, .ph-panels, .ph-cmd, .ph-mnav) *::before, :where(body.pub) :is(.ph-notice, .ph-header, .ph-bottom-nav, .ph-panels, .ph-cmd, .ph-mnav) *::after { box-sizing: border-box; }
:where(body.pub) .ph-header, :where(body.pub) .ph-mnav { --hd-bg: #FFFFFF; --hd-line: rgba(10,10,10,.08); --hd-text: #1F1F1F; --hd-mute: #3D4249; --hd-dim: #667085; --hd-acc: var(--c-accent); }
:where(body.pub) .ph-header { position: sticky; top: 0; z-index: 1000; font-family: var(--rs-font); background: rgba(255,255,255,.92); -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); border-bottom: 1px solid var(--hd-line); transition: background .3s ease, border-color .3s ease; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-header { background: rgba(19,19,19,0.92); }
html.ph-scrolled :where(body.pub) .ph-header { background: rgba(255,255,255,.97); box-shadow: 0 6px 24px -14px rgba(10,10,10,.18); }
html:where([data-theme="dark"]).ph-scrolled :where(body.pub) .ph-header { background: rgba(19,19,19,0.97); }
:where(body.pub) .ph-wrap { position: relative; display: flex; align-items: stretch; gap: 20px; width: 100%; max-width: 1240px; height: 64px; margin: 0 auto; padding: 0 24px; }
:where(body.pub) .ph-logo { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; color: var(--hd-text); text-decoration: none; }
:where(body.pub) .ph-logo img { width: 34px; height: 34px; border-radius: 50%; flex: none; }
:where(body.pub) .ph-logo-txt { display: flex; flex-direction: column; font-family: var(--rs-font-display); font-size: 16.5px; font-weight: 700; line-height: 1.05; letter-spacing: -.02em; white-space: nowrap; }
:where(body.pub) .ph-logo-txt small { margin-top: 4px; font-family: var(--rs-font); font-size: 10.5px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; color: var(--hd-dim); }
:where(body.pub) .ph-nav { flex: 1; min-width: 0; display: flex; justify-content: center; }
:where(body.pub) .ph-menu { display: flex; align-items: stretch; gap: 2px; margin: 0; padding: 0; list-style: none; }
:where(body.pub) .ph-drop { display: flex; align-items: center; }
:where(body.pub) .ph-trig { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border: 0; border-radius: 6px; background: none; color: var(--hd-mute); font-family: inherit; font-size: 15px; font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer; touch-action: manipulation; transition: color .2s ease; }
:where(body.pub) .ph-trig > i { font-size: 9px; opacity: .75; transition: transform .25s ease; }
:where(body.pub) .ph-trig:hover, :where(body.pub) .ph-trig:focus-visible, :where(body.pub) .ph-drop.is-open > .ph-trig, :where(body.pub) .ph-trig.is-cur { color: var(--hd-text); }
:where(body.pub) .ph-trig:focus-visible { outline: 2px solid var(--hd-acc); outline-offset: 2px; }
:where(body.pub) .ph-drop.is-open > .ph-trig > i { transform: rotate(180deg); }
:where(body.pub) .ph-mega { position: absolute; top: 100%; left: 50%; z-index: 1100; width: min(1400px, calc(100vw - 32px)); padding-top: 10px; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 8px); transition: opacity .2s ease, transform .2s ease, visibility .2s; }
:where(body.pub) .ph-drop.is-open > .ph-mega { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
@media (hover: hover) and (min-width: 1061px) {
    :where(body.pub) .ph-drop:hover > .ph-trig { color: var(--hd-text); }
    :where(body.pub) .ph-drop:hover > .ph-trig > i { transform: rotate(180deg); }
    :where(body.pub) .ph-drop:hover > .ph-mega { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
}
:where(body.pub) .ph-mega-in { max-height: calc(100vh - 96px); overflow-y: auto; overscroll-behavior: contain; padding: 30px 32px; border: 1px solid var(--hd-line); border-radius: 10px; background: var(--hd-bg); box-shadow: 0 30px 70px -24px rgba(10,10,10,.28), 0 2px 8px rgba(10,10,10,.05); color: var(--hd-mute); scrollbar-width: thin; scrollbar-color: rgba(10,10,10,.18) transparent; }
:where(body.pub) .ph-g4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 34px; }
:where(body.pub) .ph-mh { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font-size: 17px; font-weight: 700; letter-spacing: -.01em; color: var(--hd-text); }
:where(body.pub) .ph-mh::before { content: ''; flex: none; width: 3px; height: 18px; border-radius: 1px; background: var(--c-accent); }
:where(body.pub) .ph-mh a { color: inherit; text-decoration: none; }
:where(body.pub) .ph-mh a:hover { color: var(--hd-acc); }
:where(body.pub) .ph-mh-sm { margin-bottom: 16px; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; }
:where(body.pub) .ph-mh-sm::before { height: 14px; }
:where(body.pub) .ph-ml { display: block; padding: 3px 0; color: var(--hd-mute); font-size: 14.5px; line-height: 1.45; text-decoration: none; transition: color .15s; }
:where(body.pub) .ph-ml:hover { color: var(--hd-text); }
:where(body.pub) .ph-mp { margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--hd-mute); }
:where(body.pub) .ph-mall { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; color: var(--hd-acc); font-size: 13.5px; font-weight: 700; text-decoration: none; }
:where(body.pub) .ph-mall:hover { color: var(--hd-text); }
:where(body.pub) .ph-mfoot { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--hd-line); font-size: 14.5px; color: var(--hd-mute); }
:where(body.pub) .ph-mbtn { display: inline-flex; align-items: center; gap: 8px; flex: none; height: 42px; padding: 0 18px; border: 1px solid rgba(10,10,10,.14); border-radius: 10px; background: var(--hd-bg); color: var(--hd-text); font-size: 14.5px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: border-color .2s, background .2s; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-mbtn { border: 1px solid rgba(255,255,255,0.14); }
:where(body.pub) .ph-mbtn:hover { border-color: var(--hd-acc); background: rgba(var(--c-accent-rgb),.06); color: var(--hd-text); }
:where(body.pub) .ph-mcta { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 6px 24px; padding: 20px 24px; border: 1px solid var(--hd-line); border-radius: 10px; background: radial-gradient(420px circle at 100% 0, rgba(var(--c-accent-rgb),.10), transparent 60%), #F7F8FA; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-mcta { background: radial-gradient(420px circle at 100% 0, rgba(var(--c-accent-rgb),.10), transparent 60%), #14161A; }
:where(body.pub) .ph-mcta b { font-size: 18px; color: var(--hd-text); }
:where(body.pub) .ph-mcta .ph-mp { font-size: 14px; }
:where(body.pub) .ph-mcta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
@media (max-width: 1280px) {
    :where(body.pub) .ph-mcta { grid-template-columns: 1fr; }
}
:where(body.pub) .ph-stk { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); gap: 30px 40px; }
:where(body.pub) .ph-cats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px 28px; }
:where(body.pub) .ph-cat { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; min-width: 0; padding: 6px 0; border-bottom: 1px solid var(--hd-line); color: var(--hd-mute); font-size: 14.5px; line-height: 1.4; text-decoration: none; transition: color .15s; }
:where(body.pub) .ph-cat span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(body.pub) .ph-cat small { flex: none; color: var(--hd-dim); font-size: 12.5px; font-variant-numeric: tabular-nums; }
:where(body.pub) .ph-cat:hover, :where(body.pub) .ph-cat:focus-visible { color: var(--hd-acc); }
:where(body.pub) .ph-cat.is-all { color: var(--hd-text); font-weight: 700; }
:where(body.pub) .ph-cat i { width: 18px; margin-right: 10px; text-align: center; font-size: 13px; color: var(--hd-dim); transition: color .15s; }
:where(body.pub) .ph-cat:hover i, :where(body.pub) .ph-cat:focus-visible i, :where(body.pub) .ph-cat.is-all i { color: var(--hd-acc); }
/* "New" column — video thumbnail + the short name, two lines max */
:where(body.pub) .ph-new { display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: center; gap: 12px; padding: 8px 0; color: var(--hd-mute); font-size: 14px; line-height: 1.4; text-decoration: none; transition: color .15s; }
:where(body.pub) .ph-new + .ph-new { border-top: 1px solid var(--hd-line); }
:where(body.pub) .ph-new img, :where(body.pub) .ph-new > i { width: 80px; height: 45px; border-radius: 6px; object-fit: cover; background: var(--hd-line); }
:where(body.pub) .ph-new > i { display: grid; place-items: center; font-size: 18px; color: var(--hd-dim); }
:where(body.pub) .ph-new span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
:where(body.pub) .ph-new:hover, :where(body.pub) .ph-new:focus-visible { color: var(--hd-text); }
@media (max-width: 1280px) {
    :where(body.pub) .ph-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
:where(body.pub) .ph-ri { display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: 10px; padding: 7px 0; text-decoration: none; }
:where(body.pub) .ph-ri > i { grid-row: span 2; margin-top: 3px; font-size: 13px; color: var(--hd-acc); }
:where(body.pub) .ph-ri b { overflow: hidden; font-size: 14.5px; font-weight: 700; color: var(--hd-text); text-overflow: ellipsis; white-space: nowrap; transition: color .15s; }
:where(body.pub) .ph-ri span { overflow: hidden; font-size: 12.5px; color: var(--hd-dim); text-overflow: ellipsis; white-space: nowrap; }
:where(body.pub) .ph-ri:hover b { color: var(--hd-acc); }
:where(body.pub) .ph-about { display: grid; grid-template-columns: 1.1fr .9fr 1.35fr; }
:where(body.pub) .ph-about > div { padding: 0 32px; min-width: 0; }
:where(body.pub) .ph-about > div:first-child { padding-left: 0; }
:where(body.pub) .ph-about > div:last-child { padding-right: 0; }
:where(body.pub) .ph-about > div + div { border-left: 1px solid var(--hd-line); }
:where(body.pub) .ph-about .ph-mp + .ph-mp { margin-top: 12px; }
:where(body.pub) .ph-al { display: block; padding: 11px 0; border-bottom: 1px solid var(--hd-line); color: var(--hd-text); font-size: 14.5px; font-weight: 700; text-decoration: none; }
:where(body.pub) .ph-al:last-child { border-bottom: 0; }
:where(body.pub) .ph-al:hover { color: var(--hd-acc); }
:where(body.pub) .ph-feat { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; align-items: center; padding: 8px 0; text-decoration: none; }
:where(body.pub) .ph-feat-t { display: grid; place-items: center; height: 76px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; font-size: 26px; color: #fff; background: linear-gradient(140deg, var(--t1), var(--t2)); }
:where(body.pub) .ph-feat-t.is-red { --t1: #B91C1C; --t2: #1F0808; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-feat-t.is-red { --t1: #EC8383; --t2: #E28D8D; }
:where(body.pub) .ph-feat-t.is-blue { --t1: #0B57D0; --t2: #0B1226; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-feat-t.is-blue { --t1: #7BAAF4; --t2: #90A5DF; }
:where(body.pub) .ph-feat b { display: block; font-size: 14.5px; font-weight: 700; line-height: 1.35; color: var(--hd-text); }
:where(body.pub) .ph-feat b + span { display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.45; color: var(--hd-dim); }
:where(body.pub) .ph-feat:hover b { color: var(--hd-acc); }
:where(body.pub) .ph-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
:where(body.pub) .ph-cmdk, :where(body.pub) .ph-tool-btn { display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(10,10,10,.12); border-radius: 10px; background: var(--hd-bg); color: var(--hd-mute); font-size: 14px; cursor: pointer; transition: color .2s, border-color .2s, background .2s; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-cmdk, :where(html[data-theme="dark"]) :where(body.pub) .ph-tool-btn { border: 1px solid rgba(255,255,255,0.12); }
:where(body.pub) .ph-cmdk:hover, :where(body.pub) .ph-cmdk:focus-visible, :where(body.pub) .ph-tool-btn:hover { color: var(--hd-text); border-color: rgba(10,10,10,.24); background: rgba(10,10,10,.05); outline: none; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-cmdk:hover, :where(html[data-theme="dark"]) :where(body.pub) .ph-cmdk:focus-visible, :where(html[data-theme="dark"]) :where(body.pub) .ph-tool-btn:hover { border-color: rgba(255,255,255,0.24); background: rgba(255,255,255,0.07); }
:where(body.pub) .ph-cmdk span, :where(body.pub) .ph-kbd { display: none; }
:where(body.pub) .ph-tools { display: inline-flex; align-items: center; gap: 6px; }
:where(body.pub) .ph-panels.show-search .ph-tool-btn[data-pop="search"], :where(body.pub) .ph-panels.show-filters .ph-tool-btn[data-pop="filters"] { color: var(--hd-text); border-color: var(--hd-acc); }
:where(body.pub) .ph-login-link { padding: 8px 8px; border-radius: 6px; color: var(--hd-mute); font-size: 14.5px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: color .2s; }
:where(body.pub) .ph-login-link:hover { color: var(--hd-text); }
:where(body.pub) .ph-quote { display: inline-flex; align-items: center; gap: 9px; height: 44px; padding: 0 20px; border-radius: 10px; background: #1F1F1F; color: #FFFFFF; font-size: 15px; font-weight: 700; text-decoration: none; white-space: nowrap; touch-action: manipulation; transition: background .2s, transform .2s; }
:where(body.pub) .ph-quote:hover { background: #262A31; color: #FFFFFF; transform: translateY(-1px); }
:where(body.pub) .ph-quote:focus-visible { outline: 3px solid var(--hd-acc); outline-offset: 2px; }
:where(body.pub) .ph-quote i { font-size: 16px; }
:where(body.pub) .ph-burger { display: none; place-items: center; width: 44px; height: 44px; margin-right: -8px; border: 0; border-radius: 10px; background: none; color: var(--hd-text); font-size: 21px; cursor: pointer; touch-action: manipulation; }
:where(body.pub) .ph-burger:focus-visible { outline: 2px solid var(--hd-acc); }
@media (max-width: 1480px) {
    :where(body.pub) .ph-trig { padding: 0 11px; }
}
@media (max-width: 1360px) {
    :where(body.pub) .ph-logo-txt small { display: none; }
}
@media (max-width: 1280px) {
    :where(body.pub) .ph-trig { padding: 0 9px; }
    :where(body.pub) .ph-g4 { gap: 26px 26px; }
    :where(body.pub) .ph-mega-in { padding: 26px 26px; }
}
@media (max-width: 1180px) {
    :where(body.pub) .ph-actions .lang-code, :where(body.pub) .ph-login-link { display: none; }
    :where(body.pub) .ph-trig { font-size: 14.5px; padding: 0 9px; }
    :where(body.pub) .ph-logo-txt small { display: none; }
}
@media (max-width: 1060px) {
    :where(body.pub) .ph-nav { display: none; }
    :where(body.pub) .ph-burger { display: inline-grid; }
    :where(body.pub) .ph-wrap { justify-content: space-between; }
    :where(body.pub) .ph-logo-txt small { display: block; }
}
@media (prefers-reduced-motion: reduce) {
    :where(body.pub) .ph-header, :where(body.pub) .ph-mega, :where(body.pub) .ph-trig > i, :where(body.pub) .ph-quote { transition: none; }
}
:where(body.pub) .ph-mnav { position: fixed; inset: 0; z-index: 1250; display: flex; flex-direction: column; padding: 0 20px calc(28px + env(safe-area-inset-bottom, 0px)); overflow-y: auto; overscroll-behavior: contain; background: var(--hd-bg); color: var(--hd-mute); font-family: var(--rs-font); animation: phMnavIn .22s ease-out; }
:where(body.pub) .ph-mnav[hidden] { display: none; }
@keyframes phMnavIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
body:where(.pub).ph-mnav-open { overflow: hidden; }
:where(body.pub) .ph-mnav-top { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; height: 64px; margin: 0 -20px 6px; padding: 0 12px 0 20px; background: var(--hd-bg); border-bottom: 1px solid var(--hd-line); }
:where(body.pub) .ph-mnav-top .ph-burger { display: inline-grid; margin: 0; }
:where(body.pub) .ph-acc { border-bottom: 1px solid var(--hd-line); }
:where(body.pub) .ph-acc > summary { display: flex; align-items: center; justify-content: space-between; min-height: 56px; color: var(--hd-text); font-size: 18px; font-weight: 700; list-style: none; cursor: pointer; touch-action: manipulation; }
:where(body.pub) .ph-acc > summary::-webkit-details-marker { display: none; }
:where(body.pub) .ph-acc > summary i { font-size: 12px; color: var(--hd-dim); transition: transform .25s ease; }
:where(body.pub) .ph-acc[open] > summary i { transform: rotate(180deg); }
:where(body.pub) .ph-acc-b { padding: 0 0 16px; }
:where(body.pub) .ph-acc-h { display: flex; align-items: center; gap: 8px; margin: 12px 0 2px; font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--hd-acc); }
:where(body.pub) .ph-acc-h::before { content: ''; width: 3px; height: 12px; background: var(--c-accent); }
:where(body.pub) .ph-acc-a { display: flex; align-items: center; min-height: 42px; padding: 4px 0; color: var(--hd-mute); font-size: 15.5px; text-decoration: none; }
:where(body.pub) .ph-acc-a small { margin-left: 8px; color: var(--hd-dim); font-size: 12.5px; }
:where(body.pub) .ph-acc-a:active, :where(body.pub) .ph-acc-a:hover { color: var(--hd-text); }
:where(body.pub) .ph-mnav-cta { display: grid; gap: 10px; margin-top: 24px; }
:where(body.pub) .ph-mnav-cta .ph-quote { justify-content: center; height: 52px; }
:where(body.pub) .ph-mnav-cta .ph-mbtn { justify-content: center; height: 50px; }
@media (prefers-reduced-motion: reduce) {
    :where(body.pub) .ph-mnav { animation: none; }
    :where(body.pub) .ph-acc > summary i { transition: none; }
}
:where(body.pub) .ph-panels .search-form { display: contents; }
:where(body.pub) .ph-overlay { position: fixed; inset: 0; background: rgba(var(--c-primary-rgb),.45); opacity: 0; visibility: hidden; transition: opacity .25s ease; z-index: 1190; }
:where(body.pub) .ph-panels.show-search .ph-overlay, :where(body.pub) .ph-panels.show-filters .ph-overlay { opacity: 1; visibility: visible; }
:where(body.pub) .ph-pop { position: fixed; z-index: 1200; background: #fff; border: 1px solid #DADCE0; box-shadow: 0 16px 40px rgba(var(--c-primary-rgb),.22); padding: 14px; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-pop { background: #131313; border: 1px solid #37393C; }
:where(body.pub) .ph-pop-search { display: flex; align-items: center; gap: 8px; }
:where(body.pub) .ph-pop .search-input { flex: 1; min-width: 0; width: 100%; border: 1px solid #DADCE0; border-radius: 10px; background: #f8fbff; font-size: 16px; padding: 13px 14px; color: var(--c-primary); outline: none; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-pop .search-input { border: 1px solid #37393C; background: #0A1421; color: var(--c-ink); }
:where(body.pub) .ph-pop .search-input:focus { border-color: var(--c-accent); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb),.12); }
:where(body.pub) .ph-pop .search-btn { background: var(--c-primary); color: #fff; border: none; border-radius: 10px; padding: 13px 16px; cursor: pointer; flex-shrink: 0; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-pop .search-btn { background: var(--c-accent); }
:where(body.pub) .ph-pop .search-loading { display: none; }
:where(body.pub) .ph-pop-filters .search-category-select { width: 100%; border: 1px solid #DADCE0; border-radius: 10px; background: #f8fbff; font-size: 16px; color: var(--c-primary); padding: 13px 14px; outline: none; cursor: pointer; margin-bottom: 12px; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-pop-filters .search-category-select { border: 1px solid #37393C; background: #0A1421; color: var(--c-ink); }
:where(body.pub) .ph-pop-search .search-category-select { flex-shrink: 0; width: auto; max-width: 150px; border: 1px solid #DADCE0; border-radius: 10px; background-color: #f8fbff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23475569'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 9px center; font-size: 16px; color: var(--c-primary); padding: 13px 28px 13px 12px; outline: none; cursor: pointer; -webkit-appearance: none; appearance: none; text-overflow: ellipsis; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-pop-search .search-category-select { border: 1px solid #37393C; background-color: #0A1421; color: var(--c-ink); }
:where(body.pub) .ph-pop-search .search-category-select:focus { border-color: var(--c-accent); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb),.12); }
:where(body.pub) .ph-pop-filters .filters-container { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
:where(body.pub) .ph-pop-filters .filter-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #3C4043; background: #F1F3F4; border: 1px solid #DADCE0; border-radius: 999px; padding: 9px 14px; cursor: pointer; white-space: nowrap; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-pop-filters .filter-chip { color: #BABEC1; background: #191B1C; border: 1px solid #37393C; }
:where(body.pub) .ph-pop-filters .filter-chip:hover { border-color: var(--c-accent); color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.pub) .ph-pop-filters .filter-chip:hover { color: var(--c-ink); }
:where(body.pub) .ph-pop-filters .filter-chip.active { background: rgba(var(--c-accent-rgb),.12); border-color: rgba(var(--c-accent-rgb),.4); color: var(--c-accent); }
:where(body.pub) .ph-sheet-head { display: none; align-items: center; justify-content: space-between; margin-bottom: 12px; }
:where(body.pub) .ph-sheet-head h4 { margin: 0; font-size: 16px; font-weight: 700; color: var(--c-primary); font-family: var(--rs-font-display); }
:where(html[data-theme="dark"]) :where(body.pub) .ph-sheet-head h4 { color: var(--c-ink); }
:where(body.pub) .ph-sheet-close { background: #F1F3F4; border: none; width: 34px; height: 34px; border-radius: 50%; cursor: pointer; color: #3C4043; font-size: 15px; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-sheet-close { background: #191B1C; color: #BABEC1; }
body:where(.pub) { --ph-bottom-nav-h: 96px; }
:where(body.pub) .landing-bottom-nav { display: none !important; }
:where(body.pub) .ph-bottom-nav { --bn-h: 62px; --bn-notch: 116px; --bn-fab: 52px; display: none; position: fixed; left: max(14px, env(safe-area-inset-left, 0px)); right: max(14px, env(safe-area-inset-right, 0px)); bottom: calc(env(safe-area-inset-bottom, 0px) + 12px); z-index: 1080; max-width: 480px; height: var(--bn-h); margin: 0 auto; filter: drop-shadow(0 12px 20px rgba(var(--c-primary-rgb),.14)) drop-shadow(0 2px 4px rgba(var(--c-primary-rgb),.08)); font-family: var(--rs-font-display); transition: transform .32s cubic-bezier(.4,0,.2,1); }
body:where(.pub).ph-pop-open .ph-bottom-nav { transform: translateY(calc(100% + 60px)); pointer-events: none; }
:where(body.pub) .ph-bn-shape { position: absolute; inset: 0; display: flex; pointer-events: none; }
:where(body.pub) .ph-bn-shape i { flex: 1 1 auto; background: var(--c-card, #fff); }
:where(body.pub) .ph-bn-shape i:first-child { border-radius: 22px 0 0 22px; }
:where(body.pub) .ph-bn-shape i:last-child { border-radius: 0 22px 22px 0; }
:where(body.pub) .ph-bn-shape svg { flex: 0 0 var(--bn-notch); display: block; width: var(--bn-notch); height: 100%; margin: 0 -1px; fill: var(--c-card, #fff); }
:where(body.pub) .ph-bn-inner { position: relative; height: 100%; display: grid; grid-template-columns: 1fr 1fr var(--bn-notch) 1fr 1fr; align-items: stretch; padding: 0 6px; }
:where(body.pub) .ph-bn-item { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 0 2px; margin: 0; background: none; border: 0; color: var(--c-text-muted); text-decoration: none; cursor: pointer; font-family: inherit; font-size: 11.5px; font-weight: 600; line-height: 1; touch-action: manipulation; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; transition: color .2s ease, transform .2s ease; }
:where(body.pub) .ph-bn-item i { font-size: 19px; line-height: 1; transition: transform .3s cubic-bezier(.34,1.56,.64,1); }
:where(body.pub) .ph-bn-item span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(body.pub) .ph-bn-item.active { color: var(--c-primary); font-weight: 700; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-bn-item.active { color: var(--c-ink); }
:where(body.pub) .ph-bn-item.active i { transform: translateY(-1px); }
:where(body.pub) .ph-bn-item:active { transform: scale(.92); }
:where(body.pub) .ph-bn-item:focus-visible { outline: 2px solid var(--c-accent); outline-offset: -6px; border-radius: 14px; }
@media (hover: hover) {
    :where(body.pub) .ph-bn-item:hover { color: var(--c-primary); }
    :where(html[data-theme="dark"]) :where(body.pub) .ph-bn-item:hover { color: var(--c-ink); }
}
:where(body.pub) .ph-bn-fab { grid-column: 3; justify-self: center; align-self: start; width: var(--bn-fab); height: var(--bn-fab); margin-top: -20px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: linear-gradient(160deg, var(--c-primary-hover, var(--c-primary)) 0%, var(--c-primary-dark, var(--c-primary)) 100%); color: var(--c-on-primary, #fff); font-size: 20px; cursor: pointer; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 18px rgba(var(--c-primary-rgb),.34); touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: transform .2s ease, box-shadow .2s ease; }
:where(body.pub) .ph-bn-fab:active { transform: scale(.92); }
:where(body.pub) .ph-bn-fab:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 3px; }
@media (max-width: 360px) {
    :where(body.pub) .ph-bottom-nav { --bn-notch: 104px; --bn-fab: 48px; left: max(10px, env(safe-area-inset-left, 0px)); right: max(10px, env(safe-area-inset-right, 0px)); }
    :where(body.pub) .ph-bn-item { font-size: 10.5px; }
}
@media (max-height: 480px) and (orientation: landscape) {
    :where(body.pub) .ph-bottom-nav { --bn-h: 54px; bottom: calc(env(safe-area-inset-bottom, 0px) + 8px); }
    :where(body.pub) .ph-bn-item { gap: 3px; }
    :where(body.pub) .ph-bn-item i { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    :where(body.pub) .ph-bottom-nav, :where(body.pub) .ph-bn-item, :where(body.pub) .ph-bn-item i, :where(body.pub) .ph-bn-fab { transition: none; }
}
@media (max-width: 820px) {
    :where(body.pub) .ph-bottom-nav { display: block; }
    body:where(.pub) { padding-bottom: calc(var(--ph-bottom-nav-h, 80px) + env(safe-area-inset-bottom, 0px)); }
}
:where(body.pub) .ph-actions .lang-switcher { display: inline-flex; }
:where(body.pub) .ph-actions .lang-btn { background: transparent; border: none; color: #3D4249; padding: 8px 8px; border-radius: 6px; min-height: auto; font-family: inherit; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-actions .lang-btn { color: #B5BAC1; }
:where(body.pub) .ph-actions .lang-btn:hover { background: rgba(10,10,10,.05); color: #1F1F1F; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-actions .lang-btn:hover { background: rgba(255,255,255,0.07); color: #D6D6D6; }
:where(body.pub) .ph-actions .lang-caret { display: none; }
:where(body.pub) .lang-switcher { position: relative; display: inline-flex; }
:where(body.pub) .lang-btn { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; font-weight: 600; line-height: 1; transition: all .18s ease; }
:where(body.pub) .lang-btn .lang-caret { font-size: 9px; transition: transform .18s ease; }
:where(body.pub) .lang-btn .lang-caret.open { transform: rotate(180deg); }
:where(body.pub) .lang-menu { position: absolute; top: calc(100% + 8px); right: 0; width: 260px; max-height: 420px; display: flex; flex-direction: column; background: #fff; border: 1px solid #DADCE0; border-radius: 12px; box-shadow: 0 14px 36px rgba(var(--c-primary-rgb),.20); padding: 6px; overflow: hidden; z-index: 99999; }
:where(html[data-theme="dark"]) :where(body.pub) .lang-menu { background: #131313; border: 1px solid #37393C; }
:where(body.pub) .lang-search-wrap { position: relative; padding: 2px 2px 8px; flex: 0 0 auto; }
:where(body.pub) .lang-search-icon { position: absolute; left: 13px; top: 13px; color: #80868B; font-size: 12px; pointer-events: none; }
:where(html[data-theme="dark"]) :where(body.pub) .lang-search-icon { color: #848A8E; }
:where(body.pub) .lang-search { width: 100%; box-sizing: border-box; padding: 9px 12px 9px 32px; border: 1px solid #DADCE0; border-radius: 8px; font-size: 16px; line-height: 1.2; color: var(--c-primary); background: #fff; outline: none; }
:where(html[data-theme="dark"]) :where(body.pub) .lang-search { border: 1px solid #37393C; color: var(--c-ink); background: #131313; }
:where(body.pub) .lang-search:focus { border-color: var(--c-accent); box-shadow: 0 0 0 3px rgba(var(--c-accent-rgb),.12); }
:where(body.pub) .lang-list { flex: 1 1 auto; overflow-y: auto; max-height: 340px; -webkit-overflow-scrolling: touch; }
:where(body.pub) .lang-name { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(body.pub) .lang-no-results { padding: 18px 10px; text-align: center; color: #80868B; font-size: 13px; }
:where(html[data-theme="dark"]) :where(body.pub) .lang-no-results { color: #848A8E; }
:where(body.pub) .lang-menu[hidden], :where(body.pub) .lang-item[hidden], :where(body.pub) .lang-no-results[hidden] { display: none !important; }
:where(body.pub) .lang-item { display: flex; align-items: center; gap: 10px; width: 100%; background: none; border: none; padding: 9px 11px; border-radius: 7px; cursor: pointer; font-size: 13.5px; color: var(--c-primary); text-align: left; }
:where(html[data-theme="dark"]) :where(body.pub) .lang-item { color: var(--c-ink); }
:where(body.pub) .lang-item:hover { background: rgba(var(--c-accent-rgb),.08); }
:where(body.pub) .lang-item.active { background: rgba(var(--c-accent-rgb),.12); color: var(--c-accent); font-weight: 700; }
:where(body.pub) .lang-item .lang-flag { font-size: 18px; line-height: 1; }
:where(body.pub) .lang-item .lang-check { margin-left: auto; color: var(--c-accent); font-size: 12px; }
:where(body.pub) .lang-item:not(.active) .lang-check { display: none; }
:where(body.pub) [dir="rtl"] .lang-menu { right: auto; left: 0; }
:where(body.pub) [dir="rtl"] .lang-item { text-align: right; }
@media (min-width: 821px) {
    :where(body.pub) .ph-overlay { display: none; }
    :where(body.pub) .ph-pop { top: 78px; right: 20px; width: 360px; max-width: calc(100vw - 40px); border-radius: 14px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .25s ease, transform .25s ease, visibility .25s; }
    :where(body.pub) .ph-pop-search { width: 500px; }
    :where(body.pub) .ph-panels.show-search .ph-pop-search, :where(body.pub) .ph-panels.show-filters .ph-pop-filters { opacity: 1; visibility: visible; transform: translateY(0); }
}
:where(body.pub) .ph-cmd { position: fixed; inset: 0; z-index: 1300; display: flex; justify-content: center; align-items: flex-start; padding: 12vh 16px 16px; font-family: var(--rs-font); }
:where(body.pub) .ph-cmd[hidden] { display: none; }
:where(body.pub) .ph-cmd-back { position: absolute; inset: 0; background: rgba(var(--c-primary-rgb),.45); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
:where(body.pub) .ph-cmd-box { position: relative; width: min(640px, 100%); max-height: 70vh; display: flex; flex-direction: column; background: #fff; border: 1px solid #DADCE0; border-radius: 10px; box-shadow: 0 30px 70px rgba(var(--c-primary-rgb),.35); overflow: hidden; animation: phCmdIn .16s ease-out; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-cmd-box { background: #131313; border: 1px solid #37393C; }
@keyframes phCmdIn { from { opacity: 0; transform: translateY(-8px) scale(.98); } to { opacity: 1; transform: none; } }
:where(body.pub) .ph-cmd-in { display: flex; align-items: center; gap: 12px; padding: 0 14px 0 18px; border-bottom: 1px solid #E8EAED; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-cmd-in { border-bottom: 1px solid #303236; }
:where(body.pub) .ph-cmd-in > i { color: var(--c-text-muted); font-size: 15px; }
:where(body.pub) .ph-cmd-in input { flex: 1; min-width: 0; height: 56px; border: 0; outline: none; background: none; font: 500 16px/1.2 inherit; color: var(--c-primary); }
:where(html[data-theme="dark"]) :where(body.pub) .ph-cmd-in input { color: var(--c-ink); }
:where(body.pub) .ph-cmd-esc { flex: 0 0 auto; padding: 4px 8px; border: 1px solid #DADCE0; border-radius: 6px; background: #F8F9FA; color: var(--c-text-muted); font: 600 11px/1 inherit; cursor: pointer; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-cmd-esc { border: 1px solid #37393C; background: #151719; }
:where(body.pub) .ph-cmd-list { overflow-y: auto; overscroll-behavior: contain; padding: 6px; }
:where(body.pub) .ph-cmd-list { scrollbar-width: thin; scrollbar-color: rgba(var(--c-primary-rgb),.22) transparent; }
:where(body.pub) .ph-cmd-list::-webkit-scrollbar { width: 6px; }
:where(body.pub) .ph-cmd-list::-webkit-scrollbar-track { background: transparent; }
:where(body.pub) .ph-cmd-list::-webkit-scrollbar-thumb { background: rgba(var(--c-primary-rgb),.22); border-radius: 99px; }
:where(body.pub) .ph-cmd-list::-webkit-scrollbar-thumb:hover { background: rgba(var(--c-primary-rgb),.38); }
:where(body.pub) .ph-cmd-list::-webkit-scrollbar-button { display: none; height: 0; }
:where(body.pub) .ph-cmd-h { padding: 10px 12px 6px; font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c-text-muted); }
:where(body.pub) .ph-cmd-it { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 6px; color: #3C4043; text-decoration: none; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-cmd-it { color: #BABEC1; }
:where(body.pub) .ph-cmd-it > i:first-child { width: 18px; text-align: center; color: var(--c-accent); font-size: 14px; flex: 0 0 auto; }
:where(body.pub) .ph-cmd-it span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
:where(body.pub) .ph-cmd-it b { font-size: 14px; font-weight: 600; color: var(--c-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-cmd-it b { color: var(--c-ink); }
:where(body.pub) .ph-cmd-it em { font-style: normal; font-size: 12px; color: var(--c-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(body.pub) .ph-cmd-go { opacity: 0; font-size: 12px; color: var(--c-text-muted); transform: rotate(90deg); }
:where(body.pub) .ph-cmd-it.on { background: rgba(var(--c-accent-rgb),.09); }
:where(body.pub) .ph-cmd-it.on .ph-cmd-go { opacity: 1; }
:where(body.pub) .ph-cmd-empty { padding: 26px 12px; text-align: center; color: var(--c-text-muted); font-size: 13.5px; }
:where(body.pub) .ph-cmd-foot { display: flex; gap: 16px; padding: 9px 16px; border-top: 1px solid #E8EAED; background: #F8F9FA; font-size: 11.5px; color: var(--c-text-muted); }
:where(html[data-theme="dark"]) :where(body.pub) .ph-cmd-foot { border-top: 1px solid #303236; background: #151719; }
:where(body.pub) .ph-cmd-foot kbd { display: inline-block; min-width: 18px; margin-right: 3px; padding: 1px 5px; border: 1px solid #DADCE0; border-radius: 6px; background: #fff; font: 600 10.5px/1.4 inherit; text-align: center; }
:where(html[data-theme="dark"]) :where(body.pub) .ph-cmd-foot kbd { border: 1px solid #37393C; background: #131313; }
body:where(.pub).ph-cmd-open { overflow: hidden; }
@media (max-width: 600px) {
    :where(body.pub) .ph-cmd { padding: 10px; }
    :where(body.pub) .ph-cmd-box { max-height: calc(100vh - 20px); }
    :where(body.pub) .ph-cmd-foot { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    :where(body.pub) .ph-cmd-box { animation: none; }
}
@media (max-width: 820px) {
    :where(body.pub) .ph-header { position: relative; }
    :where(body.pub) .ph-wrap { height: 60px; padding: 0 14px 0 16px; gap: 10px; }
    :where(body.pub) .ph-cmdk, :where(body.pub) .ph-tools, :where(body.pub) .ph-actions .lang-switcher, :where(body.pub) .ph-header .ph-quote { display: none; }
    :where(body.pub) .ph-logo img { width: 32px; height: 32px; }
    :where(body.pub) .ph-mnav-top { height: 60px; }
    :where(body.pub) .ph-pop { left: 0; right: 0; bottom: 0; top: auto; border-radius: 18px 18px 0 0; border-left: none; border-right: none; border-bottom: none; transform: translateY(110%); transition: transform .32s cubic-bezier(.4,0,.2,1); max-height: 82vh; overflow-y: auto; padding: 14px 16px calc(18px + env(safe-area-inset-bottom, 0px)); -webkit-overflow-scrolling: touch; }
    :where(body.pub) .ph-pop::before { content: ''; display: block; width: 42px; height: 4px; border-radius: 99px; background: #C4C7C5; margin: 0 auto 14px; flex-shrink: 0; }
    :where(html[data-theme="dark"]) :where(body.pub) .ph-pop::before { background: #343635; }
    :where(body.pub) .ph-panels.show-search .ph-pop-search, :where(body.pub) .ph-panels.show-filters .ph-pop-filters { transform: translateY(0); }
    :where(body.pub) .ph-sheet-head { display: flex; }
    :where(body.pub) .ph-pop-search { flex-direction: column; align-items: stretch; }
    :where(body.pub) .ph-pop-search .search-btn { width: 100%; padding: 14px; font-size: 15px; font-weight: 600; }
    :where(body.pub) .ph-pop-search .search-category-select { max-width: none; width: 100%; margin-bottom: 4px; }
}
:where(body.pub) .goog-te-banner-frame, :where(body.pub) .goog-te-banner-frame.skiptranslate { display: none !important; }
:where(body.pub) .skiptranslate iframe { display: none !important; visibility: hidden !important; }
body:where(.pub) { top: 0 !important; position: static !important; }
:where(body.pub) .goog-tooltip, :where(body.pub) .goog-tooltip:hover { display: none !important; }
:where(body.pub) #goog-gt-tt, :where(body.pub) .goog-te-balloon-frame { display: none !important; }
:where(body.pub) .goog-text-highlight { background: none !important; box-shadow: none !important; }
:where(body.pub) font[style] { background: transparent !important; box-shadow: none !important; }
:where(body.pub) .goog-logo-link, :where(body.pub) .goog-te-gadget span { display: none !important; }
:where(body.pub) .goog-te-gadget { font-size: 0 !important; }
body:where(.pub) > .skiptranslate:not(#google_translate_element) { display: none !important; }
:where(body.pub) .goog-te-ftab, :where(body.pub) .goog-te-ftab-float, :where(body.pub) .goog-te-gadget-simple, :where(body.pub) .goog-te-menu-frame, :where(body.pub) .VIpgJd-ZVi9od-ORHb-OEVmcd, :where(body.pub) .VIpgJd-ZVi9od-aZ2wEe-wOHMyf, :where(body.pub) .VIpgJd-ZVi9od-l4eHX-hSRGPd { display: none !important; }
:where(body.pub) .rs-sections .section { padding: 80px 20px; }
:where(body.pub) .rs-sections .section-light { background: var(--c-tint); }
:where(body.pub) .rs-sections .section-gray { background: var(--c-tint-2); }
:where(body.pub) .rs-sections .section-plain { background: transparent; }
:where(body.pub) .rs-sections .section-container { max-width: 1200px; margin: 0 auto; }
:where(body.pub) .rs-sections .section-narrow { max-width: 860px; margin: 0 auto; }
:where(body.pub) .rs-sections .section-wide { width: 90%; max-width: 1700px; margin: 0 auto; }
:where(body.pub) .rs-sections .section-header { display: block; text-align: center; margin-bottom: 50px; }
:where(body.pub) .rs-sections .section-header h2 { display: block; font-family: var(--rs-font-display); font-size: clamp(28px, 3.6vw, 40px); font-weight: 700; line-height: 1.12; letter-spacing: -.02em; color: var(--c-primary); margin: 0 0 12px; }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .section-header h2 { color: var(--c-ink); }
:where(body.pub) .rs-sections .section-header p { font-size: 16px; color: var(--c-text-muted); max-width: 640px; margin: 0 auto; }
:where(body.pub) .rs-sections .sh-kicker { display: block; font-family: var(--rs-font-display); font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--c-accent); margin-bottom: 10px; }
:where(body.pub) .rs-sections .accent-line { width: 56px; height: 3px; background: linear-gradient(90deg, var(--c-accent), var(--c-accent-soft)); border-radius: 8px; margin: 16px auto 0; }
:where(body.pub) .rs-sections .sec-more { text-align: center; margin-top: 36px; }
html.rs-anim :where(body.pub) .rs-sections .reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
html.rs-anim :where(body.pub) .rs-sections .reveal.revealed { opacity: 1; transform: none; }
:where(body.pub) .rs-sections .reveal-delay-1 { transition-delay: .08s; }
:where(body.pub) .rs-sections .reveal-delay-2 { transition-delay: .16s; }
:where(body.pub) .rs-sections .reveal-delay-3 { transition-delay: .24s; }
@media (prefers-reduced-motion: reduce) {
    html.rs-anim :where(body.pub) .rs-sections .reveal { opacity: 1; transform: none; transition: none; }
}
:where(body.pub) .rs-sections .rs-hero { background: linear-gradient(180deg, var(--c-primary-dark) 0%, var(--c-secondary) 55%, var(--c-primary-dark) 100%); margin-top: -90px; padding: 132px 20px 92px; text-align: center; color: #fff; position: relative; overflow: hidden; }
:where(body.pub) .rs-sections .rs-hero::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% -10%, rgba(var(--c-accent-rgb),.30), transparent 58%); pointer-events: none; }
:where(body.pub) .rs-sections .rs-hero > * { position: relative; z-index: 1; }
:where(body.pub) .rs-sections .rs-hero-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
:where(body.pub) .rs-sections .rs-hero h1 { font-family: var(--rs-font-display); font-size: clamp(34px, 5vw, 60px); font-weight: 700; letter-spacing: -.03em; line-height: 1.06; margin: 0 0 18px; }
:where(body.pub) .rs-sections .rs-hero p { font-size: clamp(16px, 2vw, 20px); opacity: .86; max-width: 680px; margin: 0 auto; line-height: 1.6; }
:where(body.pub) .rs-sections .hero-kicker { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.26); color: #fff; border-radius: 999px; padding: 7px 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; margin-bottom: 20px; font-family: var(--rs-font-display); }
:where(body.pub) .rs-sections .hero-tagline { font-family: var(--rs-font-display); font-size: 20px; font-weight: 600; color: var(--c-accent-soft); margin: 4px 0 14px; }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .hero-tagline { color: var(--g-link); }
:where(body.pub) .rs-sections .hero-proof { display: flex; justify-content: center; gap: 46px; flex-wrap: wrap; margin-top: 34px; }
:where(body.pub) .rs-sections .hero-proof div { text-align: center; }
:where(body.pub) .rs-sections .hero-proof strong { display: block; font-size: 27px; font-weight: 800; font-family: var(--rs-font-display); }
:where(body.pub) .rs-sections .hero-proof span { font-size: 12.5px; opacity: .82; }
:where(body.pub) .rs-sections .prose { max-width: 860px; margin: 0 auto; }
:where(body.pub) .rs-sections .prose p, :where(body.pub) .rs-sections .prose li { color: var(--c-text); font-size: 15.5px; line-height: 1.85; }
:where(body.pub) .rs-sections .prose p { margin: 0 0 16px; }
:where(body.pub) .rs-sections .prose p:last-child { margin-bottom: 0; }
:where(body.pub) .rs-sections .prose h2 { font-family: var(--rs-font-display); font-size: 22px; font-weight: 700; color: var(--c-primary); margin: 30px 0 12px; padding-bottom: 8px; border-bottom: 2px solid var(--c-tint-line); }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .prose h2 { color: var(--c-ink); }
:where(body.pub) .rs-sections .prose h2:first-child { margin-top: 0; }
:where(body.pub) .rs-sections .prose h3 { font-family: var(--rs-font-display); color: var(--c-primary); font-size: 19px; font-weight: 700; margin: 28px 0 10px; }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .prose h3 { color: var(--c-ink); }
:where(body.pub) .rs-sections .prose ul, :where(body.pub) .rs-sections .prose ol { margin: 0 0 16px; padding-left: 22px; }
:where(body.pub) .rs-sections .prose li { margin-bottom: 7px; }
:where(body.pub) .rs-sections .prose strong { color: var(--c-primary); font-weight: 700; }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .prose strong { color: var(--c-ink); }
:where(body.pub) .rs-sections .prose a { color: var(--c-accent); font-weight: 600; }
:where(body.pub) .rs-sections .rs-card { position: relative; background: linear-gradient(180deg, var(--c-card) 0%, var(--c-tint) 100%); border: 1px solid rgba(var(--c-primary-rgb), .08); border-radius: 16px; box-shadow: 0 2px 10px rgba(var(--c-primary-rgb), .06); overflow: hidden; }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .rs-card { border: 1px solid rgba(255,255,255,.08); }
:where(body.pub) .rs-sections .rs-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--c-accent) 0%, rgba(255,255,255,0) 85%); opacity: .85; }
:where(body.pub) .rs-sections .rs-card-pad { padding: clamp(26px, 3vw, 40px); }
:where(body.pub) .rs-sections .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
:where(body.pub) .rs-sections .features-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
:where(body.pub) .rs-sections .features-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
:where(body.pub) .rs-sections .feature-item { position: relative; padding: 28px 24px; background: linear-gradient(180deg, var(--c-card) 0%, var(--c-tint) 100%); border: 1px solid rgba(var(--c-primary-rgb), .08); border-radius: 16px; box-shadow: 0 2px 10px rgba(var(--c-primary-rgb), .06); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .feature-item { border: 1px solid rgba(255,255,255,.08); }
:where(body.pub) .rs-sections a.feature-item { text-decoration: none; display: block; }
:where(body.pub) .rs-sections .feature-item:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(var(--c-primary-rgb), .10); border-color: rgba(var(--c-accent-rgb), .3); }
:where(body.pub) .rs-sections .fi-ic { width: 50px; height: 50px; border-radius: 8px; display: grid; place-items: center; font-size: 19px; color: var(--c-on-primary); background: linear-gradient(135deg, var(--c-accent-strong), var(--c-accent)); box-shadow: 0 2px 10px rgba(var(--c-primary-rgb), .06); margin-bottom: 16px; }
:where(body.pub) .rs-sections .feature-item h3 { font-family: var(--rs-font-display); color: var(--c-primary-dark); font-size: 17px; font-weight: 700; letter-spacing: -.01em; margin: 0 0 7px; }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .feature-item h3 { color: var(--c-ink); }
:where(body.pub) .rs-sections .feature-item p { color: var(--c-text-muted); font-size: 13.5px; line-height: 1.65; margin: 0; }
:where(body.pub) .rs-sections .fi-note { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-size: 12px; font-weight: 700; color: var(--c-accent); text-decoration: none; }
:where(body.pub) .rs-sections .fi-note:hover { text-decoration: none; }
:where(body.pub) .rs-sections .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
:where(body.pub) .rs-sections .stat-item { text-align: center; padding: 26px 14px; background: var(--c-card); border: 1px solid rgba(var(--c-primary-rgb), .08); border-radius: 16px; box-shadow: 0 2px 10px rgba(var(--c-primary-rgb), .06); }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .stat-item { border: 1px solid rgba(255,255,255,.08); }
:where(body.pub) .rs-sections .stat-item .number { font-family: var(--rs-font-display); font-size: clamp(26px, 3vw, 34px); font-weight: 800; color: var(--c-accent); display: block; line-height: 1.1; }
:where(body.pub) .rs-sections .stat-item .label { font-size: 12.5px; color: var(--c-text-muted); font-weight: 600; margin-top: 6px; display: block; }
:where(body.pub) .rs-sections .faq-list { display: grid; gap: 14px; max-width: 900px; margin: 0 auto; }
:where(body.pub) .rs-sections .faq-item { background: var(--c-card); border: 1px solid rgba(var(--c-primary-rgb), .08); border-radius: 16px; padding: 22px 24px; box-shadow: 0 2px 10px rgba(var(--c-primary-rgb), .06); }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .faq-item { border: 1px solid rgba(255,255,255,.08); }
:where(body.pub) .rs-sections .faq-item h3 { font-family: var(--rs-font-display); color: var(--c-primary); font-size: 16px; font-weight: 700; margin: 0 0 8px; display: flex; align-items: flex-start; gap: 9px; }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .faq-item h3 { color: var(--c-ink); }
:where(body.pub) .rs-sections .faq-item h3 i { color: var(--c-accent); font-size: 14px; margin-top: 3px; }
:where(body.pub) .rs-sections .faq-item p { color: var(--c-text-muted); font-size: 14px; line-height: 1.75; margin: 0; }
:where(body.pub) .rs-sections .faq-item p + p { margin-top: 10px; }
:where(body.pub) .rs-sections .cta-section { background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%); padding: 72px 24px; text-align: center; color: #fff; position: relative; overflow: hidden; }
:where(body.pub) .rs-sections .cta-section::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 120%, rgba(var(--c-accent-rgb),.28), transparent 60%); pointer-events: none; }
:where(body.pub) .rs-sections .cta-section > * { position: relative; z-index: 1; }
:where(body.pub) .rs-sections .cta-section h2 { font-family: var(--rs-font-display); font-size: clamp(24px, 3.2vw, 34px); font-weight: 700; letter-spacing: -.02em; margin: 0 0 14px; }
:where(body.pub) .rs-sections .cta-section p { opacity: .9; margin: 0 auto 28px; font-size: 16px; max-width: 680px; }
:where(body.pub) .rs-sections .cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
:where(body.pub) .rs-sections .cta-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: 8px; font-size: 15px; font-weight: 600; text-decoration: none; transition: all .3s; }
:where(body.pub) .rs-sections .cta-btn-primary { background: var(--c-accent); color: var(--c-on-accent); }
:where(body.pub) .rs-sections .cta-btn-primary:hover { background: var(--c-accent-strong); transform: translateY(-2px); }
:where(body.pub) .rs-sections .cta-btn-secondary { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.5); }
:where(body.pub) .rs-sections .cta-btn-secondary:hover { background: rgba(255,255,255,.1); border-color: #fff; }
@media (max-width: 1024px) {
    :where(body.pub) .rs-sections .section { padding: 60px 18px; }
    :where(body.pub) .rs-sections .features-grid, :where(body.pub) .rs-sections .features-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
    :where(body.pub) .rs-sections .stats-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    :where(body.pub) .rs-sections .section { padding: 48px 16px; }
    :where(body.pub) .rs-sections .section-header { margin-bottom: 30px; }
    :where(body.pub) .rs-sections .rs-hero { padding: 112px 18px 68px; }
    :where(body.pub) .rs-sections .rs-hero h1 { font-size: 30px; }
    :where(body.pub) .rs-sections .rs-hero p { font-size: 15px; }
    :where(body.pub) .rs-sections .hero-proof { gap: 26px; }
    :where(body.pub) .rs-sections .hero-tagline { font-size: 17px; }
}
@media (max-width: 560px) {
    :where(body.pub) .rs-sections .features-grid, :where(body.pub) .rs-sections .features-grid.cols-2, :where(body.pub) .rs-sections .features-grid.cols-4 { grid-template-columns: 1fr; }
    :where(body.pub) .rs-sections .stats-grid { grid-template-columns: repeat(2, 1fr); }
    :where(body.pub) .rs-sections .cta-buttons { flex-direction: column; }
    :where(body.pub) .rs-sections .cta-btn { width: 100%; justify-content: center; }
}
:where(body.pub) .rs-sections .section { padding: 104px 20px; }
:where(body.pub) .rs-sections .section-light { background: transparent; }
:where(body.pub) .rs-sections .section-gray { background: var(--c-tint); border-block: 1px solid rgba(var(--c-primary-rgb), .08); }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .section-gray { border-block: 1px solid rgba(255,255,255,.08); }
:where(body.pub) .rs-sections .section-header { max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 52px; }
:where(body.pub) .rs-sections .section-header h2 { font-size: clamp(30px, 4.4vw, 54px); line-height: 1.05; letter-spacing: -.035em; color: var(--c-text); margin-bottom: 16px; }
:where(body.pub) .rs-sections .section-header p { font-size: 17px; line-height: 1.65; }
:where(body.pub) .rs-sections .section-header p a { color: var(--c-accent); font-weight: 600; text-decoration: none; text-decoration-color: rgba(var(--c-accent-rgb), .35); text-underline-offset: 3px; }
:where(body.pub) .rs-sections .sh-kicker { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; font-family: var(--rs-font); font-size: 12px; letter-spacing: .2em; }
:where(body.pub) .rs-sections .sh-kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; }
:where(body.pub) .rs-sections .accent-line { display: none; }
:where(body.pub) .rs-sections .grad { background: linear-gradient(90deg, var(--c-accent) 0%, #0891B2 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--c-accent); }
:where(body.pub) .rs-sections :is(.rs-card, .feature-item, .stat-item, .faq-item) { background: var(--c-card); border: 1px solid rgba(var(--c-primary-rgb), .09); border-radius: 10px; box-shadow: none; }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections :is(.rs-card, .feature-item, .stat-item, .faq-item) { border: 1px solid rgba(255,255,255,.09); }
:where(body.pub) .rs-sections .rs-card::before, :where(body.pub) .rs-sections .feature-item::before { content: none; }
:where(body.pub) .rs-sections .feature-item { padding: 28px 26px; transition: border-color .3s ease, transform .3s ease; }
:where(body.pub) .rs-sections .feature-item:hover { transform: translateY(-3px); box-shadow: none; border-color: rgba(var(--c-accent-rgb), .5); }
:where(body.pub) .rs-sections .fi-ic { width: 48px; height: 48px; border-radius: 10px; background: rgba(var(--c-accent-rgb), .12); color: var(--c-accent); box-shadow: none; }
:where(body.pub) .rs-sections .feature-item h3, :where(body.pub) .rs-sections .faq-item h3 { color: var(--c-text); }
:where(body.pub) .rs-sections .stat-item .number { color: var(--c-text); letter-spacing: -.03em; }
:where(body.pub) .rs-sections .prose h2, :where(body.pub) .rs-sections .prose h3, :where(body.pub) .rs-sections .prose strong { color: var(--c-text); }
:where(body.pub) .rs-sections .prose h2 { border-bottom-color: rgba(var(--c-primary-rgb), .1); }
:where(html[data-theme="dark"]) :where(body.pub) .rs-sections .prose h2 { border-bottom-color: rgba(255,255,255,.1); }
:where(body.pub) .rs-sections .cta-section { padding: 120px 24px; background: radial-gradient(ellipse 60% 70% at 50% 120%, rgba(var(--c-accent-rgb), .35), transparent 70%), var(--c-primary-dark); border-top: 1px solid rgba(255,255,255,.08); }
:where(body.pub) .rs-sections .cta-section::after { background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 72px 72px; -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 100%, #000, transparent 75%); mask-image: radial-gradient(ellipse 60% 70% at 50% 100%, #000, transparent 75%); }
:where(body.pub) .rs-sections .cta-section h2 { font-size: clamp(32px, 5vw, 64px); line-height: 1.03; letter-spacing: -.045em; margin-bottom: 18px; }
:where(body.pub) .rs-sections .cta-btn { height: 50px; padding: 0 22px; border-radius: 10px; }
:where(body.pub) .rs-sections .cta-btn-secondary { border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.04); }
@media (max-width: 768px) {
    :where(body.pub) .rs-sections .section { padding: 72px 16px; }
    :where(body.pub) .rs-sections .section-header { margin-bottom: 36px; }
    :where(body.pub) .rs-sections .section-header p { font-size: 16px; }
    :where(body.pub) .rs-sections .cta-section { padding: 84px 18px; }
}
:where(body.pub) .lx-hero { position: relative; overflow: hidden; display: flex; align-items: center; box-sizing: border-box; isolation: isolate; min-height: min(560px, calc(100vh - 64px)); padding: 76px clamp(16px, 4vw, 40px) 80px; font-family: var(--rs-font); color: #E6ECFF; background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(37, 99, 235, .38), transparent 70%), linear-gradient(180deg, #050A24 0%, #0A1648 55%, #071038 100%); }
:where(body.pub) .lx-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: repeating-linear-gradient(90deg, rgba(147, 197, 253, .07) 0 1px, transparent 1px 34px), repeating-linear-gradient(90deg, rgba(147, 197, 253, .05) 0 2px, transparent 2px 89px); -webkit-mask-image: radial-gradient(ellipse 75% 85% at 50% 30%, #000 25%, transparent 78%); mask-image: radial-gradient(ellipse 75% 85% at 50% 30%, #000 25%, transparent 78%); }
:where(html[data-theme="dark"]) :where(body.pub) .lx-hero::before { background-image: repeating-linear-gradient(90deg, rgba(22,51,83,0.07) 0 1px, transparent 1px 34px), repeating-linear-gradient(90deg, rgba(22,51,83,0.05) 0 2px, transparent 2px 89px); }
:where(body.pub) .lx-hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, #0B57D0, #1A73E8 50%, #0B57D0); }
:where(body.pub) .lx-hero.is-compact { min-height: 0; padding: 56px clamp(16px, 4vw, 40px) 60px; }
:where(body.pub) .lx-in { position: relative; z-index: 2; width: 100%; max-width: 860px; margin: 0 auto; text-align: center; }
:where(body.pub) .lx-hero .lx-crumbs { display: flex; justify-content: center; align-items: center; gap: 8px; margin: 0 0 22px; font-size: 14px; font-weight: 500; animation: lxUp .7s ease both; }
:where(body.pub) .lx-hero .lx-crumbs a { color: #93C5FD; text-decoration: none; }
:where(body.pub) .lx-hero .lx-crumbs a:hover { color: #fff; text-decoration: none; text-underline-offset: 3px; }
:where(body.pub) .lx-hero .lx-crumbs span { color: rgba(230, 236, 255, .45); }
:where(body.pub) .lx-hero .lx-crumbs span[aria-current] { color: #E6ECFF; }
:where(body.pub) .lx-hero .lx-title { margin: 0 0 18px; color: #F5F7FF; font-family: var(--rs-font-display); font-size: clamp(34px, 5.4vw, 64px); font-weight: 700; line-height: 1.04; letter-spacing: -.035em; text-wrap: balance; animation: lxUp .8s ease .1s both; }
:where(body.pub) .lx-hero .lx-title .accent { background: linear-gradient(92deg, #93C5FD 0%, #60A5FA 55%, #BFDBFE 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #93C5FD; }
:where(html[data-theme="dark"]) :where(body.pub) .lx-hero .lx-title .accent { background: linear-gradient(92deg, #163353 0%, #60A5FA 55%, #12243B 100%); }
:where(body.pub) .lx-hero .lx-lead { max-width: 680px; margin: 0 auto 30px; color: rgba(230, 236, 255, .78); font-size: 18px; line-height: 1.65; animation: lxUp .8s ease .2s both; }
:where(body.pub) .lx-hero.is-compact .lx-title { font-size: clamp(30px, 4.4vw, 50px); }
:where(body.pub) .lx-hero.is-compact .lx-lead { font-size: 16.5px; margin-bottom: 22px; }
:where(body.pub) .lx-ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; animation: lxUp .8s ease .3s both; }
:where(body.pub) .lx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; padding: 0 24px; box-sizing: border-box; border-radius: 6px; font-size: 15.5px; font-weight: 600; text-decoration: none; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; }
:where(body.pub) .lx-btn-p { background: var(--c-accent, #0B57D0); color: var(--c-on-accent, #fff); box-shadow: 0 12px 30px -10px rgba(37, 99, 235, .75); }
:where(body.pub) .lx-btn-p:hover { transform: translateY(-2px); color: var(--c-on-accent, #fff); background: var(--c-accent-strong, var(--c-accent, #0B57D0)); }
:where(body.pub) .lx-btn-o { background: rgba(255, 255, 255, .04); color: #F5F7FF; border: 1px solid rgba(147, 197, 253, .35); }
:where(body.pub) .lx-btn-o:hover { color: #fff; border-color: rgba(147, 197, 253, .7); background: rgba(255, 255, 255, .08); transform: translateY(-2px); }
:where(body.pub) .lx-btn:active { transform: translateY(0) scale(.98); }
:where(body.pub) .lx-hero .lx-strip { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 8px; margin: 18px auto 0; color: rgba(230, 236, 255, .6); font-size: 13.5px; font-weight: 500; }
:where(body.pub) .lx-dot { opacity: .55; }
:where(body.pub) .lx-hero .lx-trust-k { margin: 40px 0 16px; font-size: 11.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: rgba(230, 236, 255, .55); animation: lxUp .8s ease .4s both; }
:where(body.pub) .lx-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; animation: lxUp .8s ease .45s both; }
:where(body.pub) .lx-ti { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; min-width: 150px; padding: 14px 18px; text-align: left; border: 1px solid rgba(147, 197, 253, .2); border-radius: 8px; background: rgba(15, 30, 90, .45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
:where(body.pub) .lx-hero .lx-ti i { grid-row: span 2; font-size: 18px; color: #FBBF24; }
:where(html[data-theme="dark"]) :where(body.pub) .lx-hero .lx-ti i { color: #F4D27B; }
:where(body.pub) .lx-hero .lx-ti b { font-size: 18px; font-weight: 700; line-height: 1.15; color: #F5F7FF; }
:where(body.pub) .lx-hero .lx-ti span { font-size: 12px; color: rgba(230, 236, 255, .62); }
:where(body.pub) .lx-hero .lx-extra { margin-top: 18px; color: rgba(230, 236, 255, .7); font-size: 14px; }
:where(body.pub) .lx-hero .lx-extra a { color: #93C5FD; }
@keyframes lxUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
    :where(body.pub) .lx-crumbs, :where(body.pub) .lx-title, :where(body.pub) .lx-lead, :where(body.pub) .lx-ctas, :where(body.pub) .lx-trust-k, :where(body.pub) .lx-trust { animation: none; }
}
@media (max-width: 768px) {
    :where(body.pub) .lx-hero, :where(body.pub) .lx-hero.is-compact { min-height: 0; padding: 44px 16px 52px; }
    :where(body.pub) .lx-hero .lx-lead { font-size: 16px; }
    :where(body.pub) .lx-btn { flex: 1 1 100%; }
    :where(body.pub) .lx-hero .lx-trust-k { margin-top: 30px; }
    :where(body.pub) .lx-trust { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    :where(body.pub) .lx-hero .lx-ti { min-width: 0; padding: 12px 14px; }
}
@media (min-width: 1800px) {
    :where(body.pub) .ph-wrap, :where(body.pub) .ln-wrap, :where(body.pub) .rs-footer .rsf-container, :where(body.pub) .rs-sections .section-container, :where(body.pub) .rs-sections .rs-hero-inner, :where(body.pub) .cs-wrap, :where(body.pub) .vc-wrap, :where(body.pub) .pn-container, :where(body.pub) .track-area { max-width: 1480px; }
    :where(body.pub) .rs-sections .section-wide { max-width: 1900px; }
    :where(body.pub) .lx-in { max-width: 1000px; }
    :where(body.pub) .lx-hero .lx-lead { max-width: 760px; font-size: 19px; }
}
@media (min-width: 2400px) {
    :where(body.pub) .ph-wrap, :where(body.pub) .ln-wrap, :where(body.pub) .rs-footer .rsf-container, :where(body.pub) .rs-sections .section-container, :where(body.pub) .rs-sections .rs-hero-inner, :where(body.pub) .cs-wrap, :where(body.pub) .vc-wrap, :where(body.pub) .pn-container, :where(body.pub) .track-area { max-width: 1720px; }
    :where(body.pub) .rs-sections .section-wide { max-width: 2200px; }
    :where(body.pub) .lx-in { max-width: 1120px; }
    :where(body.pub) .lx-hero .lx-lead { max-width: 840px; font-size: 21px; }
    :where(body.pub) .ph-mega { width: min(1600px, calc(100vw - 32px)); }
}
@media (min-width: 1800px) {
    :where(body.pub) .lp-plans-grid { max-width: 1400px; }
    :where(body.pub) .ln-sub { max-width: 640px; font-size: 20px; }
    :where(body.pub) .ln-head { max-width: 900px; }
    :where(body.pub) .ln-head p { font-size: 19px; }
    :where(body.pub) .ln-ind-card p, :where(body.pub) .ln-prod p, :where(body.pub) .ln-rev blockquote, :where(body.pub) .faq-answer p { font-size: 16.5px; }
    :where(body.pub) .ln-ind-track { grid-auto-columns: 390px; }
    :where(body.pub) .ln-ind-wide .ln-ind-track { grid-auto-columns: 420px; }
    :where(body.pub) .ln-hs-slide .ln-h1 { font-size: clamp(38px, 4.9vw, 78px); }
    :where(body.pub) .ln-hs-stats b { font-size: 25px; }
    :where(body.pub) .ln-hs-chips li, :where(body.pub) .ln-flagchip { font-size: 13.5px; }
    :where(body.pub) .ln-sec { padding: 136px 0; }
    :where(body.pub) .ln-ind-pin { padding: 136px 0 112px; }
}
@media (min-width: 2400px) {
    :where(body.pub) .lp-plans-grid { max-width: 1600px; }
    :where(body.pub) .ln-sub { max-width: 720px; font-size: 22px; }
    :where(body.pub) .ln-head { max-width: 1000px; }
    :where(body.pub) .ln-head p { font-size: 21px; }
    :where(body.pub) .ln-ind-card p, :where(body.pub) .ln-prod p, :where(body.pub) .ln-rev blockquote, :where(body.pub) .faq-answer p { font-size: 18px; }
    :where(body.pub) .ln-ind-track { grid-auto-columns: 440px; }
    :where(body.pub) .ln-ind-wide .ln-ind-track { grid-auto-columns: 470px; }
    :where(body.pub) .ln-hs-slide .ln-h1 { font-size: clamp(38px, 4.9vw, 90px); }
    :where(body.pub) .ln-hs-stats b { font-size: 28px; }
    :where(body.pub) .ln-hs-chips li, :where(body.pub) .ln-flagchip { font-size: 15px; }
    :where(body.pub) .ln-eyebrow, :where(body.pub) .ln-btn { font-size: 16px; }
    :where(body.pub) .ln-btn { height: 56px; padding: 0 26px; }
}

/* ======================= support buttons (every public page) ======================= */
:where(body.pub) .fab.fa-envelope, :where(body.pub) .fa-brands.fa-envelope { font-family:"Font Awesome 6 Free";font-weight:900; }
:where(body.pub) .support-pair .sup-em { background:linear-gradient(135deg,var(--c-em,#0EA5E9),var(--c-em-d,#0284C7));color:#fff; }
:where(body.pub) .support-pair .sup-em:hover { color:#fff;filter:brightness(1.07); }
:where(body.pub) .support-btn-grid { grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); }
:where(body.pub) .sup-num { font-weight:600;opacity:.88;letter-spacing:.2px;direction:ltr;unicode-bidi:isolate; }
:where(body.pub) .sup-num::before { content:"\00b7";margin-right:5px;opacity:.6;font-weight:700; }
:where(body.pub) .sup-num-wa { white-space:nowrap; }
:where(body.pub) .sup-num-em { overflow-wrap:anywhere; }
@media (max-width:420px) {
    :where(body.pub) .sup-num { font-size:.75em; }
}

/* ======================= live chat bubble ======================= */
:where(body.pub) .lc-fab { position:fixed; left:24px; bottom:24px; z-index:990; width:60px; height:60px; border:0; border-radius:50%; display:grid; place-items:center; cursor:pointer; color:var(--c-on-accent,#fff); background:radial-gradient(circle at 34% 26%, rgba(255,255,255,.28), rgba(255,255,255,0) 58%), linear-gradient(135deg,var(--c-accent-strong,#CC483B),var(--c-accent,#FF5A4A)); box-shadow:0 10px 30px rgba(var(--c-accent-rgb,255,90,74),.42), 0 2px 8px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.34), inset 0 -3px 8px rgba(0,0,0,.13); transition:transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s; }
:where(body.pub) .lc-fab:hover { transform:translateY(-3px) scale(1.05); box-shadow:0 16px 38px rgba(var(--c-accent-rgb,255,90,74),.5), inset 0 1px 0 rgba(255,255,255,.34); }
:where(body.pub) .lc-fab:active { transform:translateY(-1px) scale(1.01); }
:where(body.pub) .lc-fab:focus-visible { outline:3px solid var(--c-primary,#1A0A0C); outline-offset:3px; }
:where(html[data-theme="dark"]) :where(body.pub) .lc-fab:focus-visible { outline: 3px solid var(--c-ink-line); }
:where(body.pub) .lc-fab i { font-size:26px; line-height:1; transition:transform .2s; filter:drop-shadow(0 1px 2px rgba(0,0,0,.22)); }
:where(body.pub) .lc-fab:hover i { transform:scale(1.06); }
:where(body.pub) .lc-fab .lc-x { display:none; }
.lc-open :where(body.pub) .lc-fab .lc-x { display:block; }
.lc-open :where(body.pub) .lc-fab .lc-msg { display:none; }
:where(body.pub) .lc-badge { position:absolute; top:-3px; right:-3px; min-width:21px; height:21px; padding:0 6px; border-radius:11px; background:var(--c-primary,#1A0A0C); color:#fff; font:700 11px/21px 'Inter',system-ui,sans-serif; text-align:center; border:2px solid var(--c-card,#fff); display:none; }
:where(body.pub) .lc-badge.on { display:block; }
:where(body.pub) .lc-dot { position:absolute; right:2px; bottom:2px; width:13px; height:13px; border-radius:50%; border:2px solid var(--c-card,#fff); display:none; box-shadow:0 1px 3px rgba(0,0,0,.22); }
:where(body.pub) .lc-dot.is-online, :where(body.pub) .lc-dot.is-away, :where(body.pub) .lc-dot.is-closed { display:block; }
:where(body.pub) .lc-dot.is-online { background:#22c55e; }
:where(body.pub) .lc-dot.is-away { background:#f59e0b; }
:where(body.pub) .lc-dot.is-closed { background:#80868B; }
:where(body.pub) .lc-dot.is-online::after { content:''; position:absolute; inset:-1px; border-radius:50%; border:1.5px solid #22c55e; animation:lcDot 2s ease-out infinite; }
@keyframes lcDot { 0%{ transform:scale(.85); opacity:.75 } 100%{ transform:scale(1.7); opacity:0 } }
:where(body.pub) .lc-fab.lc-ping::after { content:''; position:absolute; inset:0; border-radius:50%; border:2px solid var(--c-accent,#FF5A4A); animation:lcPing 2.4s ease-out infinite; }
@keyframes lcPing { 0%{ transform:scale(1); opacity:.7 } 100%{ transform:scale(1.6); opacity:0 } }
:where(body.pub) .lc-panel { position:fixed; left:24px; bottom:94px; z-index:995; width:364px; max-width:calc(100vw - 32px); max-height:min(72vh,560px); display:none; flex-direction:column; overflow:hidden; background:var(--c-card,#fff); border:1px solid var(--c-tint-line,#e6e6e6); border-radius:18px; box-shadow:0 24px 60px rgba(var(--c-primary-rgb,26,10,12),.22), 0 4px 12px rgba(0,0,0,.08); font-family:var(--rs-font); transform:translateY(10px) scale(.98); opacity:0; transition:transform .2s, opacity .2s; }
.lc-open :where(body.pub) .lc-panel { display:flex; transform:none; opacity:1; }
:where(body.pub) .lc-head { display:flex; align-items:center; gap:11px; padding:15px 16px; background:linear-gradient(135deg,var(--c-primary,#1A0A0C),var(--c-secondary,#4A1520)); color:#fff; }
:where(body.pub) .lc-head img { width:36px; height:36px; border-radius:50%; border:2px solid rgba(255,255,255,.35); object-fit:cover; flex:0 0 auto; }
:where(body.pub) .lc-face { position:relative; flex:0 0 auto; display:block; }
:where(body.pub) .lc-face .lc-live { position:absolute; right:-1px; bottom:-1px; width:12px; height:12px; border-radius:50%; background:#22c55e; border:2px solid var(--c-primary,#1A0A0C); display:none; }
:where(html[data-theme="dark"]) :where(body.pub) .lc-face .lc-live { border: 2px solid var(--c-ink-line); }
:where(body.pub) .lc-face.is-live .lc-live { display:block; }
:where(body.pub) .lc-face.is-live .lc-live::after { content:''; position:absolute; inset:-1px; border-radius:50%; border:1.5px solid #22c55e; animation:lcDot 2s ease-out infinite; }
:where(body.pub) .lc-head b { display:block; font-family:var(--rs-font-display); font-size:14.5px; font-weight:700; letter-spacing:-.01em; }
:where(body.pub) .lc-head span { font-size:11.5px; color:rgba(255,255,255,.72); }
:where(body.pub) .lc-close { margin-left:auto; background:rgba(255,255,255,.14); border:0; color:#fff; width:28px; height:28px; border-radius:8px; cursor:pointer; font-size:13px; display:grid; place-items:center; }
:where(body.pub) .lc-close:hover { background:rgba(255,255,255,.26); }
:where(body.pub) .lc-body { flex:1; overflow-y:auto; padding:16px; background:var(--c-bg,#FFF8F7); min-height:170px; }
:where(body.pub) .lc-row { display:flex; margin-bottom:10px; }
:where(body.pub) .lc-row.me { justify-content:flex-end; }
:where(body.pub) .lc-bub { max-width:82%; padding:9px 13px; border-radius:14px; font-size:13.5px; line-height:1.55; background:var(--c-card,#fff); color:var(--c-text,#1F1F1F); border:1px solid var(--c-tint-line,#eee); box-shadow:0 1px 3px rgba(0,0,0,.05); word-wrap:break-word; overflow-wrap:anywhere; white-space:pre-wrap; }
:where(body.pub) .lc-row.me .lc-bub { background:linear-gradient(135deg,var(--c-accent-strong,#CC483B),var(--c-accent,#FF5A4A)); color:var(--c-on-accent,#fff); border-color:transparent; }
:where(body.pub) .lc-time { display:block; margin-top:4px; font-size:10px; opacity:.62; }
:where(body.pub) .lc-note { text-align:center; padding:22px 18px; color:var(--c-text-muted,#5F6368); font-size:13px; line-height:1.6; }
:where(body.pub) .lc-note i.lc-hero { display:block; font-size:30px; margin-bottom:12px; color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-note b { display:block; font-size:15px; color:var(--c-text,#1F1F1F); margin-bottom:6px; font-family:var(--rs-font-display); }
:where(body.pub) .lc-acts { display:grid; gap:9px; margin-top:16px; }
:where(body.pub) .lc-btn { display:flex; align-items:center; justify-content:center; gap:8px; padding:11px 16px; border-radius:11px; font-size:13.5px; font-weight:700; text-decoration:none; border:1px solid transparent; cursor:pointer; }
:where(body.pub) .lc-btn-p { background:linear-gradient(135deg,var(--c-accent-strong,#CC483B),var(--c-accent,#FF5A4A)); color:var(--c-on-accent,#fff); }
:where(body.pub) .lc-btn-p:hover { filter:brightness(1.06); }
:where(body.pub) .lc-btn-g { background:var(--c-card,#fff); color:var(--c-primary,#1A0A0C); border-color:var(--c-tint-line,#e6e6e6); }
:where(html[data-theme="dark"]) :where(body.pub) .lc-btn-g { color: var(--c-ink); }
:where(body.pub) .lc-faq { display:flex; flex-direction:column; gap:7px; padding:14px 2px 4px; }
:where(body.pub) .lc-faq-h { display:flex; align-items:center; gap:6px; font-size:10.5px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:var(--c-text-muted,#5F6368); }
:where(body.pub) .lc-faq-h i { color:var(--c-accent,#FF5A4A); font-size:10px; }
:where(body.pub) .lc-chip { display:flex; align-items:center; gap:9px; width:100%; padding:10px 12px; border-radius:11px; text-align:left; background:var(--c-card,#fff); border:1px solid var(--c-tint-line,#eee); color:var(--c-text,#1F1F1F); font-family:inherit; font-size:12.5px; font-weight:600; line-height:1.4; cursor:pointer; }
:where(body.pub) .lc-chip i { flex:0 0 22px; height:22px; display:grid; place-items:center; border-radius:7px; font-size:10.5px; background:var(--c-bg,#FFF8F7); color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-chip span { flex:1; min-width:0; }
:where(body.pub) .lc-chip:hover:not(:disabled) { border-color:var(--c-accent,#FF5A4A); color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-chip:hover:not(:disabled) i { background:var(--c-accent,#FF5A4A); color:var(--c-on-accent,#fff); }
:where(body.pub) .lc-chip:focus-visible { outline:2px solid var(--c-accent,#FF5A4A); outline-offset:1px; }
:where(body.pub) .lc-chip:disabled { opacity:.55; cursor:default; }
:where(body.pub) .lc-btn-g:hover { border-color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-foot { display:flex; gap:8px; padding:11px 12px; border-top:1px solid var(--c-tint-line,#eee); background:var(--c-card,#fff); }
:where(body.pub) .lc-foot textarea { flex:1; resize:none; max-height:96px; padding:10px 12px; font:400 14px/1.45 'Inter',system-ui,sans-serif; color:var(--c-text,#1F1F1F); background:var(--c-bg,#FFF8F7); border:1px solid var(--c-tint-line,#e6e6e6); border-radius:11px; outline:0; }
:where(body.pub) .lc-foot textarea:focus { border-color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-send { flex:0 0 auto; width:42px; border:0; border-radius:11px; cursor:pointer; color:var(--c-on-accent,#fff); background:linear-gradient(135deg,var(--c-accent-strong,#CC483B),var(--c-accent,#FF5A4A)); font-size:14px; }
:where(body.pub) .lc-send:disabled { opacity:.5; cursor:not-allowed; }
:where(body.pub) .lc-err { padding:8px 14px; font-size:12px; color:#b42318; background:#fee4e2; display:none; }
:where(html[data-theme="dark"]) :where(body.pub) .lc-err { color: #EE8981; background: #2B100E; }
:where(body.pub) .lc-li { margin-top:14px; text-align:left; }
:where(body.pub) .lc-li input { width:100%; margin-bottom:8px; padding:11px 12px; border:1px solid var(--c-tint-line,#e6e6e6); border-radius:10px; font:inherit; font-size:16px; color:var(--c-primary,#1A0A0C); background:var(--c-card,#fff); }
:where(html[data-theme="dark"]) :where(body.pub) .lc-li input { color: var(--c-ink); }
:where(body.pub) .lc-li input:focus { outline:2px solid var(--c-accent,#FF5A4A); outline-offset:1px; border-color:transparent; }
:where(body.pub) .lc-or { position:relative; margin:14px 0; text-align:center; }
:where(body.pub) .lc-or::before { content:''; position:absolute; left:0; right:0; top:50%; height:1px; background:var(--c-tint-line,#e6e6e6); }
:where(body.pub) .lc-or span { position:relative; padding:0 10px; background:var(--c-bg,#FFF8F7); font-size:11px; color:var(--c-muted,#5F6368); text-transform:uppercase; letter-spacing:.08em; }
:where(body.pub) .lc-goog { width:100%; justify-content:center; }
:where(body.pub) .lc-alt { width:100%; justify-content:center; margin-top:9px; }
:where(body.pub) .lc-alt i { font-size:13px; color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-alt:hover { border-color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-su { flex:1; overflow-y:auto; padding:16px; background:var(--c-bg,#FFF8F7); min-height:170px; }
:where(body.pub) .lc-su[hidden] { display:none; }
:where(body.pub) .lc-su-steps { display:flex; gap:6px; justify-content:center; margin:0 0 16px; }
:where(body.pub) .lc-su-steps i { width:26px; height:4px; border-radius:2px; background:var(--c-tint-line,#e6e6e6); }
:where(body.pub) .lc-su-steps i.on { background:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-su-step b { display:block; font-family:var(--rs-font-display); font-size:16px; color:var(--c-primary,#1A0A0C); margin:0 0 5px; }
:where(html[data-theme="dark"]) :where(body.pub) .lc-su-step b { color: var(--c-ink); }
:where(body.pub) .lc-su-step b.lc-su-b2 { margin-top:16px; }
:where(body.pub) .lc-su-step p { margin:0 0 12px; font-size:12.5px; line-height:1.55; color:var(--c-muted,#5F6368); }
:where(body.pub) .lc-su-step p em { font-style:normal; font-weight:700; color:var(--c-primary,#1A0A0C); }
:where(html[data-theme="dark"]) :where(body.pub) .lc-su-step p em { color: var(--c-ink); }
:where(body.pub) .lc-su input[type=email], :where(body.pub) .lc-su input[type=text], :where(body.pub) .lc-su input[type=password], :where(body.pub) .lc-su input[type=tel], :where(body.pub) .lc-su select { width:100%; padding:11px 12px; border:1px solid var(--c-tint-line,#e6e6e6); border-radius:10px; font:inherit; font-size:16px; color:var(--c-primary,#1A0A0C); background:var(--c-card,#fff); }
:where(html[data-theme="dark"]) :where(body.pub) .lc-su input[type=email], :where(html[data-theme="dark"]) :where(body.pub) .lc-su input[type=text], :where(html[data-theme="dark"]) :where(body.pub) .lc-su input[type=password], :where(html[data-theme="dark"]) :where(body.pub) .lc-su input[type=tel], :where(html[data-theme="dark"]) :where(body.pub) .lc-su select { color: var(--c-ink); }
:where(body.pub) .lc-su input:focus, :where(body.pub) .lc-su select:focus { outline:2px solid var(--c-accent,#FF5A4A); outline-offset:1px; border-color:transparent; }
:where(body.pub) #lcSuCode { letter-spacing:6px; text-align:center; font-weight:700; }
:where(body.pub) .lc-su-tel { display:flex; gap:8px; }
:where(body.pub) .lc-su-tel select { flex:0 0 108px; }
:where(body.pub) .lc-su-show { display:flex; align-items:center; gap:7px; margin:8px 0 0; font-size:12px; color:var(--c-muted,#5F6368); cursor:pointer; }
:where(body.pub) .lc-su-show input { width:auto; }
:where(body.pub) .lc-su-go { width:100%; margin-top:12px; justify-content:center; }
:where(body.pub) .lc-su-go[disabled] { opacity:.6; cursor:not-allowed; }
:where(body.pub) .lc-su-link { display:block; width:100%; margin:10px 0 0; padding:6px; border:0; background:none; font:inherit; font-size:12px; color:var(--c-muted,#5F6368); text-decoration:none; cursor:pointer; }
:where(body.pub) .lc-su-err { display:none; margin-top:10px; padding:9px 11px; border-radius:9px; background:#fee4e2; color:#b42318; font-size:12.5px; line-height:1.5; }
:where(html[data-theme="dark"]) :where(body.pub) .lc-su-err { background: #2B100E; color: #EE8981; }
:where(body.pub) .lc-su-err.on { display:block; }
:where(body.pub) .lc-su-tick { display:block; font-size:38px; color:#22c55e; margin:0 0 10px; }
:where(html[data-theme="dark"]) :where(body.pub) .lc-su-tick { color: #85EAAA; }
:where(body.pub) .lc-su-card { display:grid; grid-template-columns:auto 1fr; gap:5px 12px; margin:0 0 12px; padding:12px; border:1px solid var(--c-tint-line,#e6e6e6); border-radius:10px; background:var(--c-bg,#FFF8F7); font-size:12.5px; }
:where(body.pub) .lc-su-card span { color:var(--c-muted,#5F6368); }
:where(body.pub) .lc-su-card em { font-style:normal; font-weight:700; color:var(--c-primary,#1A0A0C); word-break:break-all; }
:where(html[data-theme="dark"]) :where(body.pub) .lc-su-card em { color: var(--c-ink); }
:where(body.pub) .lc-su-warn { padding:9px 11px; border-radius:9px; background:#fffbeb; color:#92400e !important; }
:where(html[data-theme="dark"]) :where(body.pub) .lc-su-warn { background: #27210B; color: #F3A97D !important; }
:where(body.pub) .lc-hi { position:fixed; left:92px; bottom:32px; z-index:989; display:none; align-items:center; gap:9px; max-width:min(258px,calc(100vw - 116px)); padding:11px 30px 11px 13px; cursor:pointer; background:var(--c-card,#fff); color:var(--c-primary,#1A0A0C); border:1px solid var(--c-tint-line,#e6e6e6); border-radius:14px; box-shadow:0 12px 34px rgba(var(--c-primary-rgb,26,10,12),.16), 0 2px 8px rgba(0,0,0,.07); font-family:var(--rs-font); font-size:12.5px; line-height:1.45; opacity:0; transform:translateX(-8px); transition:opacity .3s, transform .3s; }
:where(html[data-theme="dark"]) :where(body.pub) .lc-hi { color: var(--c-ink); }
:where(body.pub) .lc-hi.on { display:flex; }
:where(body.pub) .lc-hi.in { opacity:1; transform:none; }
:where(body.pub) .lc-hi::after { content:''; position:absolute; left:-6px; top:50%; margin-top:-5px; width:10px; height:10px; background:var(--c-card,#fff); border-left:1px solid var(--c-tint-line,#e6e6e6); border-bottom:1px solid var(--c-tint-line,#e6e6e6); transform:rotate(45deg); }
:where(body.pub) .lc-hi em { font-style:normal; }
:where(body.pub) .lc-hi b { display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; padding:3px 7px; border-radius:6px; background:#dcfce7; color:#15803d; font-size:9.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
:where(html[data-theme="dark"]) :where(body.pub) .lc-hi b { background: #102D1A; color: #84EBAB; }
:where(body.pub) .lc-hi b::before { content:''; width:6px; height:6px; border-radius:50%; background:#22c55e; animation:lcLive 1.6s ease-in-out infinite; }
@keyframes lcLive { 0%,100%{ opacity:1 } 50%{ opacity:.2 } }
:where(body.pub) .lc-hi-x { position:absolute; top:4px; right:4px; width:20px; height:20px; padding:0; border:0; border-radius:6px; background:transparent; color:var(--c-muted,#8a7f80); font-size:11px; cursor:pointer; display:grid; place-items:center; }
:where(body.pub) .lc-hi-x:hover { background:var(--c-tint,#f5eeee); color:var(--c-primary,#1A0A0C); }
:where(html[data-theme="dark"]) :where(body.pub) .lc-hi-x:hover { color: var(--c-ink); }
:where(body.pub) .lc-fab.lc-shake { animation:lcShake .82s cubic-bezier(.36,.07,.19,.97); }
@keyframes lcShake { 0%,100%{ transform:rotate(0) } 14%{ transform:rotate(-12deg) scale(1.05) } 28%{ transform:rotate(10deg) scale(1.05) } 42%{ transform:rotate(-8deg) scale(1.03) } 58%{ transform:rotate(6deg) } 74%{ transform:rotate(-3deg) } 88%{ transform:rotate(1deg) } }
:where(body.pub) .lc-pane { flex:1; overflow-y:auto; background:var(--c-bg,#FFF8F7); }
:where(body.pub) .lc-pane[hidden], :where(body.pub) .lc-body[hidden], :where(body.pub) .lc-head[hidden], :where(body.pub) .lc-greet[hidden] { display:none; }
:where(body.pub) .lc-greet { position:relative; flex:0 0 auto; padding:20px 18px 18px; color:#fff; background:linear-gradient(135deg,var(--c-primary,#1A0A0C),var(--c-secondary,#4A1520)); }
:where(body.pub) .lc-greet-hi { display:block; font-size:15px; font-weight:600; color:rgba(255,255,255,.82); }
:where(body.pub) .lc-greet b { display:block; margin-top:2px; font-family:var(--rs-font-display); font-size:23px; font-weight:700; letter-spacing:-.02em; line-height:1.2; }
:where(body.pub) .lc-greet .lc-close { position:absolute; top:14px; right:14px; margin:0; }
:where(body.pub) .lc-home { padding:14px 14px 16px; }
:where(body.pub) .lc-card { display:flex; align-items:center; gap:12px; width:100%; margin:18px 0 0; padding:14px; border:1px solid var(--c-tint-line,#eee); border-radius:14px; background:var(--c-card,#fff); box-shadow:0 8px 22px rgba(var(--c-primary-rgb,26,10,12),.10); cursor:pointer; text-align:left; font-family:inherit; transition:transform .18s, box-shadow .18s; }
:where(body.pub) .lc-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(var(--c-primary-rgb,26,10,12),.15); }
:where(body.pub) .lc-card:focus-visible { outline:2px solid var(--c-accent,#FF5A4A); outline-offset:2px; }
:where(body.pub) .lc-card span { flex:1; min-width:0; }
:where(body.pub) .lc-card b { display:block; font-family:var(--rs-font-display); font-size:14.5px; font-weight:700; color:var(--c-text,#1F1F1F); }
:where(body.pub) .lc-card em { display:block; margin-top:2px; font-style:normal; font-size:11.5px; color:var(--c-text-muted,#5F6368); }
:where(body.pub) .lc-card > i { flex:0 0 38px; height:38px; display:grid; place-items:center; border-radius:50%; font-size:14px; color:var(--c-on-accent,#fff); background:linear-gradient(135deg,var(--c-accent-strong,#CC483B),var(--c-accent,#FF5A4A)); }
:where(body.pub) .lc-pop { display:flex; flex-direction:column; gap:8px; }
:where(body.pub) .lc-pop-h { padding:2px; font-size:10.5px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:var(--c-text-muted,#5F6368); }
:where(body.pub) .lc-seeall { display:inline-flex; align-items:center; justify-content:center; gap:8px; margin-top:2px; padding:11px 14px; border-radius:12px; border:1px dashed var(--c-tint-line,#ddd); background:none; color:var(--c-accent,#FF5A4A); font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; }
:where(body.pub) .lc-seeall:hover { border-style:solid; background:var(--c-card,#fff); }
:where(body.pub) .lc-chev { flex:0 0 auto; font-size:11px; color:var(--c-text-muted,#5F6368); }
:where(body.pub) .lc-help { padding:12px 14px 16px; }
:where(body.pub) .lc-search { display:flex; align-items:center; gap:9px; margin-bottom:12px; padding:11px 13px; border:1px solid var(--c-tint-line,#eee); border-radius:12px; background:var(--c-card,#fff); }
:where(body.pub) .lc-search i { font-size:12.5px; color:var(--c-text-muted,#5F6368); }
:where(body.pub) .lc-search input { flex:1; min-width:0; border:0; outline:0; background:none; font:inherit; font-size:16px; color:var(--c-text,#1F1F1F); }
:where(body.pub) .lc-help-rows { display:flex; flex-direction:column; gap:7px; }
:where(body.pub) .lc-help-row { display:flex; align-items:center; gap:11px; width:100%; padding:12px 13px; border-radius:12px; background:var(--c-card,#fff); border:1px solid var(--c-tint-line,#eee); color:var(--c-text,#1F1F1F); font-family:inherit; font-size:12.5px; font-weight:600; line-height:1.45; text-align:left; cursor:pointer; }
:where(body.pub) .lc-help-row:hover { border-color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-help-row:hover > i:first-child { background:var(--c-accent,#FF5A4A); color:var(--c-on-accent,#fff); }
:where(body.pub) .lc-help-row[hidden] { display:none; }
:where(body.pub) .lc-help-row > i:first-child { flex:0 0 28px; height:28px; display:grid; place-items:center; border-radius:9px; font-size:11.5px; background:var(--c-bg,#FFF8F7); color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-help-row span { flex:1; min-width:0; }
:where(body.pub) .lc-help-none { padding:22px 4px; text-align:center; font-size:12.5px; color:var(--c-text-muted,#5F6368); }
:where(body.pub) .lc-help-none[hidden] { display:none; }
:where(body.pub) .lc-help-a[hidden], :where(body.pub) .lc-help-list[hidden] { display:none; }
:where(body.pub) .lc-help-nav { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:16px; }
:where(body.pub) .lc-help-back, :where(body.pub) .lc-help-next { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 10px; border-radius:999px; border:1px solid var(--c-tint-line,#eee); background:var(--c-card,#fff); color:var(--c-text-muted,#5F6368); font:inherit; font-size:11.5px; font-weight:700; cursor:pointer; }
:where(body.pub) .lc-help-back:hover, :where(body.pub) .lc-help-next:hover { color:var(--c-accent,#FF5A4A); border-color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-help-next { color:var(--c-accent,#FF5A4A); border-color:var(--c-tint-line,#eee); }
:where(body.pub) .lc-help-next[hidden] { display:none; }
:where(body.pub) .lc-help-nav:has(.lc-help-next[hidden]) { grid-template-columns:1fr; }
:where(body.pub) .lc-help-done[hidden] { display:none; }
:where(body.pub) .lc-help-done { padding:26px 14px 4px; text-align:center; }
:where(body.pub) .lc-help-done > i:first-child { font-size:30px; color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-help-done b { display:block; margin:12px 0 6px; font-family:var(--rs-font-display); font-size:15.5px; color:var(--c-text,#1F1F1F); }
:where(body.pub) .lc-help-done p { margin:0 0 16px; font-size:12.5px; line-height:1.65; color:var(--c-text-muted,#5F6368); }
:where(body.pub) .lc-help-done .lc-help-back { width:100%; }
:where(body.pub) .lc-help-done .lc-btn { margin-top:9px; width:100%; }
:where(body.pub) #lcHelpAQ { display:block; margin-bottom:9px; font-family:var(--rs-font-display); font-size:15.5px; line-height:1.4; color:var(--c-text,#1F1F1F); }
:where(body.pub) .lc-help-txt { padding:11px 14px; border-radius:14px; background:var(--c-card,#fff); border:1px solid var(--c-tint-line,#eee); box-shadow:0 1px 3px rgba(0,0,0,.05); font-size:13px; line-height:1.65; color:var(--c-text,#1F1F1F); white-space:pre-wrap; word-wrap:break-word; overflow-wrap:anywhere; }
:where(body.pub) .lc-help-a .lc-btn { margin-top:9px; width:100%; }
:where(body.pub) .lc-help-txt a, :where(body.pub) .lc-bub a { color:inherit; text-decoration:none; text-underline-offset:2px; }
:where(body.pub) .lc-help-txt a { color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-help-txt b, :where(body.pub) .lc-bub b { font-weight:700; color:var(--c-text,#1F1F1F); }
:where(body.pub) .lc-help-txt code, :where(body.pub) .lc-bub code { padding:1px 5px; border-radius:5px; font-size:.9em; background:var(--c-tint,rgba(0,0,0,.05)); font-family:ui-monospace,Menlo,Consolas,monospace; }
:where(body.pub) .lc-tabs { display:flex; flex:0 0 auto; border-top:1px solid var(--c-tint-line,#eee); background:var(--c-card,#fff); }
:where(body.pub) .lc-tab { position:relative; flex:1; display:flex; flex-direction:column; align-items:center; gap:3px; padding:9px 4px calc(9px + env(safe-area-inset-bottom,0px)); border:0; background:none; cursor:pointer; font-family:inherit; font-size:10.5px; font-weight:700; color:var(--c-text-muted,#5F6368); }
:where(body.pub) .lc-tab i { font-size:16px; }
:where(body.pub) .lc-tab.on { color:var(--c-accent,#FF5A4A); }
:where(body.pub) .lc-tab:focus-visible { outline:2px solid var(--c-accent,#FF5A4A); outline-offset:-2px; }
:where(body.pub) .lc-tab-badge { position:absolute; top:3px; left:calc(50% + 5px); min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:var(--c-primary,#1A0A0C); color:#fff; font:700 10px/16px 'Inter',system-ui,sans-serif; font-style:normal; }
:where(body.pub) .lc-tab-badge[hidden] { display:none; }
@media (max-width:820px) {
    :where(body.pub) .lc-fab { left:16px; width:54px; height:54px; bottom:calc(max(var(--ph-bottom-nav-h,66px), 78px) + env(safe-area-inset-bottom,0px) + 14px); }
    :where(body.pub) .lc-fab i { font-size:24px; }
    :where(body.pub) .lc-panel { inset:0; width:auto; max-width:none; max-height:none; border:0; border-radius:0; }
    html.lc-open :where(body.pub) .wa-float-stack, html.lc-open :where(body.pub) .ph-bottom-nav, html.lc-open :where(body.pub) .landing-bottom-nav, html.lc-open :where(body.pub) .mobile-bottom-nav, html.lc-open :where(body.pub) .rsb-mobile-bottom-nav, html.lc-open :where(body.pub) .lc-fab { display:none !important; }
    :where(body.pub) .lc-greet { padding:22px 18px 18px; }
    :where(body.pub) .lc-greet b { font-size:25px; }
    :where(body.pub) .lc-greet, :where(body.pub) .lc-head { padding-top:calc(20px + env(safe-area-inset-top,0px)); }
    :where(body.pub) .lc-tab { padding:11px 4px calc(11px + env(safe-area-inset-bottom,0px)); }
    :where(body.pub) .lc-help-row { min-height:52px; }
    :where(body.pub) .lc-hi { left:80px; font-size:12px; max-width:calc(100vw - 96px); bottom:calc(max(var(--ph-bottom-nav-h,66px), 78px) + env(safe-area-inset-bottom,0px) + 17px); }
}
@media (prefers-reduced-motion:reduce) {
    :where(body.pub) .lc-fab, :where(body.pub) .lc-panel, :where(body.pub) .lc-fab i, :where(body.pub) .lc-hi { transition:none; }
    :where(body.pub) .lc-fab.lc-ping::after, :where(body.pub) .lc-dot.is-online::after, :where(body.pub) .lc-hi b::before, :where(body.pub) .lc-fab.lc-shake { animation:none; }
}

/* ======================= manual-pay popup (home, course) ======================= */
:where(body.ln-page, body.page-course) .mp-overlay { --mp-ink:var(--c-primary,#17161a);--mp-ink2:var(--c-text,#4a4952);--mp-mut:var(--c-text-muted,#6b6a72); --mp-rail:var(--c-tint,#faf9f7);--mp-sw:var(--c-tint-2,#eceae6); --mp-l1:var(--c-tint-line,rgba(0,0,0,.08));--mp-l2:var(--c-tint-line,rgba(0,0,0,.12)); --mp-li:rgba(0,0,0,.16);--mp-ld:rgba(0,0,0,.2); --mp-link:var(--c-accent,#4340c4);--mp-ok:var(--c-verified,#2f7d5b);--mp-accent:var(--c-accent,#4340c4); --mp-on-ink:var(--c-on-primary,#fff);--mp-on-accent:var(--c-on-accent,#fff); --mp-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; --mp-mono:'JetBrains Mono','SFMono-Regular',Consolas,Menlo,monospace; position:fixed;inset:0;background:#fff;display:flex;align-items:stretch;justify-content:center; overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch; z-index:100000;opacity:0;visibility:hidden;transition:opacity .2s;font-family:var(--mp-sans);color:var(--mp-ink) }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-overlay { --mp-ink: var(--c-ink); background: #131313; }
:where(body.ln-page, body.page-course) .mp-overlay.active { opacity:1;visibility:visible }
:where(body.ln-page, body.page-course) .mp-modal { background:#fff;width:100%;max-width:none;min-height:100%;max-height:none; border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;transform:translateY(12px);transition:transform .2s }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-modal { background: #131313; }
:where(body.ln-page, body.page-course) .mp-overlay.active .mp-modal { transform:translateY(0) }
:where(body.ln-page, body.page-course) .mp-head { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px; border-bottom:1px solid var(--mp-l1);background:#fff;position:sticky;top:0;z-index:2 }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-head { background: #131313; }
:where(body.ln-page, body.page-course) .mp-head-l { display:flex;align-items:center;gap:12px;min-width:0 }
:where(body.ln-page, body.page-course) .mp-badge { width:32px;height:32px;flex:none;border-radius:8px;background:var(--mp-accent);color:var(--mp-on-accent); display:flex;align-items:center;justify-content:center;font:600 13px var(--mp-mono);letter-spacing:.02em }
:where(body.ln-page, body.page-course) .mp-head-txt { display:flex;flex-direction:column;gap:2px;min-width:0 }
:where(body.ln-page, body.page-course) .mp-head-t { font:600 14px/1.2 var(--mp-sans);color:var(--mp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
:where(body.ln-page, body.page-course) .mp-head-s { font:400 12px/1.2 var(--mp-sans);color:var(--mp-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
:where(body.ln-page, body.page-course) .mp-head-r { display:flex;align-items:center;gap:16px;flex:none }
:where(body.ln-page, body.page-course) .mp-secure { display:flex;align-items:center;gap:6px;font:500 12px var(--mp-sans);color:var(--mp-ok) }
:where(body.ln-page, body.page-course) .mp-secure i { width:6px;height:6px;border-radius:50%;background:var(--mp-ok) }
:where(body.ln-page, body.page-course) .mp-close { width:28px;height:28px;touch-action:manipulation;border-radius:7px;border:1px solid var(--mp-l2);background:#fff;color:var(--mp-mut); font:400 15px/1 var(--mp-sans);cursor:pointer;display:flex;align-items:center;justify-content:center }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-close { background: #131313; }
:where(body.ln-page, body.page-course) .mp-close:hover { background:var(--mp-rail);color:var(--mp-ink) }
:where(body.ln-page, body.page-course) .mp-body { padding:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column }
:where(body.ln-page, body.page-course) .mp-cols { display:grid;grid-template-columns:minmax(320px,460px) 1fr;align-items:stretch;flex:1 1 auto;min-height:0 }
:where(body.ln-page, body.page-course) .mp-col-left { padding:28px;border-right:1px solid var(--mp-l1);background:var(--mp-rail);display:flex;flex-direction:column;gap:22px;min-width:0 }
:where(body.ln-page, body.page-course) .mp-col-right { padding:28px 30px;display:flex;flex-direction:column;gap:20px;min-width:0 }
:where(body.ln-page, body.page-course) .mp-cap { font:500 11px/1 var(--mp-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-amt { display:flex;align-items:baseline;gap:8px;margin-top:8px;flex-wrap:wrap }
:where(body.ln-page, body.page-course) .mp-price { font:600 40px/1 var(--mp-mono);color:var(--mp-ink);letter-spacing:-.02em;word-break:break-word }
:where(body.ln-page, body.page-course) .mp-amt-note { font:400 13px var(--mp-sans);color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-qr { background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:22px;display:flex; flex-direction:column;align-items:center;gap:14px;text-align:center }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-qr { background: #131313; border: 1px solid rgba(255,255,255,0.1); }
:where(body.ln-page, body.page-course) .mp-qr img { width:180px;height:180px;object-fit:contain;border:1px solid var(--mp-l1);border-radius:8px;background:#fff;padding:6px;box-sizing:border-box }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-qr img { background: #131313; }
:where(body.ln-page, body.page-course) .mp-qr-label { order:2;font:400 12px var(--mp-sans);color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-idbox { display:flex;flex-direction:column;gap:8px }
:where(body.ln-page, body.page-course) .mp-idbox-label { display:flex;align-items:center;gap:6px;font:500 11px/1 var(--mp-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-idbox-label i { font-size:11px }
:where(body.ln-page, body.page-course) .mp-idbox-row { display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff; border:1px solid var(--mp-l2);border-radius:9px;padding:12px 14px }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-idbox-row { background: #131313; }
:where(body.ln-page, body.page-course) .mp-idbox-id { flex:1;min-width:0;font:500 16px var(--mp-mono);color:var(--mp-ink);letter-spacing:.04em; user-select:all;word-break:break-all;line-height:1.35 }
:where(body.ln-page, body.page-course) .mp-idbox-copy, :where(body.ln-page, body.page-course) .mp-copy-sm { background:none;border:0;padding:0;font:500 12px var(--mp-sans);color:var(--mp-link);cursor:pointer;flex:none }
:where(body.ln-page, body.page-course) .mp-copy-sm { font-size:11.5px }
:where(body.ln-page, body.page-course) .mp-idfield { display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff; border:1px solid var(--mp-l2);border-radius:9px;padding:10px 12px;margin-bottom:8px }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-idfield { background: #131313; }
:where(body.ln-page, body.page-course) .mp-idfield:last-child { margin-bottom:0 }
:where(body.ln-page, body.page-course) .mp-idfield-label { flex:none;max-width:42%;font:400 10.5px var(--mp-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-idfield-val { flex:1;min-width:0;font:500 13.5px var(--mp-sans);color:var(--mp-ink);text-align:right;word-break:break-all;user-select:all;line-height:1.45 }
:where(body.ln-page, body.page-course) .mp-idfield-val.mono { font-family:var(--mp-mono) }
:where(body.ln-page, body.page-course) .mp-recipient { font:400 12px/1.5 var(--mp-sans);color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-net-warn, :where(body.ln-page, body.page-course) .mp-cred-warn { display:flex;gap:8px;align-items:flex-start;border-radius:9px;padding:10px 12px; font:400 12px/1.5 var(--mp-sans);border:1px solid }
:where(body.ln-page, body.page-course) .mp-net-warn { background:#fdf6f3;border-color:rgba(170,75,40,.22);color:#8a3d1c }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-net-warn { background: #20140E; color: #E7A588; }
:where(body.ln-page, body.page-course) .mp-cred-warn { background:#fdfaf0;border-color:rgba(184,132,42,.28);color:#7a5510;margin-top:12px }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-cred-warn { background: #221E0E; color: #EEC881; }
:where(body.ln-page, body.page-course) .mp-net-warn i, :where(body.ln-page, body.page-course) .mp-cred-warn i { margin-top:2px;flex:none }
:where(body.ln-page, body.page-course) .mp-trust { display:flex;gap:18px;padding-top:18px;border-top:1px solid var(--mp-l1);margin-top:auto }
:where(body.ln-page, body.page-course) .mp-trust div { font:400 11px/1.4 var(--mp-sans);color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-steps { counter-reset:mpstep;display:flex;flex-wrap:wrap;row-gap:14px;margin:0;padding:0;list-style:none }
:where(body.ln-page, body.page-course) .mp-steps li { counter-increment:mpstep;flex:1 1 30%;min-width:170px;position:relative;padding:0 14px 0 44px; border-left:1px solid var(--mp-l1);font:400 12px/1.45 var(--mp-sans);color:var(--mp-ink2) }
:where(body.ln-page, body.page-course) .mp-steps li:first-child, :where(body.ln-page, body.page-course) .mp-steps li:nth-child(3n+1) { padding-left:30px;border-left:0 }
:where(body.ln-page, body.page-course) .mp-steps li::before { content:counter(mpstep);position:absolute;left:14px;top:0;width:20px;height:20px;border-radius:50%; background:var(--mp-accent);color:var(--mp-on-accent);display:flex;align-items:center;justify-content:center;font:600 11px var(--mp-mono) }
:where(body.ln-page, body.page-course) .mp-steps li:first-child::before, :where(body.ln-page, body.page-course) .mp-steps li:nth-child(3n+1)::before { left:0 }
:where(body.ln-page, body.page-course) .mp-steps strong { font-weight:600;color:var(--mp-ink) }
:where(body.ln-page, body.page-course) .mp-rule { height:1px;background:var(--mp-l1) }
:where(body.ln-page, body.page-course) #mpForm { display:flex;flex-direction:column;gap:20px }
:where(body.ln-page, body.page-course) .mp-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px }
:where(body.ln-page, body.page-course) .mp-field { display:flex;flex-direction:column;gap:6px;min-width:0 }
:where(body.ln-page, body.page-course) .mp-field.full { grid-column:1/-1 }
:where(body.ln-page, body.page-course) .mp-label { display:block;margin:0;font:500 12px var(--mp-sans);color:var(--mp-ink) }
:where(body.ln-page, body.page-course) .mp-label span { font-weight:400;color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-input { width:100%;height:44px;padding:0 13px;border:1px solid var(--mp-li);border-radius:9px; font:400 14px var(--mp-sans);color:var(--mp-ink);background:#fff;box-sizing:border-box;transition:border-color .15s }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-input { background: #131313; }
:where(body.ln-page, body.page-course) .mp-input:focus { outline:none;border-color:var(--mp-accent) }
:where(body.ln-page, body.page-course) .mp-input::placeholder { color:#a5a4ab }
:where(body.ln-page, body.page-course) #mpTxn { font-family:var(--mp-mono) }
:where(body.ln-page, body.page-course) .mp-hint, :where(body.ln-page, body.page-course) .mp-wa-hint { font:400 11px/1.4 var(--mp-sans);color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-wa-row { display:flex;gap:8px;align-items:stretch }
:where(body.ln-page, body.page-course) .mp-cc { flex:0 0 120px;max-width:120px;box-sizing:border-box }
:where(body.ln-page, body.page-course) .mp-wa-row .mp-input { flex:1 1 auto;min-width:0;width:auto }
:where(body.ln-page, body.page-course) .mp-drop { position:relative;display:flex;align-items:center;gap:14px;height:64px;border:1px dashed var(--mp-ld); border-radius:9px;background:var(--mp-rail);padding:0 16px }
:where(body.ln-page, body.page-course) .mp-drop-ico { width:34px;height:34px;flex:none;border-radius:7px;background:var(--mp-sw);border:1px solid rgba(0,0,0,.07) }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-drop-ico { border: 1px solid rgba(255,255,255,0.07); }
:where(body.ln-page, body.page-course) .mp-drop-txt { font:400 12px/1.4 var(--mp-sans);color:var(--mp-mut);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
:where(body.ln-page, body.page-course) .mp-drop-txt b { color:var(--mp-link);font-weight:500 }
:where(body.ln-page, body.page-course) .mp-drop .mp-file { position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0 }
:where(body.ln-page, body.page-course) .mp-drop.has-file { border-style:solid;border-color:var(--mp-ok);background:#fff }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-drop.has-file { background: #131313; }
:where(body.ln-page, body.page-course) .mp-btn { width:100%;border:0;border-radius:10px;font:600 14px var(--mp-sans);cursor:pointer;touch-action:manipulation;display:inline-flex; align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .15s }
:where(body.ln-page, body.page-course) .mp-primary, :where(body.ln-page, body.page-course) .mp-submit { height:50px;background:var(--mp-accent);color:var(--mp-on-accent) }
:where(body.ln-page, body.page-course) .mp-primary:hover, :where(body.ln-page, body.page-course) .mp-submit:hover { background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),var(--mp-accent) }
:where(body.ln-page, body.page-course) .mp-open { height:44px;font-weight:600;background:var(--mp-ink);color:var(--mp-on-ink) }
:where(body.ln-page, body.page-course) .mp-open:hover { background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),var(--mp-ink);color:var(--mp-on-ink) }
:where(body.ln-page, body.page-course) .mp-note { text-align:center;font:400 11.5px var(--mp-sans);color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-error { background:#fdf3f2;color:#8a2b1c;border:1px solid rgba(160,60,40,.25);border-radius:9px;padding:10px 12px;font:400 13px var(--mp-sans) }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-error { background: #21100E; color: #E79588; }
:where(body.ln-page, body.page-course) .mp-inv { border:1px solid rgba(0,0,0,.09);border-radius:10px;overflow:hidden }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-inv { border: 1px solid rgba(255,255,255,0.09); }
:where(body.ln-page, body.page-course) .mp-inv-h { padding:10px 14px;background:var(--mp-rail);border-bottom:1px solid var(--mp-l1); font:500 11px var(--mp-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-inv-r { display:flex;justify-content:space-between;gap:16px;padding:10px 14px;font:400 13px var(--mp-sans);color:var(--mp-ink2) }
:where(body.ln-page, body.page-course) .mp-inv-r+.mp-inv-r { border-top:1px solid rgba(0,0,0,.06) }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-inv-r+.mp-inv-r { border-top: 1px solid rgba(255,255,255,0.06); }
:where(body.ln-page, body.page-course) .mp-inv-r b { font-weight:400;color:var(--mp-ink);text-align:right }
:where(body.ln-page, body.page-course) .mp-inv-t { display:flex;justify-content:space-between;padding:12px 14px;border-top:1px solid rgba(0,0,0,.1); background:var(--mp-rail);font:600 14px var(--mp-sans);color:var(--mp-ink) }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-inv-t { border-top: 1px solid rgba(255,255,255,0.1); }
:where(body.ln-page, body.page-course) .mp-inv-t b { font-family:var(--mp-mono);font-weight:600 }
:where(body.ln-page, body.page-course) .mp-success { padding:44px 30px;text-align:center;max-width:620px;margin:auto }
:where(body.ln-page, body.page-course) .mp-success-icon { width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--mp-ok);color:#fff; display:flex;align-items:center;justify-content:center;font-size:26px;animation:mpPop .5s cubic-bezier(.68,-.55,.27,1.55) both }
@keyframes mpPop { from{transform:scale(0)} }
@media (prefers-reduced-motion:reduce) {
    :where(body.ln-page, body.page-course) .mp-success-icon { animation:none }
}
:where(body.ln-page, body.page-course) .mp-success h4 { margin:0 0 8px;font:600 20px var(--mp-sans);color:var(--mp-ink) }
:where(body.ln-page, body.page-course) .mp-success p { margin:0 0 20px;font:400 14px/1.6 var(--mp-sans);color:var(--mp-ink2) }
:where(body.ln-page, body.page-course) .mp-acct { text-align:left;background:#fff;border:1px solid var(--mp-l2);border-radius:10px;padding:16px;margin-bottom:18px }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course) .mp-acct { background: #131313; }
:where(body.ln-page, body.page-course) .mp-acct-l { margin-bottom:10px;font:500 11px var(--mp-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--mp-mut) }
:where(body.ln-page, body.page-course) .mp-acct-v { font:400 13.5px/2 var(--mp-sans);color:var(--mp-ink2) }
:where(body.ln-page, body.page-course) .mp-acct-v b { font-family:var(--mp-mono);font-weight:500;color:var(--mp-ink) }
@media (min-width:1600px) {
    :where(body.ln-page, body.page-course) .mp-col-left { padding:36px 40px }
    :where(body.ln-page, body.page-course) .mp-col-right { padding:36px 48px }
@media (min-width:1200px) {
    /* the full-bleed sheet uses its width: wider rail, bigger amount, the invoice pinned beside the form */
    :where(body.ln-page, body.page-course) .mp-cols { grid-template-columns:minmax(380px,30%) 1fr }
    :where(body.ln-page, body.page-course) .mp-col-left { gap:26px }
    :where(body.ln-page, body.page-course) .mp-col-right { gap:26px }
    :where(body.ln-page, body.page-course) .mp-price { font-size:52px }
    :where(body.ln-page, body.page-course) #mpForm { display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);grid-template-areas:"fields inv" "submit inv" "note inv";column-gap:48px;row-gap:18px;align-items:start }
    :where(body.ln-page, body.page-course) #mpForm .mp-grid { grid-area:fields }
    :where(body.ln-page, body.page-course) #mpForm .mp-submit { grid-area:submit;margin:0 }
    :where(body.ln-page, body.page-course) #mpForm .mp-note { grid-area:note;margin:0 }
    :where(body.ln-page, body.page-course) #mpForm .mp-inv { grid-area:inv;position:sticky;top:96px;margin:0 }
    :where(body.ln-page, body.page-course) #mpForm .mp-inv-r, :where(body.ln-page, body.page-course) #mpForm .mp-inv-t { padding:14px 18px;font-size:14px }
    :where(body.ln-page, body.page-course) #mpForm .mp-inv-t b { font-size:18px }
}
}
@media (max-width:900px) {
    :where(body.ln-page, body.page-course) .mp-cols { display:block }
    :where(body.ln-page, body.page-course) .mp-col-left { border-right:0;border-bottom:1px solid var(--mp-l1) }
    :where(body.ln-page, body.page-course) .mp-col-left, :where(body.ln-page, body.page-course) .mp-col-right { padding:20px 16px }
    :where(body.ln-page, body.page-course) .mp-col-right { padding-bottom:calc(24px + env(safe-area-inset-bottom,0px)) }
    :where(body.ln-page, body.page-course) .mp-grid { grid-template-columns:1fr }
    :where(body.ln-page, body.page-course) .mp-steps li { flex:1 1 100%;padding:0 0 0 30px;border-left:0 }
    :where(body.ln-page, body.page-course) .mp-steps li::before { left:0 }
    :where(body.ln-page, body.page-course) .mp-head { padding:13px 16px;gap:12px }
    :where(body.ln-page, body.page-course) .mp-head-r { gap:10px }
    :where(body.ln-page, body.page-course) .mp-close { width:40px;height:40px;font-size:20px }
    :where(body.ln-page, body.page-course) .mp-price { font-size:34px }
    :where(body.ln-page, body.page-course) .mp-qr img { width:min(200px,56vw);height:min(200px,56vw) }
    :where(body.ln-page, body.page-course) .mp-trust { gap:10px 16px;flex-wrap:wrap }
    :where(body.ln-page, body.page-course) .mp-input { font-size:16px }
    :where(body.ln-page, body.page-course) .mp-submit, :where(body.ln-page, body.page-course) .mp-primary { height:52px }
}
@media (max-width:420px) {
    :where(body.ln-page, body.page-course) .mp-head { padding:12px 14px }
    :where(body.ln-page, body.page-course) .mp-col-left, :where(body.ln-page, body.page-course) .mp-col-right { padding:18px 14px }
    :where(body.ln-page, body.page-course) .mp-cc { flex:0 0 104px;max-width:104px }
    :where(body.ln-page, body.page-course) .mp-price { font-size:30px }
    :where(body.ln-page, body.page-course) .mp-idbox-id { font-size:14.5px }
    :where(body.ln-page, body.page-course) .mp-head-s { display:none }
    :where(body.ln-page, body.page-course) .mp-secure { font-size:11px }
}

/* ======================= dial-code picker (home, course, partner application, product pages) ======================= */
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc { position: relative; font-family: inherit; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc.proof-cc, :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc.bf-cc, :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc.mp-cc { padding: 0; border: 0; background: transparent; cursor: default; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 11px 12px; border: 2px solid #DADCE0; border-radius: 6px; background: #fff; color: #1F1F1F; font: inherit; font-size: 14px; cursor: pointer; text-align: left; touch-action: manipulation; transition: border-color .15s, box-shadow .15s; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-btn { border: 2px solid #37393C; background: #131313; color: #D6D6D6; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-btn:hover { border-color: #C4C7C5; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-btn:hover { border-color: #454645; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc.open .rsdc-btn { border-color: var(--c-accent, #0B57D0); box-shadow: 0 0 0 3px rgba(0,116,217,.15); }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-caret { font-size: 11px; color: #80868B; flex: 0 0 auto; transition: transform .15s; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-caret { color: #848A8E; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc.open .rsdc-caret { transform: rotate(180deg); }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-panel { display: none; position: fixed; z-index: 2147483000; top: 0; left: 0; width: 260px; background: #fff; border: 1px solid #DADCE0; border-radius: 8px; box-shadow: 0 12px 30px rgba(15,23,42,.18); overflow: hidden; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-panel { background: #131313; border: 1px solid #37393C; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc.open .rsdc-panel { display: block; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-search { display: flex; align-items: center; gap: 7px; padding: 9px 11px; border-bottom: 1px solid #E8EAED; background: #F8F9FA; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-search { border-bottom: 1px solid #303236; background: #151719; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-search i { color: #80868B; font-size: 12px; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-search i { color: #848A8E; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-q { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 16px; color: #1F1F1F; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-q { color: #D6D6D6; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-list { max-height: 260px; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-opt { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; font-size: 13.5px; color: #1F1F1F; cursor: pointer; border-bottom: 1px solid #f6f8fa; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-opt { color: #D6D6D6; border-bottom: 1px solid #262C33; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-opt:last-child { border-bottom: 0; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-opt.on, :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-opt:hover { background: #E8F0FE; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-opt.on, :where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-opt:hover { background: #0D1728; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-opt.sel { font-weight: 700; color: #0B57D0; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-opt.sel { color: #7BAAF4; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-code { color: #5F6368; font-size: 12.5px; font-variant-numeric: tabular-nums; flex: 0 0 auto; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-code { color: #9EA2A7; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-opt.sel .rsdc-code { color: #0B57D0; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-opt.sel .rsdc-code { color: #7BAAF4; }
:where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-none { padding: 16px 12px; text-align: center; color: #80868B; font-size: 12.5px; }
:where(html[data-theme="dark"]) :where(body.ln-page, body.page-course, body.page-partner-application, body.page-code-file, body.co-page, body.auth-page, body.page-meet) .rsdc-none { color: #848A8E; }

/* ======================= custom system CTA banner (product pages) ======================= */
:where(body.page-code-file) .cta-banner { background: linear-gradient(135deg, #1F1F1F 0%, #1F1F1F 100%); border-radius: 10px; margin-bottom: 12px; padding: 18px 24px; display: flex; align-items: center; gap: 20px; position: relative; overflow: hidden; border: 1px solid rgba(96,165,250,0.15); }
:where(body.page-code-file) .cta-banner::before { content: ''; position: absolute; top: -80px; right: -80px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(var(--c-accent-rgb, 37,99,235),0.12) 0%, transparent 70%); pointer-events: none; }
:where(body.page-code-file) .cta-banner::after { content: ''; position: absolute; bottom: -60px; left: 30%; width: 160px; height: 160px; background: radial-gradient(circle, rgba(37,211,102,0.06) 0%, transparent 70%); pointer-events: none; }
:where(body.page-code-file) .cta-banner-left { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; position: relative; z-index: 1; }
:where(body.page-code-file) .cta-banner-icon { width: 48px; height: 48px; min-width: 48px; background: linear-gradient(135deg, var(--c-accent, #0B57D0), #0054a6); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff; box-shadow: 0 4px 14px rgba(var(--c-accent-rgb, 37,99,235),0.3); }
:where(body.page-code-file) .cta-banner-content { flex: 1; min-width: 0; }
:where(body.page-code-file) .cta-banner-title { font-size: 15px; font-weight: 700; color: #F1F3F4; margin-bottom: 3px; line-height: 1.3; }
:where(body.page-code-file) .cta-banner-title span { color: var(--c-accent-soft, #87A9F4); }
:where(html[data-theme="dark"]) :where(body.page-code-file) .cta-banner-title span { color: var(--g-link); }
:where(body.page-code-file) .cta-banner-text { font-size: 12px; color: #80868B; line-height: 1.4; }
:where(html[data-theme="dark"]) :where(body.page-code-file) .cta-banner-text { color: #848A8E; }
:where(body.page-code-file) .cta-banner-tags { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 8px; }
:where(body.page-code-file) .cta-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 5px; font-size: 10px; font-weight: 600; background: rgba(96,165,250,0.1); color: var(--c-tint-line, #DADCE0); border: 1px solid rgba(96,165,250,0.15); transition: all 0.25s; }
:where(body.page-code-file) .cta-tag:hover { background: rgba(96,165,250,0.2); border-color: rgba(96,165,250,0.35); color: var(--c-tint-line, #DADCE0); }
:where(body.page-code-file) .cta-tag i { font-size: 9px; }
:where(body.page-code-file) .cta-banner-right { display: flex; flex-direction: column; align-items: center; gap: 10px; position: relative; z-index: 1; }
:where(body.page-code-file) .cta-banner-stats { display: flex; gap: 20px; }
:where(body.page-code-file) .cta-stat { text-align: center; }
:where(body.page-code-file) .cta-stat-num { font-size: 18px; font-weight: 800; color: #fff; line-height: 1; }
:where(body.page-code-file) .cta-stat-label { font-size: 9px; color: #5F6368; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 2px; }
:where(html[data-theme="dark"]) :where(body.page-code-file) .cta-stat-label { color: #9EA2A7; }
:where(body.page-code-file) .cta-banner-btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 28px; border-radius: 8px; font-size: 14px; font-weight: 700; background: #25d366; color: #fff; text-decoration: none; white-space: nowrap; transition: all 0.3s; border: none; cursor: pointer; box-shadow: 0 4px 16px rgba(37,211,102,0.3); }
:where(body.page-code-file) .cta-banner-btn:hover { background: #1fbc5a; transform: translateY(-2px); box-shadow: 0 6px 24px rgba(37,211,102,0.45); }
:where(body.page-code-file) .cta-banner-btn i { font-size: 17px; }
@media (max-width: 768px) {
    :where(body.page-code-file) .cta-banner { padding: 14px 16px; gap: 12px; flex-direction: column; align-items: stretch; }
    :where(body.page-code-file) .cta-banner-left { gap: 10px; }
    :where(body.page-code-file) .cta-banner-icon { width: 40px; height: 40px; min-width: 40px; font-size: 17px; border-radius: 10px; }
    :where(body.page-code-file) .cta-banner-title { font-size: 13px; }
    :where(body.page-code-file) .cta-banner-text { font-size: 11px; }
    :where(body.page-code-file) .cta-tag { font-size: 9px; padding: 3px 8px; }
    :where(body.page-code-file) .cta-banner-right { flex-direction: row; justify-content: space-between; align-items: center; gap: 14px; }
    :where(body.page-code-file) .cta-banner-stats { gap: 18px; }
    :where(body.page-code-file) .cta-stat-num { font-size: 16px; }
    :where(body.page-code-file) .cta-banner-btn { padding: 10px 20px; font-size: 13px; flex: 1; justify-content: center; }
}
@media (max-width: 420px) {
    :where(body.page-code-file) .cta-banner-icon { display: none; }
    :where(body.page-code-file) .cta-banner-stats { display: none; }
    :where(body.page-code-file) .cta-banner-right { flex-direction: column; }
    :where(body.page-code-file) .cta-banner-btn { width: 100%; justify-content: center; }
}

/* ======================= subscribe / announcement / offer overlay (product pages) ======================= */
:where(body.page-code-file) .swal2-container { z-index: 999999 !important; }
:where(body.page-code-file) .subscribe-request-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #1F1F1F 0%, #3C4043 50%, #0B57D0 100%); z-index: 99999; display: flex; justify-content: center; align-items: center; opacity: 1; transition: opacity 0.5s ease; }
:where(body.page-code-file) .subscribe-request-overlay.fade-out { opacity: 0; pointer-events: none; }
:where(body.page-code-file) .subscribe-request-content { text-align: center; padding: 40px 30px; max-width: 550px; width: 90%; }
:where(body.page-code-file) .subscribe-request-free-badge { display: inline-block; background: var(--sr-badge-bg); color: white; padding: 6px 20px; border-radius: 20px; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 20px; box-shadow: 0 4px 15px var(--sr-badge-shadow); }
:where(body.page-code-file) .subscribe-request-icon { margin-bottom: 20px; animation: pulse-icon 2s ease-in-out infinite; }
@keyframes pulse-icon { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
:where(body.page-code-file) .subscribe-request-title { color: white; font-size: 28px; font-weight: 800; margin-bottom: 12px; line-height: 1.3; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }
:where(body.page-code-file) .subscribe-request-subtitle { color: rgba(255, 255, 255, 0.85); font-size: 16px; font-weight: 400; margin-bottom: 35px; line-height: 1.6; }
:where(body.page-code-file) .subscribe-request-buttons { display: flex; flex-direction: column; align-items: center; gap: 12px; }
:where(body.page-code-file) .subscribe-request-btn { display: inline-flex; align-items: center; justify-content: center; padding: 15px 36px; border-radius: 50px; font-size: 17px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; text-decoration: none; border: none; min-width: 260px; }
:where(body.page-code-file) .subscribe-request-btn-primary { background: var(--sr-btn-bg); color: white; box-shadow: 0 6px 25px var(--sr-btn-shadow); }
:where(body.page-code-file) .subscribe-request-btn-primary:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 10px 35px var(--sr-btn-shadow-hover); }
:where(body.page-code-file) .subscribe-request-btn-secondary { background: transparent; color: rgba(255, 255, 255, 0.9); border: 2px solid rgba(255, 255, 255, 0.4); font-family: inherit; font-size: 15px; }
:where(body.page-code-file) .subscribe-request-btn-secondary:hover { background: rgba(255, 255, 255, 0.1); border-color: white; color: white; transform: translateY(-2px); }
@media (max-width: 768px) {
    :where(body.page-code-file) .subscribe-request-content { padding: 30px 20px; }
    :where(body.page-code-file) .subscribe-request-icon svg { width: 55px; height: 55px; }
    :where(body.page-code-file) .subscribe-request-title { font-size: 22px; }
    :where(body.page-code-file) .subscribe-request-subtitle { font-size: 14px; margin-bottom: 28px; }
    :where(body.page-code-file) .subscribe-request-btn { padding: 13px 28px; font-size: 15px; min-width: 230px; }
}
@media (max-width: 480px) {
    :where(body.page-code-file) .subscribe-request-title { font-size: 19px; }
    :where(body.page-code-file) .subscribe-request-subtitle { font-size: 13px; }
    :where(body.page-code-file) .subscribe-request-btn { padding: 12px 24px; font-size: 14px; min-width: 200px; }
    :where(body.page-code-file) .subscribe-request-btn-secondary { font-size: 13px; }
}
:where(body.page-code-file) .subscribe-request-overlay.sr-subscribe { --sr-badge-bg: linear-gradient(135deg, #27a659 0%, #1e8449 100%); --sr-badge-shadow: rgba(39, 166, 89, 0.4); --sr-btn-bg: linear-gradient(135deg, #ef5350 0%, #c62828 100%); --sr-btn-shadow: rgba(239, 83, 80, 0.5); --sr-btn-shadow-hover: rgba(239, 83, 80, 0.7); }
:where(body.page-code-file) .subscribe-request-overlay.sr-announcement { --sr-badge-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --sr-badge-shadow: rgba(245, 158, 11, 0.4); --sr-btn-bg: linear-gradient(135deg, #1e3a5f 0%, #0c2340 100%); --sr-btn-shadow: rgba(30, 58, 95, 0.5); --sr-btn-shadow-hover: rgba(30, 58, 95, 0.7); }
:where(body.page-code-file) .subscribe-request-overlay.sr-offer { --sr-badge-bg: linear-gradient(135deg, #1A73E8 0%, #0B57D0 100%); --sr-badge-shadow: rgba(26, 115, 232, 0.4); --sr-btn-bg: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); --sr-btn-shadow: rgba(34, 197, 94, 0.5); --sr-btn-shadow-hover: rgba(34, 197, 94, 0.7); }

/* ======================= card re-check toast (checkout result pages) ======================= */
.card-recheck { position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9000;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;background:#0f172a;color:#fff;font-size:14px;font-weight:600;box-shadow:0 12px 30px rgba(0,0,0,.25);max-width:92vw }
.card-recheck i { color:#60a5fa }
.card-recheck.is-done i { color:#fbbf24 }

/* ======================= footer ======================= */
:where(body.pub) .rs-footer { --f-bg:#07080B; --f-card:#101218; --f-line:rgba(255,255,255,.08); --f-line-2:rgba(255,255,255,.14); --f-text:#F3F5F9; --f-mute:#A3ABBA; --f-dim:#7B8494; --f-acc:color-mix(in srgb, var(--c-accent,#2563EB) 72%, #fff); position:relative; background:var(--f-bg); color:var(--f-mute); padding:72px 20px 26px; font-family:inherit; border-top:1px solid var(--f-line); overflow:hidden; }
:where(body.pub) .rs-footer::before { content:''; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size:72px 72px; -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0, #000 20%, transparent 75%); mask-image:radial-gradient(ellipse 70% 60% at 50% 0, #000 20%, transparent 75%); }
:where(body.pub) .rs-footer *, :where(body.pub) .rs-footer *::before, :where(body.pub) .rs-footer *::after { box-sizing:border-box; }
:where(body.pub) .rs-footer a { color:var(--f-mute); text-decoration:none; }
:where(body.pub) .rs-footer .rsf-container { position:relative; z-index:1; max-width:1240px; margin:0 auto; }
:where(body.pub) .rs-footer .rsf-kicker { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--f-acc); }
:where(body.pub) .rs-footer .rsf-kicker::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; }
:where(body.pub) .rs-footer .rsf-off-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:26px; }
:where(body.pub) .rs-footer .rsf-off-head h2 { margin:10px 0 0; font-family:var(--rs-font-display); font-size:clamp(26px,3vw,38px); font-weight:700; line-height:1.1; letter-spacing:-.03em; color:var(--f-text); }
:where(body.pub) .rs-footer .rsf-off-head p { margin:0; max-width:380px; font-size:14px; line-height:1.6; text-align:right; }
:where(body.pub) .rs-footer .rsf-offices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--f-line); border-radius:10px; background:rgba(255,255,255,.015); }
:where(body.pub) .rs-footer .rsf-off { padding:26px 26px 24px; min-width:0; transition:background .3s; }
:where(body.pub) .rs-footer .rsf-off + .rsf-off { border-left:1px solid var(--f-line); }
:where(body.pub) .rs-footer .rsf-off:hover { background:rgba(255,255,255,.025); }
:where(body.pub) .rs-footer .rsf-off-c { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--f-dim); }
:where(body.pub) .rs-footer .rsf-regions { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; margin:16px 0 0; font-size:13.5px; }
:where(body.pub) .rs-footer .rsf-regions span { color:var(--f-dim); font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:11.5px; margin-right:4px; }
:where(body.pub) .rs-footer .rsf-regions a { color:var(--f-mute); padding:6px 0; }
:where(body.pub) .rs-footer .rsf-regions a:hover { color:var(--f-text); }
:where(body.pub) .rs-footer .rsf-off-c img { width:22px; height:16px; border-radius:2px; box-shadow:0 0 0 1px var(--f-line-2); flex:none; }
:where(body.pub) .rs-footer .rsf-off h3 { margin:14px 0 2px; font-family:var(--rs-font-display); font-size:24px; font-weight:700; letter-spacing:-.02em; color:var(--f-text); }
:where(body.pub) .rs-footer .rsf-off-r { display:block; margin-bottom:14px; font-size:14px; color:var(--f-mute); }
:where(body.pub) .rs-footer .rsf-off p { margin:14px 0 16px; font-size:14px; line-height:1.6; }
:where(body.pub) .rs-footer .rsf-off-m { display:flex; align-items:flex-start; gap:8px; margin-top:6px; font-size:12.5px; font-weight:600; color:var(--f-mute); }
:where(body.pub) .rs-footer .rsf-off-m i { width:14px; margin-top:2px; text-align:center; color:var(--f-acc); flex:none; }
:where(body.pub) .rs-footer .rsf-grid { display:grid; grid-template-columns:1.5fr repeat(4,minmax(0,1fr)) 1.75fr; gap:28px; margin:56px 0 44px; }
:where(body.pub) .rs-footer .rsf-logo { display:flex; align-items:center; gap:11px; margin-bottom:14px; }
:where(body.pub) .rs-footer .rsf-logo img { width:36px; height:36px; border-radius:50%; flex:none; }
:where(body.pub) .rs-footer .rsf-logo b { display:block; font-family:var(--rs-font-display); font-size:17px; font-weight:700; color:var(--f-text); }
:where(body.pub) .rs-footer .rsf-logo small { display:block; margin-top:3px; font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--f-dim); }
:where(body.pub) .rs-footer .rsf-brand p { margin:0 0 18px; font-size:14px; line-height:1.7; }
:where(body.pub) .rs-footer .rsf-trust { display:flex; flex-wrap:wrap; gap:6px; }
:where(body.pub) .rs-footer .rsf-trust span { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid var(--f-line-2); border-radius:6px; font-size:12px; font-weight:600; color:#C9CFDA; }
:where(body.pub) .rs-footer .rsf-trust i { color:#4ADE80; }
:where(body.pub) .rs-footer .rsf-col h4 { margin:0 0 16px; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--f-text); }
:where(body.pub) .rs-footer .rsf-col > a { display:block; padding:5px 0; font-size:14px; transition:color .2s, transform .2s; }
:where(body.pub) .rs-footer .rsf-col > a:hover { color:#fff; transform:translateX(3px); }
:where(body.pub) .rs-footer .rsf-work h4 i { color:var(--f-acc); margin-right:6px; }
:where(body.pub) .rs-footer .rsf-work a { display:flex; align-items:center; gap:11px; padding:11px 12px; margin-bottom:8px; border:1px solid var(--f-line); border-radius:10px; background:var(--f-card); color:var(--f-text); font-size:13.5px; font-weight:700; transition:border-color .25s, background .25s; }
:where(body.pub) .rs-footer .rsf-work a > i { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; font-size:15px; color:#fff; flex:none; }
:where(body.pub) .rs-footer .rsf-work .rsf-wa > i { background:#25D366; color:#06301F; }
:where(body.pub) .rs-footer .rsf-work .rsf-em > i { background:#0EA5E9; }
:where(body.pub) .rs-footer .rsf-work .rsf-wa:hover { border-color:rgba(37,211,102,.5); background:rgba(37,211,102,.07); }
:where(body.pub) .rs-footer .rsf-work .rsf-em:hover { border-color:rgba(14,165,233,.5); background:rgba(14,165,233,.07); }
:where(body.pub) .rs-footer .rsf-work a > span { min-width:0; }
:where(body.pub) .rs-footer .rsf-work small { display:block; margin-top:1px; font-size:12.5px; font-weight:500; color:var(--f-mute); overflow-wrap:anywhere; }
:where(body.pub) .rs-footer .rsf-work a > em { margin-left:auto; flex:none; font-style:normal; font-size:11px; color:var(--f-dim); }
:where(body.pub) .rs-footer .rsf-social { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:14px; }
:where(body.pub) .rs-footer .rsf-social a { display:inline-flex; align-items:center; justify-content:center; gap:7px; height:38px; padding:0 8px; white-space:nowrap; border:1px solid var(--f-line-2); border-radius:10px; color:#D3D8E1; font-size:12.5px; font-weight:700; transition:background .25s, border-color .25s, color .25s; }
:where(body.pub) .rs-footer .rsf-social a i { font-size:15px; color:#FF4D4D; }
:where(body.pub) .rs-footer .rsf-social a:hover { background:#FF0000; border-color:transparent; color:#fff; }
:where(body.pub) .rs-footer .rsf-social a:hover i { color:#fff; }
:where(body.pub) .rs-footer .rsf-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; padding-top:22px; border-top:1px solid var(--f-line); font-size:13px; }
:where(body.pub) .rs-footer .rsf-bottom p { margin:0; }
:where(body.pub) .rs-footer .rsf-legal { margin-top:3px !important; font-size:12px; color:var(--f-dim); }
:where(body.pub) .rs-footer .rsf-links { display:flex; flex-wrap:wrap; gap:6px 18px; }
:where(body.pub) .rs-footer .rsf-links a { font-size:13px; }
:where(body.pub) .rs-footer .rsf-links a:hover { color:#fff; }
:where(body.pub) .rs-footer a:focus-visible { outline:2px solid var(--f-acc); outline-offset:3px; border-radius:6px; }
@media (max-width:1200px) {
    :where(body.pub) .rs-footer .rsf-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
    :where(body.pub) .rs-footer .rsf-brand, :where(body.pub) .rs-footer .rsf-work { grid-column:span 2; }
}
@media (max-width:900px) {
    :where(body.pub) .rs-footer .rsf-off-head { flex-direction:column; align-items:flex-start; }
    :where(body.pub) .rs-footer .rsf-off-head p { text-align:left; }
    :where(body.pub) .rs-footer .rsf-offices { grid-template-columns:1fr; }
    :where(body.pub) .rs-footer .rsf-off + .rsf-off { border-left:0; border-top:1px solid var(--f-line); }
}
@media (max-width:768px) {
    :where(body.pub) .rs-footer { padding:56px 16px calc(24px + env(safe-area-inset-bottom,0px)); }
    :where(body.pub) .rs-footer .rsf-off { padding:22px 20px; }
    :where(body.pub) .rs-footer .rsf-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; margin:44px 0 34px; }
    :where(body.pub) .rs-footer .rsf-brand, :where(body.pub) .rs-footer .rsf-work { grid-column:span 2; }
    :where(body.pub) .rs-footer .rsf-col > a { padding:8px 0; }
    :where(body.pub) .rs-footer .rsf-bottom { flex-direction:column; align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce) {
    :where(body.pub) .rs-footer .rsf-col > a, :where(body.pub) .rs-footer .rsf-work a { transition:none; }
}
@media (min-width:1800px) {
    :where(body.pub) .rs-footer .rsf-grid { gap:40px; }
    :where(body.pub) .rs-footer .rsf-off-head p { max-width:460px; font-size:15px; }
}

/* ======================= former inline style="…" attributes (one class per value) ======================= */
/* former inline style="…" attributes of the public pages — one class per value. !important keeps the old inline precedence
   (a style attribute outranked every rule); display:none stayed inline because page scripts toggle it */
.x-bgccard-p30-r14-m200-bd3solidacc-posrelative { background: var(--c-card, #fff) !important; padding: 30px !important; border-radius: 14px !important; margin: 20px 0 !important; border: 3px solid var(--c-accent) !important; position: relative !important; box-shadow: 0 8px 30px rgba(var(--c-accent-rgb),0.25) !important; }
.x-bgccard-p30-r14-m200-sh0830rgbaac-bd1solidac { background: var(--c-card, #fff) !important; padding: 30px !important; border-radius: 14px !important; margin: 20px 0 !important; box-shadow: 0 8px 30px rgba(var(--c-accent-rgb),0.16) !important; border: 1px solid var(--c-accent-soft) !important; border-top: 3px solid var(--c-accent) !important; }
.x-bgctint2-cacc-p310-r14-fs11-fw600 { background: var(--c-tint-2) !important; color: var(--c-accent) !important; padding: 3px 10px !important; border-radius: 14px !important; font-size: 11px !important; font-weight: 600 !important; }
.x-bgctintline-r14-h30-mb20-posrelative-ovhidde { background: var(--c-tint-line, #DADCE0) !important; border-radius: 14px !important; height: 30px !important; margin-bottom: 20px !important; position: relative !important; overflow: hidden !important; }
.x-bggrad-bd1solidctin-r14-p1620-m20016-dflex-a { background: linear-gradient(135deg, var(--c-tint) 0%, var(--c-tint-2) 100%) !important; border: 1px solid var(--c-tint-line) !important; border-radius: 14px !important; padding: 16px 20px !important; margin: 20px 0 16px !important; display: flex !important; align-items: center !important; gap: 14px !important; flex-wrap: wrap !important; }
.x-bggrad-cwhite-p1840-r14-fs17-fw700-curwait-s { background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important; color: white !important; padding: 18px 40px !important; border-radius: 14px !important; font-size: 17px !important; font-weight: 700 !important; cursor: wait !important; box-shadow: 0 6px 20px rgba(220,38,38,0.4) !important; transition: all 0.3s !important; border: none !important; display: inline-flex !important; align-items: center !important; gap: 12px !important; min-height: 44px !important; touch-action: manipulation !important; opacity: 0.7 !important; }
.x-bggrad-r14-p6030-tacenter-cconprimary { background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%) !important; border-radius: 14px !important; padding: 60px 30px !important; text-align: center !important; color: var(--c-on-primary, #fff) !important; }
.x-bggrad-tacenter-cwhite { background: linear-gradient(135deg, var(--navy-primary) 0%, var(--navy-light) 100%) !important; text-align: center !important; color: white !important; }
.x-bggray200-p26-r4-fs13 { background: var(--gray-200) !important; padding: 2px 6px !important; border-radius: 4px !important; font-size: 13px !important; }
.x-bgrgba161851-cfff { background: rgba(16,185,129,0.9) !important; color: #fff !important; }
.x-c003087 { color: #003087 !important; }
:where(html[data-theme="dark"]) .x-c003087 { color: #7BA6F4 !important; }
.x-c006fcf { color: #006fcf !important; }
:where(html[data-theme="dark"]) .x-c006fcf { color: #7BBCF4 !important; }
.x-c0074d9 { color: #0B57D0 !important; }
:where(html[data-theme="dark"]) .x-c0074d9 { color: #7BAAF4 !important; }
.x-c00baf2 { color: #00BAF2 !important; }
:where(html[data-theme="dark"]) .x-c00baf2 { color: #7BD8F4 !important; }
.x-c059669-fw700-tdunderline { color: #059669 !important; font-weight: 700 !important; text-decoration: none !important; }
:where(html[data-theme="dark"]) .x-c059669-fw700-tdunderline { color: #7BF4CF !important; }
.x-c10b981 { color: #10b981 !important; }
:where(html[data-theme="dark"]) .x-c10b981 { color: #7CF4CC !important; }
.x-c1a1f71 { color: #1a1f71 !important; }
:where(html[data-theme="dark"]) .x-c1a1f71 { color: #8B90E4 !important; }
.x-c25d366 { color: #25D366 !important; }
:where(html[data-theme="dark"]) .x-c25d366 { color: #86EAAB !important; }
.x-c3498db { color: #3498db !important; }
:where(html[data-theme="dark"]) .x-c3498db { color: #86C1E9 !important; }
.x-c3b82f6 { color: #1A73E8 !important; }
:where(html[data-theme="dark"]) .x-c3b82f6 { color: #7DB0F2 !important; }
.x-c4285f4 { color: #4285f4 !important; }
.x-c64748b-fw500 { color: #5F6368 !important; font-weight: 500 !important; }
:where(html[data-theme="dark"]) .x-c64748b-fw500 { color: #9EA2A7 !important; }
.x-c666-fs16 { color: #666 !important; font-size: 16px !important; }
:where(html[data-theme="dark"]) .x-c666-fs16 { color: #A1A1A1 !important; }
.x-c6d28d9-mr4 { color: #0842A0 !important; margin-right: 4px !important; }
:where(html[data-theme="dark"]) .x-c6d28d9-mr4 { color: #7BA9F4 !important; }
.x-c777bb4-mr4 { color: #777BB4 !important; margin-right: 4px !important; }
:where(html[data-theme="dark"]) .x-c777bb4-mr4 { color: #A3A6CC !important; }
.x-c7b61ff-mr4 { color: #7b61ff !important; margin-right: 4px !important; }
.x-c7c3aed { color: #0B57D0 !important; }
:where(html[data-theme="dark"]) .x-c7c3aed { color: #7BAAF4 !important; }
.x-c7dd3fc { color: #7dd3fc !important; }
.x-cacc { color: var(--c-accent) !important; }
.x-cacc-fw700 { color: var(--c-accent) !important; font-weight: 700 !important; }
.x-cacc-fw700-tdnone { color: var(--c-accent) !important; font-weight: 700 !important; text-decoration: none !important; }
.x-cacc-marg8 { color: var(--c-accent) !important; margin-inline-end: 8px !important; }
.x-cacc-mr4 { color: var(--c-accent) !important; margin-right: 4px !important; }
.x-cacc-mr4-2 { color: var(--c-accent, #1A73E8) !important; margin-right: 4px !important; }
.x-cacc-mr6 { color: var(--c-accent) !important; margin-right: 6px !important; }
.x-cb45309 { color: #b45309 !important; }
:where(html[data-theme="dark"]) .x-cb45309 { color: #F4AF7B !important; }
.x-ccfok { color: var(--cf-ok) !important; }
.x-ccfok-fs22-fw700-mb8 { color: var(--cf-ok) !important; font-size: 22px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.x-ccfokdeep-fs15-m0 { color: var(--cf-ok-deep) !important; font-size: 15px !important; margin: 0 !important; }
.x-ccfokdeep-fs15-m0-fw500 { color: var(--cf-ok-deep) !important; font-size: 15px !important; margin: 0 !important; font-weight: 500 !important; }
.x-cconaccent-fs18 { color: var(--c-on-accent, #fff) !important; font-size: 18px !important; }
.x-cconaccent-fw700-fs14-posabsolute-left50-tra { color: var(--c-on-accent, #fff) !important; font-weight: 700 !important; font-size: 14px !important; position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 2 !important; }
.x-ccsupport { color: var(--c-support,#25D366) !important; }
.x-cctext-fs13-m004-fw600 { color: var(--c-text, #1F1F1F) !important; font-size: 13px !important; margin: 0 0 4px !important; font-weight: 600 !important; }
.x-cctext-fs20-fw700-m00100 { color: var(--c-text, #1F1F1F) !important; font-size: 20px !important; font-weight: 700 !important; margin: 0 0 10px 0 !important; }
.x-cctext-fs22-fw700-m00100 { color: var(--c-text, #1F1F1F) !important; font-size: 22px !important; font-weight: 700 !important; margin: 0 0 10px 0 !important; }
.x-cctext-fw600-fs13-mb3 { color: var(--c-text, #1F1F1F) !important; font-weight: 600 !important; font-size: 13px !important; margin-bottom: 3px !important; }
.x-cdanger { color: var(--danger) !important; }
.x-cdc2626 { color: #dc2626 !important; }
:where(html[data-theme="dark"]) .x-cdc2626 { color: #EB8484 !important; }
.x-cdc3545 { color: #dc3545 !important; }
:where(html[data-theme="dark"]) .x-cdc3545 { color: #EA858F !important; }
.x-ce34f26-mr4 { color: #e34f26 !important; margin-right: 4px !important; }
:where(html[data-theme="dark"]) .x-ce34f26-mr4 { color: #EF9881 !important; }
.x-ce67e22 { color: #e67e22 !important; }
:where(html[data-theme="dark"]) .x-ce67e22 { color: #F0B47F !important; }
.x-cea4335 { color: #ea4335 !important; }
:where(html[data-theme="dark"]) .x-cea4335 { color: #F2877E !important; }
.x-ceb001b { color: #eb001b !important; }
:where(html[data-theme="dark"]) .x-ceb001b { color: #F47B89 !important; }
.x-cf3ba2f { color: #F3BA2F !important; }
:where(html[data-theme="dark"]) .x-cf3ba2f { color: #F4D17B !important; }
.x-cf4b400-mr4 { color: #f4b400 !important; margin-right: 4px !important; }
:where(html[data-theme="dark"]) .x-cf4b400-mr4 { color: #F4D47B !important; }
.x-cf59e0b { color: #f59e0b !important; }
:where(html[data-theme="dark"]) .x-cf59e0b { color: #F4C77B !important; }
.x-cf7931a { color: #f7931a !important; }
:where(html[data-theme="dark"]) .x-cf7931a { color: #F4BD7B !important; }
.x-cinherit-tdnone { color: inherit !important; text-decoration: none !important; }
.x-cmute-fs11-lh14 { color: var(--c-text-muted, #5F6368) !important; font-size: 11px !important; line-height: 1.4 !important; }
.x-cmute-fs11-mt12 { color: var(--c-text-muted, #80868B) !important; font-size: 11px !important; margin-top: 12px !important; }
.x-cmute-fs12-fw700-ls1-textuppercase-mb12-tace { color: var(--c-text-muted, #80868B) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; margin-bottom: 12px !important; text-align: center !important; }
.x-cmute-fs12-m0-lh18 { color: var(--c-text-muted, #444746) !important; font-size: 12px !important; margin: 0 !important; line-height: 1.8 !important; }
.x-cmute-fs14-m0 { color: var(--c-text-muted, #5F6368) !important; font-size: 14px !important; margin: 0 !important; }
.x-cmute-fs14-maxw520-m0auto-lh16 { color: var(--c-text-muted, #5F6368) !important; font-size: 14px !important; max-width: 520px !important; margin: 0 auto !important; line-height: 1.6 !important; }
.x-cmute-fs15-m00150-lh16 { color: var(--c-text-muted, #5F6368) !important; font-size: 15px !important; margin: 0 0 15px 0 !important; line-height: 1.6 !important; }
.x-cmute-fw500 { color: var(--c-text-muted, #5F6368) !important; font-weight: 500 !important; }
.x-cnavyaccent { color: var(--navy-accent) !important; }
.x-cnavyaccent-fs14 { color: var(--navy-accent) !important; font-size: 14px !important; }
.x-cnavyaccent-tdnone-fw600 { color: var(--navy-accent) !important; text-decoration: none !important; font-weight: 600 !important; }
.x-cnavyprimar-fw600 { color: var(--navy-primary) !important; font-weight: 600 !important; }
:where(html[data-theme="dark"]) .x-cnavyprimar-fw600 { color: var(--c-ink) !important; }
.x-cols3 { --cols: 3 !important; }
.x-cpri-fs14-m0-fw600 { color: var(--c-primary) !important; font-size: 14px !important; margin: 0 !important; font-weight: 600 !important; }
:where(html[data-theme="dark"]) .x-cpri-fs14-m0-fw600 { color: var(--c-ink) !important; }
.x-cpri-fw600-fs14 { color: var(--c-primary) !important; font-weight: 600 !important; font-size: 14px !important; }
:where(html[data-theme="dark"]) .x-cpri-fw600-fs14 { color: var(--c-ink) !important; }
.x-cpri-mr4 { color: var(--c-primary) !important; margin-right: 4px !important; }
:where(html[data-theme="dark"]) .x-cpri-mr4 { color: var(--c-ink) !important; }
.x-crgba255255-maxw500-m0auto25 { color: rgba(255,255,255,0.9) !important; max-width: 500px !important; margin: 0 auto 25px !important; }
.x-csuccess { color: var(--success) !important; }
.x-curpointer { cursor: pointer !important; }
.x-cwhite { color: white !important; }
.x-cwhite-jccenter { color: white !important; justify-content: center !important; }
.x-dblock-fs11-fw500-op085-mt4 { display: block !important; font-size: 11px !important; font-weight: 500 !important; opacity: 0.85 !important; margin-top: 4px !important; }
.x-dblock-p2015-bggrad-r14-tacenter-tdnone-ccon { display: block !important; padding: 20px 15px !important; background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-secondary) 100%) !important; border-radius: 14px !important; text-align: center !important; text-decoration: none !important; color: var(--c-on-accent, #fff) !important; box-shadow: 0 4px 15px rgba(var(--c-accent-rgb), 0.3) !important; transition: transform 0.2s, box-shadow 0.2s !important; }
.x-dblock-w100-h100 { display: block !important; width: 100% !important; height: 100% !important; }
.x-dcontents { display: contents !important; }
.x-dflex-aicenter-jccenter-gap10-w100-cpri-bgct { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; color: var(--c-primary) !important; background: var(--c-tint-2) !important; border: 1px solid var(--c-tint-line) !important; padding: 16px 36px !important; border-radius: 14px !important; font-size: 17px !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: 0 2px 8px rgba(var(--c-primary-rgb),0.06) !important; transition: all 0.3s !important; box-sizing: border-box !important; }
:where(html[data-theme="dark"]) .x-dflex-aicenter-jccenter-gap10-w100-cpri-bgct { color: var(--c-ink) !important; }
.x-dflex-aicenter-jcspacebetwe { display: flex !important; align-items: center !important; justify-content: space-between !important; }
.x-dflex-flexcolumn-gap10-mt6 { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-top: 6px !important; }
.x-dflex-gap15-jccenter-fxwwrap { display: flex !important; gap: 15px !important; justify-content: center !important; flex-wrap: wrap !important; }
.x-dflex-gap15-jccenter-fxwwrap-mb20 { display: flex !important; gap: 15px !important; justify-content: center !important; flex-wrap: wrap !important; margin-bottom: 20px !important; }
.x-dflex-gap6-fxwwrap-mb12 { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; margin-bottom: 12px !important; }
.x-dgrid-gridrepeat21fr-gap10-maxw360-m0auto20 { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; max-width: 360px !important; margin: 0 auto 20px !important; text-align: center !important; }
.x-dgrid-gridrepeat21fr-gap12-mb25 { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; margin-bottom: 25px !important; }
.x-dgrid-gridrepeat31fr-gap15-mt15 { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 15px !important; margin-top: 15px !important; }
.x-dinlinebloc-fs16-p1645-textuppercase-ls05-sh { display: inline-block !important; font-size: 16px !important; padding: 16px 45px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; box-shadow: 0 6px 25px rgba(37,211,102,0.5) !important; border: none !important; cursor: pointer !important; font-weight: 700 !important; text-decoration: none !important; }
.x-dinlineflex-aicenter-gap10-cconaccent-bggrad { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: var(--c-on-accent, #fff) !important; background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-primary-hover) 100%) !important; padding: 18px 40px !important; border-radius: 14px !important; font-size: 18px !important; font-weight: 700 !important; cursor: pointer !important; box-shadow: 0 6px 20px rgba(var(--c-accent-rgb), 0.4) !important; transition: all 0.3s ease !important; border: none !important; }
.x-dinlineflex-aicenter-gap10-cconaccent-bggrad-2 { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: var(--c-on-accent, #fff) !important; background: linear-gradient(135deg, var(--c-accent, #1A73E8) 0%, var(--c-accent-strong, #0842A0) 100%) !important; padding: 18px 40px !important; border-radius: 14px !important; font-size: 18px !important; font-weight: 700 !important; cursor: pointer !important; box-shadow: 0 6px 20px rgba(var(--c-accent-rgb), 0.4) !important; transition: all 0.3s ease !important; text-decoration: none !important; }
.x-dinlineflex-aicenter-gap10-p1630-fs16-fw700 { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 16px 30px !important; font-size: 16px !important; font-weight: 700 !important; color: var(--c-on-primary, #fff) !important; background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%) !important; border-radius: 14px !important; text-decoration: none !important; box-shadow: 0 6px 20px rgba(var(--c-primary-rgb), 0.4) !important; transition: all 0.3s ease !important; }
.x-dinlineflex-aicenter-gap10-p1630-fs16-fw700-2 { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 16px 30px !important; font-size: 16px !important; font-weight: 700 !important; color: var(--c-on-accent) !important; background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-accent-strong) 100%) !important; border-radius: 14px !important; text-decoration: none !important; box-shadow: 0 6px 20px rgba(var(--c-accent-rgb), 0.4) !important; transition: all 0.3s ease !important; }
.x-dinlineflex-aicenter-gap10-p1630-fs16-fw700-3 { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 16px 30px !important; font-size: 16px !important; font-weight: 700 !important; color: var(--c-on-accent, #fff) !important; background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-primary) 100%) !important; border-radius: 14px !important; text-decoration: none !important; box-shadow: 0 6px 20px rgba(var(--c-accent-rgb), 0.32) !important; transition: all 0.3s ease !important; }
.x-dinlineflex-aicenter-gap10-p1630-fs16-fw700-4 { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 16px 30px !important; font-size: 16px !important; font-weight: 700 !important; color: var(--c-on-accent, #fff) !important; background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-accent-strong) 100%) !important; border-radius: 14px !important; text-decoration: none !important; box-shadow: 0 6px 20px rgba(var(--c-accent-rgb), 0.4) !important; transition: all 0.3s ease !important; }
.x-dinlineflex-aicenter-gap6-p918-bgacc-cconacc { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 9px 18px !important; background: var(--c-accent) !important; color: var(--c-on-accent) !important; border-radius: 14px !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; white-space: nowrap !important; transition: all 0.3s !important; }
.x-dinlineflex-aicenter-gap8-bggrad-p1220-r14-b { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: linear-gradient(135deg, var(--c-tint-2) 0%, var(--c-tint-2) 100%) !important; padding: 12px 20px !important; border-radius: 14px !important; border: 2px solid var(--c-accent) !important; }
.x-dinlineflex-aicenter-gap8-bgnavyaccent-cwhit { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: var(--navy-accent) !important; color: white !important; padding: 10px 20px !important; border-radius: 10px !important; text-decoration: none !important; font-size: 14px !important; font-weight: 700 !important; transition: all 0.3s !important; margin-top: 10px !important; }
.x-dinlineflex-aicenter-gap8-p1020-fs14-fw600-c { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 10px 20px !important; font-size: 14px !important; font-weight: 600 !important; color: var(--c-accent) !important; background: var(--c-tint-2) !important; border-radius: 14px !important; text-decoration: none !important; }
.x-dinlineflex-aicenter-jccenter-w60-h60-bggrad { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-secondary) 100%) !important; border-radius: 50% !important; margin-bottom: 15px !important; box-shadow: 0 4px 15px rgba(var(--c-accent-rgb), 0.3) !important; }
.x-ffcouriernew-fs12 { font-family: 'Courier New', monospace !important; font-size: 12px !important; }
.x-fs10-cmute-fw500 { font-size: 10px !important; color: var(--c-text-muted, #78716c) !important; font-weight: 500 !important; }
.x-fs12 { font-size: 12px !important; }
.x-fs12-c333 { font-size: 12px !important; color: #333 !important; }
:where(html[data-theme="dark"]) .x-fs12-c333 { color: #C7C7C7 !important; }
.x-fs12-c666 { font-size: 12px !important; color: #666 !important; }
:where(html[data-theme="dark"]) .x-fs12-c666 { color: #A1A1A1 !important; }
.x-fs12-cmute { font-size: 12px !important; color: var(--c-text-muted, #5F6368) !important; }
.x-fs12-op07 { font-size: 12px !important; opacity: 0.7 !important; }
.x-fs13-cmute-lh15 { font-size: 13px !important; color: var(--c-text-muted, #444746) !important; line-height: 1.5 !important; }
.x-fs14-c64748b { font-size: 14px !important; color: #5F6368 !important; }
:where(html[data-theme="dark"]) .x-fs14-c64748b { color: #9EA2A7 !important; }
.x-fs14-c666 { font-size: 14px !important; color: #666 !important; }
:where(html[data-theme="dark"]) .x-fs14-c666 { color: #A1A1A1 !important; }
.x-fs14-cpri-lh18-m0-tacenter { font-size: 14px !important; color: var(--c-primary) !important; line-height: 1.8 !important; margin: 0 !important; text-align: center !important; }
:where(html[data-theme="dark"]) .x-fs14-cpri-lh18-m0-tacenter { color: var(--c-ink) !important; }
.x-fs14-fw700 { font-size: 14px !important; font-weight: 700 !important; }
.x-fs14-fw700-cctext-m20000 { font-size: 14px !important; font-weight: 700 !important; color: var(--c-text, #1F1F1F) !important; margin: 20px 0 0 0 !important; }
.x-fs15-fw700 { font-size: 15px !important; font-weight: 700 !important; }
.x-fs15-fw700-cpri-mb2 { font-size: 15px !important; font-weight: 700 !important; color: var(--c-primary) !important; margin-bottom: 2px !important; }
:where(html[data-theme="dark"]) .x-fs15-fw700-cpri-mb2 { color: var(--c-ink) !important; }
.x-fs16-cdc3545 { font-size: 16px !important; color: #dc3545 !important; }
:where(html[data-theme="dark"]) .x-fs16-cdc3545 { color: #EA858F !important; }
.x-fs16-cdc3545-m150 { font-size: 16px !important; color: #dc3545 !important; margin: 15px 0 !important; }
:where(html[data-theme="dark"]) .x-fs16-cdc3545-m150 { color: #EA858F !important; }
.x-fs18-fw700-cpri-m00100 { font-size: 18px !important; font-weight: 700 !important; color: var(--c-primary) !important; margin: 0 0 10px 0 !important; }
:where(html[data-theme="dark"]) .x-fs18-fw700-cpri-m00100 { color: var(--c-ink) !important; }
.x-fs18-fw800-cpri-mb2 { font-size: 18px !important; font-weight: 800 !important; color: var(--c-primary) !important; margin-bottom: 2px !important; }
:where(html[data-theme="dark"]) .x-fs18-fw800-cpri-mb2 { color: var(--c-ink) !important; }
.x-fs20-cacc { font-size: 20px !important; color: var(--c-accent) !important; }
.x-fs20-cctext-fw700-mb10-lh13 { font-size: 20px !important; color: var(--c-text, #1F1F1F) !important; font-weight: 700 !important; margin-bottom: 10px !important; line-height: 1.3 !important; }
.x-fs24 { font-size: 24px !important; }
.x-fs28 { font-size: 28px !important; }
.x-fs28-mb10 { font-size: 28px !important; margin-bottom: 10px !important; }
.x-fs40 { font-size: 40px !important; }
.x-fs48-mb12 { font-size: 48px !important; margin-bottom: 12px !important; }
.x-fs50-m200 { font-size: 50px !important; margin: 20px 0 !important; }
.x-fs60-m200 { font-size: 60px !important; margin: 20px 0 !important; }
.x-fs60-m200-animshake05s { font-size: 60px !important; margin: 20px 0 !important; animation: shake 0.5s !important; }
.x-fs64-op05-mb16-dblock { font-size: 64px !important; opacity: 0.5 !important; margin-bottom: 16px !important; display: block !important; }
.x-fx1 { flex: 1 !important; }
.x-fx1-minw200 { flex: 1 !important; min-width: 200px !important; }
.x-fx1-overauto { flex: 1 !important; overflow-y: auto !important; }
.x-h100-bggrad-w0-tranwidth03sea-dflex-aicenter { height: 100% !important; background: linear-gradient(90deg, var(--c-accent), var(--c-accent-strong)) !important; width: 0% !important; transition: width 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.x-listdisc-pl24-mb16-c475569 { list-style: disc !important; padding-left: 24px !important; margin-bottom: 16px !important; color: #444746 !important; }
:where(html[data-theme="dark"]) .x-listdisc-pl24-mb16-c475569 { color: #B8BBBA !important; }
.x-m0 { margin: 0 !important; }
.x-m0-fs12-c065f46 { margin: 0 !important; font-size: 12px !important; color: #065f46 !important; }
:where(html[data-theme="dark"]) .x-m0-fs12-c065f46 { color: #7BF4D2 !important; }
.x-m0-fs145-lh165-cmute { margin: 0 !important; font-size: 14.5px !important; line-height: 1.65 !important; color: var(--c-text-muted) !important; }
.x-m0-fs20 { margin: 0 !important; font-size: 20px !important; }
.x-m0022 { margin: 0 0 22px !important; }
.x-m0060-fs12-c065f46 { margin: 0 0 6px 0 !important; font-size: 12px !important; color: #065f46 !important; }
:where(html[data-theme="dark"]) .x-m0060-fs12-c065f46 { color: #7BF4D2 !important; }
.x-m008-fs18-cpri { margin: 0 0 8px !important; font-size: 18px !important; color: var(--c-primary) !important; }
:where(html[data-theme="dark"]) .x-m008-fs18-cpri { color: var(--c-ink) !important; }
.x-m1400-fs135-cmute { margin: 14px 0 0 !important; font-size: 13.5px !important; color: var(--c-text-muted) !important; }
.x-m1600-fs145-lh165-cmute { margin: 16px 0 0 !important; font-size: 14.5px !important; line-height: 1.65 !important; color: var(--c-text-muted) !important; }
.x-m200-p1820-dflex-aiflexstart-gap12 { margin: 20px 0 !important; padding: 18px 20px !important; display: flex !important; align-items: flex-start !important; gap: 12px !important; }
.x-mb0 { margin-bottom: 0 !important; }
.x-mb12 { margin-bottom: 12px !important; }
.x-mr6 { margin-right: 6px !important; }
.x-mr8 { margin-right: 8px !important; }
.x-mt10 { margin-top: 10px !important; }
.x-mt10-fs13-p1020 { margin-top: 10px !important; font-size: 13px !important; padding: 10px 20px !important; }
.x-mt10-p10-bgecfdf5-r10 { margin-top: 10px !important; padding: 10px !important; background: #ecfdf5 !important; border-radius: 10px !important; }
:where(html[data-theme="dark"]) .x-mt10-p10-bgecfdf5-r10 { background: #0E251A !important; }
.x-mt16-tacenter { margin-top: 16px !important; text-align: center !important; }
.x-mt25-p2025-bggrad-r14-bord4solidacc { margin-top: 25px !important; padding: 20px 25px !important; background: linear-gradient(135deg, var(--c-tint-2) 0%, var(--c-tint-2) 100%) !important; border-radius: 14px !important; border-left: 4px solid var(--c-accent) !important; }
.x-mt3 { margin-top: 3px !important; }
.x-mt8 { margin-top: 8px !important; }
.x-op05 { opacity: 0.5 !important; }
.x-op7 { opacity: .7 !important; }
.x-p148-bgctint-r14-bd1solidctin { padding: 14px 8px !important; background: var(--c-tint) !important; border-radius: 14px !important; border: 1px solid var(--c-tint-line) !important; }
.x-p16-bgctint2-r14-bd1solidctin-dflex-aiflexst { padding: 16px !important; background: var(--c-tint-2, #F8F9FA) !important; border-radius: 14px !important; border: 1px solid var(--c-tint-line, #DADCE0) !important; display: flex !important; align-items: flex-start !important; gap: 12px !important; }
.x-posabsolute-inse0-dflex-aicenter-jccenter { position: absolute !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.x-posabsolute-t0-left0-righ0-bott0-bgrgba25525 { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: rgba(255,255,255,0.9) !important; z-index: 100 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; border-radius: 14px !important; cursor: pointer !important; transition: all 0.3s !important; }
:where(html[data-theme="dark"]) .x-posabsolute-t0-left0-righ0-bott0-bgrgba25525 { background: rgba(19,19,19,0.9) !important; }
.x-posabsolute-t0-left0-w100-h100-curpointer-bg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; cursor: pointer !important; background: #000 !important; }
.x-posabsolute-t0-left0-w100-h100-poinnone-z1 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; pointer-events: none !important; z-index: 1 !important; }
.x-posfixed-left0-righ0-bott0-bgpri-cfff-tacent { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: var(--c-primary) !important; color: #fff !important; text-align: center !important; padding: 10px 14px !important; font: 14px sans-serif !important; }
.x-posrelative-z2 { position: relative !important; z-index: 2 !important; }
.x-posstatic { position: static !important; }
.x-tacenter { text-align: center !important; }
.x-tacenter-m200 { text-align: center !important; margin: 20px 0 !important; }
.x-tacenter-mb15 { text-align: center !important; margin-bottom: 15px !important; }
.x-tacenter-mb20 { text-align: center !important; margin-bottom: 20px !important; }
.x-tacenter-mb25-p20-bggrad-r14 { text-align: center !important; margin-bottom: 25px !important; padding: 20px !important; background: linear-gradient(135deg, var(--cf-ok-tint) 0%, var(--cf-ok-tint-2) 100%) !important; border-radius: 14px !important; }
.x-tacenter-p15-bggrad-r14-bd2dashedacc { text-align: center !important; padding: 15px !important; background: linear-gradient(135deg, var(--c-tint-2) 0%, var(--c-tint-2) 100%) !important; border-radius: 14px !important; border: 2px dashed var(--c-accent) !important; }
.x-tacenter-p30 { text-align: center !important; padding: 30px !important; }
.x-w100 { width: 100% !important; }
.x-w100-h100-objecover-op85 { width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: .85 !important; }
.x-w100-taleft-mt12-bgctint-p1220-r14-bord3soli { width: 100% !important; text-align: left !important; margin-top: 12px !important; background: var(--c-tint) !important; padding: 12px 20px !important; border-radius: 14px !important; border-left: 3px solid var(--c-accent) !important; box-sizing: border-box !important; }
.x-w38-h38-bggrad-r14-dflex-aicenter-jccenter-f { width: 38px !important; height: 38px !important; background: linear-gradient(135deg, var(--c-accent), var(--c-accent-soft)) !important; border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; flex-shrink: 0 !important; color: var(--c-on-accent, #fff) !important; }
.x-w38-h38-bggrad-r14-dflex-aicenter-jccenter-f-2 { width: 38px !important; height: 38px !important; background: linear-gradient(135deg, var(--c-primary), var(--c-secondary)) !important; border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; flex-shrink: 0 !important; color: var(--c-on-accent, #fff) !important; }
.x-w38-h38-bggrad-r14-dflex-aicenter-jccenter-f-3 { width: 38px !important; height: 38px !important; background: linear-gradient(135deg, #ef4444, #f87171) !important; border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; flex-shrink: 0 !important; color: var(--c-on-accent, #fff) !important; }
.x-w44-h44-minw44-bggrad-r14-dflex-aicenter-jcc { width: 44px !important; height: 44px !important; min-width: 44px !important; background: linear-gradient(135deg, var(--c-accent), var(--c-accent-strong)) !important; border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.x-w80-h80-bggrad-r50-dflex-aicenter-jccenter-m { width: 80px !important; height: 80px !important; background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 100%) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 20px !important; box-shadow: 0 4px 15px rgba(var(--c-accent-rgb), 0.3) !important; }

/* ======================= google layer ======================= */
/* ===== google layer — LAST on purpose: the shared chrome in both modes ===== */
/* plain ground — no dot / grid pattern on any public page */
body, body[class*="page-"] { background-image: none; }
/* header — one solid bar in both modes (the old see-through landing bar is gone), blue pill CTA, theme switch */
.ph-header, .ph-mnav { --hd-bar: rgba(255,255,255,.96); --hd-hover: rgba(31,31,31,.06); --hd-line-2: rgba(31,31,31,.14); }
:root[data-theme="dark"] .ph-header, :root[data-theme="dark"] .ph-mnav {
    --hd-bg: #1E1F20; --hd-line: rgba(255,255,255,.12); --hd-text: #FFFFFF; --hd-mute: #C4C7C5; --hd-dim: #9AA0A6; --hd-acc: #8AB4F8;
    --hd-bar: rgba(0,0,0,.92); --hd-hover: rgba(255,255,255,.08); --hd-line-2: rgba(255,255,255,.18);
}
:root body .ph-header, :root.ph-scrolled body .ph-header { background: var(--hd-bar); border-bottom-color: var(--hd-line); box-shadow: none; }
:root .ph-header { font-family: var(--rs-font); }
:root .ph-quote { border-radius: 999px; background: var(--c-accent); color: #fff; font-weight: 500; }
:root .ph-quote:hover { background: var(--c-accent-strong); color: #fff; transform: none; }
:root :is(.ph-cmdk, .ph-tool-btn, .ph-mbtn) { border-color: var(--hd-line-2); border-radius: 999px; }
:root :is(.ph-cmdk, .ph-tool-btn):hover { background: var(--hd-hover); border-color: var(--hd-line-2); }
:root .ph-actions .lang-btn { color: var(--hd-mute); }
:root .ph-actions .lang-btn:hover { background: var(--hd-hover); color: var(--hd-text); }
:root[data-theme="dark"] .ph-mega-in { box-shadow: 0 30px 70px -24px rgba(0,0,0,.8); scrollbar-color: rgba(255,255,255,.22) transparent; }
.ph-theme { display: inline-grid; place-items: center; flex: 0 0 auto; width: 40px; height: 40px; padding: 0; border: 1px solid var(--hd-line-2); border-radius: 50%; background: transparent; color: var(--hd-text); font-size: 15px; cursor: pointer; touch-action: manipulation; transition: background .2s, border-color .2s; }
.ph-theme:hover { background: var(--hd-hover); }
.ph-theme:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }
.ph-theme .fa-sun, :root[data-theme="dark"] .ph-theme .fa-moon { display: none; }
:root[data-theme="dark"] .ph-theme .fa-sun { display: inline-block; }
@media (max-width: 820px) {
    .ph-theme { width: 44px; height: 44px; }
}
/* footer — stays the dark band in light mode, goes true black in dark mode */
:root[data-theme="dark"] .rs-footer { --f-bg: #000000; --f-card: #131314; --f-line: rgba(255,255,255,.10); --f-line-2: rgba(255,255,255,.18); --f-text: #FFFFFF; --f-mute: #BDC1C6; --f-dim: #9AA0A6; }
.rs-footer .rsf-off-head h2 { font-family: var(--rs-font); font-weight: 500; }
/* phone dock — dark surface + white active item + blue centre button in dark mode */
:root[data-theme="dark"] .ph-bottom-nav { --c-text-muted: #BDC1C6; --c-primary: #FFFFFF; }
:root[data-theme="dark"] .ph-bn-fab { background: var(--c-accent); color: #fff; }
/* page hero (rs_page_hero) — light: soft blue band, dark type. dark: the home page's navy band. no streaks, no foot rule */
.lx-hero {
    --lx-bg: radial-gradient(ellipse 58% 72% at 86% 0%, rgba(11,87,208,.14), rgba(11,87,208,.05) 40%, transparent 72%), linear-gradient(180deg, #EEF3FD 0%, #F8FAFF 55%, #FFFFFF 100%);
    --lx-ink: #1F1F1F; --lx-mute: #444746; --lx-dim: #5F6368; --lx-acc: #0B57D0; --lx-hi: #0B57D0; --lx-glass: rgba(255,255,255,.8); --lx-line: rgba(31,31,31,.12);
    background: var(--lx-bg); color: var(--lx-ink); font-family: var(--rs-font);
}
:root[data-theme="dark"] .lx-hero {
    --lx-bg: radial-gradient(ellipse 58% 72% at 86% 0%, rgba(29,94,183,.72) 0%, rgba(15,60,138,.42) 38%, transparent 72%), linear-gradient(180deg, #06142F 0%, #030A1A 55%, #000 100%);
    --lx-ink: #FFFFFF; --lx-mute: #C4C7C5; --lx-dim: #9AA0A6; --lx-acc: #8AB4F8; --lx-hi: #4FA0FF; --lx-glass: rgba(255,255,255,.05); --lx-line: rgba(255,255,255,.14);
}
.lx-hero::before, .lx-hero::after { display: none; }
.lx-hero .lx-crumbs a { color: var(--lx-acc); }
.lx-hero .lx-crumbs a:hover { color: var(--lx-ink); text-decoration: none; }
.lx-hero .lx-crumbs span { color: var(--lx-dim); }
.lx-hero .lx-crumbs span[aria-current] { color: var(--lx-ink); }
.lx-hero .lx-title { color: var(--lx-ink); font-family: var(--rs-font); font-weight: 500; letter-spacing: -.03em; }
.lx-hero .lx-title .accent { background: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: currentColor; color: var(--lx-hi); }
.lx-hero .lx-lead { color: var(--lx-mute); }
.lx-btn { border-radius: 999px; font-weight: 500; }
.lx-btn-p { box-shadow: none; }
.lx-btn-p:hover { transform: none; }
.lx-btn-o { background: var(--g-tonal); color: var(--g-tonal-ink); border: 0; }
.lx-btn-o:hover { background: var(--g-tonal-hi); color: var(--g-tonal-ink); border: 0; transform: none; }
.lx-hero .lx-strip { color: var(--lx-dim); }
.lx-hero .lx-trust-k { color: var(--lx-dim); font-size: 13px; font-weight: 500; letter-spacing: .02em; text-transform: none; }
.lx-ti { border-color: var(--lx-line); border-radius: 20px; background: var(--lx-glass); -webkit-backdrop-filter: none; backdrop-filter: none; }
.lx-hero .lx-ti b { color: var(--lx-ink); font-weight: 500; }
.lx-hero .lx-ti span { color: var(--lx-dim); }
.lx-hero .lx-extra { color: var(--lx-mute); }
.lx-hero .lx-extra a { color: var(--lx-acc); text-decoration: none; }
/* shared section kit (.rs-sections) — pills, no grid behind the closing band */
.rs-sections .cta-btn { border-radius: 999px; font-weight: 500; }
.rs-sections .cta-section::after { background-image: none; }
.rs-sections .cta-btn-secondary { border-radius: 999px; }
/* the two-tone heading phrase of the shared kit — solid google blue, never gradient text */
.rs-sections .grad { background: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: currentColor; color: var(--g-hi); }
/* dark: the black pay buttons turn white on the dark card (google pay's own button for dark grounds) */
:where(html[data-theme="dark"]) body.page-code-file .gpay-btn,
:where(html[data-theme="dark"]) body.page-code-file .method-pay-btn.pk-card-btn,
:where(html[data-theme="dark"]) :is(body.page-course, body.page-wax) .vc-gpay,
:where(html[data-theme="dark"]) .rs-fatal-btn { background: #FFFFFF !important; color: #1F1F1F !important; }
:where(html[data-theme="dark"]) body.page-code-file .gpay-btn:hover,
:where(html[data-theme="dark"]) body.page-code-file .method-pay-btn.pk-card-btn:hover,
:where(html[data-theme="dark"]) :is(body.page-course, body.page-wax) .vc-gpay:hover,
:where(html[data-theme="dark"]) .rs-fatal-btn:hover { background: #E8EAED !important; }
:where(html[data-theme="dark"]) body.page-code-file .method-pay-btn.pk-card-btn .mpb-main { color: #1F1F1F !important; }
:where(html[data-theme="dark"]) body.page-code-file .gpay-btn .gpay-mark,
:where(html[data-theme="dark"]) :is(body.page-course, body.page-wax) .vc-gpay .gpay-mark { color: #1F1F1F; }
/* the mark carries its own white */
/* dark: file-code chip — the grey tokens flip light in dark, so it gets its own tonal ground */
:where(html[data-theme="dark"]) body.page-code-file .file-meta .badge.code-badge { background: var(--c-tint) !important; color: var(--c-ink) !important; border: 1px solid var(--c-ink-line) !important; }
/* links + text the page css never coloured for the theme (found by the public-page audit) */
:where(body.page-php-catalog, body.page-as-catalog, body.page-free-catalog) .video-title a { color: inherit; }
:where(body.page-php-catalog, body.page-as-catalog, body.page-free-catalog) .video-title a:hover { color: var(--c-accent); }
:where(body.page-services) .cta-partner a { color: #8AB4F8; font-weight: 600; }
/* sits on the dark panel in both themes */
:where(body.page-verify) .footer a { color: #8AB4F8; }
:where(body.page-geo).page-geo .geo-langs { color: var(--c-text-muted); }
/* the hero turned light; the line was white-on-white */
:where(body.page-geo).page-geo .geo-langs a { color: var(--g-link); }
:where(body.page-geo).page-geo .geo-langs a[aria-current] { color: var(--c-text); }
:where(body.page-php-setup) .code-block .c { color: #9AA0A6; }
/* comments on the dark code block */
:where(body.res-plan-ok) :is(.receipt-field-label, .receipt-txn, .security-footer) { color: var(--c-text-muted); }
:where(html[data-theme="dark"]) body.page-policies { --pl-p: var(--c-ink); }
:where(html[data-theme="dark"]) body.page-policies .pol-contact a { background: var(--c-accent); }
:where(html[data-theme="dark"]) :where(body.res-page) .hero h1 { color: var(--c-ink); }
:where(html[data-theme="dark"]) :where(body.res-plan-ok) .receipt-total-value.amount { color: var(--g-link); }
:where(html[data-theme="dark"]) :where(body.page-php-setup) .tab-btn:not(.active):not(:hover) { color: var(--g-link); }
:where(html[data-theme="dark"]) :where(body.page-php-catalog, body.page-as-catalog, body.page-free-catalog) .view-toggle-btn.active { background: var(--c-accent); color: #fff; box-shadow: none; }
:where(html[data-theme="dark"]) body.page-code-file .cf-fab { background: var(--c-accent-soft); color: #D3E3FD; box-shadow: 0 0 0 1px rgba(255,255,255,.14), 0 10px 24px rgba(0,0,0,.5); }

/* ===== checkout shell — every checkout page wears the landing look: the site header + footer (checkout_*.php,
   public_plan_*.php), the page background, and the content sitting under the header instead of a card floating on a
   grey / gradient screen. each page keeps its own card styles (they already carry light + dark rules) ===== */
body.ck-shell { --ph-bottom-nav-h: 96px; display: block; min-height: 100vh; margin: 0; padding: 0; background: var(--c-bg); color: var(--c-text); font-family: var(--rs-font); }
body.ck-shell .ck-main { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: calc(100vh - 64px); padding: 40px 20px 64px; box-sizing: border-box; }
body.ck-shell .ck-main > * { max-width: 100%; }
body.ck-shell.co-page .ck-main { display: block; min-height: 0; padding: 0; }
body.ck-shell.co-page .page-wrapper { min-height: calc(100vh - 64px); }
@media (max-width: 768px) {
    body.ck-shell { padding-bottom: var(--ph-bottom-nav-h); }
    body.ck-shell .ck-main { justify-content: flex-start; min-height: 0; padding: 20px 14px 32px; }
    body.ck-shell.co-page .page-wrapper { min-height: 0; }
}
/* points checkout (its card css is inline in checkout_points_process.php) — dark twin, generated by the portal-dark rules */
html[data-theme="dark"] body.ck-shell.co-points { background: linear-gradient(135deg, #1A2433 0%, #1B2431 100%); }
html[data-theme="dark"] body.ck-shell.co-points .step-circle.pending { background: #2A2B2D; }
html[data-theme="dark"] body.ck-shell.co-points .step-label { color: #9AA0A6; }
html[data-theme="dark"] body.ck-shell.co-points .step-line { background: #2A2B2D; }
html[data-theme="dark"] body.ck-shell.co-points .processing-card { background: #131314; }
html[data-theme="dark"] body.ck-shell.co-points .card-header-icon { background: rgba(19,19,20,0.15); }
html[data-theme="dark"] body.ck-shell.co-points .card-badge { background: rgba(19,19,20,0.15); }
html[data-theme="dark"] body.ck-shell.co-points .countdown-section { background: #172636; border-bottom: 1px solid #384756; }
html[data-theme="dark"] body.ck-shell.co-points .countdown-text { color: #9AA0A6; }
html[data-theme="dark"] body.ck-shell.co-points .countdown-text strong { color: var(--c-ink); }
html[data-theme="dark"] body.ck-shell.co-points .redirecting-state .spinner { border: 3px solid #3C4043; }
html[data-theme="dark"] body.ck-shell.co-points .detail-row { border-bottom: 1px solid #394556; }
html[data-theme="dark"] body.ck-shell.co-points .detail-label { color: #9AA0A6; }
html[data-theme="dark"] body.ck-shell.co-points .detail-value { color: #E3E3E3; }
html[data-theme="dark"] body.ck-shell.co-points .detail-row.total-row .detail-label { color: var(--c-ink); }
html[data-theme="dark"] body.ck-shell.co-points .card-footer { background: #172636; border-top: 1px solid #384756; }
html[data-theme="dark"] body.ck-shell.co-points .order-id-value { color: #9AA0A6; background: #1C2530; }
html[data-theme="dark"] body.ck-shell.co-points .security-badges { border-top: 1px solid #384756; }

/* ======================= wa-ai-reply.php — WA AI Reply product page (landing kit + wx-) ======================= */
body.page-wax { --wx-wa: #25D366; --wx-wa-ink: #06301F; --wx-wall: color-mix(in srgb, var(--wx-wa) 6%, var(--ln-card-2)); --wx-out: color-mix(in srgb, var(--wx-wa) 20%, var(--ln-card)); }
body.page-wax .wx-btn-wa { background: var(--wx-wa); color: var(--wx-wa-ink); box-shadow: 0 12px 30px -14px rgba(37,211,102,.9); }
body.page-wax .wx-btn-wa:hover { transform: translateY(-2px); filter: brightness(1.06); color: var(--wx-wa-ink); }
body.page-wax a.ln-eyebrow { text-decoration: none; transition: border-color .2s, color .2s; }
body.page-wax a.ln-eyebrow:hover { border-color: rgba(var(--c-accent-rgb), .5); color: var(--ln-text); }
/* hero — copy centred, the mock under it */
body.page-wax .wx-hero-in { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 56px; padding-bottom: 96px; }
body.page-wax .wx-hero-copy { display: flex; flex-direction: column; align-items: center; max-width: 880px; text-align: center; }
body.page-wax .wx-hero-copy .ln-h1 { font-size: clamp(40px, 6vw, 76px); line-height: 1.02; }
body.page-wax .wx-hero-copy .ln-sub { max-width: 720px; margin: 0 auto 32px; }
body.page-wax .wx-hero-copy .ln-sub b { color: var(--ln-text); }
body.page-wax .wx-hero-copy .ln-cta { justify-content: center; }
body.page-wax .wx-stats { justify-content: center; margin: 36px 0 0; padding: 0; border: 0; }
body.page-wax .wx-stage { width: 100%; max-width: 1180px; min-width: 0; animation: lnUp 1s var(--ln-ease) .3s both; }
/* the whatsapp web mock — every size in em off the mock font, timeline pieces flip .is-on (wa-ai-reply.js) */
body.page-wax .wx-mock { position: relative; overflow: hidden; border: 1px solid var(--ln-line-2); border-radius: var(--ln-r); background: var(--ln-card); color: var(--ln-text); font-size: 15px; line-height: 1.4; text-align: left;
    box-shadow: var(--ln-shadow), 0 50px 100px -50px rgba(var(--c-accent-rgb),.45); }
body.page-wax .wx-mock i, body.page-wax .wx-mock em { font-style: normal; }
body.page-wax .wx-bar { display: flex; align-items: center; gap: .45em; height: 2.7em; padding: 0 1em; border-bottom: 1px solid var(--ln-line); background: var(--ln-card-2); }
body.page-wax .wx-bar > i { width: .72em; height: .72em; flex: none; border-radius: 50%; background: var(--ln-line-2); }
body.page-wax .wx-url { flex: 1; min-width: 0; max-width: 26em; display: flex; align-items: center; gap: .5em; height: 1.85em; margin: 0 auto; padding: 0 .9em; border: 1px solid var(--ln-line); border-radius: 1em; background: var(--ln-card); color: var(--ln-dim); font-size: .82em; white-space: nowrap; overflow: hidden; }
body.page-wax .wx-url i { font-size: .85em; color: var(--ln-ok); }
body.page-wax .wx-ext { position: relative; width: 2em; height: 2em; flex: none; display: grid; place-items: center; color: var(--ln-dim); font-size: .85em; }
body.page-wax .wx-ext em { position: absolute; top: .2em; right: .2em; width: .6em; height: .6em; border-radius: 50%; background: var(--ln-line-2); transition: background .3s; }
body.page-wax .wx-ext em.is-on { background: var(--wx-wa); }
body.page-wax .wx-app { display: grid; grid-template-columns: 17em minmax(0, 1fr) 17em; height: 33em; }
body.page-wax .wx-av { width: 2.5em; height: 2.5em; flex: none; display: grid; place-items: center; border-radius: 50%; background: rgba(var(--c-accent-rgb),.14); color: var(--ln-acc); font-size: .85em; font-weight: 700; }
/* chat list */
body.page-wax .wx-list { display: flex; flex-direction: column; min-width: 0; border-right: 1px solid var(--ln-line); background: var(--ln-card); }
body.page-wax .wx-list-h { display: flex; align-items: center; justify-content: space-between; padding: .9em 1em .5em; }
body.page-wax .wx-list-h b { font-size: 1.15em; }
body.page-wax .wx-list-h span { display: flex; gap: 1em; color: var(--ln-dim); font-size: .85em; }
body.page-wax .wx-search { display: flex; align-items: center; gap: .6em; margin: 0 .8em .5em; padding: .5em .9em; border-radius: .6em; background: var(--ln-card-2); color: var(--ln-dim); font-size: .8em; white-space: nowrap; overflow: hidden; }
body.page-wax .wx-list ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
body.page-wax .wx-c { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: .7em; row-gap: .15em; align-items: center; padding: .65em 1em; border-bottom: 1px solid var(--ln-line); }
body.page-wax .wx-c.is-sel { background: var(--ln-tint); }
body.page-wax .wx-c > .wx-av { grid-area: 1 / 1 / 3 / 2; }
body.page-wax .wx-c-t { grid-area: 1 / 2 / 3 / 3; min-width: 0; display: flex; flex-direction: column; }
body.page-wax .wx-c-t b { font-size: .9em; }
body.page-wax .wx-c-t small { display: block; overflow: hidden; font-size: .78em; color: var(--ln-dim); text-overflow: ellipsis; white-space: nowrap; }
body.page-wax .wx-c-t small i { color: var(--ln-ok); }
body.page-wax .wx-c-t .wx-pv { display: none; }
body.page-wax .wx-c-t .wx-pv.is-on { display: block; }
body.page-wax .wx-c time { grid-area: 1 / 3; justify-self: end; font-size: .7em; color: var(--ln-dim); }
body.page-wax .wx-unread { grid-area: 2 / 3; justify-self: end; display: none; min-width: 1.6em; height: 1.6em; padding: 0 .4em; place-items: center; border-radius: 1em; background: var(--wx-wa); color: var(--wx-wa-ink); font-size: .7em; font-weight: 700; }
body.page-wax .wx-unread.is-on { display: inline-grid; animation: lnStep .35s var(--ln-ease) both; }
body.page-wax .wx-unread.is-warn { background: var(--ln-warn); color: var(--ln-card); }
body.page-wax .wx-c:nth-child(2) .wx-av { background: rgba(var(--g-teal),.16); color: rgb(var(--g-teal)); }
body.page-wax .wx-c:nth-child(3) .wx-av { background: rgba(var(--g-amber),.16); color: rgb(var(--g-amber)); }
body.page-wax .wx-c:nth-child(4) .wx-av { background: rgba(var(--g-green),.16); color: rgb(var(--g-green)); }
body.page-wax .wx-c:nth-child(5) .wx-av { background: rgba(var(--g-sky),.16); color: rgb(var(--g-sky)); }
/* chat pane + the extension's on/off pill */
body.page-wax .wx-chat { display: flex; flex-direction: column; min-width: 0; background-color: var(--wx-wall); background-image: radial-gradient(var(--ln-line) 1px, transparent 1px); background-size: 1.2em 1.2em; }
body.page-wax .wx-chat-h { display: flex; align-items: center; gap: .7em; padding: .6em 1em; border-bottom: 1px solid var(--ln-line); background: var(--ln-card); }
body.page-wax .wx-who { min-width: 0; display: flex; flex-direction: column; }
body.page-wax .wx-who b { font-size: .95em; }
body.page-wax .wx-who small { font-size: .74em; color: var(--ln-dim); }
body.page-wax .wx-pill { position: relative; display: inline-flex; align-items: center; gap: .5em; margin-left: auto; padding: .35em .5em .35em .8em; border: 1px solid var(--ln-line-2); border-radius: 2em; background: var(--ln-card); color: var(--ln-dim); font-size: .8em; font-weight: 700; white-space: nowrap; transition: border-color .3s, color .3s, background .3s; }
body.page-wax .wx-pill.is-on { border-color: color-mix(in srgb, var(--wx-wa) 60%, transparent); background: color-mix(in srgb, var(--wx-wa) 12%, var(--ln-card)); color: var(--ln-ok); }
body.page-wax .wx-pill-on, body.page-wax .wx-pill.is-on .wx-pill-off { display: none; }
body.page-wax .wx-pill.is-on .wx-pill-on { display: inline; }
body.page-wax .wx-tg { position: relative; width: 2.3em; height: 1.3em; flex: none; border-radius: 1em; background: var(--ln-line-2); transition: background .3s; }
body.page-wax .wx-tg::after { content: ''; position: absolute; top: .15em; left: .15em; width: 1em; height: 1em; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .3s var(--ln-ease); }
body.page-wax .wx-pill.is-on .wx-tg { background: var(--wx-wa); }
body.page-wax .wx-pill.is-on .wx-tg::after { transform: translateX(1em); }
body.page-wax .wx-hint { position: absolute; top: 50%; right: -.1em; width: 2.8em; height: 2.8em; margin-top: -1.4em; border: 2px solid var(--ln-acc); border-radius: 50%; opacity: 0; pointer-events: none; }
body.page-wax .wx-hint.is-on { animation: wxRing 1.1s ease-out infinite; }
@keyframes wxRing { from { opacity: .9; transform: scale(.5); } to { opacity: 0; transform: scale(1.25); } }
/* thread — flex-end, so older bubbles slide off the top */
body.page-wax .wx-thread { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: .55em; padding: 1em 1.2em; overflow: hidden; }
body.page-wax .wx-thread > [data-at]:not(.is-on) { display: none; }
body.page-wax .wx-thread > .is-on { animation: lnStep .4s var(--ln-ease) both; }
body.page-wax .wx-day { align-self: center; margin: 0 0 auto; padding: .25em .8em; border-radius: .5em; background: var(--ln-card); color: var(--ln-dim); font-size: .72em; font-weight: 600; box-shadow: 0 1px 1px rgba(0,0,0,.06); }
body.page-wax .wx-m { max-width: 78%; margin: 0; padding: .5em .75em .45em; border-radius: .75em; color: var(--ln-text); font-size: .86em; line-height: 1.45; box-shadow: 0 1px 1px rgba(0,0,0,.08); }
body.page-wax .wx-m.is-in { align-self: flex-start; border-top-left-radius: .2em; background: var(--ln-card); }
body.page-wax .wx-m.is-out { align-self: flex-end; border-top-right-radius: .2em; background: var(--wx-out); }
body.page-wax .wx-m small { display: flex; align-items: center; gap: .4em; margin-bottom: .2em; color: var(--ln-ok); font-size: .78em; font-weight: 700; }
body.page-wax .wx-m time { float: right; margin: .45em 0 0 .8em; color: var(--ln-dim); font-size: .7em; }
body.page-wax .wx-m time i { color: var(--ln-acc); }
body.page-wax .wx-typing { display: flex; gap: .3em; padding: .75em .9em; }
body.page-wax .wx-typing i { width: .45em; height: .45em; border-radius: 50%; background: var(--ln-dim); animation: wxDot 1s infinite; }
body.page-wax .wx-typing i:nth-child(2) { animation-delay: .15s; }
body.page-wax .wx-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes wxDot { 0%, 60%, 100% { opacity: .3; transform: none; } 30% { opacity: 1; transform: translateY(-.2em); } }
body.page-wax .wx-sys { align-self: center; display: inline-flex; align-items: center; gap: .45em; margin: .2em 0; padding: .3em .85em; border-radius: .6em; background: color-mix(in srgb, var(--ln-ok) 12%, var(--ln-card)); color: var(--ln-ok); font-size: .74em; font-weight: 700; }
body.page-wax .wx-sys.is-warn { background: color-mix(in srgb, var(--ln-warn) 14%, var(--ln-card)); color: var(--ln-warn); }
body.page-wax .wx-type { display: flex; align-items: center; gap: 1em; padding: .6em 1em; border-top: 1px solid var(--ln-line); background: var(--ln-card); color: var(--ln-dim); font-size: .9em; }
body.page-wax .wx-type span { flex: 1; min-width: 0; padding: .45em .9em; border-radius: .6em; background: var(--ln-card-2); font-size: .9em; white-space: nowrap; overflow: hidden; }
/* what the extension is doing — two runs stacked in one cell, so nothing jumps */
body.page-wax .wx-brain { display: flex; flex-direction: column; min-width: 0; min-height: 0; border-left: 1px solid var(--ln-line); background: var(--ln-card); }
body.page-wax .wx-brain-h { display: flex; align-items: center; gap: .55em; padding: .8em 1em; border-bottom: 1px solid var(--ln-line); font-size: .9em; }
body.page-wax .wx-brain-h > span { width: 1.9em; height: 1.9em; flex: none; display: grid; place-items: center; border-radius: .5em; background: rgba(var(--c-accent-rgb),.14); color: var(--ln-acc); }
body.page-wax .wx-st { margin-left: auto; font-size: .78em; font-weight: 700; }
body.page-wax .wx-st i { display: none; padding: .2em .65em; border-radius: 1em; background: color-mix(in srgb, var(--ln-ok) 14%, var(--ln-card)); color: var(--ln-ok); white-space: nowrap; }
body.page-wax .wx-st i.is-on { display: inline-block; }
body.page-wax .wx-st i.is-dim { background: var(--ln-tint); color: var(--ln-dim); }
body.page-wax .wx-st i.is-warn { background: color-mix(in srgb, var(--ln-warn) 16%, var(--ln-card)); color: var(--ln-warn); }
body.page-wax .wx-runs { flex: 1; min-height: 0; display: grid; padding: .9em; overflow: hidden; }
body.page-wax .wx-run { grid-area: 1 / 1; display: flex; flex-direction: column; gap: .5em; margin: 0; padding: 0; list-style: none; opacity: 0; visibility: hidden; transition: opacity .4s, visibility 0s linear .4s; }
body.page-wax .wx-run.is-on { opacity: 1; visibility: visible; transition: opacity .4s; }
body.page-wax .wx-run li { display: flex; align-items: flex-start; gap: .6em; padding: .55em .65em; border: 1px solid var(--ln-line); border-radius: .7em; background: var(--ln-card-2); font-size: .82em; opacity: 0; transform: translateY(.4em); transition: opacity .35s var(--ln-ease), transform .35s var(--ln-ease); }
body.page-wax .wx-run li.is-on { opacity: 1; transform: none; }
body.page-wax .wx-run li.is-idle:not(.is-on) { display: none; }
body.page-wax .wx-run li.is-idle > i { background: var(--ln-tint); color: var(--ln-dim); }
body.page-wax .wx-run li > i { width: 1.8em; height: 1.8em; flex: none; display: grid; place-items: center; border-radius: .5em; background: rgba(var(--c-accent-rgb),.12); color: var(--ln-acc); font-size: .85em; }
body.page-wax .wx-run li span { min-width: 0; display: flex; flex-direction: column; }
body.page-wax .wx-run li b { font-size: .95em; color: var(--ln-text); }
body.page-wax .wx-run li small { font-size: .82em; color: var(--ln-dim); }
body.page-wax .wx-run li.wx-fact { margin-left: 1.2em; border-style: dashed; background: var(--ln-card); }
body.page-wax .wx-run li.wx-fact > i { background: rgba(var(--g-teal),.14); color: rgb(var(--g-teal)); }
body.page-wax .wx-run li.is-ok > i { background: color-mix(in srgb, var(--ln-ok) 16%, transparent); color: var(--ln-ok); }
body.page-wax .wx-run li.is-warn { border-color: color-mix(in srgb, var(--ln-warn) 45%, transparent); }
body.page-wax .wx-run li.is-warn > i { background: color-mix(in srgb, var(--ln-warn) 16%, transparent); color: var(--ln-warn); }
/* chrome desktop notification */
body.page-wax .wx-note { position: absolute; z-index: 5; top: 3.4em; right: 1em; width: 21em; max-width: calc(100% - 2em); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .3em .8em; padding: .9em 1em; border: 1px solid var(--ln-line-2); border-radius: .9em; background: var(--ln-card); color: var(--ln-mute); font-size: .84em; box-shadow: 0 24px 50px -20px rgba(0,0,0,.45);
    opacity: 0; visibility: hidden; transform: translateX(1.5em); transition: opacity .45s var(--ln-ease), transform .45s var(--ln-ease), visibility 0s linear .45s; }
body.page-wax .wx-note.is-on { opacity: 1; visibility: visible; transform: none; transition: opacity .45s var(--ln-ease), transform .45s var(--ln-ease); }
body.page-wax .wx-note-ic { grid-row: span 2; width: 2.4em; height: 2.4em; display: grid; place-items: center; border-radius: .6em; background: color-mix(in srgb, var(--ln-warn) 16%, var(--ln-card)); color: var(--ln-warn); }
body.page-wax .wx-note-t { display: flex; flex-direction: column; gap: .15em; line-height: 1.4; }
body.page-wax .wx-note-t small { display: flex; align-items: center; gap: .4em; color: var(--ln-dim); font-size: .82em; }
body.page-wax .wx-note-t b { color: var(--ln-text); font-size: 1.05em; }
body.page-wax .wx-note-go { grid-column: 2; justify-self: start; margin-top: .4em; padding: .35em .9em; border-radius: 2em; background: var(--c-accent); color: var(--c-on-accent, #fff); font-size: .85em; font-weight: 700; }
/* step bar + caption under the mock */
body.page-wax .wx-ctl { display: flex; align-items: center; gap: 12px; margin-top: 22px; }
body.page-wax .wx-ctl .ln-hs-btn { width: 44px; height: 44px; flex: none; font-size: 14px; }
body.page-wax .wx-segs { flex: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
body.page-wax .wx-seg { width: 100%; display: flex; flex-direction: column; gap: 8px; padding: 10px 0; border: 0; background: none; color: var(--ln-dim); font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-align: left; cursor: pointer; touch-action: manipulation; }
body.page-wax .wx-seg.is-on { color: var(--ln-text); }
body.page-wax .wx-seg-bar { position: relative; display: block; height: 3px; border-radius: 3px; background: var(--ln-line-2); overflow: hidden; }
body.page-wax .wx-seg-bar i { position: absolute; inset: 0; background: var(--ln-acc); transform: scaleX(var(--p, 0)); transform-origin: 0 50%; }
body.page-wax .wx-caps { display: grid; margin-top: 4px; text-align: center; }
body.page-wax .wx-cap { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transition: opacity .35s; }
body.page-wax .wx-cap.is-on { opacity: 1; visibility: visible; }
body.page-wax .wx-cap b { display: block; margin-bottom: 4px; font-family: var(--font-display); font-size: 20px; color: var(--ln-text); }
body.page-wax .wx-cap span { font-size: 15px; color: var(--ln-mute); }
/* how it works + features */
body.page-wax .wx-feats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
body.page-wax .wx-feats li { display: flex; gap: 14px; padding: 22px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: color-mix(in srgb, rgb(var(--g)) 4%, var(--ln-card)); box-shadow: var(--ln-shadow); color: var(--ln-mute); font-size: 14.5px; line-height: 1.55; }
body.page-wax .wx-feats b { display: block; margin-bottom: 4px; color: var(--ln-text); font-size: 16px; }
body.page-wax .wx-feat-ic { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border-radius: var(--ln-r-sm); background: rgba(var(--g), .14); color: rgb(var(--g)); font-size: 17px; }
/* plans — personal / reseller switch */
body.page-wax .wx-sw-row { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 0 36px; }
body.page-wax .wx-sw-lb { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; border: 0; background: none; color: var(--ln-dim); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; touch-action: manipulation; transition: color .2s; }
body.page-wax .wx-sw-lb em { padding: 3px 8px; border-radius: 1em; background: color-mix(in srgb, var(--ln-ok) 14%, transparent); color: var(--ln-ok); font-size: 11px; font-style: normal; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
body.page-wax .wx-plans[data-plan="personal"] .wx-sw-lb.is-p, body.page-wax .wx-plans[data-plan="reseller"] .wx-sw-lb.is-r { color: var(--ln-text); }
body.page-wax .wx-sw { position: relative; width: 56px; height: 32px; flex: none; padding: 0; border: 0; border-radius: 32px; background: var(--ln-line-2); cursor: pointer; touch-action: manipulation; transition: background .25s; }
body.page-wax .wx-sw::before { content: ''; position: absolute; inset: -6px; }
body.page-wax .wx-sw i { position: absolute; top: 4px; left: 4px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3); transition: transform .25s var(--ln-ease); }
body.page-wax .wx-sw[aria-checked="true"] { background: var(--c-accent); }
body.page-wax .wx-sw[aria-checked="true"] i { transform: translateX(24px); }
body.page-wax .wx-grp { animation: lnStep .4s var(--ln-ease) both; }
body.page-wax .wx-grp-p { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
body.page-wax .wx-grp-r { max-width: 880px; margin: 0 auto; }
body.page-wax .wx-all { display: none; }
body.page-wax .wx-plans[data-plan="reseller"] .wx-grp-p, body.page-wax .wx-plans[data-plan="personal"] .wx-grp-r { display: none; }
body.page-wax .wx-plan { position: relative; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); box-shadow: var(--ln-shadow); }
body.page-wax .wx-plan.is-hot { border-color: rgba(var(--c-accent-rgb),.55); box-shadow: var(--ln-shadow), 0 30px 60px -36px rgba(var(--c-accent-rgb),.6); }
body.page-wax .wx-plan-h { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
body.page-wax .wx-plan-h h3 { margin: 0; font-size: 21px; }
body.page-wax .wx-plan-h .ln-badge { margin-left: auto; }
body.page-wax .wx-plan-ic { width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--ln-r-sm); background: rgba(var(--c-accent-rgb),.12); color: var(--ln-acc); font-size: 17px; }
body.page-wax .wx-price { margin: 24px 0 6px; font-family: var(--font-display); font-size: 48px; font-weight: 700; line-height: 1; letter-spacing: -.03em; color: var(--ln-text); font-variant-numeric: tabular-nums; }
body.page-wax .wx-price small { color: var(--ln-dim); font-size: 14px; font-weight: 700; letter-spacing: .1em; vertical-align: .9em; }
body.page-wax .wx-per { margin: 0 0 20px; color: var(--ln-mute); font-size: 14.5px; line-height: 1.55; }
body.page-wax .wx-incl { flex: 1; display: flex; flex-direction: column; gap: 10px; margin: 0 0 24px; padding: 20px 0 0; border-top: 1px solid var(--ln-line); list-style: none; color: var(--ln-mute); font-size: 14.5px; }
body.page-wax .wx-incl li { display: flex; align-items: flex-start; gap: 10px; }
body.page-wax .wx-incl i { width: 14px; margin-top: 4px; flex: none; color: var(--ln-ok); font-size: 13px; text-align: center; }
body.page-wax .wx-incl b { color: var(--ln-text); }
body.page-wax .wx-incl .is-own i { color: var(--ln-acc); }
body.page-wax .wx-plan .wx-btn-wa { width: 100%; }
body.page-wax .wx-plan-res { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 40px; align-items: center; padding: 34px; background: radial-gradient(500px circle at 0 0, rgba(var(--c-accent-rgb),.08), transparent 60%), var(--ln-card); }
body.page-wax .wx-res-l { display: flex; flex-direction: column; }
body.page-wax .wx-plan-res .wx-incl { margin: 0; padding: 0 0 0 40px; border-top: 0; border-left: 1px solid var(--ln-line); gap: 14px; font-size: 15.5px; }
body.page-wax .wx-plan-note { display: flex; align-items: flex-start; justify-content: center; gap: 10px; margin: 28px 0 0; color: var(--ln-dim); font-size: 14px; line-height: 1.55; text-align: center; }
body.page-wax .wx-plan-note i { margin-top: 3px; color: var(--ln-acc); }
body.page-wax .wx-plan-note + .wx-plan-note { margin-top: 10px; }
body.page-wax .wx-plan-key { color: var(--ln-text); }
body.page-wax .wx-plan-key b { font-weight: 600; }
body.page-wax .wx-price-talk { display: flex; align-items: center; gap: 10px; font-size: 22px; }
body.page-wax .wx-price-talk i { color: var(--wx-wa); }
body.page-wax .wx-cp { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 14px; }
body.page-wax .wx-cp .vc-input { flex: 1 1 180px; }
body.page-wax .wx-cp-btn { height: 46px; padding: 0 18px; border: 1px solid var(--ln-line-2); border-radius: 10px; background: var(--ln-card); color: var(--ln-text); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; touch-action: manipulation; }
body.page-wax .wx-cp-btn:hover { border-color: var(--ln-acc); color: var(--ln-acc); }
body.page-wax .wx-cp-btn[disabled] { opacity: .6; cursor: default; }
body.page-wax .wx-cp-msg { flex-basis: 100%; min-height: 0; font-size: 12.5px; line-height: 1.4; color: var(--ln-mute); }
body.page-wax .wx-cp-msg.ok { color: var(--ln-ok); }
body.page-wax .wx-cp-msg.bad { color: #d93025; }
body.page-wax .wx-usd { font-style: normal; font-size: 13px; font-weight: 500; color: var(--ln-mute); margin-left: 6px; letter-spacing: 0; }
body.page-wax .wx-legal { max-width: 560px; margin: 28px auto 0; color: var(--ln-mute); font-size: 13px; line-height: 1.6; }
/* hero meta line + two-column text / list layout (privacy) */
body.page-wax .wx-dl-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 16px; margin: 16px 0 0; color: var(--ln-dim); font-size: 13.5px; }
body.page-wax .wx-dl-meta span { display: inline-flex; align-items: center; gap: 7px; }
body.page-wax .wx-dl-meta a { color: var(--ln-acc); font-weight: 600; text-decoration: none; }
body.page-wax .wx-inst { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 56px; align-items: start; }
body.page-wax .wx-inst-l { min-width: 0; }
body.page-wax .wx-inst-rev .wx-inst-l { order: 2; }   /* safe-to-use: list left, copy right — desktop only, phones keep copy first */
body.page-wax .wx-small { margin-top: 18px; font-size: 13.5px; line-height: 1.6; color: var(--ln-dim); }
body.page-wax .wx-inst-l h2 { margin: 0 0 16px; font-size: clamp(32px, 4.2vw, 50px); font-weight: 700; line-height: 1.05; letter-spacing: -.035em; }
body.page-wax .wx-inst-l > p { margin: 0 0 24px; color: var(--ln-mute); font-size: 17px; line-height: 1.65; }
/* privacy points — two up beside the heading */
body.page-wax .wx-priv { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
body.page-wax .wx-priv li { display: flex; gap: 14px; padding: 20px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: color-mix(in srgb, rgb(var(--g)) 4%, var(--ln-card)); box-shadow: var(--ln-shadow); color: var(--ln-mute); font-size: 14px; line-height: 1.55; }
body.page-wax .wx-priv b { display: block; margin-bottom: 4px; color: var(--ln-text); font-size: 15.5px; }
/* business showcase — one sample chat per business type */
body.page-wax .wx-biz { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body.page-wax .wx-biz-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); box-shadow: var(--ln-shadow); }
body.page-wax .wx-biz-h { display: flex; align-items: center; gap: 12px; padding: 16px 18px; }
body.page-wax .wx-biz-h h3 { margin: 0; font-size: 18px; }
body.page-wax .wx-biz-chat { flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 16px; border-top: 1px solid var(--ln-line); background-color: var(--wx-wall); background-image: radial-gradient(var(--ln-line) 1px, transparent 1px); background-size: 18px 18px; font-size: 15px; }
body.page-wax .wx-biz-chat .wx-m { max-width: 90%; }
body.page-wax .wx-biz-more { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 28px 0 0; }
body.page-wax .wx-biz-more b { margin-right: 4px; color: var(--ln-text); font-size: 14px; }
body.page-wax .wx-biz-more em { padding: 6px 12px; border: 1px solid var(--ln-line); border-radius: 999px; background: var(--ln-card); color: var(--ln-mute); font-size: 13px; font-style: normal; font-weight: 600; }
/* works-with row (hero) + ai engine / mcp cards */
body.page-wax .wx-logo { width: 1em; height: 1em; flex: none; }
body.page-wax .wx-works { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 26px 0 0; padding: 0; list-style: none; }
body.page-wax .wx-works li { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border: 1px solid var(--ln-line); border-radius: 999px; background: var(--ln-card); color: var(--ln-text); font-size: 13.5px; font-weight: 600; white-space: nowrap; }
body.page-wax .wx-works .wx-logo { font-size: 17px; }
body.page-wax .wx-ai { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body.page-wax .wx-ai-more { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px; margin-top: 16px; }
body.page-wax .wx-ai-card { display: flex; flex-direction: column; gap: 18px; min-width: 0; padding: 26px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); box-shadow: var(--ln-shadow); }
body.page-wax .wx-ai-logo { width: 56px; height: 56px; flex: none; display: grid; place-items: center; border: 1px solid var(--ln-line); border-radius: var(--ln-r-sm); background: var(--ln-card-2); color: var(--ln-text); font-size: 28px; }
body.page-wax .wx-ai-logo > i { color: var(--ln-acc); font-size: 22px; }
body.page-wax .wx-ai-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
body.page-wax .wx-ai-t h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 8px; font-size: 21px; }
body.page-wax .wx-ai-t p { margin: 0 0 16px; color: var(--ln-mute); font-size: 14.5px; line-height: 1.55; }
body.page-wax .wx-ai-t p b { display: flex; align-items: center; gap: 7px; margin-bottom: 4px; color: var(--ln-text); font-size: 14px; }
body.page-wax .wx-ai-t p b i { color: var(--ln-acc); font-size: 12px; }
body.page-wax .wx-ai-t .ln-tags { margin-top: auto; }
body.page-wax .wx-mcp { flex-direction: row; border-color: rgba(var(--c-accent-rgb),.4); background: radial-gradient(500px circle at 0 0, rgba(var(--c-accent-rgb),.08), transparent 60%), var(--ln-card); }
body.page-wax .wx-mcp-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 0; padding: 0; list-style: none; color: var(--ln-mute); font-size: 14px; }
body.page-wax .wx-mcp-steps li { display: flex; align-items: center; gap: 9px; }
body.page-wax .wx-mcp-steps i { width: 16px; flex: none; color: var(--ln-acc); text-align: center; }
@media (max-width: 1100px) {
    body.page-wax .wx-app { grid-template-columns: minmax(0, 1fr) 16em; }
    body.page-wax .wx-ai, body.page-wax .wx-biz { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.page-wax .wx-ai-more { grid-template-columns: minmax(0, 1fr); }
    body.page-wax .wx-inst { grid-template-columns: minmax(0, 1fr); gap: 36px; }
    body.page-wax .wx-inst-rev .wx-inst-l { order: 0; }   /* phones: copy first again */
    body.page-wax .wx-list { display: none; }
    body.page-wax .wx-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    body.page-wax .wx-hero-in { gap: 36px; padding-bottom: 56px; }
    body.page-wax .wx-hero-copy .ln-h1 { font-size: clamp(34px, 9.4vw, 44px); }
    body.page-wax .wx-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: 100%; margin-top: 30px; }
    body.page-wax .wx-stats li, body.page-wax .wx-stats li:first-child { align-items: center; padding: 0; border-left: 0; }
    /* phone mock: chat on top, the ai panel shrinks to one live step card under it — whole story on one screen */
    body.page-wax .wx-mock { font-size: 14px; border-radius: var(--ln-r-sm); }
    body.page-wax .wx-bar { height: 2.5em; padding: 0 .8em; }
    body.page-wax .wx-bar > i { display: none; }
    body.page-wax .wx-url { margin: 0; }
    body.page-wax .wx-app { grid-template-columns: minmax(0, 1fr); grid-template-rows: 24em auto; height: auto; }
    body.page-wax .wx-chat-h { padding: .55em .8em; }
    body.page-wax .wx-thread { padding: .8em; }
    body.page-wax .wx-m { max-width: 88%; }
    body.page-wax .wx-brain { border-left: 0; border-top: 1px solid var(--ln-line); }
    body.page-wax .wx-brain-h { padding: .6em .8em; }
    body.page-wax .wx-runs { min-height: 4.8em; padding: .6em .8em .8em; }
    body.page-wax .wx-run li { display: none; }
    body.page-wax .wx-run li.is-cur { display: flex; opacity: 1; transform: none; animation: lnStep .35s var(--ln-ease) both; }
    body.page-wax .wx-run li.wx-fact { margin-left: 0; }
    body.page-wax .wx-note { top: 3em; left: .7em; right: .7em; width: auto; max-width: none; transform: translateY(-1em); }
    body.page-wax .wx-ctl { gap: 10px; margin-top: 16px; }
    body.page-wax .wx-segs { gap: 6px; }
    body.page-wax .wx-cap b { font-size: 17px; }
    body.page-wax .wx-cap span { font-size: 14px; }
    body.page-wax .wx-inst-l > p { font-size: 16px; }
    body.page-wax .wx-dl-meta { gap: 4px 14px; font-size: 13px; }
    body.page-wax .wx-priv { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    body.page-wax .wx-priv li { gap: 12px; padding: 16px; }
    /* business cards: swipe row with the next card peeking */
    body.page-wax .wx-biz { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 82%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
    body.page-wax .wx-biz::-webkit-scrollbar { display: none; }
    body.page-wax .wx-biz-card { scroll-snap-align: start; }
    body.page-wax .wx-biz-more { justify-content: flex-start; margin-top: 20px; }
    /* ai engines: logo-left rows */
    body.page-wax .wx-works li { height: 34px; padding: 0 12px; font-size: 13px; }
    body.page-wax .wx-ai { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    body.page-wax .wx-ai-more { gap: 12px; margin-top: 12px; }
    body.page-wax .wx-ai-card { flex-direction: row; gap: 14px; padding: 18px; }
    body.page-wax .wx-ai-logo { width: 48px; height: 48px; font-size: 24px; }
    body.page-wax .wx-ai-t h3 { gap: 8px; margin-bottom: 4px; font-size: 18px; }
    body.page-wax .wx-ai-t p { margin-bottom: 12px; font-size: 14px; }
    body.page-wax .wx-mcp-steps { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    /* features: one card, hairline rows */
    body.page-wax .wx-feats { grid-template-columns: minmax(0, 1fr); gap: 0; overflow: hidden; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: var(--ln-card); box-shadow: var(--ln-shadow); }
    body.page-wax .wx-feats li { gap: 12px; padding: 16px; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 14px; }
    body.page-wax .wx-feats li + li { border-top: 1px solid var(--ln-line); }
    body.page-wax .wx-feats b { margin-bottom: 2px; font-size: 15px; }
    body.page-wax .wx-feat-ic { width: 38px; height: 38px; font-size: 15px; }
    /* plans: shared list once, compact cards (name · per + price · device · button) */
    body.page-wax .wx-sw-row { gap: 8px; margin-bottom: 24px; }
    body.page-wax .wx-sw-lb { font-size: 14px; }
    body.page-wax .wx-grp-p { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    body.page-wax .wx-all { display: block; padding: 20px; border: 1px dashed var(--ln-line-2); border-radius: var(--ln-r); }
    body.page-wax .wx-all > b { display: flex; align-items: center; gap: 8px; color: var(--ln-text); font-size: 15px; }
    body.page-wax .wx-all > b i { color: var(--ln-ok); }
    body.page-wax .wx-all .wx-incl { margin: 14px 0 0; padding: 0; border: 0; gap: 8px; font-size: 14px; }
    body.page-wax .wx-grp-p .wx-plan { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "h h" "per price" "dev dev" "btn btn"; column-gap: 12px; padding: 20px; }
    body.page-wax .wx-grp-p .wx-plan-h { grid-area: h; }
    body.page-wax .wx-grp-p .wx-per { grid-area: per; align-self: end; margin: 12px 0 0; font-size: 14px; }
    body.page-wax .wx-grp-p .wx-price { grid-area: price; align-self: end; margin: 12px 0 0; font-size: 32px; }
    body.page-wax .wx-grp-p .wx-price small { font-size: 12px; }
    body.page-wax .wx-grp-p .wx-plan .wx-incl { grid-area: dev; margin: 14px 0 16px; padding: 14px 0 0; }
    body.page-wax .wx-grp-p .wx-plan .wx-incl li:not(.is-own) { display: none; }
    body.page-wax .wx-grp-p .wx-btn-wa, body.page-wax .wx-grp-p .wx-buy-wrap { grid-area: btn; }
    body.page-wax .wx-plan-res { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 22px; }
    body.page-wax .wx-res-l { display: contents; }
    body.page-wax .wx-plan-res .wx-price { font-size: 40px; }
    body.page-wax .wx-plan-res .wx-incl { margin: 0 0 20px; padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--ln-line); gap: 10px; font-size: 14.5px; }
    body.page-wax .wx-plan-res .wx-btn-wa { order: 9; }
    body.page-wax .wx-plan-note { margin-top: 20px; font-size: 13.5px; text-align: left; }
}
@media (max-width: 480px) {
    body.page-wax .wx-sw-lb em { display: none; }
    body.page-wax .wx-plan-h .ln-badge { font-size: 10.5px; }
}
@media (prefers-reduced-motion: reduce) {
    body.page-wax .wx-hint.is-on, body.page-wax .wx-typing i { animation: none; }
}

/* ======================= chrome-extensions.php — Chrome Extensions hub (landing kit + ex-) ======================= */
body.page-exts { --ex-wa: #25D366; --ex-wa-ink: #06301F; }
body.page-exts .ex-btn-wa { background: var(--ex-wa); color: var(--ex-wa-ink); box-shadow: 0 12px 30px -14px rgba(37,211,102,.9); }
body.page-exts .ex-btn-wa:hover { transform: translateY(-2px); filter: brightness(1.06); color: var(--ex-wa-ink); }
/* one wide card per extension — copy left, sample chat right */
body.page-exts .ex-list { display: flex; flex-direction: column; gap: 18px; }
body.page-exts .ex-card { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 36px; align-items: center; padding: 32px; border: 1px solid var(--ln-line); border-radius: var(--ln-r); background: radial-gradient(600px circle at 0 0, rgba(var(--g, var(--c-accent-rgb)), .08), transparent 60%), var(--ln-card); box-shadow: var(--ln-shadow); }
body.page-exts .ex-info { min-width: 0; display: flex; flex-direction: column; gap: 18px; }
body.page-exts .ex-top { display: flex; align-items: center; gap: 16px; }
body.page-exts .ex-ic { width: 60px; height: 60px; flex: none; display: grid; place-items: center; border-radius: var(--ln-r-sm); background: rgba(var(--g, var(--c-accent-rgb)), .14); color: rgb(var(--g, var(--c-accent-rgb))); font-size: 24px; }
body.page-exts .ex-top h3 { margin: 0 0 4px; font-size: clamp(24px, 2.6vw, 32px); line-height: 1.1; }
body.page-exts .ex-top h3 a { color: var(--ln-text); text-decoration: none; }
body.page-exts .ex-top h3 a:hover { color: var(--ln-acc); }
body.page-exts .ex-top small { display: inline-flex; align-items: center; gap: 7px; color: var(--ln-dim); font-size: 13.5px; font-weight: 600; }
body.page-exts .ex-about { margin: 0; color: var(--ln-mute); font-size: 16px; line-height: 1.65; }
body.page-exts .ex-buy { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; padding-top: 20px; border-top: 1px solid var(--ln-line); }
body.page-exts .ex-from { display: flex; flex-direction: column; margin: 0; }
body.page-exts .ex-from small { color: var(--ln-dim); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
body.page-exts .ex-from b { color: var(--ln-text); font-family: var(--font-display); font-size: 30px; line-height: 1.1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
body.page-exts .ex-btns { display: flex; flex-wrap: wrap; gap: 10px; }
body.page-exts .ex-demo { min-width: 0; overflow: hidden; border: 1px solid var(--ln-line-2); border-radius: var(--ln-r-sm); background: var(--ln-card); box-shadow: 0 30px 60px -36px rgba(var(--c-accent-rgb), .5); }
body.page-exts .ex-bar { display: flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border-bottom: 1px solid var(--ln-line); background: var(--ln-card-2); }
body.page-exts .ex-bar > i { width: 10px; height: 10px; flex: none; border-radius: 50%; background: var(--ln-line-2); }
body.page-exts .ex-bar span { flex: 1; min-width: 0; max-width: 300px; display: flex; align-items: center; gap: 7px; margin: 0 auto; padding: 4px 12px; border: 1px solid var(--ln-line); border-radius: 999px; background: var(--ln-card); color: var(--ln-dim); font-size: 12px; white-space: nowrap; overflow: hidden; }
body.page-exts .ex-bar span i { color: var(--ln-ok); font-size: 10px; }
body.page-exts .ex-chat { display: flex; flex-direction: column; gap: 10px; padding: 22px 18px; background-color: color-mix(in srgb, var(--ex-wa) 6%, var(--ln-card-2)); background-image: radial-gradient(var(--ln-line) 1px, transparent 1px); background-size: 18px 18px; }
body.page-exts .ex-m { max-width: 86%; margin: 0; padding: 9px 12px; border-radius: 12px; color: var(--ln-text); font-size: 14px; line-height: 1.5; box-shadow: 0 1px 1px rgba(0,0,0,.08); }
body.page-exts .ex-m.is-in { align-self: flex-start; border-top-left-radius: 3px; background: var(--ln-card); }
body.page-exts .ex-m.is-out { align-self: flex-end; border-top-right-radius: 3px; background: color-mix(in srgb, var(--ex-wa) 20%, var(--ln-card)); }
body.page-exts .ex-m small { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; color: var(--ln-ok); font-size: 11.5px; font-weight: 700; }
/* custom build — dashed card under the list */
body.page-exts .ex-custom { grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; padding: 24px 28px; border-style: dashed; border-color: var(--ln-line-2); background: transparent; box-shadow: none; color: inherit; text-decoration: none; }
body.page-exts .ex-custom:hover { border-color: rgba(var(--c-accent-rgb), .6); }
body.page-exts .ex-custom .ex-ic { width: 52px; height: 52px; font-size: 20px; }
body.page-exts .ex-custom-t { display: flex; flex-direction: column; gap: 4px; color: var(--ln-mute); font-size: 15px; line-height: 1.55; }
body.page-exts .ex-custom-t b { color: var(--ln-text); font-size: 18px; }
body.page-exts .ex-steps { --cols: 3; }
@media (max-width: 900px) {
    body.page-exts .ex-card { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 24px; }
}
@media (max-width: 768px) {
    body.page-exts .ex-card { padding: 20px; }
    body.page-exts .ex-ic { width: 52px; height: 52px; font-size: 21px; }
    body.page-exts .ex-about { font-size: 15px; }
    body.page-exts .ex-buy { flex-direction: column; align-items: stretch; }
    body.page-exts .ex-btns .ln-btn { flex: 1 1 100%; }
    body.page-exts .ex-custom { grid-template-columns: auto minmax(0, 1fr); padding: 20px; }
    body.page-exts .ex-custom .ln-link { grid-column: 1 / -1; }
    body.page-exts .ex-m { max-width: 92%; font-size: 13.5px; }
}
/* wa-ai-reply shop — buy buttons on the plan cards (the dialog reuses the course .vc-dlg kit, scoped above) */
body.page-wax .wx-buy-wrap { display: flex; flex-direction: column; gap: 10px; align-items: stretch; }
body.page-wax .wx-plan .wx-buy { width: 100%; }
body.page-wax .wx-buy-alt { display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--ln-mute); }
body.page-wax .wx-buy-alt i { color: var(--wx-wa); }
body.page-wax .wx-buy-alt:hover { color: var(--ln-text); }

/* ===== checkout hand-off v3 — centred cards (owner 2026-10-18 "ye page redesign karna hai acha sa") =====
   the three gateway hand-off pages only (extension / course / file process); the buyer form keeps the artboard layout.
   same markup, new chrome: a soft paper canvas with an accent glow, a pill stepper, two elevated rounded cards —
   Order summary left, Payment right — big total, big ring, one wide pay button. Later in the file ON PURPOSE (cascade). */
body.co-page:is(.co-file-process, .co-course-process) { --co-r: 22px; --co-pad: 28px; }
body.co-page:is(.co-file-process, .co-course-process) .ck-main { min-height: calc(100vh - 64px); background: radial-gradient(900px 440px at 50% -12%, rgba(var(--c-accent-rgb, 0, 116, 217), .12), transparent 70%), var(--co-paper); }
body.co-page:is(.co-file-process, .co-course-process) .page-wrapper { min-height: 0; max-width: 1120px; margin: 0 auto; padding: 28px 24px 72px; display: flex; flex-direction: column; gap: 26px; }
/* stepper: a pill, centred */
body.co-page:is(.co-file-process, .co-course-process) .progress-steps { margin: 0 auto; padding: 10px 20px; width: max-content; max-width: 100%; background: var(--co-card); border: 1px solid var(--co-line); border-radius: 999px; box-shadow: 0 10px 28px -18px rgba(var(--co-ink-rgb), .35); }
body.co-page:is(.co-file-process, .co-course-process) .step-circle { width: 28px; height: 28px; }
body.co-page:is(.co-file-process, .co-course-process) .step-circle.active { box-shadow: 0 0 0 5px rgba(var(--c-accent-rgb, 0, 116, 217), .16); }
body.co-page:is(.co-file-process, .co-course-process) .step-label { font-size: 12px; }
body.co-page:is(.co-file-process, .co-course-process) .step-label.active { font-size: 13px; color: var(--co-ink); }
body.co-page:is(.co-file-process, .co-course-process) .step-line { width: 34px; }
/* the two cards */
body.co-page:is(.co-file-process, .co-course-process) .split-container { flex: none; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 26px; align-items: start; }
body.co-page:is(.co-file-process, .co-course-process) .left-panel, body.co-page:is(.co-file-process, .co-course-process) .right-panel { padding: 0; background: var(--co-card); border: 1px solid var(--co-line); border-radius: var(--co-r); box-shadow: 0 30px 70px -34px rgba(var(--co-ink-rgb), .35), 0 2px 6px -2px rgba(var(--co-ink-rgb), .08); overflow: hidden; }
body.co-page:is(.co-file-process, .co-course-process) .right-panel { display: flex; flex-direction: column; }
/* order summary */
body.co-page:is(.co-file-process, .co-course-process) .cs-head { display: block; padding: 24px var(--co-pad) 20px; background: linear-gradient(180deg, rgba(var(--c-accent-rgb, 0, 116, 217), .08), transparent); border-bottom: 1px solid var(--co-line); }
body.co-page:is(.co-file-process, .co-course-process) .cs-head::before { content: 'Order summary'; display: block; margin-bottom: 12px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c-accent); }
body.co-page:is(.co-file-process, .co-course-process) .cs-head:has(.cs-eyebrow)::before { display: none; }   /* the file checkout prints its own "You're buying" eyebrow */
body.co-page:is(.co-file-process, .co-course-process) .cs-eyebrow { display: block; margin-bottom: 12px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c-accent); }
body.co-page:is(.co-file-process, .co-course-process) .cs-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
body.co-page:is(.co-file-process, .co-course-process) .cs-title { font-size: 24px; letter-spacing: -.02em; color: var(--co-ink); }
body.co-page:is(.co-file-process, .co-course-process) .cs-code { grid-column: auto; grid-row: auto; margin: 2px 0 0; padding: 7px 13px; border: 0; border-radius: 999px; background: var(--c-accent); color: var(--c-on-accent, #fff); font: 700 11px/1 var(--rs-font-display, inherit); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
body.co-page:is(.co-file-process, .co-course-process) .cs-platform { grid-column: auto; grid-row: auto; margin-top: 8px; font-size: 14px; }
body.co-page:is(.co-file-process, .co-course-process) .cs-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
body.co-page:is(.co-file-process, .co-course-process) .cs-chip { padding: 6px 12px; border-radius: 999px; background: var(--co-line-2); font-size: 12px; }
body.co-page:is(.co-file-process, .co-course-process) .cs-summary { padding: 20px var(--co-pad) 26px; }
body.co-page:is(.co-file-process, .co-course-process) .cs-row { padding: 12px 0; font-size: 14.5px; border-bottom: 1px dashed var(--co-line); }
body.co-page:is(.co-file-process, .co-course-process) .cs-row b { font-family: var(--co-mono); font-weight: 600; color: var(--co-ink); }
body.co-page:is(.co-file-process, .co-course-process) .cs-note { padding-top: 10px; font-size: 12.5px; }
body.co-page:is(.co-file-process, .co-course-process) .cs-total { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding: 18px 22px; border-radius: 16px; background: var(--co-ink); color: var(--co-on-ink); box-shadow: 0 18px 40px -22px rgba(var(--co-ink-rgb), .6); }
body.co-page:is(.co-file-process, .co-course-process) .cs-total .cs-total-l { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .78; }
body.co-page:is(.co-file-process, .co-course-process) .cs-total b { font-family: var(--rs-font-display, inherit); font-size: 32px; letter-spacing: -.02em; color: inherit; }
body.co-page:is(.co-file-process, .co-course-process) .cs-total b small { font-size: 13px; font-weight: 600; opacity: .8; margin-left: 4px; color: inherit; }
body.co-page:is(.co-file-process, .co-course-process) .cs-total + .cs-note { text-align: right; }
body.co-page:is(.co-file-process, .co-course-process) .order-meta { padding: 16px var(--co-pad) 22px; background: var(--co-paper); border-top: 1px solid var(--co-line); }
body.co-page:is(.co-file-process, .co-course-process) .meta-row { padding: 9px 0; border-bottom: 1px solid var(--co-line-2); }
body.co-page:is(.co-file-process, .co-course-process) .meta-row:last-child { border-bottom: 0; }
body.co-page:is(.co-file-process, .co-course-process) .meta-label { font-size: 11px; letter-spacing: .08em; }
body.co-page:is(.co-file-process, .co-course-process) .meta-value { font-size: 13px; color: var(--co-ink-2); min-width: 0; overflow-wrap: anywhere; }
body.co-page:is(.co-file-process, .co-course-process) .meta-value.mono { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; padding: 5px 10px; border-radius: 8px; background: var(--co-card); border: 1px solid var(--co-line); }
/* payment */
body.co-page:is(.co-file-process, .co-course-process) .gateway-header { padding: 24px var(--co-pad) 18px; background: linear-gradient(180deg, rgba(var(--c-accent-rgb, 0, 116, 217), .08), transparent); border-bottom: 1px solid var(--co-line); text-align: left; }
body.co-page:is(.co-file-process, .co-course-process) .gateway-header h2 { display: flex; align-items: center; gap: 12px; font-size: 22px; letter-spacing: -.02em; color: var(--co-ink); }
body.co-page:is(.co-file-process, .co-course-process) .gateway-header h2 i { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 12px; background: var(--c-accent); color: var(--c-on-accent, #fff); font-size: 15px; }
body.co-page:is(.co-file-process, .co-course-process) .gateway-header p { margin: 8px 0 0 50px; font-size: 13.5px; color: var(--co-muted); }
body.co-page:is(.co-file-process, .co-course-process) .countdown-section { flex: 1; padding: 36px var(--co-pad) 8px; justify-content: center; }
body.co-page:is(.co-file-process, .co-course-process) .countdown-ring, body.co-page:is(.co-file-process, .co-course-process) .countdown-ring svg { width: 132px; height: 132px; }
body.co-page:is(.co-file-process, .co-course-process) .countdown-ring { margin-bottom: 22px; filter: drop-shadow(0 12px 24px rgba(var(--c-accent-rgb, 0, 116, 217), .18)); }
body.co-page:is(.co-file-process, .co-course-process) .countdown-ring .ring-bg { stroke: var(--co-line-2); stroke-width: 5; }
body.co-page:is(.co-file-process, .co-course-process) .countdown-ring .ring-progress { stroke: var(--c-accent); stroke-width: 5; }
body.co-page:is(.co-file-process, .co-course-process) .countdown-number { font-family: var(--rs-font-display, inherit); font-size: 42px; font-weight: 700; letter-spacing: -.03em; color: var(--co-ink); }
body.co-page:is(.co-file-process, .co-course-process) .countdown-text { font-size: 15.5px; color: var(--co-ink-2); }
body.co-page:is(.co-file-process, .co-course-process) .co-wait { font-size: 12.5px; }
body.co-page:is(.co-file-process, .co-course-process) .pay-now-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; max-width: none; margin-top: 24px; padding: 17px 22px; border-radius: 999px; background: var(--c-accent); color: var(--c-on-accent, #fff); font-size: 16px; font-weight: 700; box-shadow: 0 16px 34px -14px rgba(var(--c-accent-rgb, 0, 116, 217), .75); transition: transform .2s, box-shadow .2s, filter .2s; }
body.co-page:is(.co-file-process, .co-course-process) .pay-now-btn:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 20px 40px -14px rgba(var(--c-accent-rgb, 0, 116, 217), .8); }
body.co-page:is(.co-file-process, .co-course-process) .redirecting-state .spinner { width: 52px; height: 52px; border-width: 4px; border-color: var(--co-line-2); border-top-color: var(--c-accent); margin-bottom: 16px; }
body.co-page:is(.co-file-process, .co-course-process) .rw-amt { font-size: 14px; color: var(--co-muted); margin-top: 6px; }
body.co-page:is(.co-file-process, .co-course-process) .rw-fallback { border-radius: 999px; }
body.co-page:is(.co-file-process, .co-course-process) .right-panel > .cs-secure { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin: 16px var(--co-pad) 26px; font-size: 12.5px; color: var(--co-muted); }
body.co-page:is(.co-file-process, .co-course-process) .cs-secure-t { display: inline-flex; align-items: center; gap: 7px; }
body.co-page:is(.co-file-process, .co-course-process) .cs-secure-t i { color: var(--success, #188038); }
@media (max-width: 900px) {
    body.co-page:is(.co-file-process, .co-course-process) { --co-pad: 18px; --co-r: 18px; }
    body.co-page:is(.co-file-process, .co-course-process) .page-wrapper { padding: 14px 16px 48px; gap: 16px; }
    body.co-page:is(.co-file-process, .co-course-process) .progress-steps { padding: 8px 14px; }
    body.co-page:is(.co-file-process, .co-course-process) .step-label { display: none; }
    body.co-page:is(.co-file-process, .co-course-process) .step-label.active { display: inline; }
    body.co-page:is(.co-file-process, .co-course-process) .step-line { width: 18px; margin: 0 6px; }
    body.co-page:is(.co-file-process, .co-course-process) .split-container { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    body.co-page:is(.co-file-process, .co-course-process) .right-panel { order: -1; }
    body.co-page:is(.co-file-process, .co-course-process) .cs-title { font-size: 21px; }
    body.co-page:is(.co-file-process, .co-course-process) .cs-total b { font-size: 26px; }
    body.co-page:is(.co-file-process, .co-course-process) .gateway-header h2 { font-size: 19px; }
    body.co-page:is(.co-file-process, .co-course-process) .countdown-section { padding-top: 26px; }
    body.co-page:is(.co-file-process, .co-course-process) .countdown-ring, body.co-page:is(.co-file-process, .co-course-process) .countdown-ring svg { width: 108px; height: 108px; }
    body.co-page:is(.co-file-process, .co-course-process) .countdown-number { font-size: 34px; }
    body.co-page:is(.co-file-process, .co-course-process) .meta-row { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
    body.co-page:is(.co-file-process, .co-course-process) .pay-now-btn, body.co-page:is(.co-file-process, .co-course-process) .pay-now-btn:hover { transition: none; transform: none; }
}