/* vanilla base reset (no framework) */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--zf4b4c-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--zf4b4c-ink, #111); background: var(--zf4b4c-bg, #fff); }
h1, h2, h3, h4, h5, h6 { font-family: var(--zf4b4c-font-display, var(--zf4b4c-font, system-ui, sans-serif)); }
img, svg, video, canvas { max-width: 100%; height: auto; }
a { color: inherit; }
*:focus-visible { outline: 2px solid var(--zf4b4c-primary, #2563eb); outline-offset: 2px; }
/* visibility shim for framework toggles */
.hidden { display: none !important; }

/* design tokens */
:root {
  --zf4b4c-primary: #0B3A57;
  --zf4b4c-secondary: #FF6B2C;
  --zf4b4c-accent: #FF6B2C;
  --zf4b4c-ink: #0B2B3A;
  --zf4b4c-slate: #5B5B5B;
  --zf4b4c-mist: #D9EEF7;
  --zf4b4c-border: #E6E6E6;
  --zf4b4c-surface: #FFFFFF;
  --zf4b4c-bg: #F7F7F7;
  --zf4b4c-text: #2B2B2B;
  --zf4b4c-font: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif;
  --zf4b4c-font-display: 'Avenir Next', Avenir, 'Segoe UI', 'Century Gothic', sans-serif;
}

/* state utilities */
.is-open { display: block !important; }
.is-active { display: block !important; }
[hidden] { display: none !important; }

/* framework-injected components (vanilla) */
[data-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--zf4b4c-border, #e5e7eb); background: var(--zf4b4c-surface, #fff); border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.15); }
[data-ui="cookie-banner"] > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; }
[data-ui="cookie-banner"] > div > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; }
[data-ui="cookie-banner"] a { text-decoration: underline; }
[data-consent-action], [data-age-gate-action] { cursor: pointer; border-radius: .5rem; padding: .5rem .9rem; font-size: .8rem; border: 1px solid var(--zf4b4c-border, #d1d5db); background: transparent; color: var(--zf4b4c-ink, #111); }
[data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--zf4b4c-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; }
[data-consent-action="reject-all"] { background: var(--zf4b4c-ink, #111); color: #fff; border-color: transparent; font-weight: 600; }
[data-consent-panel] { margin-top: 1rem; border: 1px solid var(--zf4b4c-border, #e5e7eb); background: var(--zf4b4c-surface, #fff); border-radius: .75rem; padding: 1rem; font-size: .875rem; }
[data-consent-panel] > div { display: flex; flex-wrap: wrap; gap: .75rem; }
[data-ui="cookie-banner"] label { display: inline-flex; align-items: center; gap: .5rem; }
[data-ui="age-gate-overlay"] { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.8); }
[data-ui="age-gate-overlay"] > div { width: 100%; max-width: 28rem; margin: 0 1rem; background: var(--zf4b4c-surface, #1a1a2e); color: var(--zf4b4c-ink, #fff); border-radius: 1rem; padding: 2rem; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
[data-ui="age-gate-overlay"] > div > div:last-of-type { display: flex; flex-direction: column; gap: .75rem; }
[data-age-gate-action] { padding: .75rem 1.5rem; }

/* sections */
/* zf4b4c:header */
/* zf4b4c:header */
#header{--radius-sm:var(--zf4b4c-radius-sm,8px);--radius-md:var(--zf4b4c-radius-md,12px);--radius-lg:var(--zf4b4c-radius-lg,16px);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--zf4b4c-surface) 86%,transparent);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--zf4b4c-border)}
#header .header-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px}
#header .brand{display:flex;align-items:center;gap:12px;min-width:210px;text-decoration:none;color:var(--zf4b4c-ink)}
#header .brand:focus-visible{outline:3px solid color-mix(in srgb,var(--zf4b4c-accent) 55%,white);outline-offset:3px;border-radius:10px}
#header .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--zf4b4c-primary);color:var(--zf4b4c-surface);display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-0.02em}
#header .brand-text{font-family:var(--zf4b4c-font-display, 'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif);font-size:16px;font-weight:800;letter-spacing:-0.01em}
#header .nav{flex:1;display:flex;justify-content:center}
#header .nav-list{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center}
#header .nav-link{display:inline-flex;align-items:center;position:relative;text-decoration:none;color:var(--zf4b4c-text);font-size:14px;line-height:1.1;padding:10px 6px;border-radius:10px}
#header .nav-link:focus-visible{outline:3px solid color-mix(in srgb,var(--zf4b4c-accent) 55%,white);outline-offset:2px}
#header .nav-link::after{content:"";position:absolute;left:6px;right:6px;bottom:6px;height:2px;background:var(--zf4b4c-accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
#header .nav-link:hover::after{transform:scaleX(1)}
#header .header-cta{min-width:220px;display:flex;justify-content:flex-end}
#header .cta-button{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;background:var(--zf4b4c-primary);color:var(--zf4b4c-surface);border:1px solid color-mix(in srgb,var(--zf4b4c-primary) 75%,var(--zf4b4c-border));padding:11px 14px;border-radius:var(--zf4b4c-radius-md,12px);font-weight:700;font-size:14px}
#header .cta-button:focus-visible{outline:3px solid color-mix(in srgb,var(--zf4b4c-accent) 55%,white);outline-offset:3px}
#header .cta-arrow{font-size:16px;line-height:1}
#header .menu-toggle{display:none;align-items:center;gap:10px;background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:12px;padding:10px 12px;color:var(--zf4b4c-ink);font-weight:700;font-size:14px}
#header .menu-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--zf4b4c-accent) 55%,white);outline-offset:3px}
#header .menu-toggle-icon{width:18px;height:12px;position:relative;display:inline-block}
#header .menu-toggle-icon::before,#header .menu-toggle-icon::after{content:"";position:absolute;left:0;right:0;height:2px;background:color-mix(in srgb,var(--zf4b4c-ink) 85%,white);border-radius:2px}
#header .menu-toggle-icon::before{top:0}
#header .menu-toggle-icon::after{bottom:0}
#header .menu-toggle-icon{background:linear-gradient(to bottom, color-mix(in srgb,var(--zf4b4c-ink) 85%,white) 0 2px, transparent 2px 5px, color-mix(in srgb,var(--zf4b4c-ink) 85%,white) 5px 7px, transparent 7px 12px)}
@media (max-width: 980px){
  #header .header-inner{padding:12px 14px}
  #header .nav{display:none}
  #header .header-cta{display:none}
  #header .menu-toggle{display:inline-flex}
  #header .nav{position:absolute;left:0;right:0;top:100%;background:var(--zf4b4c-surface);border-bottom:1px solid var(--zf4b4c-border);padding:12px 14px;justify-content:flex-start}
  #header .nav-list{gap:6px;justify-content:flex-start;flex-direction:column;align-items:stretch}
  #header .nav-link{padding:10px 10px}
}
@media (prefers-reduced-motion: reduce){
  #header .nav-link::after{transition:none}
}
::selection{background:color-mix(in srgb,var(--zf4b4c-accent) 35%,white);color:var(--zf4b4c-ink)}
/* zf4b4c:footer */
/* zf4b4c:footer */
#footer{--padX:20px; background:var(--zf4b4c-bg); color:var(--zf4b4c-text); border-top:1px solid var(--zf4b4c-border);}
#footer .footer-inner{max-width:1100px; margin:0 auto; padding:34px var(--padX) 22px;}
#footer .footer-brand{display:flex; gap:14px; align-items:flex-start; margin-bottom:22px;}
#footer .footer-mark{width:44px; height:44px; border-radius:14px; background:linear-gradient(180deg, rgba(11,58,87,.12), rgba(255,107,44,.10)); border:1px solid rgba(11,58,87,.18); position:relative;}
#footer .footer-mark::before{content:""; position:absolute; inset:10px; border-radius:10px; background:var(--zf4b4c-primary); opacity:.92;}
#footer .footer-eyebrow{margin:0; font-family:var(--zf4b4c-font); font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--zf4b4c-slate);}
#footer .footer-company{margin:4px 0 0; font-size:16px; font-weight:750; letter-spacing:-.01em;}
#footer .footer-meta{margin:8px 0 0; font-size:13px; line-height:1.6; max-width:520px; color:rgba(43,43,43,.84);}

#footer .footer-cols{display:grid; grid-template-columns:1.2fr 1fr 1.1fr; gap:18px; align-items:start;}
#footer .footer-col-title{margin:0 0 10px; font-weight:800; font-size:14px; letter-spacing:-.01em; color:var(--zf4b4c-ink);}
#footer .footer-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px;}
#footer .footer-link{color:var(--zf4b4c-primary); text-decoration:none; font-size:13px; line-height:1.5;}
#footer .footer-link:focus-visible{outline:3px solid rgba(255,107,44,.45); outline-offset:3px; border-radius:8px;}
#footer .footer-link:hover{text-decoration:underline;}
#footer .footer-strong{display:inline-block; min-width:72px; color:rgba(11,43,58,.9); font-weight:700; font-size:13px; vertical-align:top;}
#footer .footer-value{font-size:13px; color:rgba(43,43,43,.86);}

#footer .footer-disclaimer{margin-top:22px; padding:14px 14px; background:var(--zf4b4c-surface); border:1px solid var(--zf4b4c-border); border-radius:var(--zf4b4c-radius, 12px);}
#footer .footer-disclaimer-line{margin:0; font-size:12.5px; line-height:1.7; color:rgba(43,43,43,.88);}
#footer .footer-disclaimer-label{display:inline-block; font-weight:800; color:var(--zf4b4c-primary); margin-right:8px;}
#footer .footer-disclaimer-small{margin:8px 0 0; font-size:12px; color:rgba(43,43,43,.78);}
#footer .footer-disclaimer-note{display:inline-block; margin-left:6px; padding:2px 8px; border-radius:999px; background:var(--zf4b4c-mist); border:1px solid rgba(11,58,87,.10); color:rgba(11,58,87,.88);}

#footer .footer-bottom{margin-top:18px; display:flex; align-items:center; justify-content:space-between; gap:12px;}
#footer .footer-copyright{margin:0; font-size:12.5px; color:rgba(43,43,43,.78);}
#footer .footer-badges{display:flex; gap:10px; align-items:center;}
#footer .footer-age{font-size:12px; font-weight:900; color:var(--zf4b4c-surface); background:var(--zf4b4c-primary); border:1px solid rgba(11,58,87,.35); padding:7px 10px; border-radius:999px;}
#footer .footer-jp{font-size:12px; font-weight:800; color:var(--zf4b4c-primary); background:var(--zf4b4c-mist); border:1px solid rgba(11,58,87,.14); padding:7px 10px; border-radius:999px;}

#footer *::selection{background:rgba(255,107,44,.26);}
@media (max-width: 920px){#footer .footer-cols{grid-template-columns:1fr; gap:14px;} #footer .footer-bottom{flex-direction:column; align-items:flex-start;}}
@media (prefers-reduced-motion: reduce){#footer .footer-link{transition:none;}}

/* zf4b4c:hero */
/* zf4b4c:hero */
#hero.hero{--r:16px; position:relative; overflow:hidden; background:var(--zf4b4c-bg); padding:48px 0 56px;}
#hero.hero .hero__bg{position:absolute; inset:-2px 0 auto 0; height:420px; background:linear-gradient(180deg, color-mix(in srgb, var(--zf4b4c-mist) 70%, white 30%) 0%, color-mix(in srgb, var(--zf4b4c-bg) 100%, white 0%) 72%); pointer-events:none;}
#hero.hero .hero__inner{position:relative; max-width:1120px; margin:0 auto; padding:0 20px;}
#hero.hero .hero__grid{display:grid; grid-template-columns: 1.15fr 0.85fr; gap:26px; align-items:start;}
#hero.hero .hero__copy{padding:8px 0;}
#hero.hero .hero__badge{display:inline-flex; align-items:center; gap:10px; padding:8px 12px; border:1px solid color-mix(in srgb, var(--zf4b4c-border) 70%, white 30%); border-radius:999px; background:color-mix(in srgb, var(--zf4b4c-surface) 85%, white 15%);}
#hero.hero .hero__badge-dot{width:10px; height:10px; border-radius:50%; background:var(--zf4b4c-secondary); box-shadow:0 0 0 4px color-mix(in srgb, var(--zf4b4c-secondary) 18%, transparent 82%);}
#hero.hero .hero__badge-text{font:600 13px/1.2 var(--zf4b4c-font); color:var(--zf4b4c-ink); letter-spacing:0.01em;}
#hero.hero .hero__title{margin:14px 0 12px; font:800 44px/1.05 var(--zf4b4c-font-display); color:var(--zf4b4c-primary); letter-spacing:-0.02em; text-wrap:balance;}
#hero.hero .hero__lead{margin:0; max-width:560px; font:400 16px/1.65 var(--zf4b4c-font); color:color-mix(in srgb, var(--zf4b4c-ink) 86%, white 14%);}
#hero.hero .hero__ctaRow{margin-top:22px; display:flex; gap:12px; flex-wrap:wrap;}
#hero.hero .btn{display:inline-flex; align-items:center; justify-content:center; border-radius:var(--zf4b4c-radius-lg, var(--r)); padding:12px 16px; text-decoration:none; font:700 14px/1 var(--zf4b4c-font); letter-spacing:0.01em; border:1px solid transparent; transition:background-color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;}
#hero.hero .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--zf4b4c-secondary) 55%, white 45%); outline-offset:2px;}
#hero.hero .btn--primary{background:var(--zf4b4c-primary); color:var(--zf4b4c-surface); border-color:color-mix(in srgb, var(--zf4b4c-primary) 92%, black 8%); box-shadow:0 10px 26px color-mix(in srgb, var(--zf4b4c-primary) 20%, transparent 80%);}
#hero.hero .btn--primary:hover{background:color-mix(in srgb, var(--zf4b4c-primary) 86%, black 14%); transform:translateY(-1px);}
#hero.hero .btn--secondary{background:color-mix(in srgb, var(--zf4b4c-secondary) 92%, white 8%); color:var(--zf4b4c-ink); border-color:color-mix(in srgb, var(--zf4b4c-secondary) 55%, white 45%); box-shadow:0 10px 26px color-mix(in srgb, var(--zf4b4c-secondary) 22%, transparent 78%);}
#hero.hero .btn--secondary:hover{background:var(--zf4b4c-secondary); transform:translateY(-1px);}
#hero.hero .btn--ghost{background:var(--zf4b4c-surface); color:var(--zf4b4c-primary); border-color:color-mix(in srgb, var(--zf4b4c-border) 75%, var(--zf4b4c-primary) 25%);}
#hero.hero .btn--ghost:hover{border-color:color-mix(in srgb, var(--zf4b4c-secondary) 45%, var(--zf4b4c-border) 55%); background:color-mix(in srgb, var(--zf4b4c-mist) 45%, var(--zf4b4c-surface) 55%); transform:translateY(-1px);}
#hero.hero .hero__bullets{margin:18px 0 0; padding-left:18px;}
#hero.hero .hero__bullet{margin:8px 0; font:500 14px/1.5 var(--zf4b4c-font); color:color-mix(in srgb, var(--zf4b4c-ink) 84%, white 16%);}
#hero.hero .hero__microcopy{margin:14px 0 0; font:400 13px/1.6 var(--zf4b4c-font); color:color-mix(in srgb, var(--zf4b4c-ink) 70%, white 30%);}

#hero.hero .hero__panel{background:var(--zf4b4c-surface); border:1px solid var(--zf4b4c-border); border-radius:var(--zf4b4c-radius-lg, var(--r)); padding:18px 16px 16px; box-shadow:0 16px 46px color-mix(in srgb, var(--zf4b4c-primary) 10%, transparent 90%);}
#hero.hero .hero__panelTop{padding:2px 4px 12px; border-bottom:1px dashed color-mix(in srgb, var(--zf4b4c-border) 90%, var(--zf4b4c-mist) 10%);}
#hero.hero .hero__panelTitle{margin:0 0 8px; font:800 20px/1.25 var(--zf4b4c-font-display); color:var(--zf4b4c-primary); letter-spacing:-0.01em;}
#hero.hero .hero__panelText{margin:0; font:400 14px/1.6 var(--zf4b4c-font); color:color-mix(in srgb, var(--zf4b4c-ink) 82%, white 18%);}
#hero.hero .hero__steps{padding:12px 2px 10px; display:flex; flex-direction:column; gap:12px;}
#hero.hero .step{display:flex; gap:12px; align-items:flex-start;}
#hero.hero .step__num{width:34px; height:34px; border-radius:12px; display:flex; align-items:center; justify-content:center; font:900 14px/1 var(--zf4b4c-font-display); color:var(--zf4b4c-surface); background:var(--zf4b4c-secondary); box-shadow:0 10px 24px color-mix(in srgb, var(--zf4b4c-secondary) 26%, transparent 74%);}
#hero.hero .step__label{font:800 14px/1.25 var(--zf4b4c-font); color:var(--zf4b4c-ink);}
#hero.hero .step__desc{margin-top:4px; font:400 13px/1.5 var(--zf4b4c-font); color:color-mix(in srgb, var(--zf4b4c-ink) 78%, white 22%);}
#hero.hero .hero__panelBottom{padding:6px 4px 0; display:flex; flex-direction:column; gap:12px;}
#hero.hero .hero__trust{display:flex; gap:10px; flex-wrap:wrap; align-items:center; font:600 12px/1.4 var(--zf4b4c-font); color:color-mix(in srgb, var(--zf4b4c-ink) 78%, white 22%);}
#hero.hero .hero__trustSep{opacity:0.8;}

#hero.hero ::selection{background:color-mix(in srgb, var(--zf4b4c-secondary) 32%, transparent 68%);}
@media (max-width: 920px){
  #hero.hero{padding:34px 0 44px;}
  #hero.hero .hero__grid{grid-template-columns:1fr; gap:18px;}
  #hero.hero .hero__title{font-size:36px;}
}
@media (prefers-reduced-motion: reduce){
  #hero.hero .btn{transition:none;}
  #hero.hero .btn:hover{transform:none;}
}

/* zf4b4c:subscription-disclaimer */
/* zf4b4c:subscription-disclaimer */
#subscription-disclaimer.subscription-disclaimer{--radius:var(--zf4b4c-radius, 16px);background:var(--zf4b4c-bg);border-top:1px solid var(--zf4b4c-border);padding:28px 16px;}
#subscription-disclaimer .disclaimer-inner{max-width:1040px;margin:0 auto;display:flex;gap:16px;align-items:flex-start;}
#subscription-disclaimer .disclaimer-badge{flex:0 0 auto;background:var(--zf4b4c-mist);color:var(--zf4b4c-primary);border:1px solid var(--zf4b4c-border);padding:8px 12px;border-radius:999px;font:600 12px/1 var(--zf4b4c-font);letter-spacing:.08em;text-transform:uppercase;}
#subscription-disclaimer .disclaimer-text{flex:1 1 auto;background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--zf4b4c-radius, 16px);padding:18px 18px 16px;box-shadow:0 10px 24px rgba(11,58,87,.06);}
#subscription-disclaimer .disclaimer-title{margin:0 0 10px;font:700 22px/1.25 var(--zf4b4c-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--zf4b4c-ink);}
#subscription-disclaimer .disclaimer-lead{margin:0 0 12px;font:400 14.5px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-text);}
#subscription-disclaimer .disclaimer-list{margin:0;padding-left:18px;}
#subscription-disclaimer .disclaimer-list li{margin:8px 0;font:400 14.5px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-text);}
#subscription-disclaimer .disclaimer-list strong{color:var(--zf4b4c-ink);font-weight:700;}
#subscription-disclaimer .disclaimer-note{margin:12px 0 0;font:400 13.5px/1.65 var(--zf4b4c-font);color:var(--zf4b4c-slate);}
#subscription-disclaimer .disclaimer-links{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
#subscription-disclaimer .disclaimer-link{color:var(--zf4b4c-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
#subscription-disclaimer .disclaimer-link:focus-visible{outline:3px solid rgba(255,107,44,.35);outline-offset:3px;border-radius:6px;}
#subscription-disclaimer .disclaimer-sep{color:var(--zf4b4c-slate);}
#subscription-disclaimer ::selection{background:rgba(255,107,44,.22);}
@media (max-width:720px){#subscription-disclaimer .disclaimer-inner{flex-direction:column;}
#subscription-disclaimer .disclaimer-text{padding:16px 14px;}
#subscription-disclaimer .disclaimer-title{font-size:20px;}
}
@media (prefers-reduced-motion: reduce){#subscription-disclaimer *{scroll-behavior:auto;transition:none !important;animation:none !important;}}

/* zf4b4c:how-it-works */
/* zf4b4c:how-it-works */
#how-it-works.how-it-works{--radius:var(--zf4b4c-radius,12px); background:var(--zf4b4c-bg); color:var(--zf4b4c-text); padding:56px 16px;}
#how-it-works .how-container{max-width:1040px; margin:0 auto;}
#how-it-works .how-header{margin-bottom:22px;}
#how-it-works .how-kicker{display:inline-block; font-family:var(--zf4b4c-font); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--zf4b4c-primary); background:var(--zf4b4c-mist); border:1px solid color-mix(in srgb, var(--zf4b4c-primary) 18%, var(--zf4b4c-mist)); padding:7px 10px; border-radius:999px; margin-bottom:14px;}
#how-it-works .how-title{font-family:var(--zf4b4c-font-display); font-size:34px; line-height:1.12; letter-spacing:-.02em; margin:0 0 10px; text-wrap:balance;}
#how-it-works .how-subtitle{margin:0; max-width:760px; font-size:15.5px; line-height:1.7; color:var(--zf4b4c-text);}
#how-it-works .how-steps{list-style:none; padding:0; margin:26px 0 22px; display:grid; grid-template-columns:1fr 1fr; gap:16px;}
#how-it-works .how-step{background:var(--zf4b4c-surface); border:1px solid var(--zf4b4c-border); border-radius:var(--zf4b4c-radius,12px); padding:18px 18px 16px; box-shadow:0 10px 30px color-mix(in srgb, var(--zf4b4c-primary) 10%, transparent); position:relative; overflow:hidden;}
#how-it-works .how-step::before{content:""; position:absolute; inset:-1px -1px auto -1px; height:6px; background:linear-gradient(90deg, var(--zf4b4c-primary), color-mix(in srgb, var(--zf4b4c-secondary) 65%, var(--zf4b4c-primary)));}
#how-it-works .how-step-meta{display:flex; align-items:center; gap:12px; margin-bottom:10px;}
#how-it-works .how-step-number{width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:color-mix(in srgb, var(--zf4b4c-primary) 10%, var(--zf4b4c-surface)); border:1px solid color-mix(in srgb, var(--zf4b4c-primary) 30%, var(--zf4b4c-border)); color:var(--zf4b4c-primary); font-weight:700; font-size:16px; font-variant-numeric:tabular-nums;}
#how-it-works .how-step-title{margin:0; font-family:var(--zf4b4c-font); font-size:18px; letter-spacing:-.01em;}
#how-it-works .how-step-text{margin:0 0 10px; color:var(--zf4b4c-text); line-height:1.65; font-size:14.5px;}
#how-it-works .how-bullets{margin:0; padding-left:18px; color:var(--zf4b4c-text);}
#how-it-works .how-bullets li{margin:7px 0; line-height:1.55; font-size:14.5px; position:relative;}
#how-it-works .how-bullets li::marker{color:var(--zf4b4c-secondary);}
#how-it-works .how-callout{display:flex; align-items:flex-start; gap:14px; background:color-mix(in srgb, var(--zf4b4c-mist) 62%, var(--zf4b4c-surface)); border:1px solid color-mix(in srgb, var(--zf4b4c-primary) 14%, var(--zf4b4c-border)); border-radius:16px; padding:16px 16px; margin:14px 0 22px;}
#how-it-works .how-callout-icon{width:36px; height:36px; border-radius:12px; background:var(--zf4b4c-primary); position:relative; flex:0 0 auto;}
#how-it-works .how-callout-icon::after{content:""; position:absolute; left:10px; top:10px; width:16px; height:12px; border:2px solid var(--zf4b4c-surface); border-top:none; border-left:none; transform:rotate(-45deg);}
#how-it-works .how-callout-content{min-width:0;}
#how-it-works .how-callout-title{margin:0 0 6px; font-weight:800; font-size:15.5px; color:var(--zf4b4c-ink);}
#how-it-works .how-callout-text{margin:0; line-height:1.7; font-size:14.5px; color:var(--zf4b4c-text);}
#how-it-works .how-links{display:flex; flex-wrap:wrap; gap:12px; padding-top:6px;}
#how-it-works .how-link{display:inline-flex; align-items:center; justify-content:center; text-decoration:none; padding:11px 14px; border-radius:var(--zf4b4c-radius,12px); border:1px solid color-mix(in srgb, var(--zf4b4c-primary) 22%, var(--zf4b4c-border)); background:var(--zf4b4c-surface); color:var(--zf4b4c-primary); font-weight:700; font-size:14.5px; min-height:42px;}
#how-it-works .how-link--secondary{background:color-mix(in srgb, var(--zf4b4c-secondary) 10%, var(--zf4b4c-surface)); border-color:color-mix(in srgb, var(--zf4b4c-secondary) 38%, var(--zf4b4c-border)); color:var(--zf4b4c-ink);}
#how-it-works .how-link:focus-visible{outline:3px solid color-mix(in srgb, var(--zf4b4c-secondary) 60%, white); outline-offset:2px;}
#how-it-works .how-link:hover{border-color:color-mix(in srgb, var(--zf4b4c-primary) 45%, var(--zf4b4c-border));}
#how-it-works .how-link--secondary:hover{border-color:color-mix(in srgb, var(--zf4b4c-secondary) 55%, var(--zf4b4c-border));}
#how-it-works *::selection{background:color-mix(in srgb, var(--zf4b4c-secondary) 28%, var(--zf4b4c-surface));}
@media (max-width:860px){#how-it-works{padding:46px 14px;}#how-it-works .how-title{font-size:28px;}#how-it-works .how-steps{grid-template-columns:1fr; gap:12px;}#how-it-works .how-step{padding:16px 16px 14px;}}
@media (prefers-reduced-motion: reduce){#how-it-works .how-step::before{transition:none;} }

/* zf4b4c:parts-track */
/* zf4b4c:parts-track */
#parts-track{--pt-primary:var(--zf4b4c-primary);--pt-accent:var(--zf4b4c-accent);--pt-ink:var(--zf4b4c-ink);--pt-slate:var(--zf4b4c-slate);--pt-mist:var(--zf4b4c-mist);--pt-border:var(--zf4b4c-border);background:var(--zf4b4c-bg);color:var(--zf4b4c-text);padding:56px 18px}
#parts-track .parts-track-inner{max-width:1120px;margin:0 auto}
#parts-track .parts-track-head{max-width:780px}
#parts-track .kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--pt-border);border-radius:999px;background:rgba(217,238,247,.55);color:var(--pt-primary);font-weight:650;letter-spacing:.02em}
#parts-track .parts-track-title{margin:16px 0 10px;font-family:var(--zf4b4c-font-display);font-size:34px;line-height:1.12;letter-spacing:-.02em;text-wrap:balance;color:var(--pt-ink)}
#parts-track .parts-track-sub{margin:0;font-size:15.5px;line-height:1.7;color:var(--pt-slate);max-width:700px}
#parts-track .parts-track-layout{margin-top:26px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
#parts-track .checklist{background:var(--zf4b4c-surface);border:1px solid var(--pt-border);border-radius:var(--radius-lg,16px);padding:18px}
#parts-track .checklist-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
#parts-track .checklist-title{margin:0;font-size:18px;letter-spacing:-.01em;color:var(--pt-ink)}
#parts-track .checklist-badge{font-size:12px;font-weight:700;color:var(--pt-accent);border:1px solid rgba(255,107,44,.35);background:rgba(255,107,44,.08);padding:6px 10px;border-radius:999px}
#parts-track .checklist-steps{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}
#parts-track .step{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--pt-border);border-radius:var(--radius-md,12px);background:linear-gradient(180deg, rgba(217,238,247,.35), rgba(255,255,255,0))}
#parts-track .step-ic{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(11,58,87,.10);color:var(--pt-primary);font-weight:800;flex:0 0 auto}
#parts-track .step-txt{display:flex;flex-direction:column;gap:3px}
#parts-track .step-label{font-weight:750;color:var(--pt-ink);font-size:14.5px}
#parts-track .step-desc{color:var(--pt-slate);font-size:13.8px;line-height:1.55}
#parts-track .progress-wrap{margin-top:14px;padding-top:14px;border-top:1px solid var(--pt-border)}
#parts-track .progress-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
#parts-track .progress-label{color:var(--pt-slate);font-size:13.5px}
#parts-track .progress-value{color:var(--pt-primary);font-weight:800;font-size:13.5px}
#parts-track .progress-bar{height:10px;background:rgba(11,43,58,.08);border:1px solid rgba(230,230,230,.9);border-radius:999px;overflow:hidden;margin-top:10px}
#parts-track .progress-fill{display:block;height:100%;background:var(--pt-accent);border-radius:999px;transition:width .6s ease}
#parts-track .progress-note{margin:10px 0 0;color:var(--pt-slate);font-size:13.2px;line-height:1.6}
#parts-track .helper{display:flex;flex-direction:column;gap:12px}
#parts-track .helper-card{background:var(--zf4b4c-surface);border:1px solid var(--pt-border);border-radius:var(--radius-lg,16px);padding:18px}
#parts-track .helper-title{margin:0 0 8px;font-size:18px;color:var(--pt-ink);letter-spacing:-.01em}
#parts-track .helper-body{margin:0 0 14px;color:var(--pt-slate);line-height:1.7;font-size:14.2px}
#parts-track .helper-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}
#parts-track .helper-list li{display:flex;gap:10px;align-items:flex-start;color:var(--pt-ink);font-size:13.8px;line-height:1.55}
#parts-track .dot{width:10px;height:10px;border-radius:999px;margin-top:6px;background:rgba(255,107,44,.9);box-shadow:0 2px 10px rgba(255,107,44,.25)}
#parts-track .helper-actions{display:flex;gap:10px;flex-wrap:wrap}
#parts-track .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;font-weight:800;text-decoration:none;letter-spacing:.01em;min-width:156px;box-sizing:border-box}
#parts-track .btn.primary{background:var(--pt-primary);color:var(--zf4b4c-surface);border:1px solid rgba(11,58,87,.25)}
#parts-track .btn.ghost{background:transparent;color:var(--pt-primary);border:1px solid rgba(11,58,87,.35)}
#parts-track .btn:focus-visible{outline:3px solid rgba(255,107,44,.35);outline-offset:2px}
#parts-track .btn.primary:hover{filter:brightness(1.03)}
#parts-track .btn.ghost:hover{background:rgba(217,238,247,.55)}
#parts-track .helper-mini{background:rgba(255,255,255,.7);border:1px dashed rgba(11,43,58,.25);border-radius:16px;padding:14px}
#parts-track .mini-row{display:flex;gap:12px;align-items:flex-start}
#parts-track .mini-ic{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,107,44,.10);color:var(--pt-accent);font-weight:900;flex:0 0 auto}
#parts-track .mini-title{font-weight:900;color:var(--pt-ink);margin:0 0 4px;font-size:13.8px}
#parts-track .mini-body{color:var(--pt-slate);font-size:13.3px;line-height:1.6}
#parts-track ::selection{background:rgba(255,107,44,.25);color:var(--pt-ink)}
@media (max-width: 900px){#parts-track{padding:46px 14px}#parts-track .parts-track-layout{grid-template-columns:1fr;gap:12px}#parts-track .parts-track-title{font-size:30px}#parts-track .helper-actions .btn{min-width:160px;flex:1}}
@media (prefers-reduced-motion: reduce){#parts-track .progress-fill{transition:none}}
/* zf4b4c:pricing-trust */
/* zf4b4c:pricing-trust */
#pricing-trust{--pt-primary:var(--zf4b4c-primary);--pt-accent:var(--zf4b4c-accent);--pt-ink:var(--zf4b4c-ink);--pt-bg:var(--zf4b4c-bg);--pt-surface:var(--zf4b4c-surface);--pt-border:var(--zf4b4c-border);--pt-text:var(--zf4b4c-text);
  background:var(--zf4b4c-bg);color:var(--zf4b4c-text);
  padding:clamp(28px,5vw,56px) 16px;
}
#pricing-trust .pricing-trust__wrap{max-width:1080px;margin:0 auto;}
#pricing-trust .pricing-trust__header{max-width:740px;margin-bottom:26px;}
#pricing-trust .eyebrow{margin:0 0 10px;font:600 12px/1.2 var(--zf4b4c-font);letter-spacing:.12em;text-transform:uppercase;color:var(--zf4b4c-primary);}
#pricing-trust .pricing-trust__title{margin:0 0 12px;font:800 clamp(22px,3.2vw,34px)/1.12 var(--zf4b4c-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--zf4b4c-ink);}
#pricing-trust .pricing-trust__lead{margin:0;font:500 15px/1.65 var(--zf4b4c-font);color:var(--zf4b4c-text);}
#pricing-trust .pricing-trust__grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;}
#pricing-trust .pricing-trust__stat{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--radius-lg,16px);padding:18px 18px;box-shadow:0 10px 24px rgba(11,58,87,.06);}
#pricing-trust .pricing-trust__stat--wide{padding:18px 18px;}
#pricing-trust .pricing-trust__stat-top{display:flex;gap:10px;align-items:center;margin-bottom:10px;}
#pricing-trust .pricing-trust__stat-top--stack{flex-direction:column;align-items:flex-start;}
#pricing-trust .pricing-trust__dot{width:10px;height:10px;border-radius:50%;background:var(--zf4b4c-primary);flex:0 0 auto;}
#pricing-trust .pricing-trust__dot--accent{background:var(--zf4b4c-accent);}
#pricing-trust .pricing-trust__stat-title{margin:0;font:800 16px/1.25 var(--zf4b4c-font);color:var(--zf4b4c-ink);}
#pricing-trust .pricing-trust__stat-title--tight{margin-top:4px;}
#pricing-trust .pricing-trust__stat-body{margin:0;font:500 14px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-text);}
#pricing-trust .pricing-trust__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid var(--zf4b4c-border);background:var(--zf4b4c-mist);font:700 12px/1 var(--zf4b4c-font);color:var(--zf4b4c-ink);}
#pricing-trust .pricing-trust__list{margin:0;padding:0 0 0 18px;}
#pricing-trust .pricing-trust__li{margin:8px 0;font:500 14px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-text);}
#pricing-trust .pricing-trust__callouts{margin-top:12px;padding-top:12px;border-top:1px solid rgba(230,230,230,.9);}
#pricing-trust .pricing-trust__note{margin:0;font:600 13px/1.6 var(--zf4b4c-font);color:var(--zf4b4c-ink);}
#pricing-trust .pricing-trust__actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 14px;}
#pricing-trust .pricing-trust__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:10px;padding:12px 14px;border-radius:var(--radius-md,12px);background:var(--zf4b4c-primary);color:#fff;border:1px solid var(--zf4b4c-primary);font:800 14px/1 var(--zf4b4c-font);min-width:170px;}
#pricing-trust .pricing-trust__btn:hover{background:#0A344D;}
#pricing-trust .pricing-trust__btn:active{transform:translateY(1px);}
#pricing-trust .pricing-trust__btn:focus-visible{outline:3px solid rgba(255,107,44,.45);outline-offset:2px;}
#pricing-trust .pricing-trust__btn--ghost{background:var(--zf4b4c-surface);color:var(--zf4b4c-ink);border:1px solid var(--zf4b4c-border);}
#pricing-trust .pricing-trust__btn--ghost:hover{border-color:rgba(255,107,44,.65);}
#pricing-trust .pricing-trust__fineprint{max-width:860px;margin-top:10px;padding:14px 16px;border-radius:var(--radius-md,12px);border:1px solid var(--zf4b4c-border);background:rgba(217,238,247,.35);}
#pricing-trust .pricing-trust__fineprint p{margin:0;font:600 13px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-ink);}
#pricing-trust ::selection{background:rgba(255,107,44,.25);}
@media (min-width:860px){
  #pricing-trust{padding-left:20px;padding-right:20px;}
  #pricing-trust .pricing-trust__grid{grid-template-columns:1fr 1fr;}
  #pricing-trust .pricing-trust__stat--wide{grid-column:1 / -1;}
}
@media (prefers-reduced-motion:reduce){
  #pricing-trust .pricing-trust__btn:active{transform:none;}
}

/* zf4b4c:contact */
/* zf4b4c:contact */
#contact.contact{--r:16px;--gap:16px;--gap2:22px;background:var(--zf4b4c-bg);color:var(--zf4b4c-text);padding:48px 16px;}
#contact .contact__wrap{max-width:1080px;margin:0 auto;}
#contact .contact__top{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:start;}
#contact .contact__heading{padding:4px 0;}
#contact .contact__kicker{margin:0 0 10px;font:600 13px/1.2 var(--zf4b4c-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zf4b4c-primary);}
#contact .contact__title{margin:0 0 14px;font:700 36px/1.1 var(--zf4b4c-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--zf4b4c-ink);}
#contact .contact__lead{margin:0;font:400 16px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-text);max-width:62ch;}
#contact .contact__aside{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--r);padding:16px;}
#contact .contact__aside-row{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--zf4b4c-border);} 
#contact .contact__aside-row:last-of-type{border-bottom:none;}
#contact .contact__aside-label{font:600 13px/1.4 var(--zf4b4c-font);color:var(--zf4b4c-slate);}
#contact .contact__aside-value{font:400 14px/1.6 var(--zf4b4c-font);color:var(--zf4b4c-text);}
#contact .contact__aside-note{margin:12px 0 0;font:400 12.5px/1.5 var(--zf4b4c-font);color:var(--zf4b4c-slate);} 
#contact .contact__link{color:var(--zf4b4c-primary);text-decoration:underline;text-underline-offset:3px;}
#contact .contact__link:focus-visible{outline:3px solid color-mix(in srgb,var(--zf4b4c-accent) 55%, transparent);outline-offset:2px;border-radius:6px;}
#contact .contact__form-card{margin-top:18px;background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--r);padding:18px;}
#contact .contact__form{display:block;}
#contact .contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
#contact .contact__grid--2{grid-template-columns:1fr 1fr;}
#contact .contact__field{min-width:0;}
#contact .contact__label{display:block;margin:0 0 8px;font:650 14px/1.4 var(--zf4b4c-font);color:var(--zf4b4c-ink);} 
#contact .contact__req{display:inline-block;margin-left:6px;font:700 12px/1 var(--zf4b4c-font);color:var(--zf4b4c-secondary);background:color-mix(in srgb,var(--zf4b4c-secondary) 14%, white);border:1px solid color-mix(in srgb,var(--zf4b4c-secondary) 35%, transparent);padding:4px 8px;border-radius:999px;vertical-align:middle;}
#contact .contact__req--opt{color:var(--zf4b4c-slate);background:color-mix(in srgb,var(--zf4b4c-slate) 10%, white);border-color:var(--zf4b4c-border);} 
#contact .contact__input,#contact .contact__textarea{width:100%;box-sizing:border-box;border:1px solid var(--zf4b4c-border);background:var(--zf4b4c-bg);color:var(--zf4b4c-ink);border-radius:12px;padding:12px 12px;font:400 15px/1.5 var(--zf4b4c-font);}
#contact .contact__textarea{resize:vertical;min-height:150px;}
#contact .contact__input::placeholder,#contact .contact__textarea::placeholder{color:color-mix(in srgb,var(--zf4b4c-slate) 70%, white);} 
#contact .contact__input:focus,#contact .contact__textarea:focus{outline:none;border-color:color-mix(in srgb,var(--zf4b4c-accent) 55%, var(--zf4b4c-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--zf4b4c-accent) 18%, transparent);} 
#contact .contact__form-actions{display:flex;gap:18px;align-items:flex-start;margin-top:16px;}
#contact .contact__btn{appearance:none;border:none;border-radius:12px;background:var(--zf4b4c-primary);color:var(--zf4b4c-surface);font:700 16px/1 var(--zf4b4c-font);padding:13px 16px;cursor:pointer;min-width:180px;}
#contact .contact__btn:hover{background:color-mix(in srgb,var(--zf4b4c-primary) 86%, var(--zf4b4c-secondary));}
#contact .contact__btn:active{transform:translateY(1px);}
#contact .contact__btn:focus-visible{outline:3px solid color-mix(in srgb,var(--zf4b4c-accent) 55%, transparent);outline-offset:3px;}
#contact .contact__btn[disabled]{opacity:.6;cursor:not-allowed;}
#contact .contact__fineprint p{margin:0;color:var(--zf4b4c-slate);font:400 13px/1.55 var(--zf4b4c-font);max-width:52ch;}
#contact .contact__trust{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
#contact .contact__trust-item{padding:14px;border:1px solid var(--zf4b4c-border);border-radius:var(--r);background:linear-gradient(180deg, var(--zf4b4c-surface), color-mix(in srgb,var(--zf4b4c-mist) 28%, var(--zf4b4c-surface)));}
#contact .contact__trust-title{font:700 14px/1.3 var(--zf4b4c-font);color:var(--zf4b4c-ink);margin-bottom:8px;}
#contact .contact__trust-text{margin:0;color:var(--zf4b4c-text);font:400 13.5px/1.6 var(--zf4b4c-font);} 
#contact ::selection{background:color-mix(in srgb,var(--zf4b4c-accent) 30%, white);}
#contact .contact__input:invalid:focus,#contact .contact__textarea:invalid:focus{border-color:color-mix(in srgb,var(--zf4b4c-secondary) 55%, var(--zf4b4c-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--zf4b4c-secondary) 18%, transparent);} 
@media (max-width: 900px){#contact .contact__top{grid-template-columns:1fr;gap:16px;}#contact .contact__grid{grid-template-columns:1fr;}#contact .contact__grid--2{grid-template-columns:1fr;}#contact .contact__form-actions{flex-direction:column;align-items:stretch;}#contact .contact__trust{grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){#contact *{scroll-behavior:auto;transition:none !important;animation:none !important;}}

/* zf4b4c:blog-list */
/* zf4b4c:blog-list */
#blog-list{background:var(--zf4b4c-bg);color:var(--zf4b4c-text);padding:44px 0 56px;}
#blog-list .blog-list-wrap{max-width:1120px;margin:0 auto;padding:0 20px;}
#blog-list .blog-list-header{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:22px;}
#blog-list .blog-list-title{margin:0;font-family:var(--zf4b4c-font-display);font-weight:750;letter-spacing:-0.02em;font-size:34px;line-height:1.12;text-wrap:balance;}
#blog-list .blog-list-subtitle{margin:0;max-width:560px;font-size:15.5px;line-height:1.6;color:var(--zf4b4c-slate);}
#blog-list .blog-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:16px;margin-top:14px;}
#blog-list .blog-card{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--zf4b4c-radius-lg,16px);padding:18px 18px 16px;box-shadow:0 10px 30px rgba(11,58,87,0.06);display:flex;flex-direction:column;min-height:208px;}
#blog-list .blog-card-mark{display:flex;flex-direction:column;gap:8px;}
#blog-list .blog-card-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--zf4b4c-primary);font-weight:750;}
#blog-list .blog-card-eyebrow::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--zf4b4c-secondary);box-shadow:0 8px 20px rgba(255,107,44,0.35);}
#blog-list .blog-card-title{margin:0;font-family:var(--zf4b4c-font-display);font-weight:720;letter-spacing:-0.015em;font-size:18px;line-height:1.35;}
#blog-list .blog-card-desc{margin:10px 0 14px;color:var(--zf4b4c-slate);font-size:14.5px;line-height:1.65;flex:1;}
#blog-list .blog-card-link{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--zf4b4c-primary);font-weight:800;border:1px solid var(--zf4b4c-border);background:var(--zf4b4c-surface);border-radius:999px;padding:10px 14px;}
#blog-list .blog-card-link::after{content:"→";font-weight:900;color:var(--zf4b4c-secondary);}
#blog-list .blog-card-link:hover{border-color:rgba(255,107,44,0.55);}
#blog-list .blog-card-link:focus-visible{outline:3px solid rgba(255,107,44,0.35);outline-offset:2px;}
#blog-list .blog-list-cta-row{display:flex;gap:12px;align-items:center;justify-content:flex-start;margin-top:22px;}
#blog-list .blog-secondary-link{color:var(--zf4b4c-primary);font-weight:800;text-decoration:none;border:1px solid var(--zf4b4c-border);background:var(--zf4b4c-surface);border-radius:999px;padding:10px 14px;}
#blog-list .blog-secondary-link:hover{border-color:rgba(11,58,87,0.35);}
#blog-list .blog-secondary-link:focus-visible{outline:3px solid rgba(11,58,87,0.25);outline-offset:2px;}
#blog-list .blog-primary-link{color:var(--zf4b4c-surface);font-weight:900;text-decoration:none;background:var(--zf4b4c-primary);border:1px solid rgba(11,58,87,0.35);border-radius:999px;padding:10px 14px;}
#blog-list .blog-primary-link:hover{background:rgba(11,58,87,0.92);}
#blog-list .blog-primary-link:focus-visible{outline:3px solid rgba(255,107,44,0.35);outline-offset:2px;}
#blog-list ::selection{background:rgba(255,107,44,0.28);}
@media (max-width: 980px){
  #blog-list .blog-list-header{flex-direction:column;align-items:flex-start;}
  #blog-list .blog-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width: 640px){
  #blog-list{padding:34px 0 44px;}
  #blog-list .blog-list-title{font-size:28px;}
  #blog-list .blog-grid{grid-template-columns:1fr;}
  #blog-list .blog-card{min-height:auto;}
  #blog-list .blog-list-cta-row{flex-direction:column;align-items:flex-start;}
}
@media (prefers-reduced-motion: reduce){
  #blog-list *{scroll-behavior:auto;}
}

/* zf4b4c:article-hero */
/* zf4b4c:article-hero */
#article-hero{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--pad:clamp(18px,3.8vw,36px);background:var(--zf4b4c-bg);color:var(--zf4b4c-text);padding:var(--pad) 0;}
#article-hero .article-hero__inner{max-width:980px;margin:0 auto;padding:0 var(--pad);}
#article-hero .article-hero__kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--zf4b4c-border);background:rgba(255,255,255,.7);border-radius:999px;font:600 12px/1.2 var(--zf4b4c-font);letter-spacing:.04em;color:var(--zf4b4c-ink);}
#article-hero .article-hero__title{margin:14px 0 12px;font:800 clamp(28px,3.8vw,46px)/1.08 var(--zf4b4c-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--zf4b4c-ink);}
#article-hero .article-hero__meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0 0 14px;padding:0;}
#article-hero .article-hero__meta-item{display:flex;align-items:baseline;gap:8px;padding:8px 12px;border:1px solid var(--zf4b4c-border);background:var(--zf4b4c-surface);border-radius:var(--radius-md);}
#article-hero .article-hero__meta-label{font:700 12px/1 var(--zf4b4c-font);color:var(--zf4b4c-slate);}
#article-hero .article-hero__meta-value{font:700 13px/1.1 var(--zf4b4c-font);color:var(--zf4b4c-ink);font-variant-numeric:tabular-nums;}
#article-hero .article-hero__lead{margin:0 0 18px;max-width:780px;font:500 16px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-text);}
#article-hero .article-hero__cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 18px;}
#article-hero .article-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);text-decoration:none;font:800 14px/1 var(--zf4b4c-font);border:1px solid transparent;white-space:nowrap;}
#article-hero .article-hero__btn--primary{background:var(--zf4b4c-primary);color:var(--zf4b4c-surface);border-color:var(--zf4b4c-primary);}
#article-hero .article-hero__btn--secondary{background:var(--zf4b4c-surface);color:var(--zf4b4c-ink);border-color:var(--zf4b4c-border);}
#article-hero .article-hero__btn:focus-visible{outline:3px solid color-mix(in srgb, var(--zf4b4c-accent) 60%, white);outline-offset:2px;}
#article-hero .article-hero__btn:active{transform:translateY(1px);}
#article-hero .article-hero__trust{display:flex;align-items:flex-start;gap:12px;padding:14px 14px;border-radius:var(--radius-lg);border:1px solid var(--zf4b4c-border);background:linear-gradient(180deg, rgba(217,238,247,.75), rgba(255,255,255,1));}
#article-hero .article-hero__trust-badge{flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:var(--zf4b4c-primary);color:var(--zf4b4c-surface);display:flex;align-items:center;justify-content:center;font:900 14px/1 var(--zf4b4c-font);}
#article-hero .article-hero__trust-title{display:block;margin:0 0 4px;font:900 14px/1.2 var(--zf4b4c-font);color:var(--zf4b4c-ink);}
#article-hero .article-hero__trust-text{display:block;font:600 13px/1.5 var(--zf4b4c-font);color:var(--zf4b4c-text);} 
#article-hero ::selection{background:color-mix(in srgb, var(--zf4b4c-secondary) 35%, white);}
@media (max-width:640px){#article-hero .article-hero__meta-item{width:100%;justify-content:space-between;}#article-hero .article-hero__lead{font-size:15px;}}
@media (prefers-reduced-motion: reduce){#article-hero .article-hero__btn:active{transform:none;}}

/* zf4b4c:article-content */
/* zf4b4c:article-content */
#article-content.article-content-wrapper{background:var(--zf4b4c-surface);color:var(--zf4b4c-text);padding:28px 0;}
#article-content .article-content-container{max-width:920px;margin:0 auto;padding:0 18px;}
#article-content .article-meta-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 18px;}
#article-content .article-meta-item{font:600 12px/1.2 var(--zf4b4c-font);letter-spacing:0.06em;text-transform:uppercase;color:var(--zf4b4c-primary);background:rgba(11,58,87,0.08);padding:8px 10px;border:1px solid rgba(11,58,87,0.18);border-radius:999px;}
#article-content .article-meta-sep{color:rgba(11,43,58,0.35);font-weight:700;}
#article-content .article-body{background:var(--zf4b4c-bg);border:1px solid var(--zf4b4c-border);border-radius:var(--radius-lg,16px);padding:22px 20px;}
#article-content .lead{font:400 16px/1.75 var(--zf4b4c-font);margin:0 0 18px;}
#article-content .h2{font:800 22px/1.25 var(--zf4b4c-font-display);letter-spacing:-0.02em;margin:22px 0 12px;color:var(--zf4b4c-ink);text-wrap:balance;}
#article-content .h3{font:800 16px/1.35 var(--zf4b4c-font);letter-spacing:-0.01em;margin:0 0 8px;color:var(--zf4b4c-ink);}
#article-content .steps{margin:0 0 10px;padding:0 0 0 20px;}
#article-content .steps li{margin:10px 0;font:400 15px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-text);}
#article-content .steps strong{color:var(--zf4b4c-primary);font-weight:800;}
#article-content .callout-list{display:grid;grid-template-columns:1fr;gap:12px;margin:6px 0 10px;}
#article-content .callout{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--radius-md,12px);padding:14px 14px;}
#article-content .callout p{margin:0;font:400 14px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-text);}
#article-content .note{margin:0 0 14px;color:var(--zf4b4c-slate);font:400 14px/1.7 var(--zf4b4c-font);}
#article-content .divider{height:1px;background:var(--zf4b4c-border);margin:10px 0 16px;}
#article-content .two-col{display:grid;grid-template-columns:1fr;gap:12px;}
#article-content .panel{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--radius-md,12px);padding:14px 14px;}
#article-content .ul{margin:10px 0 0;padding:0 0 0 18px;color:var(--zf4b4c-text);font:400 14px/1.7 var(--zf4b4c-font);}
#article-content .ul li{margin:6px 0;}
#article-content .panel-tip{margin:10px 0 0;color:var(--zf4b4c-slate);font:400 13px/1.6 var(--zf4b4c-font);}
#article-content .article-cta{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 4px;align-items:center;}
#article-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 14px;border-radius:var(--radius-sm,8px);font:800 14px/1 var(--zf4b4c-font);text-decoration:none;transition:transform 120ms ease, background-color 140ms ease, border-color 140ms ease, color 140ms ease;}
#article-content .btn:focus-visible{outline:3px solid rgba(255,107,44,0.35);outline-offset:2px;}
#article-content .btn-primary{background:var(--zf4b4c-secondary);color:#fff;border:1px solid rgba(255,107,44,0.9);}
#article-content .btn-primary:hover{background:#ff5a20;transform:translateY(-1px);}
#article-content .btn-ghost{background:transparent;color:var(--zf4b4c-primary);border:1px solid rgba(11,58,87,0.35);}
#article-content .btn-ghost:hover{background:rgba(11,58,87,0.06);transform:translateY(-1px);}
#article-content .faq{display:grid;grid-template-columns:1fr;gap:12px;margin-top:6px;}
#article-content .faq-q{padding:14px 14px;border:1px solid var(--zf4b4c-border);border-radius:var(--radius-md,12px);background:var(--zf4b4c-surface);}
#article-content .faq-q p{margin:8px 0 0;font:400 14px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-text);}
#article-content .bottom-divider{height:1px;background:var(--zf4b4c-border);margin:18px 0 14px;}
#article-content .closing{margin:0;color:var(--zf4b4c-slate);font:400 14px/1.7 var(--zf4b4c-font);}
#article-content ::selection{background:rgba(255,107,44,0.22);}
@media (min-width:740px){
  #article-content .article-content-container{padding:0 24px;}
  #article-content .article-body{padding:26px 26px;}
  #article-content .callout-list{grid-template-columns:1fr 1fr;}
  #article-content .two-col{grid-template-columns:1fr 1fr;}
  #article-content .lead{font-size:17px;}
}
@media (prefers-reduced-motion:reduce){
  #article-content .btn{transition:none;}
  #article-content .btn-primary:hover,#article-content .btn-ghost:hover{transform:none;}
}
/* zf4b4c:related-articles */
/* zf4b4c:related-articles */
#related-articles.related-articles{background:var(--zf4b4c-bg);color:var(--zf4b4c-text);padding:28px 0 42px;}
#related-articles .related-articles__container{max-width:980px;margin:0 auto;padding:0 18px;}
#related-articles .related-articles__header{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;}
#related-articles .related-articles__title{font-family:var(--zf4b4c-font-display);font-size:28px;letter-spacing:-0.02em;line-height:1.2;margin:0;color:var(--zf4b4c-ink);text-wrap:balance;}
#related-articles .related-articles__subtitle{margin:0;max-width:62ch;color:var(--zf4b4c-text);font-size:15px;line-height:1.65;}
#related-articles .related-articles__list{display:grid;grid-template-columns:1fr;gap:14px;}
#related-articles .related-articles__item{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--radius-md,12px);padding:16px 16px 14px;}
#related-articles .related-articles__badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0.02em;text-transform:uppercase;color:var(--zf4b4c-secondary);font-weight:700;margin-bottom:10px;}
#related-articles .related-articles__item-title{margin:0 0 8px;font-size:16px;line-height:1.35;color:var(--zf4b4c-ink);font-family:var(--zf4b4c-font);}
#related-articles .related-articles__item-desc{margin:0 0 12px;font-size:14px;line-height:1.7;color:var(--zf4b4c-text);}
#related-articles .related-articles__link{display:inline-flex;align-items:center;gap:10px;color:var(--zf4b4c-primary);font-weight:700;text-decoration:none;border-radius:var(--radius-sm,8px);padding:10px 12px;border:1px solid transparent;}
#related-articles .related-articles__link:focus-visible{outline:3px solid var(--zf4b4c-mist);outline-offset:2px;border-color:var(--zf4b4c-border);}
#related-articles .related-articles__link:hover{border-color:var(--zf4b4c-border);background:var(--zf4b4c-mist);}
#related-articles .related-articles__cta-row{margin-top:18px;display:flex;justify-content:flex-start;}
#related-articles .related-articles__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md,12px);background:var(--zf4b4c-primary);color:var(--zf4b4c-surface);text-decoration:none;font-weight:800;border:1px solid var(--zf4b4c-primary);}
#related-articles .related-articles__cta:focus-visible{outline:3px solid var(--zf4b4c-mist);outline-offset:2px;}
#related-articles .related-articles__cta:hover{background:#0a334c;}
#related-articles *::selection{background:var(--zf4b4c-mist);}
@media (min-width:760px){
  #related-articles.related-articles{padding:34px 0 56px;}
  #related-articles .related-articles__list{grid-template-columns:1fr 1fr;}
  #related-articles .related-articles__item:nth-child(3){grid-column:1 / -1;}
  #related-articles .related-articles__title{font-size:32px;}
}
@media (prefers-reduced-motion:reduce){
  #related-articles .related-articles__link,#related-articles .related-articles__cta{transition:none;}
}
/* zf4b4c:article-hero */
/* zf4b4c:article-hero */
#article-hero.article-hero{--radius-sm:var(--zf4b4c-radius-sm,8px);--radius-md:var(--zf4b4c-radius-md,12px);--radius-lg:var(--zf4b4c-radius-lg,16px);background:var(--zf4b4c-bg);color:var(--zf4b4c-text);padding:28px 0 18px 0;}
#article-hero .article-hero__inner{max-width:1060px;margin:0 auto;padding:0 18px;}
#article-hero .article-hero__topline{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
#article-hero .article-hero__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--zf4b4c-border);border-radius:999px;background:var(--zf4b4c-surface);color:var(--zf4b4c-ink);font:700 12.5px/1.1 var(--zf4b4c-font);letter-spacing:0.02em;}
#article-hero .article-hero__meta{color:var(--zf4b4c-slate);font:600 12.5px/1.2 var(--zf4b4c-font);}
#article-hero .article-hero__title{margin:0 0 14px 0;font:900 40px/1.08 var(--zf4b4c-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--zf4b4c-ink);}
#article-hero .article-hero__subgrid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:18px;align-items:start;}
#article-hero .article-hero__meta-dl{margin:0;background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--zf4b4c-radius-md,12px);padding:16px;}
#article-hero .article-hero__meta-row{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--zf4b4c-border);} 
#article-hero .article-hero__meta-row:last-child{border-bottom:none;padding-bottom:0;}
#article-hero .article-hero__meta-label{margin:0;color:var(--zf4b4c-slate);font:700 13px/1.35 var(--zf4b4c-font);}
#article-hero .article-hero__meta-value{margin:0;color:var(--zf4b4c-ink);font:650 14px/1.45 var(--zf4b4c-font);}
#article-hero .article-hero__callout{border:1px solid var(--zf4b4c-border);border-radius:var(--zf4b4c-radius-md,12px);background:linear-gradient(180deg, var(--zf4b4c-mist) 0%, var(--zf4b4c-surface) 70%);padding:16px 16px 14px 16px;}
#article-hero .article-hero__callout-title{margin:0 0 8px 0;color:var(--zf4b4c-ink);font:900 18px/1.2 var(--zf4b4c-font);letter-spacing:-0.01em;}
#article-hero .article-hero__callout-text{margin:0 0 14px 0;color:var(--zf4b4c-text);font:550 14px/1.55 var(--zf4b4c-font);}
#article-hero .article-hero__callout-actions{display:flex;gap:10px;flex-wrap:wrap;}
#article-hero .article-hero__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--zf4b4c-radius-sm,8px);padding:10px 12px;font:850 13.5px/1 var(--zf4b4c-font);letter-spacing:0.01em;min-height:40px;outline-offset:3px;}
#article-hero .article-hero__btn--primary{background:var(--zf4b4c-secondary);color:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-secondary);}
#article-hero .article-hero__btn--primary:hover{background:#ff7a3b;}
#article-hero .article-hero__btn--ghost{background:var(--zf4b4c-surface);color:var(--zf4b4c-ink);border:1px solid var(--zf4b4c-border);}
#article-hero .article-hero__btn--ghost:hover{background:var(--zf4b4c-mist);}
#article-hero .article-hero__btn:focus-visible{box-shadow:0 0 0 3px rgba(255,107,44,0.35);}
#article-hero .article-hero__toc{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
#article-hero .article-hero__toc-link{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;border:1px solid var(--zf4b4c-border);background:var(--zf4b4c-surface);color:var(--zf4b4c-ink);text-decoration:none;font:750 13px/1.1 var(--zf4b4c-font);}
#article-hero .article-hero__toc-link:hover{border-color:#ffd3c0;}
#article-hero .article-hero__toc-link:focus-visible{box-shadow:0 0 0 3px rgba(11,58,87,0.2);}
#article-hero .article-hero__toc-link::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--zf4b4c-secondary);margin-right:10px;}
#article-hero ::selection{background:rgba(255,107,44,0.22);}
@media (max-width: 880px){#article-hero .article-hero__title{font-size:34px;}#article-hero .article-hero__subgrid{grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){#article-hero .article-hero__btn,#article-hero .article-hero__toc-link{transition:none;}}

/* zf4b4c:article-content */
/* zf4b4c:article-content */
#article-content.article-content{--local-gap:16px; background:var(--zf4b4c-bg); color:var(--zf4b4c-text); padding:22px 16px 34px;}
#article-content .article-content__inner{max-width:1040px; margin:0 auto;}
#article-content .article-content__header{padding:6px 2px 14px;}
#article-content .article-content__kicker{display:inline-block; font:600 12px/1.2 var(--zf4b4c-font); letter-spacing:.06em; text-transform:uppercase; color:var(--zf4b4c-primary); background:rgba(217,238,247,.65); border:1px solid rgba(11,58,87,.15); padding:8px 10px; border-radius:var(--zf4b4c-radius-sm,8px);}
#article-content .article-content__title{margin:12px 0 8px; font:800 30px/1.12 var(--zf4b4c-font-display); letter-spacing:-.02em; text-wrap:balance; color:var(--zf4b4c-ink);}
#article-content .article-content__meta{margin:0; display:flex; gap:10px; flex-wrap:wrap; align-items:center; color:var(--zf4b4c-slate); font:500 14px/1.4 var(--zf4b4c-font);}
#article-content .article-content__meta-sep{opacity:.65;}
#article-content .article-content__layout{display:grid; grid-template-columns: 320px 1fr; gap:22px; align-items:start;}
#article-content .toc{position:sticky; top:16px;}
#article-content .checklist{background:var(--zf4b4c-surface); border:1px solid var(--zf4b4c-border); border-radius:var(--zf4b4c-radius-md,12px); padding:16px; box-shadow: 0 10px 24px rgba(11,58,87,.06);}
#article-content .checklist__title{font:800 16px/1.2 var(--zf4b4c-font); color:var(--zf4b4c-ink); margin:0 0 10px;}
#article-content .checklist__list{margin:0; padding:0 0 0 0; list-style:none; display:flex; flex-direction:column; gap:10px;}
#article-content .checklist__item{display:flex; gap:10px; align-items:flex-start;}
#article-content .checklist__num{width:26px; height:26px; border-radius:999px; background:rgba(255,107,44,.12); border:1px solid rgba(255,107,44,.35); color:var(--zf4b4c-secondary); display:inline-flex; align-items:center; justify-content:center; font:800 13px/1 var(--zf4b4c-font); flex:0 0 auto;}
#article-content .checklist__text{font:600 13px/1.35 var(--zf4b4c-font); color:var(--zf4b4c-ink);}
#article-content .checklist__note{margin-top:12px; font:500 13px/1.45 var(--zf4b4c-font); color:var(--zf4b4c-slate); border-top:1px dashed rgba(11,58,87,.18); padding-top:12px;}
#article-content .article-content__callout{margin-top:14px; background:rgba(11,43,58,.03); border:1px solid rgba(11,58,87,.18); border-radius:var(--zf4b4c-radius-md,12px); padding:16px;}
#article-content .article-content__callout-title{font:800 15px/1.2 var(--zf4b4c-font); color:var(--zf4b4c-ink); margin:0 0 10px;}
#article-content .article-content__bullets{margin:0; padding-left:18px; color:var(--zf4b4c-text);}
#article-content .article-content__bullets li{margin:6px 0; font:600 13px/1.45 var(--zf4b4c-font); color:var(--zf4b4c-ink);}
#article-content .article-content__body{background:transparent; padding:4px 2px;}
#article-content .article-content__body p{margin:12px 0; font:600 15px/1.75 var(--zf4b4c-font); color:var(--zf4b4c-ink);}
#article-content .article-content__h{margin:20px 0 10px; font:850 20px/1.25 var(--zf4b4c-font-display); letter-spacing:-.01em; color:var(--zf4b4c-primary); text-wrap:balance;}
#article-content .article-content__list{margin:10px 0 0; padding-left:18px;}
#article-content .article-content__list li{margin:8px 0; font:600 15px/1.7 var(--zf4b4c-font); color:var(--zf4b4c-ink);}
#article-content .article-content__list strong{color:var(--zf4b4c-ink);}
#article-content .article-content__ordered{margin:10px 0 0; padding-left:20px;}
#article-content .article-content__ordered li{margin:10px 0; font:600 15px/1.7 var(--zf4b4c-font); color:var(--zf4b4c-ink);}
#article-content .article-content__tools{display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 0;}
#article-content .tool-pill{background:var(--zf4b4c-surface); border:1px solid var(--zf4b4c-border); border-radius:var(--zf4b4c-radius-sm,8px); padding:10px 12px; font:650 13px/1.2 var(--zf4b4c-font); color:var(--zf4b4c-text);}
#article-content .article-content__divider{height:1px; background:linear-gradient(90deg, rgba(255,107,44,.55), rgba(230,230,230,1)); margin:22px 0;}
#article-content .article-content__links{display:flex; gap:14px; flex-wrap:wrap; margin:18px 0 0; padding-top:4px;}
#article-content .article-content__link{display:inline-flex; align-items:center; gap:10px; padding:12px 14px; border-radius:var(--zf4b4c-radius-sm,8px); border:1px solid rgba(11,58,87,.22); background:var(--zf4b4c-surface); color:var(--zf4b4c-primary); font:800 14px/1.2 var(--zf4b4c-font); text-decoration:none;}
#article-content .article-content__link:hover{background:rgba(217,238,247,.55);}
#article-content .article-content__link:focus-visible{outline:3px solid rgba(255,107,44,.35); outline-offset:2px;}
#article-content ::selection{background:rgba(255,107,44,.22); color:var(--zf4b4c-ink);}
@media (max-width: 920px){#article-content .article-content__layout{grid-template-columns:1fr;}
#article-content .article-content__toc{position:static;}}
@media (max-width: 520px){#article-content .article-content__title{font-size:26px;}
#article-content .article-content__body p{font-size:14.5px;}}
@media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto; transition:none !important; animation:none !important;}}

/* zf4b4c:related-articles */
#related-articles{--ra-max:980px;--ra-gap:18px;--ra-pad:28px;--ra-border:var(--zf4b4c-border);--ra-bg:var(--zf4b4c-bg);--ra-surface:var(--zf4b4c-surface);--ra-ink:var(--zf4b4c-ink);--ra-primary:var(--zf4b4c-primary);--ra-accent:var(--zf4b4c-accent);}#related-articles{background:var(--zf4b4c-bg);color:var(--zf4b4c-text);padding:48px 0;}#related-articles .container{max-width:var(--ra-max);margin:0 auto;padding:0 20px;}#related-articles .section-header{margin-bottom:22px;}#related-articles .section-title{font-family:var(--zf4b4c-font-display);font-weight:750;letter-spacing:-0.02em;line-height:1.1;margin:0 0 10px 0;font-size:30px;color:var(--zf4b4c-ink);text-wrap:balance;}#related-articles .section-subtitle{margin:0;max-width:70ch;line-height:1.6;font-size:15px;color:var(--zf4b4c-text);}#related-articles .articles{display:grid;grid-template-columns:1fr;gap:14px;}#related-articles .article-card{background:var(--zf4b4c-surface);border:1px solid var(--ra-border);border-radius:var(--radius-md,12px);padding:18px 18px 16px 18px;box-shadow:0 10px 24px rgba(11,58,87,.06);}#related-articles .article-card-accent{border-color:rgba(255,107,44,.35);background:linear-gradient(0deg, rgba(255,107,44,.06), rgba(255,107,44,.06)), var(--zf4b4c-surface);}#related-articles .article-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap;}#related-articles .badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(11,58,87,.18);background:rgba(217,238,247,.55);color:var(--zf4b4c-primary);font-size:12px;font-weight:650;letter-spacing:.01em;}#related-articles .badge-alt{background:rgba(255,107,44,.10);border-color:rgba(255,107,44,.25);color:var(--zf4b4c-accent);}#related-articles .badge-accent{background:rgba(255,107,44,.13);border-color:rgba(255,107,44,.30);color:var(--zf4b4c-accent);}#related-articles .meta-sep{color:rgba(43,43,43,.35);font-size:12px;}#related-articles .read-time{font-size:12px;color:rgba(43,43,43,.78);}#related-articles .article-title{margin:0 0 8px 0;font-family:var(--zf4b4c-font-display);font-size:18px;line-height:1.25;letter-spacing:-0.01em;color:var(--zf4b4c-ink);text-wrap:balance;}#related-articles .article-summary{margin:0 0 14px 0;line-height:1.65;color:rgba(43,43,43,.92);font-size:14px;}#related-articles .article-link{display:inline-flex;align-items:center;gap:10px;color:var(--zf4b4c-primary);font-weight:700;text-decoration:none;padding:10px 12px;border-radius:10px;border:1px solid rgba(11,58,87,.22);background:rgba(11,58,87,.04);}#related-articles .article-link::after{content:"→";font-weight:800;}#related-articles .article-link-primary{background:var(--zf4b4c-primary);color:var(--zf4b4c-surface);border-color:var(--zf4b4c-primary);}#related-articles .article-link-primary::after{color:var(--zf4b4c-surface);}#related-articles .article-link:focus-visible{outline:3px solid rgba(255,107,44,.55);outline-offset:2px;}#related-articles .article-card:hover{border-color:rgba(11,58,87,.32);}#related-articles .article-link:hover{background:rgba(11,58,87,.08);}#related-articles .article-link-primary:hover{background:#0A344D;}#related-articles .article-link:active{transform:translateY(1px);}#related-articles ::selection{background:rgba(255,107,44,.35);color:var(--zf4b4c-ink);} @media (min-width: 720px){#related-articles{padding:64px 0;}#related-articles .articles{grid-template-columns:repeat(3,1fr);gap:16px;}#related-articles .article-card{padding:20px 20px 18px 20px;}#related-articles .section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;}#related-articles .section-subtitle{max-width:56ch;}} @media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}}
/* zf4b4c:article-hero */
/* zf4b4c:article-hero */
#article-hero{--r:var(--zf4b4c-accent);--p:var(--zf4b4c-primary);--ink:var(--zf4b4c-ink);--sl:var(--zf4b4c-slate);--mut:color-mix(in oklab,var(--zf4b4c-text) 72%,var(--zf4b4c-bg) 28%);background:var(--zf4b4c-bg);color:var(--zf4b4c-text);padding:28px 0 26px;}
#article-hero .hero-wrap{max-width:1080px;margin:0 auto;padding:0 18px;}
#article-hero .hero-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 14px;}
#article-hero .hero-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:color-mix(in oklab,var(--zf4b4c-mist) 80%,white 20%);border:1px solid color-mix(in oklab,var(--zf4b4c-border) 70%,var(--zf4b4c-mist) 30%);color:var(--zf4b4c-ink);font:600 13px/1 var(--zf4b4c-font);letter-spacing:.01em;}
#article-hero .hero-meta{font:500 13px/1 var(--zf4b4c-font);color:color-mix(in oklab,var(--zf4b4c-text) 78%,var(--zf4b4c-ink) 22%);}
#article-hero .hero-title{font:800 40px/1.12 var(--zf4b4c-font-display);letter-spacing:-0.02em;margin:0 0 14px;text-wrap:balance;color:var(--zf4b4c-ink);} 
#article-hero .hero-byline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;padding:14px 14px;border-radius:var(--zf4b4c-radius-md,12px);background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);margin:0 0 14px;}
#article-hero .meta-row{display:flex;flex-direction:column;gap:4px;min-width:0;}
#article-hero .meta-label{font:600 12px/1.2 var(--zf4b4c-font);color:color-mix(in oklab,var(--zf4b4c-slate) 92%,var(--zf4b4c-text) 8%);text-transform:none;}
#article-hero .meta-value{font:650 14px/1.3 var(--zf4b4c-font);color:var(--zf4b4c-ink);}
#article-hero .hero-lede{margin:0 0 16px;max-width:74ch;font:500 16px/1.65 var(--zf4b4c-font);color:color-mix(in oklab,var(--zf4b4c-text) 88%,var(--zf4b4c-ink) 12%);} 
#article-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px;}
#article-hero .btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:var(--zf4b4c-radius-sm,8px);border:1px solid transparent;text-decoration:none;font:700 15px/1 var(--zf4b4c-font);letter-spacing:.01em;}
#article-hero .btn-primary{background:var(--zf4b4c-primary);color:var(--zf4b4c-surface);border-color:color-mix(in oklab,var(--zf4b4c-primary) 80%,black 20%);}
#article-hero .btn-ghost{background:var(--zf4b4c-surface);color:var(--zf4b4c-ink);border-color:color-mix(in oklab,var(--zf4b4c-border) 70%,var(--zf4b4c-primary) 30%);} 
#article-hero .btn:focus-visible{outline:3px solid color-mix(in oklab,var(--zf4b4c-secondary) 55%,white 45%);outline-offset:2px;}
#article-hero .btn-primary:hover{background:color-mix(in oklab,var(--zf4b4c-primary) 86%,var(--zf4b4c-secondary) 14%);} 
#article-hero .btn-ghost:hover{border-color:color-mix(in oklab,var(--zf4b4c-secondary) 35%,var(--zf4b4c-border) 65%);} 
#article-hero .btn:active{transform:translateY(1px);} 
#article-hero .hero-trust{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--zf4b4c-radius-lg,16px);padding:16px;}
#article-hero .trust-item{padding:8px 10px;border-radius:var(--zf4b4c-radius-md,12px);}
#article-hero .trust-title{font:800 14px/1.25 var(--zf4b4c-font);color:var(--zf4b4c-ink);margin:0 0 6px;}
#article-hero .trust-body{font:500 13px/1.6 var(--zf4b4c-font);color:color-mix(in oklab,var(--zf4b4c-text) 84%,var(--zf4b4c-ink) 16%);}
#article-hero ::selection{background:color-mix(in oklab,var(--zf4b4c-secondary) 30%,white 70%);color:var(--zf4b4c-ink);} 
@media (max-width:860px){#article-hero .hero-byline{grid-template-columns:1fr;}
#article-hero .hero-title{font-size:34px;}
#article-hero .hero-trust{grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce){#article-hero .btn{transition:none;}#article-hero .btn:active{transform:none;}}

/* zf4b4c:article-content */
/* zf4b4c:article-content */
#article-content.article-content{--accent:var(--zf4b4c-accent);--primary:var(--zf4b4c-primary);--ink:var(--zf4b4c-ink);--bg:var(--zf4b4c-bg);--surface:var(--zf4b4c-surface);--border:var(--zf4b4c-border);--text:var(--zf4b4c-text);background:var(--bg);color:var(--text);padding:48px 18px 56px;max-width:980px;margin:0 auto;}
#article-content .article-content__intro{margin-bottom:18px;}
#article-content .article-content__kicker{display:inline-block;background:rgba(217,238,247,.85);color:var(--zf4b4c-ink);border:1px solid rgba(230,230,230,.9);padding:7px 10px;border-radius:999px;font:600 12px/1.1 var(--zf4b4c-font);letter-spacing:.02em;text-transform:uppercase;}
#article-content .article-content__title{margin:14px 0 10px;font:800 34px/1.08 var(--zf4b4c-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--zf4b4c-ink);}
#article-content .article-content__lede{margin:0;max-width:70ch;font:500 16px/1.65 var(--zf4b4c-font);color:var(--zf4b4c-text);} 
#article-content .article-content__meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px;}
#article-content .meta-chip{border:1px solid rgba(230,230,230,.9);background:rgba(255,255,255,.75);padding:9px 12px;border-radius:999px;font:600 13px/1 var(--zf4b4c-font);color:var(--zf4b4c-ink);} 
#article-content .article-content__body{background:var(--zf4b4c-surface);border:1px solid rgba(230,230,230,.95);border-radius:var(--zf4b4c-radius,16px);box-shadow:0 10px 30px rgba(11,58,87,.08);padding:28px 22px;}
#article-content .article-content__body h3{margin:26px 0 12px;font:800 20px/1.25 var(--zf4b4c-font);letter-spacing:-0.01em;color:var(--zf4b4c-ink);} 
#article-content .article-content__body h4{margin:0 0 10px;font:800 16px/1.3 var(--zf4b4c-font);color:var(--zf4b4c-ink);} 
#article-content .article-content__body p{margin:10px 0 0;font:500 15.5px/1.75 var(--zf4b4c-font);color:var(--zf4b4c-text);} 
#article-content .article-content__body ul{margin:10px 0 0;padding-left:18px;}
#article-content .article-content__body li{margin:8px 0;font:500 15.5px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-text);} 
#article-content .article-content__body ol{margin:12px 0 0;padding-left:20px;}
#article-content .steps li{margin:10px 0;font:600 15px/1.65 var(--zf4b4c-font);color:var(--zf4b4c-text);} 
#article-content .callout{margin:16px 0 10px;padding:16px 16px;border-radius:var(--zf4b4c-radius,16px);border:1px solid rgba(230,230,230,.95);} 
#article-content .callout--oem{background:linear-gradient(180deg, rgba(217,238,247,.65), rgba(255,255,255,.95));border-color:rgba(11,58,87,.18);} 
#article-content .callout__title{font:900 16px/1.3 var(--zf4b4c-font);color:var(--zf4b4c-ink);margin-bottom:10px;} 
#article-content .checklist{margin:0;padding-left:18px;}
#article-content .checklist strong{color:var(--zf4b4c-ink);} 
#article-content .two-col{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0 6px;} 
#article-content .two-col__card{border:1px solid rgba(230,230,230,.95);background:rgba(247,247,247,.55);border-radius:var(--zf4b4c-radius,16px);padding:14px 14px;} 
#article-content .two-col__card ul{margin-top:8px;padding-left:18px;} 
#article-content .article-content__links{margin:20px 0 0;padding:0 6px;}
#article-content .article-content__links-title{margin:0 0 10px;font:900 16px/1.2 var(--zf4b4c-font);color:var(--zf4b4c-ink);} 
#article-content .link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
#article-content .link{display:inline-block;color:var(--zf4b4c-primary);text-decoration:underline;text-decoration-color:rgba(255,107,44,.55);text-underline-offset:3px;font:700 15.5px/1.5 var(--zf4b4c-font);} 
#article-content .article-content__cta{margin-top:22px;background:rgba(255,255,255,.78);border:1px solid rgba(230,230,230,.95);border-radius:var(--zf4b4c-radius,16px);padding:20px 18px;} 
#article-content .article-content__cta-title{margin:0 0 8px;font:900 18px/1.2 var(--zf4b4c-font);color:var(--zf4b4c-ink);} 
#article-content .article-content__cta-text{margin:0 0 14px;font:600 14.8px/1.7 var(--zf4b4c-font);color:var(--zf4b4c-text);max-width:70ch;} 
#article-content .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:12px;font:900 15px/1 var(--zf4b4c-font);text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease;}
#article-content .button:focus-visible{outline:3px solid rgba(255,107,44,.35);outline-offset:2px;}
#article-content .button--primary{background:var(--zf4b4c-secondary);color:#fff;border:1px solid rgba(255,107,44,.55);} 
#article-content .button--primary:hover{background:#ff5a1f;}
#article-content .button:active{transform:translateY(1px);} 
#article-content ::selection{background:rgba(255,107,44,.25);}
@media (min-width:760px){#article-content{padding:64px 20px 72px;}#article-content .article-content__title{font-size:42px;}#article-content .article-content__body{padding:34px 30px;}#article-content .two-col{grid-template-columns:1fr 1fr;}}
@media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;transition:none !important;}}

/* zf4b4c:related-articles */
/* zf4b4c:related-articles */
#related-articles.related-articles{
  --section-pad: 48px;
  background: var(--zf4b4c-bg);
  color: var(--zf4b4c-text);
  padding: 0;
}
#related-articles .related-articles__inner{
  max-width: 1040px;
  margin: 0 auto;
  padding: var(--section-pad) 18px 22px;
}
#related-articles .related-articles__header{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}
#related-articles .related-articles__title{
  margin: 0;
  font-family: var(--zf4b4c-font-display);
  font-weight: 760;
  letter-spacing: -0.02em;
  font-size: 30px;
  line-height: 1.15;
  text-wrap: balance;
}
#related-articles .related-articles__lede{
  margin: 0;
  max-width: 620px;
  color: var(--zf4b4c-text);
  font-size: 15.5px;
  line-height: 1.6;
}
#related-articles .related-articles__list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;
}
#related-articles .related-articles__item{
  grid-column: span 4;
}
#related-articles .related-articles__item--highlight{
  grid-column: span 4;
}
#related-articles .related-articles__card{
  height: 100%;
  background: var(--zf4b4c-surface);
  border: 1px solid var(--zf4b4c-border);
  border-radius: var(--zf4b4c-radius-lg, 16px);
  padding: 16px 16px 14px;
  box-shadow: 0 10px 26px rgba(11,58,87,0.08);
}
#related-articles .related-articles__card--highlight{
  border-color: rgba(255,107,44,0.35);
  box-shadow: 0 12px 30px rgba(255,107,44,0.14);
  background: linear-gradient(180deg, rgba(255,107,44,0.10), rgba(255,255,255,1) 44%);
}
#related-articles .related-articles__card-meta{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  color: var(--zf4b4c-text);
}
#related-articles .related-articles__pill{
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(11,43,58,0.18);
  color: var(--zf4b4c-ink);
  background: rgba(217,238,247,0.55);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12.5px;
  font-weight: 650;
}
#related-articles .related-articles__pill--accent{
  border-color: rgba(255,107,44,0.45);
  background: rgba(255,107,44,0.12);
}
#related-articles .related-articles__dot{
  color: rgba(43,43,43,0.45);
}
#related-articles .related-articles__time{
  font-size: 12.5px;
  color: rgba(43,43,43,0.78);
  white-space: nowrap;
}
#related-articles .related-articles__card-title{
  margin: 0 0 8px;
  font-family: var(--zf4b4c-font-display);
  font-size: 18px;
  line-height: 1.3;
  font-weight: 740;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
#related-articles .related-articles__card-desc{
  margin: 0 0 12px;
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(43,43,43,0.88);
}
#related-articles .related-articles__card-cta{ margin: 0; }
#related-articles .related-articles__link{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--zf4b4c-primary);
  text-decoration: none;
  font-weight: 720;
  border-bottom: 2px solid rgba(11,58,87,0.25);
  padding-bottom: 3px;
}
#related-articles .related-articles__link::after{
  content: "→";
  font-weight: 760;
  transition: transform 180ms ease;
}
#related-articles .related-articles__link--strong{
  color: var(--zf4b4c-accent);
  border-bottom-color: rgba(255,107,44,0.35);
}
#related-articles .related-articles__link:focus-visible{
  outline: 3px solid rgba(11,58,87,0.25);
  outline-offset: 4px;
  border-bottom-color: rgba(11,58,87,0.55);
  border-radius: 6px;
}
#related-articles .related-articles__link:hover::after{ transform: translateX(2px); }
#related-articles .related-articles__footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 18px;
  padding: 14px 14px;
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(230,230,230,0.85);
  border-radius: var(--zf4b4c-radius-md, 12px);
}
#related-articles .related-articles__note{
  margin: 0;
  font-size: 14.5px;
  color: rgba(43,43,43,0.86);
}
#related-articles .related-articles__backlink{
  color: var(--zf4b4c-primary);
  font-weight: 760;
  text-decoration: none;
  border: 1px solid rgba(11,58,87,0.25);
  background: var(--zf4b4c-surface);
  padding: 10px 12px;
  border-radius: var(--zf4b4c-radius-sm, 8px);
  white-space: nowrap;
}
#related-articles .related-articles__backlink:focus-visible{
  outline: 3px solid rgba(255,107,44,0.35);
  outline-offset: 3px;
}
#related-articles ::selection{ background: rgba(255,107,44,0.25); }

