/*
Theme Name: StayReady
Author: StayReady
Description: Custom StayReady product and account theme.
Version: 0.6.8
Text Domain: stayready
*/

:root {
    --sr-bg: #f6f8fb;
    --sr-surface: #ffffff;
    --sr-surface-soft: #eef3f8;
    --sr-text: #102033;
    --sr-muted: #607083;
    --sr-border: #dfe6ee;
    --sr-navy: #0d2746;
    --sr-navy-2: #163c67;
    --sr-accent: #2c9a56;
    --sr-accent-dark: #1d7b43;
    --sr-blue: #2563eb;
    --sr-danger: #b42318;
    --sr-success: #137a3f;
    --sr-plan-advanced: #9a6800;
    --sr-plan-advanced-bg: #fff2bd;
    --sr-plan-advanced-border: #deb13e;
    --sr-plan-basic: #245f9e;
    --sr-plan-basic-bg: #eaf3ff;
    --sr-plan-basic-border: #9fc3e8;
    --sr-plan-free: #5f6f7d;
    --sr-plan-free-bg: #f0f3f6;
    --sr-plan-free-border: #d7dfe7;
    --sr-shadow: 0 18px 50px rgba(22, 45, 72, .11);
    --sr-radius: 20px;
    --sr-max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: var(--sr-bg);
    color: var(--sr-text);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.58;
    -webkit-font-smoothing: antialiased;
}
a { color: var(--sr-blue); }
a:hover { color: #174bb8; }
img { max-width: 100%; }
button, input, select, textarea { font: inherit; }
.sr-container { width: min(calc(100% - 40px), var(--sr-max)); margin-inline: auto; }
.sr-narrow { max-width: 720px; }
.sr-narrow-wide { max-width: 920px; }
.sr-muted { color: var(--sr-muted); }

.sr-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255,255,255,.92);
    border-bottom: 1px solid rgba(223,230,238,.9);
    backdrop-filter: blur(14px);
}
.sr-header-inner {
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 34px;
}
.sr-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--sr-navy);
    text-decoration: none;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.03em;
}
.sr-brand img { width: 44px; height: 44px; object-fit: contain; }
.sr-nav { margin-left: auto; }
.sr-nav ul { list-style: none; display: flex; align-items: center; gap: 24px; padding: 0; margin: 0; }
.sr-nav a { color: #33465c; text-decoration: none; font-weight: 650; font-size: 14px; }
.sr-nav a:hover, .sr-nav .current-menu-item > a { color: var(--sr-navy); }
.sr-header-tools { display: flex; align-items: center; gap: 10px; }
.sr-language { display: flex; padding: 3px; border: 1px solid var(--sr-border); border-radius: 10px; background: var(--sr-surface); }
.sr-language a { padding: 5px 8px; border-radius: 7px; color: var(--sr-muted); text-decoration: none; font-size: 12px; font-weight: 800; }
.sr-language a[aria-current="true"] { background: var(--sr-navy); color: white; }
.sr-currency { margin: 0; }
.sr-currency select { min-height: 34px; border: 1px solid var(--sr-border); border-radius: 10px; background: white; color: var(--sr-text); padding: 5px 28px 5px 10px; cursor: pointer; }

.sr-main { min-height: calc(100vh - 160px); }
.sr-main:not(.sr-home) { padding: 54px 0 88px; }
.sr-content { max-width: 900px; }
.sr-page-title { margin: 0 0 30px; font-size: clamp(38px, 5vw, 58px); line-height: 1.05; letter-spacing: -.045em; }
.sr-eyebrow { color: var(--sr-accent-dark); font-size: 12px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 12px; }

.sr-hero {
    overflow: hidden;
    background:
        radial-gradient(circle at 76% 24%, rgba(67, 157, 104, .18), transparent 27%),
        linear-gradient(135deg, #f8fbff 0%, #eef5fb 55%, #e8f3ec 100%);
    border-bottom: 1px solid var(--sr-border);
}
.sr-hero-grid { min-height: 650px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 64px; align-items: center; padding-block: 72px; }
.sr-hero h1 { margin: 0; max-width: 760px; font-size: clamp(48px, 6vw, 78px); line-height: .98; letter-spacing: -.06em; color: var(--sr-navy); }
.sr-hero-lead { max-width: 720px; margin: 28px 0 0; color: #52667d; font-size: clamp(18px, 2vw, 21px); line-height: 1.55; }
.sr-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.sr-trust-row { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-top: 28px; color: #617084; font-size: 13px; }
.sr-trust-row span::before { content: "✓"; color: var(--sr-accent); font-weight: 900; margin-right: 6px; }

.sr-hero-visual { position: relative; }
.sr-app-card {
    position: relative;
    max-width: 450px;
    margin-left: auto;
    padding: 28px;
    border-radius: 28px;
    background: linear-gradient(155deg, #102d4f, #091c32);
    color: white;
    box-shadow: 0 30px 80px rgba(11, 37, 65, .28);
}
.sr-app-card::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 22px; pointer-events: none; }
.sr-app-card-top { display: flex; align-items: center; gap: 18px; }
.sr-app-card-top img { filter: drop-shadow(0 6px 14px rgba(0,0,0,.2)); }
.sr-app-card-top div { display: flex; flex-direction: column; }
.sr-app-card-top strong { font-size: 25px; }
.sr-app-card-top span { color: #afc4d8; font-size: 14px; }
.sr-connection-status { display: flex; align-items: center; gap: 10px; margin: 26px 0; padding: 12px 14px; background: rgba(255,255,255,.06); border-radius: 12px; color: #d8e7f4; }
.sr-connection-status span { width: 10px; height: 10px; border-radius: 999px; background: #4fd277; box-shadow: 0 0 0 6px rgba(79,210,119,.12); }
.sr-mini-plan-grid { display: grid; gap: 9px; }
.sr-mini-plan-grid > div { display: grid; grid-template-columns: 85px 1fr auto; align-items: center; gap: 10px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.03); }
.sr-mini-plan-grid span { color: #afc4d8; font-weight: 800; font-size: 12px; }
.sr-mini-plan-grid strong { font-size: 17px; }
.sr-mini-plan-grid small { color: #8da6bd; }
.sr-mini-plan-grid .is-active { border-color: rgba(79,210,119,.45); background: rgba(79,210,119,.08); }

.sr-section { padding: 86px 0; }
.sr-section-tinted { background: #edf3f8; border-block: 1px solid var(--sr-border); }
.sr-section-heading { max-width: 780px; margin-bottom: 34px; }
.sr-section-heading h2, .sr-split-section h2 { margin: 0; font-size: clamp(32px, 4vw, 49px); line-height: 1.08; letter-spacing: -.045em; color: var(--sr-navy); }
.sr-section-heading-centered { margin-inline: auto; text-align: center; }
.sr-feature-grid { display: grid; gap: 18px; }
.sr-feature-grid-three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.sr-feature-card { position: relative; padding: 28px; background: var(--sr-surface); border: 1px solid var(--sr-border); border-radius: var(--sr-radius); box-shadow: 0 8px 26px rgba(21,51,80,.05); }
.sr-feature-card h3 { margin: 18px 0 8px; font-size: 21px; color: var(--sr-navy); }
.sr-feature-card p { margin: 0; color: var(--sr-muted); }
.sr-step-number { color: var(--sr-accent); font-weight: 850; font-size: 13px; letter-spacing: .08em; }
.sr-split-section { display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; }
.sr-split-section p { color: var(--sr-muted); font-size: 18px; }
.sr-account-preview { padding: 28px; background: white; border: 1px solid var(--sr-border); border-radius: 22px; box-shadow: var(--sr-shadow); }
.sr-preview-row { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 12px; }
.sr-preview-row span { color: var(--sr-muted); }
.sr-preview-device { display: flex; justify-content: space-between; margin-top: 24px; padding: 14px; background: var(--sr-surface-soft); border-radius: 12px; }
.sr-preview-device small { color: var(--sr-muted); }
.sr-plan-summary-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.sr-plan-summary-grid article { padding: 22px; border: 1px solid var(--sr-border); border-radius: 16px; background: white; }
.sr-plan-summary-grid span { display: block; color: var(--sr-muted); font-size: 12px; font-weight: 850; letter-spacing: .08em; }
.sr-plan-summary-grid strong { display: block; margin-top: 8px; font-size: 18px; }
.sr-plan-summary-grid .is-featured { border-color: #9fc9af; background: #f2faf5; }
.sr-centered-action { text-align: center; margin-top: 28px; }

.sr-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    padding: 10px 17px;
    border: 1px solid #cad4df;
    border-radius: 11px;
    background: white;
    color: var(--sr-navy);
    text-decoration: none;
    font-weight: 750;
    line-height: 1.2;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.sr-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { color: var(--sr-navy); border-color: #9eb0c1; transform: translateY(-1px); }
.sr-button-primary, .woocommerce button.button.alt, .woocommerce a.button.alt { background: var(--sr-navy); border-color: var(--sr-navy); color: white; }
.sr-button-primary:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover { background: #143b66; border-color: #143b66; color: white; }
.sr-button-large { min-height: 50px; padding: 13px 21px; }
.sr-button-small { min-height: 34px; padding: 7px 11px; font-size: 13px; }
.sr-button-full { width: 100%; }
.sr-button-disabled { cursor: default; color: #8693a1; background: #f2f4f7; border-color: #e1e5e9; }
.sr-button-disabled:hover { transform: none; color: #8693a1; }
.sr-inline-form { display: inline-flex; margin: 0; }

.sr-page-hero { padding: 36px 0 44px; }
.sr-page-hero h1 { margin: 0; font-size: clamp(43px, 6vw, 68px); line-height: 1.02; letter-spacing: -.055em; color: var(--sr-navy); }
.sr-page-hero p { margin: 22px 0 0; max-width: 860px; color: var(--sr-muted); font-size: 19px; }
.sr-pricing-section { padding-top: 26px; }
.sr-pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; align-items: stretch; }
.sr-pricing-card { display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--sr-border); border-radius: 22px; background: white; box-shadow: 0 8px 30px rgba(22,45,72,.05); }
.sr-pricing-card-featured { border-color: var(--sr-plan-basic-border); box-shadow: 0 18px 50px rgba(36,95,158,.12); }
.sr-pricing-card h2 { margin: 14px 0; font-size: 22px; color: var(--sr-navy); }
.sr-plan-pill { display: inline-flex; width: fit-content; padding: 5px 9px; border: 1px solid var(--sr-plan-free-border); border-radius: 999px; background: var(--sr-plan-free-bg); color: var(--sr-plan-free); font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.sr-plan-pill.sr-plan-basic { color: var(--sr-plan-basic); background: var(--sr-plan-basic-bg); border-color: var(--sr-plan-basic-border); }
.sr-plan-pill.sr-plan-advanced { color: var(--sr-plan-advanced); background: var(--sr-plan-advanced-bg); border-color: var(--sr-plan-advanced-border); }
.sr-plan-pill.sr-plan-free { color: var(--sr-plan-free); background: var(--sr-plan-free-bg); border-color: var(--sr-plan-free-border); }
.sr-plan-pill-small { padding: 3px 7px; font-size: 10px; }
.sr-price { display: flex; align-items: baseline; gap: 7px; margin: 10px 0 20px; }
.sr-price strong { font-size: 34px; line-height: 1; letter-spacing: -.035em; }
.sr-price span { color: var(--sr-muted); }
.sr-pricing-card ul { flex: 1; margin: 0 0 26px; padding: 0; list-style: none; }
.sr-pricing-card li { position: relative; padding: 8px 0 8px 24px; color: #4f6175; }
.sr-pricing-card li::before { content: "✓"; position: absolute; left: 0; color: var(--sr-accent); font-weight: 900; }
.sr-policy-note { margin-top: 22px; padding: 20px 22px; border: 1px solid #f0d59c; border-radius: 14px; background: #fff9ec; }
.sr-policy-note p { margin: 5px 0 0; color: #6d5a30; }
.sr-addon-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.sr-addon-grid article { padding: 26px; background: white; border: 1px solid var(--sr-border); border-radius: 18px; }
.sr-addon-grid h3 { margin: 0 0 8px; color: var(--sr-navy); }
.sr-addon-grid strong { font-size: 25px; }
.sr-addon-grid p { color: var(--sr-muted); margin-bottom: 0; }
.sr-faq-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.sr-faq-grid article { padding: 24px; border: 1px solid var(--sr-border); border-radius: 16px; background: white; }
.sr-faq-grid h3 { margin: 0 0 8px; font-size: 18px; }
.sr-faq-grid p { margin: 0; color: var(--sr-muted); }

.sr-download-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.sr-download-card { padding: 30px; background: white; border: 1px solid var(--sr-border); border-radius: 22px; }
.sr-download-platform { color: var(--sr-accent-dark); font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.sr-download-card h2 { margin: 10px 0; font-size: 28px; }
.sr-download-card p { color: var(--sr-muted); }
.sr-download-card small { display: block; color: var(--sr-muted); margin-top: 10px; }
.sr-download-flow { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 28px; }
.sr-download-flow > div { padding: 22px; background: var(--sr-surface-soft); border-radius: 16px; }
.sr-download-flow span { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; background: var(--sr-navy); color: white; font-size: 12px; font-weight: 800; }
.sr-download-flow strong { display: block; margin: 10px 0 5px; }
.sr-download-flow p { margin: 0; color: var(--sr-muted); font-size: 14px; }

.sr-auth-card, .sr-auth-panel { background: white; }
.sr-auth-card { padding: 34px; border: 1px solid var(--sr-border); border-radius: 22px; box-shadow: var(--sr-shadow); }
.sr-auth-card h1 { margin: 0; font-size: 40px; line-height: 1.05; }
.sr-auth-card > p { color: var(--sr-muted); }
.sr-auth-panel { max-width: 520px; }
.sr-auth-panel h2 { margin: 0 0 7px; font-size: 27px; }
.sr-auth-panel p { color: var(--sr-muted); }
.sr-auth-form { display: block; margin-top: 18px; }
.sr-auth-form > input[type="hidden"] { display: none !important; }
.sr-auth-field { display: grid; gap: 7px; }
.sr-auth-form label { margin: 0; font-size: 13px; font-weight: 750; }
.sr-auth-form input:not([type="hidden"]) { min-height: 48px; padding: 10px 13px; border: 1px solid #cbd6e1; border-radius: 10px; background: white; color: var(--sr-text); }
.sr-auth-form input:not([type="hidden"]):focus { outline: 3px solid rgba(37,99,235,.13); border-color: var(--sr-blue); }
.sr-auth-back { display: inline-block; margin-top: 14px; font-size: 14px; }
.sr-email-hint { padding: 10px 12px; background: var(--sr-surface-soft); border-radius: 10px; }

.sr-notice { padding: 14px 16px; margin-bottom: 20px; border-radius: 12px; border: 1px solid var(--sr-border); background: white; }
.sr-notice-error { color: #8f231b; border-color: #f0c5c2; background: #fff3f2; }
.sr-notice-success { color: #126134; border-color: #b8dfc6; background: #effaf3; }
.sr-notice-info { color: #234d79; border-color: #bfd2e4; background: #f1f7fc; }
.sr-activation-result code { display: block; overflow-wrap: anywhere; padding: 10px 12px; background: rgba(255,255,255,.65); border-radius: 8px; }

.woocommerce-account .woocommerce { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; width: 100%; }
.woocommerce-MyAccount-navigation { width: 100%; }
.woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0; padding: 6px; background: white; border: 1px solid var(--sr-border); border-radius: 15px; box-shadow: 0 6px 24px rgba(22,45,72,.035); }
.woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; border-radius: 9px; color: var(--sr-text); text-decoration: none; font-weight: 650; }
.woocommerce-MyAccount-navigation .is-active > a { background: var(--sr-navy); color: white; }
.woocommerce-MyAccount-content { min-width: 0; width: 100%; }
.sr-account-overview, .sr-license-page { width: 100%; }
.sr-account-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; margin-bottom: 28px; }
.sr-account-heading h2 { margin: 0; font-size: clamp(28px,3vw,38px); line-height: 1.12; letter-spacing: -.035em; overflow-wrap: anywhere; }
.sr-account-heading p { margin: 8px 0 0; color: var(--sr-muted); }
.sr-stat-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-bottom: 34px; }
.sr-stat-card { padding: 22px; border: 1px solid var(--sr-border); border-radius: 16px; background: white; box-shadow: 0 8px 24px rgba(22,45,72,.035); }
.sr-stat-card span { display: block; color: var(--sr-muted); font-size: 13px; }
.sr-stat-card strong { display: block; margin-top: 6px; font-size: 23px; }
.sr-dashboard-section { margin-top: 28px; }
.sr-dashboard-section h3 { font-size: 21px; }
.sr-license-list { display: grid; gap: 18px; }
.sr-license-card { padding: 26px; background: white; border: 1px solid var(--sr-border); border-radius: 20px; box-shadow: 0 8px 26px rgba(22,45,72,.045); }
.sr-license-card.sr-plan-basic { border-top: 4px solid var(--sr-plan-basic-border); }
.sr-license-card.sr-plan-advanced { border-top: 4px solid var(--sr-plan-advanced-border); }
.sr-license-card.sr-plan-free { border-top: 4px solid var(--sr-plan-free-border); }
.sr-license-card-head { display: flex; justify-content: space-between; gap: 20px; }
.sr-license-card h3 { margin: 9px 0 0; font-size: 23px; }
.sr-license-id { margin-top: 6px; }
.sr-copyable-id { display: inline-flex; min-width: 0; gap: 7px; align-items: center; color: var(--sr-muted); }
.sr-copyable-id code { overflow-wrap: anywhere; color: inherit; background: transparent; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; user-select: all; }
.sr-copyable-id-compact { gap: 5px; }
.sr-copyable-id-compact code { font-size: 10px; }
.sr-copy-button { display: inline-flex; flex: 0 0 auto; width: 27px; height: 27px; align-items: center; justify-content: center; padding: 0; border: 1px solid transparent; border-radius: 8px; color: #63778a; background: transparent; cursor: pointer; transition: color .15s ease, background .15s ease, border-color .15s ease; }
.sr-copy-button:hover, .sr-copy-button:focus-visible { color: var(--sr-blue); background: #eef5ff; border-color: #d7e6fb; outline: none; }
.sr-copy-button:disabled { cursor: default; opacity: 1; }
.sr-copy-button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sr-copy-button .sr-copy-done-icon { display: none; }
.sr-copy-button.is-copied { color: var(--sr-success); background: #ebf8f0; border-color: #cdebd7; }
.sr-copy-button.is-copied .sr-copy-icon { display: none; }
.sr-copy-button.is-copied .sr-copy-done-icon { display: block; }
.sr-empty-value { color: var(--sr-muted); }
.sr-license-status { height: fit-content; padding: 5px 9px; border-radius: 999px; background: var(--sr-surface-soft); color: var(--sr-muted); font-size: 11px; font-weight: 850; }
.sr-status-active { color: var(--sr-success); background: #ebf8f0; }
.sr-license-meta-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin: 20px 0; }
.sr-license-meta-grid > div { padding: 12px 14px; background: var(--sr-surface-soft); border-radius: 11px; }
.sr-license-meta-grid span { display: block; color: var(--sr-muted); font-size: 12px; }
.sr-license-meta-grid strong { display: block; margin-top: 3px; }
.sr-quota-block { margin: 18px 0; padding: 16px; border: 1px solid var(--sr-border); border-radius: 13px; }
.sr-quota-block small { display: block; color: var(--sr-muted); margin-top: 6px; }
.sr-quota-unlimited { background: #f1faf4; border-color: #c9e6d2; }
.sr-quota-unlimited span { display: block; color: #567061; margin-top: 4px; }
.sr-quota-head { display: flex; justify-content: space-between; gap: 15px; margin-bottom: 9px; }
.sr-progress { height: 8px; overflow: hidden; border-radius: 999px; background: #dfe7ef; }
.sr-progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--sr-accent), #5abe7e); }
.sr-license-actions { display: flex; flex-wrap: wrap; gap: 9px; margin: 18px 0 22px; }
.sr-license-device-list { border-top: 1px solid var(--sr-border); padding-top: 18px; }
.sr-license-device-list h4 { margin: 0 0 12px; }
.sr-bound-device { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 0; border-bottom: 1px solid #eef2f5; }
.sr-bound-device > div { display: flex; flex-direction: column; }
.sr-bound-device small { color: var(--sr-muted); }
.sr-link-button { appearance: none; border: 0; padding: 4px; background: transparent; color: var(--sr-danger); cursor: pointer; font-weight: 700; }
.sr-bind-device-form { display: flex; align-items: flex-end; gap: 10px; margin-top: 14px; }
.sr-bind-device-form label { display: grid; gap: 5px; flex: 1; color: var(--sr-muted); font-size: 12px; }
.sr-connect-device-notice { margin: 0 0 22px; }
.sr-connect-device-notice p { margin: 7px 0 0; }
.sr-connect-device-form { align-items: center; padding: 14px; border: 1px solid #bfd2e4; border-radius: 12px; background: #f7fbff; }
.sr-connect-device-form > div { display: grid; gap: 4px; flex: 1; min-width: 0; }
.sr-connect-device-form small { color: var(--sr-muted); }
#connect-this-device { scroll-margin-top: 32vh; }
.sr-connect-bind-target { display: none; width: 0; height: 0; border: 0; }
.sr-connect-device-form button:disabled { cursor: wait; opacity: .72; }
.sr-bind-device-form select { min-height: 42px; border: 1px solid var(--sr-border); border-radius: 9px; padding: 7px 10px; background: white; }
.sr-account-devices-section { margin-top: 34px; padding-top: 30px; border-top: 1px solid var(--sr-border); }
.sr-device-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.sr-device-card { padding: 20px; background: white; border: 1px solid var(--sr-border); border-radius: 16px; box-shadow: 0 8px 24px rgba(22,45,72,.035); }
.sr-device-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.sr-device-card-head strong { font-size: 17px; line-height: 1.3; }
.sr-device-meta { display: grid; gap: 4px; margin-top: 9px; color: var(--sr-muted); font-size: 12px; }
.sr-device-license-id { display: grid; gap: 5px; margin-top: 12px; color: var(--sr-muted); font-size: 11px; }
.sr-device-license-id > span { font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.sr-mini-quota { display: grid; gap: 3px; margin: 12px 0; padding: 10px; background: var(--sr-surface-soft); border-radius: 9px; font-size: 12px; }
.sr-empty-state { padding: 28px; border: 1px dashed #bcc9d5; border-radius: 16px; text-align: center; }
.sr-empty-state h3 { margin-top: 0; }
.sr-empty-state p { color: var(--sr-muted); }

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { width: 100%; min-height: 44px; padding: 9px 12px; border: 1px solid var(--sr-border); border-radius: 9px; background: white; }
.woocommerce-checkout .wp-block-woocommerce-checkout, .wp-block-woocommerce-cart { max-width: 1060px; margin-inline: auto; }

.sr-footer { padding: 30px 0; background: #0d223b; color: #b9c7d5; }
.sr-footer-inner { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 28px; }
.sr-footer-brand { display: flex; align-items: center; gap: 9px; }
.sr-footer-brand img { width: 32px; height: 32px; }
.sr-footer-brand div { display: flex; flex-direction: column; }
.sr-footer-brand strong { color: white; }
.sr-footer-brand span { font-size: 12px; }
.sr-footer-links { display: flex; gap: 18px; }
.sr-footer-links a { color: #d7e1ea; text-decoration: none; font-size: 13px; }
.sr-footer-copy { font-size: 12px; }

@media (max-width: 920px) {
    .sr-header-inner { flex-wrap: wrap; padding-block: 12px; gap: 14px 22px; }
    .sr-nav { order: 3; width: 100%; margin-left: 0; overflow-x: auto; }
    .sr-nav ul { gap: 18px; padding-bottom: 2px; }
    .sr-header-tools { margin-left: auto; }
    .sr-hero-grid, .sr-split-section { grid-template-columns: 1fr; gap: 38px; }
    .sr-hero-grid { min-height: 0; }
    .sr-app-card { margin-inline: auto; }
    .sr-feature-grid-three, .sr-pricing-grid { grid-template-columns: 1fr; }
    .sr-plan-summary-grid { grid-template-columns: 1fr; }
    .sr-device-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .woocommerce-account .woocommerce { grid-template-columns: 1fr; gap: 22px; }
    .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; }
    .sr-footer-inner { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .sr-container { width: min(calc(100% - 26px), var(--sr-max)); }
    .sr-header { position: relative; }
    .sr-header-tools { width: 100%; margin-left: 0; }
    .sr-hero-grid { padding-block: 54px; }
    .sr-hero h1 { font-size: clamp(43px, 14vw, 62px); }
    .sr-mini-plan-grid > div { grid-template-columns: 70px 1fr; }
    .sr-mini-plan-grid small { grid-column: 2; }
    .sr-section { padding: 60px 0; }
    .sr-addon-grid, .sr-faq-grid, .sr-download-grid, .sr-download-flow, .sr-stat-grid, .sr-device-grid, .sr-license-meta-grid { grid-template-columns: 1fr; }
    .sr-account-heading { flex-direction: column; }
    .sr-license-card { padding: 20px; }
    .sr-license-card-head { flex-direction: column; }
    .sr-bind-device-form { flex-direction: column; align-items: stretch; }
    .sr-footer-links { flex-wrap: wrap; }
}

/* Homepage 0.5.0 --------------------------------------------------------- */
.sr-home-v2 {
    background: #f8fafc;
}
.sr-home-v2 .sr-container {
    width: min(calc(100% - 36px), 1240px);
}
.sr-home-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 28%, rgba(59, 130, 246, .10), transparent 25%),
        radial-gradient(circle at 91% 45%, rgba(44, 154, 86, .10), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
    border-bottom: 1px solid #e7edf3;
}
.sr-home-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, .93fr) minmax(520px, 1.07fr);
    gap: 48px;
    align-items: center;
    min-height: 610px;
    padding: 62px 0 58px;
}
.sr-home-kicker {
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
    color: var(--sr-accent-dark);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.sr-home-hero-copy h1 {
    margin: 0;
    max-width: 620px;
    color: #0a2445;
    font-size: clamp(44px, 4.15vw, 60px);
    font-weight: 820;
    line-height: 1.02;
    letter-spacing: -.048em;
}
html[lang^="ru"] .sr-home-hero-copy h1 {
    max-width: 680px;
    font-size: clamp(41px, 3.8vw, 55px);
    line-height: 1.035;
    letter-spacing: -.042em;
}
.sr-home-hero-copy > p {
    max-width: 620px;
    margin: 24px 0 0;
    color: #53677e;
    font-size: 17px;
    line-height: 1.58;
}
.sr-home-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}
.sr-home-cta {
    gap: 9px;
    min-width: 164px;
}
.sr-inline-icon,
.sr-inline-icon svg {
    display: inline-flex;
    width: 18px;
    height: 18px;
}
.sr-inline-icon svg,
.sr-home-proof-row svg,
.sr-home-icon svg,
.sr-step-icon svg,
.sr-home-trust-grid svg,
.sr-orbit-icon svg,
.sr-app-shield svg,
.sr-home-price-card li svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.sr-inline-icon-arrow { margin-left: 2px; }
.sr-home-proof-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin-top: 24px;
    color: #5f7084;
    font-size: 12px;
    font-weight: 650;
}
.sr-home-proof-row span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.sr-home-proof-row i {
    display: inline-flex;
    color: var(--sr-accent);
    font-style: normal;
}
.sr-home-proof-row i svg { width: 16px; height: 16px; }

/* The hero product picture is real HTML/CSS so language and content remain live. */
.sr-network-visual {
    position: relative;
    min-height: 455px;
    isolation: isolate;
}
.sr-network-visual::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    left: 145px;
    top: 28px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 38% 38%, rgba(255,255,255,.85), transparent 8%),
        linear-gradient(145deg, rgba(219,232,249,.9), rgba(236,244,252,.55));
    border: 1px solid rgba(145, 176, 211, .2);
    box-shadow: inset 0 0 70px rgba(117, 154, 199, .12);
    z-index: -3;
}
.sr-network-visual::after {
    content: "";
    position: absolute;
    width: 470px;
    height: 90px;
    left: 92px;
    bottom: 9px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(13,39,70,.18), rgba(13,39,70,0) 68%);
    filter: blur(7px);
    z-index: -2;
}
.sr-world-orbit {
    position: absolute;
    left: 175px;
    top: 60px;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(112, 150, 194, .22);
    border-radius: 50%;
    transform: rotate(-18deg) scaleY(.43);
    z-index: -2;
}
.sr-network-lines {
    position: absolute;
    inset: 2px 0 auto;
    width: 100%;
    height: 390px;
    overflow: visible;
    z-index: -1;
}
.sr-network-lines path {
    fill: none;
    stroke: #82a6d6;
    stroke-width: 1.6;
    stroke-dasharray: 5 7;
    opacity: .6;
}
.sr-network-lines .sr-net-path-green { stroke: #49b46e; opacity: .75; }
.sr-network-lines circle { fill: #123c68; stroke: white; stroke-width: 3; }
.sr-network-lines circle:nth-of-type(2n) { fill: #2ca154; }
.sr-orbit-icon {
    position: absolute;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid #d9e5f0;
    border-radius: 50%;
    background: rgba(255,255,255,.9);
    color: var(--sr-accent);
    box-shadow: 0 10px 28px rgba(20,55,91,.08);
}
.sr-orbit-icon svg { width: 25px; height: 25px; }
.sr-orbit-shield { left: 44px; top: 65px; }
.sr-orbit-globe { right: 5px; top: 58px; color: #5685bd; }
.sr-laptop {
    position: absolute;
    left: 108px;
    top: 116px;
    width: 445px;
}
.sr-laptop-screen {
    display: grid;
    grid-template-columns: 120px 1fr;
    height: 248px;
    padding: 10px;
    border: 9px solid #101820;
    border-bottom-width: 13px;
    border-radius: 16px 16px 8px 8px;
    background: #edf4fa;
    box-shadow: 0 28px 55px rgba(13, 39, 70, .24);
    transform: perspective(900px) rotateX(1deg) rotateY(-2deg);
}
.sr-app-sidebar {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 15px 12px;
    border-radius: 7px 0 0 7px;
    background: linear-gradient(180deg, #0b2849, #102f51);
    color: #adc2d7;
    font-size: 10px;
}
.sr-app-sidebar img {
    width: 42px;
    height: 42px;
    object-fit: contain;
    margin-bottom: 6px;
}
.sr-app-sidebar span { white-space: nowrap; }
.sr-app-sidebar .is-active { color: white; font-weight: 750; }
.sr-app-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 7px;
    border-radius: 6px;
    background: white;
    box-shadow: 0 4px 18px rgba(25,58,91,.07);
}
.sr-app-shield {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    border-radius: 22px;
    color: #22a346;
    background: linear-gradient(145deg, #e7f8ec, #f8fffa);
    box-shadow: inset 0 0 0 1px #c8ead2;
}
.sr-app-shield svg { width: 50px; height: 50px; stroke-width: 1.55; }
.sr-app-panel strong { color: #14933b; font-size: 17px; }
.sr-app-panel small { color: #41596f; }
.sr-app-panel small b {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 3px;
    border-radius: 50%;
    background: #2aa553;
}
.sr-app-disconnect {
    margin-top: 4px;
    padding: 5px 17px;
    border: 1px solid #c7d4e0;
    border-radius: 5px;
    color: #40566b;
    background: #f8fafc;
    font-size: 9px;
    font-weight: 750;
}
.sr-laptop-base {
    width: 500px;
    height: 24px;
    margin-left: -28px;
    clip-path: polygon(5% 0, 95% 0, 100% 58%, 93% 100%, 7% 100%, 0 58%);
    background: linear-gradient(180deg, #d9e0e7, #8894a0 72%, #6e7881);
    box-shadow: 0 12px 22px rgba(15,39,65,.25);
}
.sr-phone {
    position: absolute;
    right: 2px;
    top: 175px;
    width: 114px;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 18px 10px 12px;
    border: 7px solid #17202a;
    border-radius: 25px;
    background: linear-gradient(180deg, #fff, #f5f8fb);
    box-shadow: 0 25px 40px rgba(12,33,57,.22);
    transform: rotate(2deg);
}
.sr-phone-speaker {
    position: absolute;
    top: 7px;
    width: 30px;
    height: 4px;
    border-radius: 99px;
    background: #182331;
}
.sr-phone img { margin: 15px 0 9px; object-fit: contain; }
.sr-phone-power {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin-bottom: 8px;
    border-radius: 50%;
    background: linear-gradient(145deg, #33bd58, #169639);
    color: white;
    font-size: 28px;
    box-shadow: 0 8px 18px rgba(36,166,76,.28);
}
.sr-phone strong { color: #15943b; font-size: 11px; }
.sr-phone span {
    width: 100%;
    margin-top: auto;
    padding: 7px 6px;
    border-radius: 6px;
    background: #eef3f7;
    color: #40566b;
    font-size: 8px;
    font-weight: 700;
}

.sr-home-benefits {
    position: relative;
    z-index: 3;
    margin-top: -1px;
    padding: 0 0 30px;
    background: #f8fafc;
}
.sr-home-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    transform: translateY(-2px);
}
.sr-home-benefit {
    display: flex;
    gap: 16px;
    min-height: 122px;
    padding: 22px;
    border: 1px solid #dfe7ef;
    border-radius: 16px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 12px 36px rgba(24,55,87,.055);
}
.sr-home-icon {
    flex: 0 0 50px;
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid #d8ecdE;
    border-radius: 13px;
    background: #f1faf4;
    color: #20a148;
}
.sr-home-icon svg { width: 27px; height: 27px; }
.sr-home-benefit h2 {
    margin: 1px 0 5px;
    color: #102947;
    font-size: 17px;
    letter-spacing: -.015em;
}
.sr-home-benefit p {
    margin: 0;
    color: #607388;
    font-size: 13px;
    line-height: 1.5;
}

.sr-home-core {
    padding: 28px 0 34px;
    background: #f8fafc;
}
.sr-home-core-grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr 1.18fr;
    gap: 14px;
    align-items: stretch;
}
.sr-home-panel {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: 25px;
    border: 1px solid #dfe7ef;
    border-radius: 17px;
    background: white;
    box-shadow: 0 9px 30px rgba(24,55,87,.045);
}
.sr-home-panel-heading > span {
    color: var(--sr-accent-dark);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.sr-home-panel-heading h2 {
    margin: 7px 0 0;
    color: #102947;
    font-size: 21px;
    line-height: 1.16;
    letter-spacing: -.025em;
}
.sr-home-panel-heading p {
    margin: 9px 0 0;
    color: #617489;
    font-size: 12px;
    line-height: 1.5;
}
.sr-home-steps {
    display: grid;
    gap: 19px;
    margin-top: 24px;
}
.sr-home-step {
    position: relative;
    display: grid;
    grid-template-columns: 30px 44px 1fr;
    grid-template-rows: auto auto;
    column-gap: 10px;
    align-items: center;
}
.sr-home-step > b {
    grid-row: 1 / span 2;
    align-self: start;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--sr-navy);
    color: white;
    font-size: 11px;
}
.sr-step-icon {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid #dbe6ef;
    border-radius: 50%;
    background: #f4f8fc;
    color: #123b66;
}
.sr-step-icon svg { width: 21px; height: 21px; }
.sr-home-step strong {
    align-self: end;
    color: #142f4d;
    font-size: 13px;
}
.sr-home-step p {
    align-self: start;
    margin: 2px 0 0;
    color: #65778a;
    font-size: 11px;
    line-height: 1.42;
}

.sr-home-free-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 18px 0 10px;
    padding: 9px 11px;
    border: 1px solid #dfe7ef;
    border-radius: 10px;
    background: #f7fafc;
    color: #607286;
    font-size: 11px;
}
.sr-home-free-note strong {
    padding: 3px 7px;
    border-radius: 6px;
    background: #eaf7ee;
    color: #16853d;
    font-size: 10px;
}
.sr-home-price-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}
.sr-home-price-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 15px;
    border: 1px solid #d9e3ec;
    border-radius: 12px;
    background: #fff;
}
.sr-home-price-card.is-featured {
    border-color: #75c68d;
    box-shadow: inset 0 3px 0 #2ca154;
}
.sr-popular-label {
    margin: -15px -15px 10px;
    padding: 4px 8px;
    border-radius: 11px 11px 0 0;
    background: #269b48;
    color: white;
    text-align: center;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .06em;
}
.sr-price-top {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
}
.sr-price-top > span {
    grid-column: 1 / -1;
    color: #173650;
    font-size: 11px;
    font-weight: 850;
}
.sr-price-top strong {
    margin-top: 2px;
    color: #0e2a49;
    font-size: 22px;
    line-height: 1;
}
.sr-price-top small {
    color: #718195;
    font-size: 9px;
}
.sr-home-price-card ul {
    display: grid;
    gap: 5px;
    margin: 13px 0 16px;
    padding: 0;
    list-style: none;
    color: #53677c;
    font-size: 10px;
}
.sr-home-price-card li {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}
.sr-home-price-card li svg {
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    margin-top: 2px;
    color: #20a148;
    stroke-width: 2.3;
}
.sr-home-price-card .sr-button {
    min-height: 34px;
    margin-top: auto;
    padding: 7px 9px;
    font-size: 10px;
}
.sr-home-text-link {
    display: inline-block;
    margin-top: 13px;
    color: #2b5f91;
    text-decoration: none;
    font-size: 10px;
    font-weight: 750;
}

.sr-dashboard-preview {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 210px;
    margin-top: 16px;
    overflow: hidden;
    border: 1px solid #dae4ed;
    border-radius: 12px;
    background: #fbfdff;
    box-shadow: 0 10px 24px rgba(20,55,88,.07);
}
.sr-dash-sidebar {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 13px 9px;
    border-right: 1px solid #e1e8ef;
    background: white;
    color: #6f8092;
    font-size: 8px;
}
.sr-dash-sidebar img { width: 30px; height: 30px; margin-bottom: 4px; object-fit: contain; }
.sr-dash-sidebar span { padding: 5px 6px; border-radius: 5px; }
.sr-dash-sidebar .is-active { background: #103457; color: white; font-weight: 750; }
.sr-dash-main { padding: 13px; min-width: 0; }
.sr-dash-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 7px;
}
.sr-dash-stats > div {
    padding: 8px;
    border: 1px solid #e5ebf1;
    border-radius: 7px;
    background: white;
}
.sr-dash-stats span {
    display: block;
    overflow: hidden;
    color: #8491a0;
    font-size: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sr-dash-stats strong { color: #122f4f; font-size: 12px; }
.sr-dash-title {
    display: block;
    margin: 14px 0 6px;
    color: #173551;
    font-size: 9px;
}
.sr-dash-device {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) .7fr auto;
    gap: 6px;
    align-items: center;
    padding: 8px 0;
    border-top: 1px solid #e9eef3;
    font-size: 8px;
}
.sr-dash-device b {
    overflow: hidden;
    color: #233f5c;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sr-dash-device span { color: #7b8998; }
.sr-dash-device em {
    padding: 2px 5px;
    border-radius: 99px;
    background: #ebf7ef;
    color: #19833e;
    font-size: 6px;
    font-style: normal;
    font-weight: 850;
}
.sr-home-account-button {
    margin-top: 16px;
    font-size: 11px;
}

.sr-home-trust {
    padding: 0 0 42px;
    background: #f8fafc;
}
.sr-home-trust-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    overflow: hidden;
    border: 1px solid #dfe7ef;
    border-radius: 15px;
    background: white;
}
.sr-home-trust-grid > div {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: auto auto;
    gap: 2px 9px;
    min-width: 0;
    padding: 17px 15px;
    border-right: 1px solid #e7edf2;
}
.sr-home-trust-grid > div:last-child { border-right: 0; }
.sr-home-trust-grid > div > span {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    color: #12385f;
}
.sr-home-trust-grid svg { width: 27px; height: 27px; }
.sr-home-trust-grid strong {
    color: #173650;
    font-size: 11px;
    line-height: 1.25;
}
.sr-home-trust-grid small {
    color: #6d7d8e;
    font-size: 9px;
    line-height: 1.35;
}

.sr-home-final-cta {
    padding: 10px 0 74px;
    background: #f8fafc;
}
.sr-home-final-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 34px 38px;
    border-radius: 22px;
    background: linear-gradient(120deg, #0c2949, #123d67 72%, #185443);
    color: white;
    box-shadow: 0 24px 50px rgba(13,39,70,.14);
}
.sr-home-final-card > div > span {
    color: #8fe0a8;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.sr-home-final-card h2 {
    margin: 6px 0;
    color: white;
    font-size: 29px;
    letter-spacing: -.035em;
}
.sr-home-final-card p {
    max-width: 720px;
    margin: 0;
    color: #c0d0df;
    font-size: 13px;
}
.sr-home-final-card .sr-button-primary {
    flex: 0 0 auto;
    background: white;
    border-color: white;
    color: #0d3156;
}
.sr-home-final-card .sr-button-primary:hover {
    background: #f2f7fb;
    color: #0d3156;
}

.sr-footer-v2 { padding: 50px 0 22px; }
.sr-footer-v2-grid {
    display: grid;
    grid-template-columns: 1.7fr repeat(3, 1fr);
    gap: 48px;
}
.sr-footer-v2-brand p {
    max-width: 340px;
    margin: 15px 0 0;
    color: #aebdcb;
    font-size: 13px;
}
.sr-footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: white;
    text-decoration: none;
    font-size: 22px;
    font-weight: 800;
}
.sr-footer-logo:hover { color: white; }
.sr-footer-logo img { width: 48px; height: 48px; object-fit: contain; }
.sr-footer-v2-column {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
}
.sr-footer-v2-column strong { margin-bottom: 4px; color: white; font-size: 13px; }
.sr-footer-v2-column a,
.sr-footer-v2-column span { color: #b5c4d2; text-decoration: none; }
.sr-footer-v2-column a:hover { color: white; }
.sr-footer-v2-bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 38px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.09);
    color: #8398aa;
    font-size: 11px;
}

.sr-home-v2 + .sr-footer { margin-top: 0; }
.sr-nav .current-menu-item > a { position: relative; }
.sr-nav .current-menu-item > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 2px;
    border-radius: 99px;
    background: var(--sr-accent);
}

@media (max-width: 1080px) {
    .sr-home-hero-grid {
        grid-template-columns: minmax(0,1fr) minmax(430px,.9fr);
        gap: 26px;
    }
    .sr-network-visual { transform: scale(.88); transform-origin: center center; }
    .sr-home-core-grid { grid-template-columns: 1fr 1fr; }
    .sr-home-account-demo { grid-column: 1 / -1; }
    .sr-home-trust-grid { grid-template-columns: repeat(3,1fr); }
    .sr-home-trust-grid > div:nth-child(3) { border-right: 0; }
    .sr-home-trust-grid > div:nth-child(n+4) { border-top: 1px solid #e7edf2; }
    .sr-footer-v2-grid { grid-template-columns: 1.4fr repeat(3,1fr); gap: 28px; }
}

@media (max-width: 860px) {
    .sr-home-hero-grid { grid-template-columns: 1fr; padding-top: 48px; }
    .sr-home-hero-copy { max-width: 720px; }
    .sr-network-visual { width: min(680px,100%); margin: 0 auto; transform: scale(.95); }
    .sr-home-benefit-grid { grid-template-columns: 1fr; }
    .sr-home-benefit { min-height: auto; }
    .sr-home-core-grid { grid-template-columns: 1fr; }
    .sr-home-account-demo { grid-column: auto; }
    .sr-home-trust-grid { grid-template-columns: 1fr 1fr; }
    .sr-home-trust-grid > div,
    .sr-home-trust-grid > div:nth-child(3) { border-right: 1px solid #e7edf2; }
    .sr-home-trust-grid > div:nth-child(2n) { border-right: 0; }
    .sr-home-trust-grid > div:nth-child(n+3) { border-top: 1px solid #e7edf2; }
    .sr-footer-v2-grid { grid-template-columns: 1fr 1fr; }
    .sr-footer-v2-brand { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
    .sr-home-v2 .sr-container { width: min(calc(100% - 24px), 1240px); }
    .sr-home-hero-grid { padding: 40px 0 30px; }
    .sr-home-hero-copy h1 { font-size: clamp(36px, 10.2vw, 46px); }
    html[lang^="ru"] .sr-home-hero-copy h1 { font-size: clamp(34px, 9.6vw, 44px); }
    .sr-home-hero-copy > p { font-size: 15px; }
    .sr-home-hero-actions .sr-button { width: 100%; }
    .sr-network-visual { min-height: 330px; transform: none; overflow: hidden; }
    .sr-network-visual::before { left: 50%; top: 20px; width: 270px; height: 270px; transform: translateX(-50%); }
    .sr-network-lines { width: 620px; left: 50%; transform: translateX(-50%); }
    .sr-laptop { left: 50%; top: 86px; width: 330px; transform: translateX(-57%); }
    .sr-laptop-screen { grid-template-columns: 88px 1fr; height: 190px; border-width: 7px; border-bottom-width: 10px; }
    .sr-app-sidebar { gap: 7px; padding: 9px 7px; font-size: 7px; }
    .sr-app-sidebar img { width: 31px; height: 31px; }
    .sr-app-shield { width: 58px; height: 58px; }
    .sr-app-shield svg { width: 39px; height: 39px; }
    .sr-app-panel strong { font-size: 13px; }
    .sr-laptop-base { width: 370px; height: 18px; margin-left: -21px; }
    .sr-phone { right: 2px; top: 125px; width: 87px; height: 178px; border-width: 5px; border-radius: 20px; }
    .sr-phone img { width: 37px; height: 37px; }
    .sr-phone-power { width: 42px; height: 42px; font-size: 21px; }
    .sr-orbit-icon { display: none; }
    .sr-home-panel { padding: 20px; }
    .sr-home-price-grid { grid-template-columns: 1fr; }
    .sr-dashboard-preview { grid-template-columns: 66px 1fr; }
    .sr-dash-sidebar { padding: 10px 6px; font-size: 7px; }
    .sr-dash-stats { grid-template-columns: 1fr 1fr 1fr; }
    .sr-dash-device { grid-template-columns: 1fr auto; }
    .sr-dash-device span { display: none; }
    .sr-home-trust-grid { grid-template-columns: 1fr; }
    .sr-home-trust-grid > div,
    .sr-home-trust-grid > div:nth-child(2n),
    .sr-home-trust-grid > div:nth-child(3) { border-right: 0; border-top: 1px solid #e7edf2; }
    .sr-home-trust-grid > div:first-child { border-top: 0; }
    .sr-home-final-card { flex-direction: column; align-items: flex-start; padding: 28px; }
    .sr-home-final-card .sr-button { width: 100%; }
    .sr-footer-v2-grid { grid-template-columns: 1fr; }
    .sr-footer-v2-brand { grid-column: auto; }
    .sr-footer-v2-bottom { flex-direction: column; }
}

/* Account sign-in landing page */
.sr-account-auth-main {
    padding: 0 !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(44,154,86,.09), transparent 27%),
        radial-gradient(circle at 84% 18%, rgba(37,99,235,.08), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #f3f7fb 100%);
}
.sr-account-auth-hero {
    position: relative;
    overflow: hidden;
    min-height: calc(100vh - 78px);
    padding: 76px 0 92px;
}
.sr-account-auth-hero::before,
.sr-account-auth-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.sr-account-auth-hero::before {
    width: 420px;
    height: 420px;
    top: -245px;
    right: -100px;
    border: 1px solid rgba(37,99,235,.10);
    box-shadow: 0 0 0 52px rgba(37,99,235,.025), 0 0 0 104px rgba(37,99,235,.018);
}
.sr-account-auth-hero::after {
    width: 300px;
    height: 300px;
    bottom: -190px;
    left: -110px;
    border: 1px solid rgba(44,154,86,.11);
    box-shadow: 0 0 0 42px rgba(44,154,86,.025);
}
.sr-account-auth-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0,1.04fr) minmax(420px,.78fr);
    gap: clamp(48px,7vw,98px);
    align-items: center;
}
.sr-account-auth-copy {
    max-width: 650px;
}
.sr-account-auth-copy h1 {
    max-width: 650px;
    margin: 0;
    color: var(--sr-navy);
    font-size: clamp(46px,5.2vw,70px);
    line-height: 1.01;
    letter-spacing: -.055em;
}
.sr-account-auth-lead {
    max-width: 620px;
    margin: 24px 0 0;
    color: #53677e;
    font-size: 18px;
    line-height: 1.62;
}
.sr-account-auth-benefits {
    display: grid;
    gap: 14px;
    margin-top: 34px;
}
.sr-account-auth-benefits > div {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    align-items: start;
    padding: 15px 16px;
    border: 1px solid rgba(214,225,235,.84);
    border-radius: 15px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 8px 24px rgba(20,45,73,.035);
    backdrop-filter: blur(8px);
}
.sr-account-auth-benefits strong {
    display: block;
    color: var(--sr-navy);
    font-size: 15px;
    line-height: 1.35;
}
.sr-account-auth-benefits p {
    margin: 3px 0 0;
    color: var(--sr-muted);
    font-size: 13px;
    line-height: 1.48;
}
.sr-account-auth-icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #edf8f1;
    color: var(--sr-accent-dark);
    font-size: 20px;
    font-weight: 900;
}
.sr-account-auth-network {
    margin-top: 26px;
    opacity: .66;
}
.sr-account-auth-network svg {
    display: block;
    width: min(100%,560px);
    height: auto;
    overflow: visible;
}
.sr-account-auth-network path {
    fill: none;
    stroke: #9ab8d3;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 6 8;
}
.sr-account-auth-network path:first-child { stroke: #69b47f; }
.sr-account-auth-network circle {
    fill: var(--sr-navy);
    stroke: white;
    stroke-width: 4;
}
.sr-account-auth-network circle:nth-of-type(2n) { fill: var(--sr-accent); }
.sr-account-auth-card-wrap {
    display: flex;
    justify-content: flex-end;
}
.sr-account-auth-card {
    width: min(100%,500px);
    padding: 30px;
    border: 1px solid #dce6ef;
    border-radius: 24px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 26px 70px rgba(20,45,73,.14);
}
.sr-account-auth-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7edf3;
}
.sr-account-auth-card-head > div {
    display: grid;
    gap: 1px;
}
.sr-account-auth-card-head span {
    color: var(--sr-navy);
    font-size: 13px;
    font-weight: 850;
}
.sr-account-auth-card-head small {
    color: var(--sr-muted);
    font-size: 12px;
}
.sr-account-auth-lock {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #edf8f1;
    color: var(--sr-accent-dark);
}
.sr-account-auth-lock svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.sr-account-auth-card .sr-auth-panel {
    max-width: none;
    background: transparent;
}
.sr-account-auth-card .sr-auth-panel h2 {
    margin: 0 0 9px;
    color: var(--sr-navy);
    font-size: 30px;
    line-height: 1.12;
    letter-spacing: -.035em;
}
.sr-account-auth-card .sr-auth-panel > p {
    margin: 0;
    color: var(--sr-muted);
    font-size: 14px;
    line-height: 1.56;
}
.sr-account-auth-card .sr-auth-form {
    margin-top: 18px;
}
.sr-account-auth-card .sr-auth-form > input[type="hidden"] {
    display: none !important;
}
.sr-account-auth-card .sr-auth-field {
    display: grid;
    gap: 7px;
}
.sr-account-auth-card .sr-auth-form label {
    margin: 0;
    color: #21364d;
    font-size: 13px;
    font-weight: 800;
}
.sr-account-auth-card .sr-auth-form input:not([type="hidden"]) {
    width: 100%;
    min-height: 54px;
    padding: 0 15px;
    border-color: #cbd8e4;
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.2;
}
.sr-account-auth-card .sr-auth-form .sr-button {
    appearance: none;
    display: flex;
    width: 100%;
    height: 52px;
    min-height: 52px;
    margin-top: 16px;
    padding: 0 22px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}
.sr-account-auth-card .sr-auth-form .sr-button-label,
.sr-auth-card .sr-auth-form .sr-button-label {
    display: block;
    line-height: 1;
    transform: translateY(-1px);
}
.sr-account-auth-card .sr-auth-form .sr-button-primary {
    box-shadow: 0 10px 24px rgba(13,39,70,.16);
}
.sr-account-auth-card .sr-auth-back {
    margin-top: 16px;
}
.sr-account-auth-note {
    margin: 22px 0 0;
    padding-top: 18px;
    border-top: 1px solid #e7edf3;
    color: #718196;
    font-size: 12px;
    line-height: 1.5;
}

/* Keep the Connect handoff card aligned with the improved auth controls. */
.sr-auth-card .sr-auth-form .sr-button {
    appearance: none;
    display: flex;
    width: 100%;
    min-height: 52px;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-align: center;
}

@media (max-width: 980px) {
    .sr-account-auth-hero { padding: 54px 0 74px; }
    .sr-account-auth-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }
    .sr-account-auth-copy { max-width: 760px; }
    .sr-account-auth-copy h1 { max-width: 760px; }
    .sr-account-auth-card-wrap { justify-content: flex-start; }
    .sr-account-auth-card { width: min(100%,620px); }
    .sr-account-auth-network { display: none; }
}
@media (max-width: 620px) {
    .sr-account-auth-hero { padding: 38px 0 54px; }
    .sr-account-auth-copy h1 { font-size: clamp(38px,12vw,50px); }
    .sr-account-auth-lead { font-size: 16px; }
    .sr-account-auth-benefits > div { grid-template-columns: 38px 1fr; padding: 13px; }
    .sr-account-auth-icon { width: 38px; height: 38px; }
    .sr-account-auth-card { padding: 22px; border-radius: 19px; }
    .sr-account-auth-card .sr-auth-panel h2 { font-size: 26px; }
}


/* Logged-in account dashboard 0.5.4 ------------------------------------- */
.sr-account-app {
    min-height: calc(100vh - 76px);
    padding: 48px 0 78px;
    background:
        radial-gradient(circle at 4% 12%, rgba(43,154,86,.075), transparent 27%),
        radial-gradient(circle at 96% 4%, rgba(59,130,246,.08), transparent 26%),
        #f5f8fb;
}
.sr-account-app-container {
    width: min(calc(100% - 36px), 1240px);
}
.sr-account-app .woocommerce {
    width: 100%;
    margin: 0;
}
.sr-account-shell {
    display: grid;
    grid-template-columns: 272px minmax(0,1fr);
    gap: 28px;
    align-items: start;
}
.sr-account-sidebar {
    position: sticky;
    top: 96px;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(203,214,225,.85);
    border-radius: 22px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 46px rgba(18,42,68,.075);
    backdrop-filter: blur(12px);
}
.sr-account-sidebar-profile {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 12px;
    align-items: center;
    padding: 2px 2px 16px;
}
.sr-account-sidebar-avatar {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: white;
    background: linear-gradient(145deg,#0d2b4d,#17476f);
    font-size: 16px;
    font-weight: 850;
    box-shadow: 0 8px 20px rgba(13,43,77,.16);
}
.sr-account-sidebar-profile small,
.sr-account-sidebar-profile strong {
    display: block;
    min-width: 0;
}
.sr-account-sidebar-profile small {
    margin-bottom: 3px;
    color: var(--sr-muted);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.sr-account-sidebar-profile strong {
    overflow: hidden;
    font-size: 13px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sr-account-sidebar-state {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0 0 17px;
    padding: 10px 12px;
    border-radius: 11px;
    color: #25653d;
    background: #eff9f2;
    font-size: 12px;
    font-weight: 700;
}
.sr-account-sidebar-state > span {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #2b9a56;
    box-shadow: 0 0 0 4px rgba(43,154,86,.1);
}
.sr-account-app .woocommerce-MyAccount-navigation {
    float: none !important;
    display: block;
    width: 100%;
    margin: 0;
}
.sr-account-app .woocommerce-MyAccount-navigation ul {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.sr-account-app .woocommerce-MyAccount-navigation li {
    margin: 0;
}
.sr-account-app .woocommerce-MyAccount-navigation a {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) 18px;
    gap: 9px;
    align-items: center;
    min-height: 46px;
    padding: 6px 9px;
    border-radius: 11px;
    color: #27445f;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background .18s ease,color .18s ease,transform .18s ease;
}
.sr-account-app .woocommerce-MyAccount-navigation a:hover {
    color: var(--sr-navy);
    background: #f1f6fa;
    transform: translateX(1px);
}
.sr-account-app .woocommerce-MyAccount-navigation .is-active > a {
    color: white;
    background: linear-gradient(135deg,#102f52,#163f67);
    box-shadow: 0 8px 20px rgba(16,47,82,.16);
}
.sr-account-nav-icon {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #55718b;
    background: #f0f5f9;
}
.sr-account-nav-icon svg,
.sr-account-nav-arrow {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.sr-account-nav-arrow {
    width: 14px;
    height: 14px;
    color: #9aabbb;
}
.sr-account-app .woocommerce-MyAccount-navigation .is-active .sr-account-nav-icon {
    color: white;
    background: rgba(255,255,255,.13);
}
.sr-account-app .woocommerce-MyAccount-navigation .is-active .sr-account-nav-arrow {
    color: rgba(255,255,255,.65);
}
.sr-account-sidebar-cta {
    margin-top: 19px;
    padding: 16px;
    border: 1px solid #d7e4ee;
    border-radius: 15px;
    background: linear-gradient(145deg,#f7fbfe,#eef7f2);
}
.sr-account-sidebar-cta strong {
    display: block;
    font-size: 13px;
}
.sr-account-sidebar-cta p {
    margin: 6px 0 13px;
    color: var(--sr-muted);
    font-size: 11px;
    line-height: 1.55;
}
.sr-account-sidebar-cta .sr-button {
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    font-size: 12px;
}
.sr-account-app .woocommerce-MyAccount-content {
    min-width: 0;
    width: 100%;
}
.sr-dashboard-v2 {
    display: grid;
    gap: 22px;
}
.sr-dashboard-v2-head {
    display: flex;
    gap: 26px;
    align-items: flex-end;
    justify-content: space-between;
    padding: 4px 2px 2px;
}
.sr-dashboard-v2-head h1 {
    max-width: 680px;
    margin: 5px 0 0;
    color: var(--sr-navy);
    font-size: clamp(32px,4vw,48px);
    line-height: 1.02;
    letter-spacing: -.045em;
}
.sr-dashboard-v2-head p {
    max-width: 720px;
    margin: 12px 0 0;
    color: var(--sr-muted);
    font-size: 15px;
    line-height: 1.65;
}
.sr-dashboard-v2-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
    padding-bottom: 2px;
}
.sr-dashboard-v2-actions .sr-button {
    min-height: 44px;
    padding-inline: 17px;
}
.sr-dashboard-v2-summary {
    display: grid;
    grid-template-columns: minmax(0,1.6fr) minmax(180px,.7fr) minmax(180px,.7fr);
    gap: 14px;
}
.sr-dashboard-service-card,
.sr-dashboard-metric-card,
.sr-dashboard-panel {
    border: 1px solid rgba(203,214,225,.88);
    background: white;
    box-shadow: 0 12px 34px rgba(18,42,68,.055);
}
.sr-dashboard-service-card {
    position: relative;
    overflow: hidden;
    min-height: 172px;
    padding: 22px 24px;
    border-color: rgba(22,62,101,.35);
    border-radius: 19px;
    color: white;
    background:
        radial-gradient(circle at 88% 12%,rgba(77,192,113,.24),transparent 30%),
        linear-gradient(140deg,#0e2c4d 0%,#123a61 62%,#17446e 100%);
}
.sr-dashboard-service-card::after {
    content: '';
    position: absolute;
    right: -32px;
    bottom: -56px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
    box-shadow: 0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.018);
}
.sr-dashboard-service-card.sr-dashboard-service-plan-advanced {
    border-color: rgba(222,177,62,.72);
    color: var(--sr-navy);
    background:
        radial-gradient(circle at 88% 12%,rgba(222,177,62,.24),transparent 31%),
        linear-gradient(135deg,#fffaf0 0%,#fff4cb 58%,#ffefb8 100%);
    box-shadow: 0 16px 42px rgba(173,126,18,.12);
}
.sr-dashboard-service-card.sr-dashboard-service-plan-advanced::after {
    border-color: rgba(154,104,0,.11);
    box-shadow: 0 0 0 28px rgba(154,104,0,.035),0 0 0 56px rgba(154,104,0,.022);
}
.sr-dashboard-service-card.sr-dashboard-service-plan-advanced .sr-dashboard-kicker { color: #8b6d25; }
.sr-dashboard-service-card.sr-dashboard-service-plan-advanced > p { color: #755f32; }
.sr-dashboard-service-card.sr-dashboard-service-plan-advanced .sr-dashboard-service-foot {
    border-top-color: rgba(154,104,0,.16);
    color: #7b6538;
}
.sr-dashboard-service-card.sr-dashboard-service-plan-advanced .sr-dashboard-service-foot a { color: #7d5600; }
.sr-dashboard-service-card.sr-dashboard-service-plan-advanced .sr-plan-pill.sr-plan-advanced {
    color: #805600;
    background: rgba(222,177,62,.2);
    border-color: rgba(184,132,9,.35);
}
.sr-dashboard-service-card.sr-dashboard-service-plan-free {
    border-color: rgba(163,177,190,.5);
    color: var(--sr-navy);
    background: linear-gradient(140deg,#f7f9fb 0%,#edf2f6 100%);
}
.sr-dashboard-service-card.sr-dashboard-service-plan-free::after {
    border-color: rgba(89,108,125,.08);
    box-shadow: 0 0 0 28px rgba(89,108,125,.025),0 0 0 56px rgba(89,108,125,.018);
}
.sr-dashboard-service-card.sr-dashboard-service-plan-free .sr-dashboard-kicker,
.sr-dashboard-service-card.sr-dashboard-service-plan-free > p,
.sr-dashboard-service-card.sr-dashboard-service-plan-free .sr-dashboard-service-foot { color: #647789; }
.sr-dashboard-service-card.sr-dashboard-service-plan-free .sr-dashboard-service-foot { border-top-color: rgba(89,108,125,.12); }
.sr-dashboard-service-card.sr-dashboard-service-plan-free .sr-dashboard-service-foot a { color: #234e75; }
.sr-dashboard-service-top,
.sr-dashboard-service-foot {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
}
.sr-dashboard-kicker {
    color: #bdd0df;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.sr-dashboard-service-card .sr-plan-pill {
    border-width: 1px;
    border-style: solid;
}
.sr-dashboard-service-card .sr-plan-pill.sr-plan-advanced {
    color: #ffe7a0;
    background: rgba(210,153,16,.2);
    border-color: rgba(241,194,81,.34);
}
.sr-dashboard-service-card .sr-plan-pill.sr-plan-basic {
    color: #d7eaff;
    background: rgba(72,139,204,.2);
    border-color: rgba(132,184,233,.3);
}
.sr-dashboard-service-card .sr-plan-pill.sr-plan-free {
    color: #d8e1e9;
    background: rgba(184,198,211,.13);
    border-color: rgba(209,220,230,.2);
}
.sr-dashboard-service-title {
    position: relative;
    z-index: 1;
    margin-top: 20px;
    font-size: 30px;
    font-weight: 850;
    letter-spacing: -.035em;
}
.sr-dashboard-service-card > p {
    position: relative;
    z-index: 1;
    margin: 6px 0 22px;
    color: #c9d9e6;
    font-size: 13px;
}
.sr-dashboard-service-foot {
    padding-top: 13px;
    border-top: 1px solid rgba(255,255,255,.1);
    color: #bcd0df;
    font-size: 11px;
}
.sr-dashboard-service-foot a {
    color: white;
    font-weight: 750;
    text-decoration: none;
}
.sr-dashboard-metric-card {
    display: flex;
    min-height: 172px;
    gap: 14px;
    align-items: flex-start;
    padding: 22px;
    border-radius: 19px;
}
.sr-dashboard-metric-icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #217b47;
    background: #edf8f0;
}
.sr-dashboard-metric-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.sr-dashboard-metric-card > div > span,
.sr-dashboard-metric-card small {
    display: block;
    color: var(--sr-muted);
}
.sr-dashboard-metric-card > div > span {
    font-size: 12px;
    font-weight: 650;
}
.sr-dashboard-metric-card strong {
    display: block;
    margin: 9px 0 7px;
    color: var(--sr-navy);
    font-size: 30px;
    line-height: 1;
    letter-spacing: -.035em;
}
.sr-dashboard-metric-card small {
    font-size: 11px;
    line-height: 1.45;
}
.sr-dashboard-status-active {
    color: #22834a !important;
    font-size: 23px !important;
}
.sr-dashboard-panel {
    overflow: hidden;
    border-radius: 19px;
}
.sr-dashboard-panel-head {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    padding: 20px 22px;
    border-bottom: 1px solid #e7edf2;
}
.sr-dashboard-panel-head h2 {
    margin: 0;
    color: var(--sr-navy);
    font-size: 20px;
    letter-spacing: -.02em;
}
.sr-dashboard-panel-head p {
    margin: 4px 0 0;
    color: var(--sr-muted);
    font-size: 12px;
}
.sr-dashboard-text-link {
    flex: 0 0 auto;
    color: #176a3b;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}
.sr-dashboard-license-list {
    display: grid;
}
.sr-dashboard-license-row {
    display: grid;
    grid-template-columns: minmax(220px,1.4fr) minmax(160px,.8fr) minmax(110px,.5fr) auto;
    gap: 18px;
    align-items: center;
    min-height: 78px;
    padding: 14px 20px;
    border-bottom: 1px solid #eef2f5;
}
.sr-dashboard-license-row:last-child {
    border-bottom: 0;
}
.sr-dashboard-license-main {
    display: grid;
    grid-template-columns: 11px minmax(0,1fr);
    gap: 12px;
    align-items: center;
    min-width: 0;
}
.sr-dashboard-plan-mark {
    width: 8px;
    height: 38px;
    border-radius: 999px;
    background: var(--sr-plan-free-border);
}
.sr-dashboard-plan-mark.sr-dashboard-plan-advanced { background: var(--sr-plan-advanced-border); }
.sr-dashboard-plan-mark.sr-dashboard-plan-basic { background: var(--sr-plan-basic-border); }
.sr-dashboard-plan-mark.sr-dashboard-plan-free { background: var(--sr-plan-free-border); }
.sr-dashboard-license-name {
    display: flex;
    gap: 8px;
    align-items: center;
}
.sr-dashboard-license-name strong {
    color: var(--sr-navy);
    font-size: 15px;
}
.sr-dashboard-license-id {
    min-width: 0;
    margin-top: 4px;
}
.sr-dashboard-license-id .sr-copyable-id {
    color: #74889a;
}
.sr-dashboard-license-detail span,
.sr-dashboard-license-detail strong {
    display: block;
}
.sr-dashboard-license-detail span {
    margin-bottom: 3px;
    color: var(--sr-muted);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .045em;
}
.sr-dashboard-license-detail strong {
    color: #29455f;
    font-size: 12px;
}
.sr-dashboard-row-action {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    justify-self: end;
    color: #234e75;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
}
.sr-dashboard-row-action svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.sr-dashboard-empty-inline {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    color: var(--sr-muted);
    font-size: 13px;
}
.sr-dashboard-empty-inline a {
    color: #176a3b;
    font-weight: 800;
    text-decoration: none;
}
.sr-dashboard-device-table {
    width: 100%;
}
.sr-dashboard-device-header,
.sr-dashboard-device-row {
    display: grid;
    grid-template-columns: minmax(250px,1.25fr) minmax(110px,.5fr) minmax(140px,.62fr) minmax(210px,.88fr);
    gap: 18px;
    align-items: center;
}
.sr-dashboard-device-header {
    padding: 11px 20px;
    color: #8091a1;
    background: #f8fafc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.sr-dashboard-device-row {
    min-height: 76px;
    padding: 13px 20px;
    border-top: 1px solid #eef2f5;
}
.sr-dashboard-device-header + .sr-dashboard-device-row {
    border-top: 0;
}
.sr-dashboard-device-name {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 11px;
    align-items: center;
    min-width: 0;
}
.sr-dashboard-device-icon {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #315b7d;
    background: #eef4f8;
}
.sr-dashboard-device-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.sr-dashboard-device-name strong {
    display: block;
    overflow: hidden;
    color: var(--sr-navy);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sr-dashboard-device-name small {
    display: block;
    overflow: hidden;
    margin-top: 3px;
    color: var(--sr-muted);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sr-dashboard-plan-badge {
    display: inline-flex;
    padding: 5px 8px;
    border: 1px solid var(--sr-plan-free-border);
    border-radius: 999px;
    color: var(--sr-plan-free);
    background: var(--sr-plan-free-bg);
    font-size: 10px;
    font-weight: 850;
}
.sr-dashboard-plan-badge.sr-dashboard-plan-advanced {
    color: var(--sr-plan-advanced);
    background: var(--sr-plan-advanced-bg);
    border-color: var(--sr-plan-advanced-border);
}
.sr-dashboard-plan-badge.sr-dashboard-plan-basic {
    color: var(--sr-plan-basic);
    background: var(--sr-plan-basic-bg);
    border-color: var(--sr-plan-basic-border);
}
.sr-dashboard-plan-badge.sr-dashboard-plan-free {
    color: var(--sr-plan-free);
    background: var(--sr-plan-free-bg);
    border-color: var(--sr-plan-free-border);
}
.sr-dashboard-device-last {
    color: #37526b;
    font-size: 11px;
    font-weight: 650;
}
.sr-dashboard-device-row .sr-copyable-id {
    flex-wrap: nowrap;
    color: #5e7183;
    white-space: nowrap;
}
.sr-dashboard-device-row .sr-copyable-id code {
    padding: 4px 7px;
    border-radius: 7px;
    overflow-wrap: normal;
    white-space: nowrap;
    background: #f3f6f8;
}
.sr-dashboard-free-label {
    color: #6c7e8e;
    font-size: 11px;
}
.sr-account-app .sr-license-status {
    padding: 4px 7px;
    font-size: 9px;
    letter-spacing: .025em;
    text-transform: none;
}

@media (max-width: 1080px) {
    .sr-account-shell { grid-template-columns: 230px minmax(0,1fr); gap: 20px; }
    .sr-dashboard-v2-summary { grid-template-columns: 1fr 1fr; }
    .sr-dashboard-service-card { grid-column: 1 / -1; }
    .sr-dashboard-license-row { grid-template-columns: minmax(200px,1fr) minmax(150px,.8fr) minmax(90px,.45fr) auto; gap: 12px; }
    .sr-dashboard-device-header,
    .sr-dashboard-device-row { grid-template-columns: minmax(210px,1.1fr) minmax(90px,.42fr) minmax(125px,.55fr) minmax(190px,.82fr); gap: 12px; }
}

@media (max-width: 820px) {
    .sr-account-app { padding: 28px 0 54px; }
    .sr-account-shell { grid-template-columns: 1fr; }
    .sr-account-sidebar { position: static; padding: 15px; }
    .sr-account-sidebar-profile { padding-bottom: 10px; }
    .sr-account-sidebar-state,
    .sr-account-sidebar-cta { display: none; }
    .sr-account-app .woocommerce-MyAccount-navigation ul { display: flex; overflow-x: auto; gap: 6px; padding-bottom: 2px; }
    .sr-account-app .woocommerce-MyAccount-navigation li { flex: 0 0 auto; }
    .sr-account-app .woocommerce-MyAccount-navigation a { grid-template-columns: 28px auto; min-height: 40px; padding: 5px 10px; }
    .sr-account-nav-icon { width: 28px; height: 28px; }
    .sr-account-nav-arrow { display: none; }
    .sr-dashboard-v2-head { align-items: flex-start; flex-direction: column; }
    .sr-dashboard-v2-actions { width: 100%; }
    .sr-dashboard-v2-actions .sr-button { flex: 1; }
}

@media (max-width: 680px) {
    .sr-account-app-container { width: min(calc(100% - 24px),1240px); }
    .sr-dashboard-v2-head h1 { font-size: 34px; }
    .sr-dashboard-v2-summary { grid-template-columns: 1fr; }
    .sr-dashboard-service-card { grid-column: auto; }
    .sr-dashboard-panel-head { align-items: flex-start; }
    .sr-dashboard-license-row { grid-template-columns: 1fr auto; gap: 12px; padding: 16px; }
    .sr-dashboard-license-detail { display: none; }
    .sr-dashboard-device-header { display: none; }
    .sr-dashboard-device-row { display: grid; grid-template-columns: 1fr; gap: 10px; padding: 16px; }
    .sr-dashboard-device-row > [role="cell"]:not(.sr-dashboard-device-name) {
        display: flex;
        gap: 12px;
        align-items: center;
        justify-content: space-between;
        padding-left: 49px;
    }
    .sr-dashboard-device-row > [role="cell"]:not(.sr-dashboard-device-name)::before {
        content: attr(data-label);
        color: var(--sr-muted);
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .04em;
    }
}