@media (max-width: 900px){
  #related-articles .related-articles__header{ align-items: flex-start; flex-direction: column; }
  #related-articles .related-articles__item{ grid-column: span 6; }
}
@media (max-width: 640px){
  #related-articles .related-articles__inner{ padding-top: 34px; }
  #related-articles .related-articles__title{ font-size: 26px; }
  #related-articles .related-articles__item{ grid-column: span 12; }
  #related-articles .related-articles__footer{ flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce){
  #related-articles .related-articles__link::after{ transition: none; }
}

/* Design-system variables */
.cookie-policy{background:var(--zf4b4c-bg);color:var(--zf4b4c-text);font-family:var(--zf4b4c-font);line-height:1.6}
.policy-shell{max-width:980px;margin:0 auto;padding:24px}
.policy-header{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--zf4b4c-lg);padding:20px 18px;margin-bottom:16px}
.policy-title{margin:0 0 8px 0;font-size:28px;line-height:1.2;color:var(--zf4b4c-primary);letter-spacing:.2px}
.policy-intro{margin:0 0 8px 0;color:var(--zf4b4c-slate);font-size:14px}
.policy-subtitle{margin:0;color:var(--zf4b4c-text);font-size:15px}
.policy-section{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--zf4b4c-lg);padding:18px;margin:12px 0}
.policy-heading{margin:0 0 10px 0;font-size:18px;color:var(--zf4b4c-primary)}
.policy-text{margin:0 0 10px 0;font-size:15px;color:var(--zf4b4c-text)}
.policy-list{margin:0;padding-left:20px}
.policy-list li{margin:8px 0;font-size:15px}
.cite{font-size:14px;color:var(--zf4b4c-slate)}
.policy-footer{margin-top:16px}
.footer-card{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--zf4b4c-lg);padding:18px}
.footer-heading{margin:0 0 10px 0;font-size:18px;color:var(--zf4b4c-primary)}
.footer-text{margin:6px 0;color:var(--zf4b4c-text);font-size:14.5px}
.footer-link{color:var(--zf4b4c-secondary);text-decoration:none}
.footer-link:hover{text-decoration:underline}
.footer-note{margin-top:12px}
.footer-note .footer-text{color:var(--zf4b4c-slate);font-size:13.5px}
.policy-date{font-weight:700}
@media (max-width:640px){.policy-shell{padding:14px}.policy-title{font-size:24px}.policy-section,.policy-header{padding:14px}}

.policy-page{background:var(--zf4b4c-bg);color:var(--zf4b4c-text);font-family:var(--zf4b4c-font);line-height:1.55;}
.policy-wrapper{max-width:980px;margin:0 auto;padding:24px;}
.policy-header{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--zf4b4c-lg);padding:18px 18px 14px 18px;}
.policy-title{margin:0 0 8px 0;font-family:var(--zf4b4c-font-display);font-size:30px;letter-spacing:-0.02em;color:var(--zf4b4c-primary);}
.policy-lead{margin:0 0 6px 0;color:var(--zf4b4c-ink);}
.policy-section{margin-top:16px;background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--zf4b4c-lg);padding:16px 18px;}
.policy-heading{margin:0 0 10px 0;font-size:18px;color:var(--zf4b4c-primary);font-family:var(--zf4b4c-font-display);}
.policy-text{margin:0 0 10px 0;color:var(--zf4b4c-text);}
.policy-legal{font-weight:700;color:var(--zf4b4c-ink);white-space:normal;}
.policy-list{margin:8px 0 0 18px;padding:0;}
.policy-list li{margin:6px 0;color:var(--zf4b4c-text);}
.policy-footer{margin-top:16px;background:var(--zf4b4c-primary);border-radius:var(--zf4b4c-lg);border:1px solid rgba(255,255,255,0.12);}
.policy-footer-inner{padding:18px;}
.policy-footer-title{margin:0 0 10px 0;font-family:var(--zf4b4c-font-display);color:var(--zf4b4c-mist);font-size:18px;}
.policy-footer-list{margin:0;padding:0;list-style:none;}
.policy-footer-list li{margin:7px 0;color:rgba(255,255,255,0.92);}
.policy-footer-note{margin-top:12px;color:rgba(255,255,255,0.9);font-size:13px;}
.policy-link{color:var(--zf4b4c-mist);text-decoration:underline;text-underline-offset:2px;}
.policy-link:focus{outline:2px solid var(--zf4b4c-secondary);outline-offset:3px;border-radius:6px;}
@media (max-width:680px){.policy-wrapper{padding:16px;}.policy-title{font-size:26px;}.policy-section{padding:14px;}}

/* Design system base */
.policy-page{background:var(--zf4b4c-bg);color:var(--zf4b4c-text);font-family:var(--zf4b4c-font);margin:0;padding:0;line-height:1.6;}
.policy-main{max-width:980px;margin:0 auto;padding:24px 16px 40px 16px;}
.policy-header{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--radius-lg);padding:18px 16px;box-shadow:0 1px 0 rgba(0,0,0,0.03);}
.policy-title{margin:0 0 6px 0;font-family:var(--zf4b4c-font-display);font-weight:800;font-size:26px;letter-spacing:0.2px;color:var(--zf4b4c-primary);}
.policy-lead{margin:0 0 10px 0;font-size:14.5px;}
.policy-meta{margin:0;font-size:13.5px;color:var(--zf4b4c-slate);}
.policy-strong{font-weight:800;color:var(--zf4b4c-ink);}
.policy-section{margin-top:16px;background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--radius-lg);padding:16px;}
.policy-h2{margin:0 0 8px 0;font-size:16px;color:var(--zf4b4c-primary);font-weight:800;}
.policy-p{margin:0 0 10px 0;font-size:14.5px;}
.policy-muted{color:var(--zf4b4c-slate);font-size:13.5px;margin-top:6px;}
.policy-list{margin:8px 0 0 18px;padding:0;}
.policy-list li{margin:6px 0;font-size:14.5px;}
.policy-contacts{background:linear-gradient(180deg, var(--zf4b4c-surface), #ffffff);}
@media (max-width:560px){.policy-main{padding:18px 12px 28px 12px;}.policy-header{padding:14px 12px;}.policy-section{padding:14px;}.policy-title{font-size:22px;}}

/* Design-system variables */
.policy-page{background:var(--zf4b4c-bg);color:var(--zf4b4c-text);font-family:var(--zf4b4c-font);line-height:1.55;}
.policy-wrapper{max-width:980px;margin:0 auto;padding:28px 18px 36px 18px;}
.policy-header{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--radius-lg);padding:20px 18px;margin-bottom:18px;}
.policy-title{margin:0 0 8px 0;font-family:var(--zf4b4c-font-display);font-size:26px;letter-spacing:0.2px;color:var(--zf4b4c-ink);}
.policy-lead{margin:0 0 10px 0;color:var(--zf4b4c-text);font-size:14.5px;}
.policy-note{margin:0;color:var(--zf4b4c-slate);font-size:13.5px;}
.policy-underline{display:inline-block;border-bottom:1px solid var(--zf4b4c-border);padding-bottom:1px;}
.policy-section{background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--radius-lg);padding:18px;margin:14px 0;}
.policy-section-title{margin:0 0 10px 0;font-size:18px;color:var(--zf4b4c-primary);font-family:var(--zf4b4c-font-display);}
.policy-text{margin:0 0 12px 0;font-size:14.5px;color:var(--zf4b4c-text);}
.policy-list{margin:8px 0 0 18px;padding:0;}
.policy-li{margin:6px 0;font-size:14.5px;color:var(--zf4b4c-text);}
.policy-card{background:var(--zf4b4c-bg);border:1px solid var(--zf4b4c-border);border-radius:var(--radius-md);padding:14px 14px;margin-top:10px;}
.policy-card-title{margin:0 0 10px 0;font-weight:700;color:var(--zf4b4c-ink);font-size:14.5px;}
.policy-meta-row{display:block;margin:8px 0;}
.policy-meta-label{display:inline-block;min-width:170px;color:var(--zf4b4c-slate);font-size:13.5px;}
.policy-meta-value{display:inline-block;color:var(--zf4b4c-text);font-size:13.5px;vertical-align:top;}
.policy-note, .policy-footer-text, .policy-footer-legal{font-size:13.5px;}
.policy-footer{margin-top:18px;background:var(--zf4b4c-surface);border:1px solid var(--zf4b4c-border);border-radius:var(--radius-lg);padding:18px;}
.policy-footer-grid{display:block;}
.policy-footer-col{margin:10px 0;}
.policy-footer-title{margin:0 0 8px 0;font-weight:700;color:var(--zf4b4c-ink);font-size:14.5px;}
.policy-footer-text{margin:6px 0;color:var(--zf4b4c-text);}
.policy-footer-legal{margin:14px 0 0 0;color:var(--zf4b4c-slate);}
.policy-link{color:var(--zf4b4c-primary);text-decoration:underline;}
@media (min-width:860px){
  .policy-footer-grid{display:flex;gap:18px;}
  .policy-footer-col{flex:1; margin:0;}
}