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

/* design tokens */
:root {
  --brand-primary: #0B5FFF;
  --brand-secondary: #FF6B2C;
  --brand-accent: #FF6B2C;
  --brand-ink: #0B1B33;
  --brand-slate: #4B5563;
  --brand-mist: #E7ECF6;
  --brand-border: #D1D5DB;
  --brand-surface: #F5F7FB;
  --brand-bg: #FFFFFF;
  --brand-text: #111827;
  --brand-font: 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif;
  --brand-font-display: 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, 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(--brand-border, #e5e7eb); background: var(--brand-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(--brand-border, #d1d5db); background: transparent; color: var(--brand-ink, #111); }
[data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--brand-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; }
[data-consent-action="reject-all"] { background: var(--brand-ink, #111); color: #fff; border-color: transparent; font-weight: 600; }
[data-consent-panel] { margin-top: 1rem; border: 1px solid var(--brand-border, #e5e7eb); background: var(--brand-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(--brand-surface, #1a1a2e); color: var(--brand-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 */
/* section:header */
/* section:header */
#header{--radius-md:var(--brand-radius-md,12px);--radius-lg:var(--brand-radius-lg,16px);position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--brand-border);} 
#header .header-inner{max-width:1160px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:14px 18px;} 
#header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:260px;} 
#header .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-primary);font-weight:800;letter-spacing:.02em;} 
#header .brand-text{display:flex;flex-direction:column;line-height:1.15;} 
#header .brand-name{font-family:var(--brand-font);font-weight:800;color:var(--brand-ink);font-size:16px;} 
#header .brand-tagline{font-family:var(--brand-font);color:var(--brand-slate);font-size:12.5px;margin-top:3px;} 
#header .nav{display:flex;gap:18px;align-items:center;flex:1;} 
#header .nav-link{color:var(--brand-ink);text-decoration:none;font-family:var(--brand-font);font-size:14.5px;padding:10px 8px;border-radius:10px;outline:2px solid transparent;outline-offset:2px;} 
#header .nav-link:focus-visible{outline-color:var(--brand-primary);} 
#header .header-cta{display:flex;gap:10px;align-items:center;} 
#header .cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:12px;background:var(--brand-primary);color:var(--brand-bg);text-decoration:none;font-family:var(--brand-font);font-weight:800;font-size:14.5px;border:1px solid var(--brand-primary);} 
#header .cta-primary:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;} 
#header .cta-ghost{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:12px;background:transparent;color:var(--brand-ink);text-decoration:none;font-family:var(--brand-font);font-weight:700;font-size:14.5px;border:1px solid var(--brand-border);} 
#header .cta-ghost:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;} 
#header .menu-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--brand-border);color:var(--brand-ink);font-family:var(--brand-font);font-weight:800;border-radius:12px;padding:10px 12px;cursor:pointer;} 
#header .menu-toggle:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;} 
#header .mobile-nav{display:none;position:absolute;right:0;left:0;top:100%;background:var(--brand-bg);border-bottom:1px solid var(--brand-border);padding:14px 18px;max-width:1160px;margin:0 auto;} 
#header .mobile-link{display:block;padding:12px 10px;text-decoration:none;color:var(--brand-ink);font-family:var(--brand-font);font-weight:750;border-radius:12px;} 
#header .mobile-link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;} 
#header .mobile-primary{display:block;margin-top:8px;padding:12px 12px;border-radius:12px;background:var(--brand-primary);color:var(--brand-bg);text-decoration:none;font-family:var(--brand-font);font-weight:900;text-align:center;border:1px solid var(--brand-primary);} 

#header ::selection{background:rgba(11,95,255,.18);}

@media (max-width: 920px){
  #header .nav{display:none;}
  #header .header-cta{display:none;}
  #header .menu-toggle{display:inline-flex;align-items:center;gap:10px;}
  #header .brand{min-width:0;}
  #header .mobile-nav{border-top:1px solid var(--brand-border);}
}
@media (prefers-reduced-motion: reduce){
  #header *{scroll-behavior:auto;}
}

/* section:footer */
/* section:footer */
#footer.footer{--section-pad:48px;--gap:24px;--container:1120px;box-sizing:border-box;background:var(--brand-bg);color:var(--brand-ink);border-top:1px solid var(--brand-border)}
#footer.footer *,#footer.footer *:before,#footer.footer *:after{box-sizing:inherit}
#footer.footer .footer-inner{max-width:var(--container);margin:0 auto;padding:var(--section-pad) 18px}
#footer.footer .footer-brand{padding:0 0 18px 0}
#footer.footer .footer-kicker{margin:0 0 8px 0;font:700 14px/1.2 var(--brand-font-display);letter-spacing:0.04em;text-transform:uppercase;color:var(--brand-secondary)}
#footer.footer .footer-tagline{margin:0;font:400 18px/1.45 var(--brand-font);color:var(--brand-ink);text-wrap:balance}
#footer.footer .footer-grid{display:grid;grid-template-columns:1.1fr 0.9fr 1.2fr;gap:var(--gap);align-items:start}
#footer.footer .footer-col{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg,16px);padding:18px 18px 16px 18px}
#footer.footer .footer-heading{margin:0 0 12px 0;font:700 18px/1.25 var(--brand-font);color:var(--brand-ink);letter-spacing:-0.01em}
#footer.footer .footer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
#footer.footer .footer-item{display:flex;gap:12px;align-items:flex-start}
#footer.footer .footer-label{min-width:86px;font:700 13px/1.25 var(--brand-font-display);color:var(--brand-slate)}
#footer.footer .footer-text{flex:1;font:400 15px/1.4 var(--brand-font);color:var(--brand-ink)}
#footer.footer .footer-link{color:var(--brand-ink);text-decoration:none;border-bottom:1px solid transparent;display:inline-block;max-width:100%;word-break:break-word}
#footer.footer .footer-link:hover{border-bottom-color:var(--brand-secondary)}
#footer.footer .footer-link:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-primary) 55%, white 45%);outline-offset:3px;border-bottom-color:transparent}
#footer.footer .footer-meta{display:block}
#footer.footer .meta-dl{margin:0;display:flex;flex-direction:column;gap:10px}
#footer.footer .meta-row{display:flex;gap:14px}
#footer.footer .meta-dt{min-width:110px;font:700 13px/1.25 var(--brand-font-display);color:var(--brand-slate)}
#footer.footer .meta-dd{margin:0;font:400 15px/1.35 var(--brand-font);color:var(--brand-ink)}
#footer.footer .footer-fineprint{margin:12px 0 0 0;font:400 13.5px/1.55 var(--brand-font);color:var(--brand-slate);text-wrap:balance}
#footer.footer .footer-legal{background:color-mix(in srgb, var(--brand-surface) 82%, white 18%)}
#footer.footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--brand-border)}
#footer.footer .footer-copyright{margin:0;font:500 13px/1.4 var(--brand-font-display);color:var(--brand-slate)}
#footer.footer .footer-backlink{font:600 13px/1.2 var(--brand-font-display);color:var(--brand-ink);text-decoration:none;border:1px solid var(--brand-border);padding:10px 12px;border-radius:var(--brand-radius-md,12px)}
#footer.footer .footer-backlink:hover{border-color:color-mix(in srgb, var(--brand-border) 60%, var(--brand-secondary) 40%)}
#footer.footer .footer-backlink:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-primary) 55%, white 45%);outline-offset:3px}
#footer.footer ::selection{background:color-mix(in srgb, var(--brand-secondary) 35%, white 65%);color:var(--brand-ink)}
@media (max-width: 980px){#footer.footer .footer-grid{grid-template-columns:1fr;gap:14px}#footer.footer .footer-col{padding:16px}.footer-bottom{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion: reduce){#footer.footer .footer-link,#footer.footer .footer-backlink{transition:none}}

/* section:hero */
/* section:hero */
#hero{--hero-primary:var(--brand-primary);--hero-accent:var(--brand-accent);--hero-ink:var(--brand-ink);--hero-slate:var(--brand-slate);--hero-mist:var(--brand-mist);--hero-border:var(--brand-border);--hero-surface:var(--brand-surface);position:relative;background:var(--brand-bg);color:var(--brand-text);padding:56px 20px 30px;}
#hero::before{content:"";position:absolute;inset:-40px -60px auto -60px;height:220px;background:linear-gradient(135deg, color-mix(in srgb,var(--brand-primary) 18%, transparent), color-mix(in srgb,var(--brand-secondary) 14%, transparent));border-bottom-left-radius:28px;border-bottom-right-radius:28px;pointer-events:none;}
.hero__inner{position:relative;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start;}
.hero__content{padding:10px 0;}
.hero__kicker{display:inline-block;font-family:var(--brand-font);font-size:15px;line-height:1.35;color:color-mix(in srgb,var(--brand-ink) 82%, var(--brand-slate));background:color-mix(in srgb,var(--brand-surface) 85%, transparent);border:1px solid var(--brand-border);border-radius:999px;padding:10px 14px;margin:0 0 16px;}
.hero__title{font-family:var(--brand-font-display);font-size:46px;line-height:1.05;letter-spacing:-0.02em;margin:0 0 18px;color:var(--brand-ink);text-wrap:balance;}
.hero__lines{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px;}
.hero__line{display:flex;gap:10px;align-items:flex-start;font-size:18px;line-height:1.35;color:var(--brand-text);}
.hero__check{flex:0 0 auto;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand-primary) 14%, var(--brand-surface));border:1px solid color-mix(in srgb,var(--brand-primary) 35%, var(--brand-border));color:var(--brand-primary);font-weight:800;font-size:14px;margin-top:2px;}
.hero__cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:8px 0 18px;}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--brand-radius,12px);text-decoration:none;font-weight:700;font-size:16px;line-height:1.1;letter-spacing:0.01em;border:1px solid transparent;}
.button--primary{background:var(--brand-primary);border-color:color-mix(in srgb,var(--brand-primary) 70%, var(--brand-border));color:#fff;}
.button--primary:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 35%, white);outline-offset:3px;}
.button--ghost{background:transparent;border-color:var(--brand-border);color:var(--brand-ink);}
.button--ghost:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 35%, white);outline-offset:3px;}
.button--ghost:hover{background:color-mix(in srgb,var(--brand-surface) 70%, white);}
.button--primary:hover{background:color-mix(in srgb,var(--brand-primary) 90%, black);}
.hero__trust{display:flex;align-items:center;gap:18px;background:color-mix(in srgb,var(--brand-surface) 85%, transparent);border:1px solid var(--brand-border);border-radius:var(--brand-radius,16px);padding:14px 16px;margin-top:10px;}
.trust-item{display:flex;flex-direction:column;gap:4px;min-width:140px;}
.trust-item__value{font-family:var(--brand-font-display);font-size:22px;font-weight:900;letter-spacing:-0.01em;color:var(--brand-ink);}
.trust-item__label{font-size:14px;line-height:1.3;color:color-mix(in srgb,var(--brand-ink) 80%, var(--brand-slate));}
.trust-sep{width:1px;height:44px;background:var(--brand-border);}
.hero__aside{padding-top:6px;}
.side-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius,16px);padding:18px 18px 16px;box-shadow:0 10px 30px color-mix(in srgb,var(--brand-primary) 10%, transparent);}
.side-card__eyebrow{margin:0 0 10px;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:color-mix(in srgb,var(--brand-ink) 72%, var(--brand-slate));}
.side-card__title{margin:0 0 14px;font-family:var(--brand-font-display);font-size:22px;line-height:1.2;letter-spacing:-0.01em;color:var(--brand-ink);text-wrap:balance;}
.side-card__meta{display:grid;gap:10px;margin:0 0 14px;}
.meta-row{display:flex;gap:10px;align-items:flex-start;}
.meta-row__dot{width:10px;height:10px;border-radius:3px;background:color-mix(in srgb,var(--brand-secondary) 60%, var(--brand-primary));margin-top:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-secondary) 12%, transparent);}
.meta-row__text{font-size:15px;line-height:1.35;color:color-mix(in srgb,var(--brand-ink) 86%, var(--brand-slate));}
.side-card__note{border-top:1px solid var(--brand-border);padding-top:12px;}
.side-card__note-text{margin:0;font-size:14px;line-height:1.5;color:color-mix(in srgb,var(--brand-ink) 82%, var(--brand-slate));}
.side-card__link{display:inline-flex;margin-top:12px;text-decoration:none;font-weight:800;color:var(--brand-primary);}
.side-card__link:hover{text-decoration:underline;}

::selection{background:color-mix(in srgb,var(--brand-primary) 25%, white);color:var(--brand-ink);}

@media (max-width: 900px){#hero{padding-top:46px;} .hero__inner{grid-template-columns:1fr;gap:18px;} .hero__title{font-size:38px;} .hero__trust{gap:12px;} .trust-sep{height:38px;}}
@media (max-width: 520px){.hero__title{font-size:32px;} .hero__line{font-size:17px;} .hero__cta-row{gap:10px;} .button{width:100%;}}
@media (prefers-reduced-motion: reduce){#hero *{scroll-behavior:auto;transition:none !important;animation:none !important;}}

/* section:services-overview */
/* section:services-overview */
#services-overview{--r1:var(--brand-border);--r2:var(--brand-slate);--ink:var(--brand-ink);--prim:var(--brand-primary);--sec:var(--brand-secondary);--mist:var(--brand-mist);--surf:var(--brand-surface);--bg:var(--brand-bg);--text:var(--brand-text);background:var(--brand-bg);color:var(--brand-text);padding:48px 0 56px;}
#services-overview *{box-sizing:border-box;}
#services-overview .services-overview-inner{max-width:1120px;margin:0 auto;padding:0 20px;}
#services-overview .services-head{margin-bottom:22px;}
#services-overview .services-kicker{font:600 13px/1.2 var(--brand-font);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-slate);margin:0 0 10px;}
#services-overview .services-title{font:700 40px/1.05 var(--brand-font-display);letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance;}
#services-overview .services-subtitle{max-width:62ch;margin:0;color:var(--brand-ink);font:400 18px/1.55 var(--brand-font);}
#services-overview .services-bullets{display:flex;flex-direction:column;gap:16px;margin-top:26px;}
#services-overview .service-row{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:18px 16px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);background:var(--brand-surface);}
#services-overview .service-row-highlight{background:rgba(245,247,251,0.9);border-color:rgba(11,95,255,0.25);}
#services-overview .service-step{width:64px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;font:800 14px/1 var(--brand-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:var(--brand-primary);letter-spacing:.03em;}
#services-overview .service-content{min-width:0;}
#services-overview .service-title{margin:0 0 8px;font:700 20px/1.25 var(--brand-font);color:var(--brand-ink);}
#services-overview .service-text{margin:0 0 10px;color:var(--brand-ink);font:400 15.5px/1.6 var(--brand-font);max-width:78ch;}
#services-overview .service-list{margin:0;padding-left:18px;display:grid;gap:6px;}
#services-overview .service-list li{color:var(--brand-slate);font:400 14.5px/1.5 var(--brand-font);}
#services-overview .services-cta-strip{margin-top:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px 18px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);background:linear-gradient(0deg, var(--brand-surface), var(--brand-surface));}
#services-overview .cta-title{margin:0 0 8px;font:700 18px/1.3 var(--brand-font);color:var(--brand-ink);}
#services-overview .cta-sub{margin:0;color:var(--brand-slate);font:400 15px/1.6 var(--brand-font);max-width:58ch;}
#services-overview .cta-link{display:inline-flex;align-items:center;justify-content:center;min-width:210px;padding:12px 16px;border-radius:var(--brand-radius-sm,8px);text-decoration:none;border:1px solid rgba(11,95,255,0.35);background:var(--brand-bg);color:var(--brand-primary);font:700 15px/1 var(--brand-font);}
#services-overview .cta-link:focus-visible{outline:3px solid rgba(11,95,255,0.35);outline-offset:3px;}
#services-overview .contact-card{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;padding:20px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg,16px);background:var(--brand-surface);}
#services-overview .contact-title{margin:0 0 10px;font:800 22px/1.2 var(--brand-font-display);color:var(--brand-ink);letter-spacing:-.01em;}
#services-overview .contact-text{margin:0 0 14px;color:var(--brand-slate);font:400 15px/1.6 var(--brand-font);}
#services-overview .contact-meta{display:grid;gap:10px;}
#services-overview .contact-meta-row{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start;}
#services-overview .contact-meta-label{color:var(--brand-slate);font:700 13px/1.4 var(--brand-font);}
#services-overview .contact-meta-value{color:var(--brand-ink);font:400 14.5px/1.5 var(--brand-font);text-decoration:none;}
#services-overview .contact-meta-value:hover{text-decoration:underline;}
#services-overview .contact-form{background:var(--brand-bg);border:1px solid rgba(209,213,219,0.8);border-radius:var(--brand-radius-md,12px);padding:16px;}
#services-overview .field{margin-bottom:12px;}
#services-overview .label{display:block;margin:0 0 6px;color:var(--brand-ink);font:700 13px/1.4 var(--brand-font);}
#services-overview .input,#services-overview .textarea{width:100%;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm,8px);padding:11px 12px;font:400 15px/1.4 var(--brand-font);color:var(--brand-ink);background:var(--brand-bg);}
#services-overview .textarea{resize:vertical;}
#services-overview .input:focus,#services-overview .textarea:focus{outline:none;border-color:rgba(11,95,255,0.55);box-shadow:0 0 0 3px rgba(11,95,255,0.16);}
#services-overview .button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 14px;border-radius:var(--brand-radius-sm,8px);border:1px solid rgba(11,95,255,0.25);background:var(--brand-primary);color:#fff;font:800 15.5px/1 var(--brand-font);cursor:pointer;margin-top:2px;}
#services-overview .button:hover{background:#0a51cc;}
#services-overview .button:active{background:#0848b1;}
#services-overview .button:focus-visible{outline:3px solid rgba(11,95,255,0.35);outline-offset:3px;}
#services-overview .button:disabled{opacity:.6;cursor:not-allowed;}
#services-overview .form-footnote{margin:10px 0 0;color:var(--brand-slate);font:400 12.5px/1.5 var(--brand-font);}
#services-overview ::selection{background:rgba(255,107,44,0.25);color:var(--brand-ink);}
@media (max-width:920px){
  #services-overview .services-title{font-size:34px;}
  #services-overview .contact-card{grid-template-columns:1fr;}
  #services-overview .services-cta-strip{flex-direction:column;align-items:flex-start;}
  #services-overview .cta-link{min-width:0;width:100%;}
}
@media (max-width:520px){
  #services-overview{padding:36px 0 44px;}
  #services-overview .services-title{font-size:28px;}
  #services-overview .service-row{grid-template-columns:52px 1fr;}
  #services-overview .service-step{width:52px;}
  #services-overview .contact-meta-row{grid-template-columns:1fr;gap:6px;}
}
@media (prefers-reduced-motion:reduce){
  #services-overview .cta-link,#services-overview .button{transition:none;}
}
/* section:how-it-works */
/* section:how-it-works */
#how-it-works.how-it-works{--ink:var(--brand-ink);--slate:var(--brand-slate);--mist:var(--brand-mist);--border:var(--brand-border);--surface:var(--brand-surface);--primary:var(--brand-primary);--accent:var(--brand-accent);background:var(--brand-bg);color:var(--brand-text);padding:48px 0;}
#how-it-works .how-it-works__container{max-width:1100px;margin:0 auto;padding:0 20px;}
#how-it-works .how-it-works__intro{max-width:820px;}
#how-it-works .how-it-works__eyebrow{margin:0 0 10px;font:600 12px/1.2 var(--brand-font);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-slate);}
#how-it-works .how-it-works__title{margin:0 0 14px;font:700 34px/1.15 var(--brand-font-display);letter-spacing:-0.02em;color:var(--brand-ink);text-wrap:balance;}
#how-it-works .how-it-works__lead{margin:0;font:400 16px/1.65 var(--brand-font);color:var(--brand-slate);max-width:760px;}
#how-it-works .how-it-works__steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px;}
#how-it-works .step{display:flex;gap:14px;align-items:flex-start;padding:16px 16px;border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:var(--brand-lg);box-shadow:0 10px 30px rgba(11,95,255,.06);}
#how-it-works .step__marker{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(11,95,255,.12);color:var(--brand-primary);font:800 16px/1 var(--brand-font-display);border:1px solid rgba(11,95,255,.25);}
#how-it-works .step__title{margin:2px 0 6px;font:700 18px/1.25 var(--brand-font-display);color:var(--brand-ink);}
#how-it-works .step__text{margin:0;font:400 15px/1.65 var(--brand-font);color:var(--brand-slate);}
#how-it-works .how-it-works__note{margin:18px 0 0;padding:14px 16px;border-radius:var(--brand-md);border:1px dashed rgba(255,107,44,.45);background:rgba(255,107,44,.06);display:flex;gap:12px;align-items:flex-start;}
#how-it-works .how-it-works__noteIcon{width:12px;height:12px;border-radius:3px;background:var(--brand-accent);margin-top:5px;}
#how-it-works .how-it-works__noteText{margin:0;font:500 14px/1.6 var(--brand-font);color:var(--brand-ink);}
#how-it-works ::selection{background:rgba(255,107,44,.28);}
#how-it-works a{color:var(--brand-primary);}
@media (max-width: 820px){#how-it-works .how-it-works__title{font-size:28px;}
#how-it-works .step{padding:14px;}
#how-it-works .step__text{font-size:14.5px;}}
@media (prefers-reduced-motion: reduce){#how-it-works *{scroll-behavior:auto;transition:none;animation:none;}}

/* section:faq */
/* section:faq */
#faq.faq-section{background:var(--brand-surface);color:var(--brand-text);padding:56px 0;}
#faq .faq-container{max-width:1100px;margin:0 auto;padding:0 20px;}
#faq .faq-header{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;}
#faq .faq-title{font-family:var(--brand-font-display);font-size:34px;line-height:1.12;letter-spacing:-0.02em;margin:0;color:var(--brand-ink);text-wrap:balance;}
#faq .faq-subtitle{margin:0;max-width:68ch;font-size:16px;line-height:1.6;color:color-mix(in srgb,var(--brand-slate) 55%, var(--brand-ink));}
#faq .faq-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:start;}
#faq .faq-intro{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg,16px);padding:18px 18px 16px;}
#faq .faq-intro-title{margin:0 0 12px;font-size:18px;line-height:1.35;color:var(--brand-ink);}
#faq .faq-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
#faq .faq-step{display:flex;gap:12px;align-items:flex-start;}
#faq .faq-step-no{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand-primary) 12%, var(--brand-bg));color:var(--brand-primary);border:1px solid color-mix(in srgb,var(--brand-primary) 28%, var(--brand-border));font-weight:700;font-size:13px;flex:0 0 auto;}
#faq .faq-step-text{font-size:15px;line-height:1.6;color:color-mix(in srgb,var(--brand-slate) 48%, var(--brand-ink));}
#faq .faq-note{margin-top:14px;padding-top:14px;border-top:1px solid var(--brand-border);display:flex;flex-direction:column;gap:10px;}
#faq .faq-note-text{margin:0;color:color-mix(in srgb,var(--brand-slate) 54%, var(--brand-ink));line-height:1.6;font-size:15px;}
#faq .faq-link{color:var(--brand-primary);text-decoration:none;font-weight:700;align-self:flex-start;border-bottom:1px solid color-mix(in srgb,var(--brand-primary) 35%, transparent);padding-bottom:2px;}
#faq .faq-link:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 45%, white);outline-offset:3px;border-bottom-color:color-mix(in srgb,var(--brand-primary) 55%, transparent);}
#faq .faq-accordion{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg,16px);padding:6px;}
#faq .faq-item{border-top:1px solid var(--brand-border);}
#faq .faq-item:first-child{border-top:none;}
#faq .faq-trigger{width:100%;text-align:left;background:transparent;border:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 14px;}
#faq .faq-trigger:hover{background:color-mix(in srgb,var(--brand-primary) 6%, var(--brand-bg));}
#faq .faq-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 45%, white);outline-offset:-3px;}
#faq .faq-q{font-size:16px;line-height:1.35;color:var(--brand-ink);font-weight:800;letter-spacing:-0.01em;}
#faq .faq-icon{width:22px;height:22px;border-radius:8px;border:1px solid var(--brand-border);position:relative;flex:0 0 auto;background:color-mix(in srgb,var(--brand-mist) 30%, var(--brand-bg));}
#faq .faq-icon::before,#faq .faq-icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--brand-primary);}
#faq .faq-icon::before{width:12px;height:2px;border-radius:2px;}
#faq .faq-icon::after{width:2px;height:12px;border-radius:2px;transition:transform .18s ease;}
#faq .faq-item[aria-expanded="true"] .faq-icon::after{transform:translate(-50%,-50%) scaleY(0);}
#faq .faq-panel{padding:0 14px 16px;}
#faq .faq-a{border-left:3px solid color-mix(in srgb,var(--brand-accent) 45%, var(--brand-primary));padding-left:12px;}
#faq .faq-a p{margin:10px 0 0;font-size:15px;line-height:1.7;color:color-mix(in srgb,var(--brand-slate) 52%, var(--brand-ink));}
#faq .faq-a p:first-child{margin-top:12px;}
#faq .faq-finale{padding:16px 14px 16px;}
#faq .faq-finale-text{margin:0 0 12px;color:color-mix(in srgb,var(--brand-slate) 55%, var(--brand-ink));line-height:1.7;font-size:15px;}
#faq .faq-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--brand-primary);color:#fff;text-decoration:none;font-weight:900;border-radius:12px;padding:12px 14px;min-width:180px;box-shadow:0 10px 22px color-mix(in srgb,var(--brand-primary) 18%, transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 35%, var(--brand-primary));}
#faq .faq-cta:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 45%, white);outline-offset:3px;}
#faq .faq-cta:hover{background:color-mix(in srgb,var(--brand-primary) 88%, #ffffff);}
#faq ::selection{background:color-mix(in srgb,var(--brand-secondary) 28%, white);color:var(--brand-ink);}
@media (max-width: 920px){#faq .faq-grid{grid-template-columns:1fr;gap:14px;}#faq .faq-title{font-size:28px;}#faq .faq-container{padding:0 16px;}}
@media (prefers-reduced-motion: reduce){#faq .faq-icon::after{transition:none;}}

/* section:contacts */
/* section:contacts */
#contacts.contacts-section{--section-pad:clamp(28px,4vw,52px);padding:var(--section-pad) 16px;background:var(--brand-bg);color:var(--brand-text);}
#contacts .contacts-wrap{max-width:1100px;margin:0 auto;}
#contacts .contacts-intro{margin-bottom:22px;}
#contacts .contacts-eyebrow{margin:0 0 10px;font:600 12px/1.2 var(--brand-font);letter-spacing:0.08em;text-transform:uppercase;color:var(--brand-secondary);}
#contacts .contacts-title{margin:0 0 10px;font:700 clamp(26px,3.2vw,40px)/1.1 var(--brand-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--brand-ink);}
#contacts .contacts-lead{margin:0;max-width:62ch;font:400 16px/1.65 var(--brand-font);color:color-mix(in srgb,var(--brand-ink) 86%, var(--brand-slate));}
#contacts .contacts-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:18px;align-items:start;}
#contacts .contacts-form{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-lg);padding:18px;}
#contacts .field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
#contacts .field-label{font:700 13px/1.2 var(--brand-font);color:var(--brand-ink);}
#contacts .field-input{appearance:none;width:100%;border:1px solid var(--brand-border);background:var(--brand-bg);border-radius:var(--brand-md);padding:12px 12px;font:400 15px/1.3 var(--brand-font);color:var(--brand-ink);outline:none;}
#contacts .field-textarea{min-height:140px;resize:vertical;}
#contacts .field-input::placeholder{color:color-mix(in srgb,var(--brand-slate) 72%, var(--brand-text));}
#contacts .field-input:focus-visible{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 18%, transparent);}
#contacts .form-actions{margin-top:8px;display:flex;flex-direction:column;gap:10px;}
#contacts .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid color-mix(in srgb,var(--brand-primary) 70%, var(--brand-border));background:var(--brand-primary);color:#fff;border-radius:var(--brand-md);padding:12px 14px;font:800 15px/1 var(--brand-font);cursor:pointer;transition:transform 120ms ease, box-shadow 160ms ease, background 120ms ease;}
#contacts .primary-button:hover{background:color-mix(in srgb,var(--brand-primary) 92%, var(--brand-secondary));box-shadow:0 10px 28px color-mix(in srgb,var(--brand-primary) 22%, transparent);}
#contacts .primary-button:active{transform:translateY(1px);}
#contacts .primary-button:disabled{opacity:0.65;cursor:not-allowed;}
#contacts .primary-button:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 24%, transparent);}
#contacts .form-footnote{margin:0;color:color-mix(in srgb,var(--brand-ink) 72%, var(--brand-slate));font:400 12.5px/1.45 var(--brand-font);}
#contacts .contacts-aside{display:flex;flex-direction:column;gap:14px;}
#contacts .aside-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-lg);padding:16px;}
#contacts .aside-card-muted{background:color-mix(in srgb,var(--brand-surface) 72%, white);}
#contacts .aside-title{margin:0 0 10px;font:800 16px/1.25 var(--brand-font);color:var(--brand-ink);}
#contacts .aside-line{margin:0;font:400 14px/1.55 var(--brand-font);color:color-mix(in srgb,var(--brand-ink) 82%, var(--brand-slate));}
#contacts .aside-divider{height:1px;background:var(--brand-border);margin:12px 0;}
#contacts .aside-links{display:flex;flex-direction:column;gap:12px;}
#contacts .aside-item{display:flex;flex-direction:column;gap:4px;}
#contacts .aside-label{font:700 12px/1.2 var(--brand-font);color:var(--brand-slate);text-transform:uppercase;letter-spacing:0.06em;}
#contacts .aside-link{color:var(--brand-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
#contacts .aside-link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:6px;}
#contacts .steps{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:10px;}
#contacts .step{color:color-mix(in srgb,var(--brand-ink) 84%, var(--brand-slate));font:400 14px/1.55 var(--brand-font);}
#contacts .aside-cta{margin-top:14px;}
#contacts .ghost-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--brand-border);background:var(--brand-bg);color:var(--brand-ink);border-radius:var(--brand-md);padding:11px 12px;font:800 14px/1 var(--brand-font);text-decoration:none;}
#contacts .ghost-button:hover{border-color:color-mix(in srgb,var(--brand-primary) 55%, var(--brand-border));box-shadow:0 10px 24px color-mix(in srgb,var(--brand-primary) 14%, transparent);}
#contacts .ghost-button:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 22%, transparent);}
#contacts ::selection{background:color-mix(in srgb,var(--brand-secondary) 28%, transparent);}
@media (max-width: 900px){#contacts .contacts-grid{grid-template-columns:1fr;gap:14px;}}
@media (prefers-reduced-motion: reduce){#contacts .primary-button{transition:none;}}

/* section:blog-list */
/* section:blog-list */
#blog-list{--pad:clamp(18px,4vw,36px);padding:var(--pad) 0;background:var(--brand-bg);color:var(--brand-text);}
#blog-list .blog-list__container{max-width:1120px;margin:0 auto;padding:0 var(--pad);}
#blog-list .blog-list__header{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}
#blog-list .blog-list__title{font-family:var(--brand-font-display);font-size:clamp(26px,3.4vw,40px);line-height:1.06;letter-spacing:-0.02em;margin:0;color:var(--brand-ink);text-wrap:balance;}
#blog-list .blog-list__subtitle{margin:0;max-width:70ch;font-family:var(--brand-font);font-size:16px;line-height:1.65;color:var(--brand-slate);} 
#blog-list .blog-list__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:stretch;}
#blog-list .blog-card{grid-column:span 4;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg,16px);padding:18px 18px 16px;box-shadow:0 10px 30px rgba(11,95,255,0.06);display:flex;flex-direction:column;gap:12px;min-height:240px;}
#blog-list .blog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;}
#blog-list .blog-card__tag{display:inline-flex;align-items:center;border:1px solid rgba(255,107,44,0.35);background:rgba(255,107,44,0.08);color:var(--brand-accent);padding:6px 10px;border-radius:999px;font-size:13px;font-family:var(--brand-font);white-space:nowrap;}
#blog-list .blog-card__date{font-size:13px;color:var(--brand-slate);font-family:var(--brand-font);white-space:nowrap;}
#blog-list .blog-card__title{margin:0;font-family:var(--brand-font-display);font-size:18px;line-height:1.25;letter-spacing:-0.01em;color:var(--brand-ink);text-wrap:balance;}
#blog-list .blog-card__excerpt{margin:0;font-family:var(--brand-font);font-size:15px;line-height:1.7;color:var(--brand-slate);}
#blog-list .blog-card__actions{margin-top:auto;}
#blog-list .blog-card__link{display:inline-flex;align-items:center;gap:10px;color:var(--brand-primary);text-decoration:none;font-weight:700;font-family:var(--brand-font);padding:10px 12px;border-radius:var(--brand-radius-sm,8px);border:1px solid rgba(11,95,255,0.35);background:transparent;}
#blog-list .blog-card__link:focus-visible{outline:3px solid rgba(11,95,255,0.35);outline-offset:2px;}
#blog-list .blog-card__link:hover{background:rgba(11,95,255,0.06);}
#blog-list .blog-card__link:active{background:rgba(11,95,255,0.10);}
#blog-list .blog-card:hover{border-color:rgba(11,95,255,0.35);} 
#blog-list ::selection{background:rgba(255,107,44,0.25);}
@media (max-width: 980px){#blog-list .blog-card{grid-column:span 6;} }
@media (max-width: 640px){#blog-list{padding:22px 0;}#blog-list .blog-list__grid{gap:12px;}#blog-list .blog-card{grid-column:span 12;min-height:unset;}#blog-list .blog-card__title{font-size:17px;}#blog-list .blog-card{padding:16px;}}
@media (prefers-reduced-motion: reduce){#blog-list *{scroll-behavior:auto;transition:none !important;animation:none !important;}}

/* section:article-hero */
/* section:article-hero */
#article-hero{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;position:relative;background:var(--brand-bg);color:var(--brand-text);padding:48px 0 28px;overflow:hidden;}
#article-hero::before{content:"";position:absolute;inset:-220px -120px auto -120px;height:420px;background:radial-gradient(closest-side, color-mix(in oklab, var(--brand-primary) 18%, transparent 82%), transparent 70%);pointer-events:none;}
#article-hero::after{content:"";position:absolute;inset:auto -80px -180px -80px;height:360px;background:radial-gradient(closest-side, color-mix(in oklab, var(--brand-secondary) 14%, transparent 86%), transparent 70%);pointer-events:none;}
#article-hero .hero-inner{position:relative;max-width:1120px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns: 1.4fr .9fr;gap:28px;align-items:start;}
#article-hero .hero-breadcrumbs{display:flex;gap:10px;align-items:center;margin-bottom:14px;font-family:var(--brand-font);font-size:14px;color:color-mix(in oklab, var(--brand-text) 72%, var(--brand-slate) 28%);}
#article-hero .hero-breadcrumb-link{color:var(--brand-primary);text-decoration:none;}
#article-hero .hero-breadcrumb-link:focus-visible{outline:3px solid color-mix(in oklab, var(--brand-primary) 40%, transparent 60%);outline-offset:3px;border-radius:var(--radius-sm);}
#article-hero .hero-breadcrumb-sep{color:color-mix(in oklab, var(--brand-text) 50%, var(--brand-slate) 50%);}
#article-hero .hero-header{padding:10px 0;}
#article-hero .hero-title{margin:0 0 14px;font-family:var(--brand-font-display);font-size:clamp(30px, 3.2vw, 48px);line-height:1.08;letter-spacing:-0.015em;text-wrap:balance;}
#article-hero .hero-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 18px;color:color-mix(in oklab, var(--brand-text) 78%, var(--brand-slate) 22%);font-size:15px;}
#article-hero .meta-item{display:flex;gap:10px;align-items:baseline;}
#article-hero .meta-label{font-weight:600;color:color-mix(in oklab, var(--brand-text) 62%, var(--brand-slate) 38%);}
#article-hero .meta-value{font-weight:500;}
#article-hero .meta-dot{color:color-mix(in oklab, var(--brand-text) 50%, var(--brand-slate) 50%);}
#article-hero .hero-lead{margin:0 0 18px;max-width:62ch;font-size:18px;line-height:1.6;color:color-mix(in oklab, var(--brand-text) 86%, var(--brand-slate) 14%);}
#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;gap:10px;padding:12px 16px;border-radius:var(--radius-md);text-decoration:none;font-weight:700;font-size:15px;font-family:var(--brand-font);border:1px solid transparent;}
#article-hero .btn-primary{background:var(--brand-primary);color:var(--brand-bg);border-color:color-mix(in oklab, var(--brand-primary) 85%, #000 15%);}
#article-hero .btn-primary:hover{background:color-mix(in oklab, var(--brand-primary) 88%, var(--brand-secondary) 12%);}
#article-hero .btn-ghost{background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-border);}
#article-hero .btn-ghost:hover{background:color-mix(in oklab, var(--brand-surface) 78%, var(--brand-mist) 22%);}
#article-hero .btn:focus-visible{outline:3px solid color-mix(in oklab, var(--brand-primary) 45%, transparent 55%);outline-offset:3px;}
#article-hero .hero-highlights{display:flex;flex-direction:column;gap:12px;margin-top:8px;}
#article-hero .highlight{display:flex;gap:14px;align-items:flex-start;padding:12px 12px;border-radius:var(--radius-md);background:color-mix(in oklab, var(--brand-surface) 70%, var(--brand-bg) 30%);border:1px solid color-mix(in oklab, var(--brand-border) 85%, transparent 15%);}
#article-hero .highlight-icon{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab, var(--brand-primary) 12%, var(--brand-surface) 88%);color:var(--brand-primary);font-weight:800;}
#article-hero .highlight-title{font-weight:800;font-size:15px;margin-bottom:2px;}
#article-hero .highlight-body{font-size:14px;line-height:1.45;color:color-mix(in oklab, var(--brand-text) 78%, var(--brand-slate) 22%);}
#article-hero .hero-aside{padding-top:10px;}
#article-hero .aside-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:18px;box-shadow:0 10px 30px color-mix(in oklab, var(--brand-primary) 10%, transparent 90%);}
#article-hero .aside-title{font-family:var(--brand-font-display);font-weight:900;font-size:18px;margin:0 0 10px;letter-spacing:-0.01em;}
#article-hero .mini-steps{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
#article-hero .mini-steps li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:color-mix(in oklab, var(--brand-text) 85%, var(--brand-slate) 15%);}
#article-hero .mini-step-num{flex:0 0 auto;width:26px;height:26px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklab, var(--brand-secondary) 14%, var(--brand-surface) 86%);color:var(--brand-secondary);font-weight:900;font-size:13px;}
#article-hero .aside-foot{margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in oklab, var(--brand-border) 85%, transparent 15%);display:flex;gap:8px;align-items:flex-start;}
#article-hero .aside-note{font-weight:900;color:var(--brand-primary);}
#article-hero .aside-text{color:color-mix(in oklab, var(--brand-text) 78%, var(--brand-slate) 22%);font-size:14px;line-height:1.45;}
#article-hero::selection{background:color-mix(in oklab, var(--brand-primary) 25%, transparent 75%);}
@media (max-width: 940px){#article-hero{padding:36px 0 20px;}#article-hero .hero-inner{grid-template-columns:1fr;gap:18px;}#article-hero .aside-card{padding:16px;}}
@media (prefers-reduced-motion: reduce){#article-hero *{scroll-behavior:auto;transition:none !important;animation:none !important;}}

/* section:article-content */
/* section:article-content */
#article-content{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-color:rgba(11,91,95,.16);background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font-display);} 
#article-content *{box-sizing:border-box;} 
#article-content ::selection{background:rgba(11,95,255,.18);color:var(--brand-ink);} 
#article-content a{color:var(--brand-primary);text-decoration-thickness:2px;text-underline-offset:3px;} 
#article-content a:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:3px;border-radius:6px;} 
#article-content .article-content__container{max-width:1020px;margin:0 auto;padding:48px 18px 56px;} 
#article-content .article-content__intro{margin-bottom:26px;} 
#article-content .article-content__eyebrow{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-slate);border:1px solid var(--brand-border);padding:8px 10px;border-radius:999px;background:rgba(231,236,246,.65);} 
#article-content .article-content__title{font-family:var(--brand-font);font-weight:700;font-size:42px;line-height:1.08;margin:14px 0 10px;letter-spacing:-.02em;text-wrap:balance;} 
#article-content .article-content__lead{max-width:68ch;font-size:17px;line-height:1.7;margin:0;color:var(--brand-text);} 
#article-content .article-content__grid{display:grid;grid-template-columns:1.4fr .9fr;gap:28px;align-items:start;} 
#article-content .article-content__main{min-width:0;} 
#article-content .article-content__h3{font-family:var(--brand-font);font-size:22px;line-height:1.25;margin:26px 0 10px;letter-spacing:-.01em;} 
#article-content .article-content__p{margin:0 0 14px;font-size:16px;line-height:1.75;color:var(--brand-text);} 
#article-content .article-content__steps{list-style:none;margin:14px 0 8px;padding:0;display:flex;flex-direction:column;gap:14px;} 
#article-content .article-content__step{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:16px 16px;border:1px solid var(--brand-border);border-radius:var(--radius-lg);background:linear-gradient(180deg, rgba(231,236,246,.9), rgba(245,247,251,.95));box-shadow:0 10px 26px var(--shadow-color);} 
#article-content .article-content__step-num{width:46px;height:46px;border-radius:14px;background:var(--brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;box-shadow:0 10px 20px rgba(11,95,255,.22);} 
#article-content .article-content__step-title{font-weight:800;margin:0 0 6px;font-size:16px;} 
#article-content .article-content__bullets{margin:10px 0 0;padding-left:18px;color:var(--brand-text);} 
#article-content .article-content__bullets li{margin:6px 0;font-size:15px;line-height:1.6;} 
#article-content .article-content__template{margin:16px 0 8px;border:1px dashed var(--brand-border);border-radius:var(--radius-lg);background:rgba(245,247,251,.9);padding:16px;} 
#article-content .article-content__template-line{margin:8px 0;font-size:15px;line-height:1.5;} 
#article-content .article-content__template-line strong{color:var(--brand-ink);} 
#article-content .article-content__aside{position:sticky;top:18px;} 
#article-content .article-content__aside-card{border:1px solid var(--brand-border);border-radius:var(--radius-lg);background:var(--brand-surface);padding:16px;box-shadow:0 12px 30px rgba(11,27,51,.06);} 
#article-content .article-content__aside-card--highlight{border-color:rgba(255,107,44,.35);background:linear-gradient(180deg, rgba(255,107,44,.10), rgba(245,247,251,.95));} 
#article-content .article-content__aside-title{font-family:var(--brand-font);font-size:18px;margin:0 0 10px;letter-spacing:-.01em;} 
#article-content .article-content__aside-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;} 
#article-content .article-content__aside-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;} 
#article-content .article-content__aside-dot{width:10px;height:10px;border-radius:999px;background:var(--brand-secondary);margin-top:5px;box-shadow:0 8px 16px rgba(255,107,44,.22);} 
#article-content .article-content__aside-note{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--brand-text);} 
#article-content .article-content__related{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;} 
#article-content .article-content__related-link{display:inline-flex;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--brand-border);background:rgba(255,255,255,.75);} 
#article-content .article-content__related-link:hover{background:#fff;} 
#article-content .article-content__related-link:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:3px;} 
@media (max-width: 920px){#article-content .article-content__grid{grid-template-columns:1fr;gap:18px;} #article-content .article-content__aside{position:relative;top:auto;} #article-content .article-content__title{font-size:36px;} }
@media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none;animation:none;}}
#article-content .article-content__main p a{font-weight:700;}
#article-content .article-content__main p a:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:3px;border-radius:8px;}
/* section:related-articles */
/* section:related-articles */
#related-articles{--radius:var(--brand-radius-md,12px); background:var(--brand-surface); color:var(--brand-text); border:1px solid var(--brand-border); border-radius:var(--brand-radius-lg,16px); padding:24px 16px; margin:0 auto;}
#related-articles .container{max-width:980px; margin:0 auto;}
#related-articles .related-header{display:flex; flex-direction:column; gap:10px; margin-bottom:18px;}
#related-articles .related-title{font-family:var(--brand-font-display); font-weight:800; letter-spacing:-0.02em; text-wrap:balance; margin:0; font-size:28px; line-height:1.15; color:var(--brand-ink);}
#related-articles .related-subtitle{margin:0; max-width:70ch; color:var(--brand-slate); font-family:var(--brand-font); font-size:16px; line-height:1.6;}
#related-articles .related-grid{display:grid; grid-template-columns:1fr; gap:14px;}
#related-articles .related-item{background:var(--brand-bg); border:1px solid var(--brand-border); border-radius:var(--brand-radius-md,12px); padding:16px 14px; box-shadow:0 10px 30px rgba(11,95,255,0.08);}
#related-articles .related-meta{display:flex; align-items:center; gap:10px; margin-bottom:10px;}
#related-articles .related-pill{display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background:rgba(255,107,44,0.10); border:1px solid rgba(255,107,44,0.22); color:var(--brand-ink); font-weight:700; font-size:12px;}
#related-articles .related-sep{color:rgba(75,85,99,0.8); font-size:12px;}
#related-articles .related-time{color:var(--brand-slate); font-size:12px; font-weight:600;}
#related-articles .related-item-title{margin:0 0 8px 0; font-family:var(--brand-font-display); font-weight:800; letter-spacing:-0.015em; text-wrap:balance; font-size:18px; line-height:1.25; color:var(--brand-ink);}
#related-articles .related-item-desc{margin:0 0 12px 0; color:var(--brand-slate); font-size:14.5px; line-height:1.65;}
#related-articles .related-link{display:inline-flex; align-items:center; gap:8px; color:var(--brand-primary); font-weight:800; text-decoration:none; border-bottom:2px solid rgba(11,95,255,0.35); padding-bottom:2px;}
#related-articles .related-link:focus-visible{outline:3px solid rgba(11,95,255,0.35); outline-offset:3px; border-bottom-color:rgba(11,95,255,0.65);}
#related-articles .related-link:hover{color:var(--brand-secondary); border-bottom-color:rgba(255,107,44,0.65);}
#related-articles .related-cta{margin-top:18px; padding-top:14px; border-top:1px solid rgba(209,213,219,0.85); display:flex; flex-direction:column; gap:12px;}
#related-articles .related-cta-text{margin:0; color:var(--brand-slate); line-height:1.65;}
#related-articles .related-btn{align-self:flex-start; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; background:var(--brand-primary); color:#fff; font-weight:900; padding:11px 14px; border-radius:var(--brand-radius-md,12px); border:1px solid rgba(11,95,255,0.5); box-shadow:0 14px 30px rgba(11,95,255,0.18);}
#related-articles .related-btn:focus-visible{outline:3px solid rgba(11,95,255,0.35); outline-offset:3px;}
#related-articles .related-btn:hover{background:var(--brand-secondary); border-color:rgba(255,107,44,0.55); box-shadow:0 14px 34px rgba(255,107,44,0.22);}
#related-articles ::selection{background:rgba(255,107,44,0.28); color:var(--brand-ink);}
@media (min-width:740px){
  #related-articles{padding:30px 18px;}
  #related-articles .related-grid{grid-template-columns:1fr 1fr 1fr; gap:16px;}
  #related-articles .related-item{padding:18px 16px;}
  #related-articles .related-title{font-size:32px;}
}
@media (prefers-reduced-motion: reduce){
  #related-articles *{scroll-behavior:auto; transition:none !important; animation:none !important;}
}
/* section:article-hero */
/* section:article-hero */
#article-hero{--radius:var(--brand-radius,12px);}
#article-hero{position:relative; overflow:hidden; background:var(--brand-bg); color:var(--brand-text);}
#article-hero::before{content:""; position:absolute; inset:-220px -220px auto -220px; height:520px; background:radial-gradient(closest-side, rgba(11,95,255,.12), rgba(11,95,255,0) 65%); pointer-events:none;}
#article-hero::after{content:""; position:absolute; right:-220px; top:-260px; width:520px; height:520px; background:radial-gradient(closest-side, rgba(255,107,44,.12), rgba(255,107,44,0) 65%); pointer-events:none;}
#article-hero .hero-inner{position:relative; max-width:1100px; margin:0 auto; padding:44px 20px 30px;}
#article-hero .hero-kicker{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px;}
#article-hero .hero-pill{display:inline-flex; align-items:center; padding:7px 11px; border:1px solid var(--brand-border); border-radius:999px; background:var(--brand-surface); color:var(--brand-ink); font:600 13px/1.1 var(--brand-font-display); letter-spacing:.01em;}
#article-hero .hero-meta{color:var(--brand-slate); font:500 13px/1.2 var(--brand-font);}
#article-hero .hero-title{margin:0; font-family:var(--brand-font-display); font-weight:750; letter-spacing:-.02em; text-wrap:balance; font-size:clamp(30px, 4.2vw, 46px); line-height:1.06; color:var(--brand-ink);}
#article-hero .hero-subgrid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin-top:18px; padding-top:18px; border-top:1px solid var(--brand-border);}
#article-hero .meta-item{background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:var(--brand-radius-lg,16px); padding:14px 14px 13px;}
#article-hero .meta-label{font:600 12px/1.1 var(--brand-font-display); color:var(--brand-slate); text-transform:uppercase; letter-spacing:.08em;}
#article-hero .meta-value{margin-top:8px; font:650 14px/1.35 var(--brand-font); color:var(--brand-ink);}
#article-hero .meta-tags{display:flex; flex-wrap:wrap; gap:8px;}
#article-hero .meta-tags::before{content:"";}
#article-hero .hero-lead{margin-top:16px; max-width:840px; font:500 16px/1.7 var(--brand-font); color:var(--brand-text);}
#article-hero .hero-actions{display:flex; align-items:center; gap:12px; margin-top:22px; flex-wrap:wrap;}
#article-hero .button{display:inline-flex; align-items:center; justify-content:center; text-decoration:none; border-radius:12px; padding:12px 16px; font:700 14px/1 var(--brand-font-display); border:1px solid transparent; min-width:160px;}
#article-hero .button.primary{background:var(--brand-primary); color:var(--brand-bg); border-color:var(--brand-primary); box-shadow:0 10px 22px rgba(11,95,255,.18);} 
#article-hero .button.ghost{background:var(--brand-surface); color:var(--brand-ink); border-color:var(--brand-border);} 
#article-hero .button:focus-visible{outline:3px solid rgba(11,95,255,.35); outline-offset:2px;}
#article-hero .button:active{transform:translateY(1px);} 
#article-hero ::selection{background:rgba(255,107,44,.22); color:var(--brand-ink);} 
@media (max-width: 860px){
  #article-hero .hero-inner{padding:34px 18px 24px;}
  #article-hero .hero-subgrid{grid-template-columns:1fr;}
  #article-hero .meta-item{padding:13px 13px 12px;}
  #article-hero .hero-actions .button{min-width:0; width:100%;}
}
@media (prefers-reduced-motion: reduce){
  #article-hero .button{transition:none;}
}

/* section:article-content */
/* section:article-content */
#article-content{--radius-sm:var(--brand-radius-sm,8px);--radius-md:var(--brand-radius-md,12px);--radius-lg:var(--brand-radius-lg,16px);box-sizing:border-box;background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font);padding:40px 16px}
#article-content *,#article-content *:before,#article-content *:after{box-sizing:inherit}
#article-content .article-container{max-width:860px;margin:0 auto}
#article-content .article-heading{padding:10px 0 18px;border-bottom:1px solid var(--brand-border)}
#article-content .article-kicker{margin:0 0 10px;font-family:var(--brand-font-display);letter-spacing:.02em;color:var(--brand-slate);font-size:14px;font-weight:700;text-transform:uppercase}
#article-content .article-title{margin:0 0 10px;font-family:var(--brand-font-display);font-size:34px;line-height:1.12;letter-spacing:-.02em;color:var(--brand-ink);text-wrap:balance}
#article-content .article-lede{margin:0;max-width:70ch;color:var(--brand-slate);font-size:18px;line-height:1.65}
#article-content .article-body{padding:22px 0}
#article-content .h3{margin:26px 0 10px;font-family:var(--brand-font-display);font-size:22px;line-height:1.25;color:var(--brand-ink);letter-spacing:-.01em}
#article-content .article-body p{margin:12px 0;color:var(--brand-text);font-size:16.5px;line-height:1.8}
#article-content .article-body em{font-style:italic}
#article-content .list{margin:12px 0 18px;padding:0 0 0 20px}
#article-content .list li{margin:8px 0;color:var(--brand-text);line-height:1.7}
#article-content .steps{margin:14px 0 18px;padding:0;list-style:none}
#article-content .steps li{margin:10px 0;padding:12px 14px;border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:var(--radius-md)}
#article-content .steps strong{display:block;color:var(--brand-ink);margin-bottom:4px}
#article-content .callout{margin:18px 0 10px;padding:16px 16px;border-radius:var(--radius-lg);background:rgba(11,95,255,.07);border:1px solid rgba(11,95,255,.22)}
#article-content .callout-title{margin:0 0 10px;font-size:16px;line-height:1.55;color:var(--brand-ink);font-weight:800}
#article-content .list.compact{padding-left:18px;margin:0}
#article-content .list.compact li{font-size:15.5px;color:var(--brand-slate)}
#article-content .closing{margin-top:14px;color:var(--brand-slate);font-size:16px}
#article-content .article-related{padding:18px 0 0}
#article-content .related-title{margin:18px 0 10px;font-family:var(--brand-font-display);font-size:20px;letter-spacing:-.01em;color:var(--brand-ink)}
#article-content .related-list{margin:0;padding:0;list-style:none}
#article-content .related-link{display:inline-flex;align-items:center;gap:10px;margin:8px 0;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--brand-border);background:var(--brand-bg);color:var(--brand-ink);text-decoration:none;font-weight:700}
#article-content .related-link:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:2px}
#article-content .related-link:hover{border-color:rgba(11,95,255,.55);background:rgba(11,95,255,.06)}
#article-content ::selection{background:rgba(255,107,44,.25);color:var(--brand-ink)}
@media (max-width:720px){#article-content{padding:28px 14px}#article-content .article-title{font-size:28px}#article-content .article-lede{font-size:16.5px}#article-content .h3{font-size:20px}}
@media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto}}

/* section:related-articles */
/* section:related-articles */
#related-articles{--ra-gap:16px;--ra-radius:var(--brand-radius-lg,16px);padding:52px 18px;background:var(--brand-bg);color:var(--brand-text);}
#related-articles .ra-inner{max-width:1100px;margin:0 auto;}
#related-articles .ra-head{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:22px;}
#related-articles .ra-title{font-family:var(--brand-font-display, var(--brand-font));font-size:34px;line-height:1.1;letter-spacing:-0.02em;margin:0;text-wrap:balance;}
#related-articles .ra-subtitle{margin:0;max-width:560px;color:var(--brand-slate);font-size:16px;line-height:1.6;}
#related-articles .ra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ra-gap);}
#related-articles .ra-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);padding:18px 18px 16px;display:flex;flex-direction:column;min-height:220px;box-shadow:0 10px 25px rgba(11,91,95,0.08);}
#related-articles .ra-card-highlight{border-color:color-mix(in srgb, var(--brand-accent) 40%, var(--brand-border));box-shadow:0 14px 30px rgba(255,107,44,0.12);}
#related-articles .ra-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--brand-slate);font-size:12px;letter-spacing:0.02em;}
#related-articles .ra-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb, var(--brand-primary) 10%, var(--brand-surface));border:1px solid color-mix(in srgb, var(--brand-primary) 25%, var(--brand-border));color:var(--brand-ink);font-weight:700;}
#related-articles .ra-tag-alt{background:color-mix(in srgb, var(--brand-accent) 12%, var(--brand-surface));border-color:color-mix(in srgb, var(--brand-accent) 28%, var(--brand-border));}
#related-articles .ra-dot{opacity:0.65;}
#related-articles .ra-read{font-weight:600;}
#related-articles .ra-card-title{margin:0 0 10px;font-size:18px;line-height:1.35;letter-spacing:-0.01em;font-family:var(--brand-font-display, var(--brand-font));}
#related-articles .ra-card-desc{margin:0 0 14px;color:var(--brand-slate);font-size:14px;line-height:1.65;}
#related-articles .ra-link{margin-top:auto;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;color:var(--brand-primary);text-decoration:none;font-weight:800;border-radius:10px;padding:10px 12px;border:1px solid color-mix(in srgb, var(--brand-primary) 35%, var(--brand-border));background:color-mix(in srgb, var(--brand-primary) 6%, var(--brand-surface));}
#related-articles .ra-link-primary{color:var(--brand-ink);border-color:color-mix(in srgb, var(--brand-accent) 35%, var(--brand-border));background:color-mix(in srgb, var(--brand-accent) 12%, var(--brand-surface));}
#related-articles .ra-link:hover{background:color-mix(in srgb, var(--brand-primary) 12%, var(--brand-surface));}
#related-articles .ra-link-primary:hover{background:color-mix(in srgb, var(--brand-accent) 18%, var(--brand-surface));}
#related-articles .ra-arrow{font-size:18px;line-height:1;transform:translateY(-1px);}
#related-articles .ra-link:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-primary) 55%, white);outline-offset:2px;}
#related-articles .ra-card:focus-within{border-color:color-mix(in srgb, var(--brand-primary) 40%, var(--brand-border));}
#related-articles ::selection{background:color-mix(in srgb, var(--brand-accent) 35%, white);color:var(--brand-ink);}
@media (max-width: 960px){
  #related-articles{padding:44px 16px;}
  #related-articles .ra-head{flex-direction:column;align-items:flex-start;margin-bottom:18px;}
  #related-articles .ra-title{font-size:30px;}
  #related-articles .ra-grid{grid-template-columns:1fr;}
  #related-articles .ra-card{min-height:auto;}
}
@media (prefers-reduced-motion: reduce){
  #related-articles .ra-link{transition:none;}
}
/* section:article-hero */
/* section:article-hero */
#article-hero{--radius-sm:var(--brand-radius-sm,8px);--radius-md:var(--brand-radius-md,12px);--radius-lg:var(--brand-radius-lg,16px);background:var(--brand-bg);color:var(--brand-text);padding:clamp(20px,4vw,44px) 0 28px;}
#article-hero .article-hero__inner{max-width:1040px;margin:0 auto;padding:0 18px;}
#article-hero .article-hero__eyebrow{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:14px;}
#article-hero .article-hero__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--brand-border);border-radius:999px;background:var(--brand-surface);color:var(--brand-ink);font:600 12.5px/1.1 var(--brand-font-display, var(--brand-font));letter-spacing:.02em;}
#article-hero .article-hero__meta{color:var(--brand-slate);font:500 13.5px/1.2 var(--brand-font);}
#article-hero .article-hero__title{margin:0 0 14px;font-family:var(--brand-font-display, var(--brand-font));font-weight:800;letter-spacing:-0.02em;text-wrap:balance;font-size:clamp(28px,3.7vw,46px);line-height:1.08;}
#article-hero .article-hero__byline{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 16px;padding:12px 14px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);background:linear-gradient(180deg, var(--brand-surface), #ffffff);}
#article-hero .article-hero__byline-item{display:flex;gap:10px;align-items:baseline;}
#article-hero .article-hero__byline-label{color:var(--brand-slate);font:600 12.5px/1.2 var(--brand-font);}
#article-hero .article-hero__byline-value{color:var(--brand-ink);font:700 14px/1.2 var(--brand-font);}
#article-hero .article-hero__byline-sep{color:var(--brand-slate);font-weight:700;}
#article-hero .article-hero__lede{margin:0 0 18px;max-width:78ch;font:500 16.5px/1.65 var(--brand-font);color:var(--brand-text);}
#article-hero .article-hero__quick-actions{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;text-decoration:none;border-radius:var(--brand-radius-md,12px);padding:12px 14px;font:700 14.5px/1.1 var(--brand-font-display, var(--brand-font));min-width:150px;transition:background-color .15s ease,border-color .15s ease,color .15s ease;}
#article-hero .article-hero__btn--primary{background:var(--brand-primary);border:1px solid var(--brand-primary);color:#fff;}
#article-hero .article-hero__btn--ghost{background:#fff;border:1px solid var(--brand-border);color:var(--brand-ink);}
#article-hero .article-hero__btn:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-primary) 55%, #fff);outline-offset:3px;}
#article-hero .article-hero__btn:hover{background-color:color-mix(in srgb, var(--brand-primary) 92%, #fff);}
#article-hero .article-hero__btn--ghost:hover{background:var(--brand-surface);border-color:color-mix(in srgb, var(--brand-border) 70%, var(--brand-primary));}
#article-hero .article-hero__highlight{border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg,16px);background:var(--brand-surface);padding:16px 16px 14px;}
#article-hero .article-hero__highlight-title{margin:0 0 10px;font:800 16px/1.2 var(--brand-font-display, var(--brand-font));color:var(--brand-ink);}
#article-hero .article-hero__highlight-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;}
#article-hero .article-hero__highlight-list li{display:flex;gap:10px;align-items:flex-start;font:600 14.5px/1.45 var(--brand-font);color:var(--brand-text);}
#article-hero .article-hero__check{flex:0 0 auto;width:20px;height:20px;border-radius:6px;background:var(--brand-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:900 12px/1 var(--brand-font-display, var(--brand-font));margin-top:1px;}
#article-hero ::selection{background:color-mix(in srgb, var(--brand-secondary) 35%, #fff);color:var(--brand-ink);}
@media (max-width:640px){#article-hero .article-hero__byline{padding:10px 12px;}
#article-hero .article-hero__lede{font-size:16px;}
#article-hero .article-hero__btn{min-width:0;width:100%;}}
@media (prefers-reduced-motion: reduce){#article-hero .article-hero__btn{transition:none;}}

/* section:article-content */
/* section:article-content */
#article-content{--sc-ink:var(--brand-ink);--sc-slate:var(--brand-slate);--sc-border:var(--brand-border);--sc-mist:var(--brand-mist);--sc-surface:var(--brand-surface);--sc-bg:var(--brand-bg);--sc-primary:var(--brand-primary);--sc-secondary:var(--brand-secondary);background:var(--brand-bg);color:var(--brand-text);padding:24px 0 44px;}
#article-content ::selection{background:rgba(11,95,255,.18);}
#article-content .article-container{max-width:920px;margin:0 auto;padding:0 18px;}
#article-content .article{background:var(--brand-bg);}
#article-content .article-header{padding:18px 0 14px;}
#article-content .article-kicker{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.2 var(--brand-font);letter-spacing:.02em;color:var(--brand-primary);text-transform:uppercase;}
#article-content .article-kicker:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand-secondary);box-shadow:0 0 0 4px rgba(255,107,44,.16);}
#article-content .article-title{margin:12px 0 10px;font-family:var(--brand-font-display);font-size:40px;line-height:1.08;letter-spacing:-.02em;color:var(--brand-ink);text-wrap:balance;}
#article-content .article-subtitle{margin:0;max-width:70ch;font-size:18px;line-height:1.6;color:var(--brand-slate);}
#article-content .article-body{margin-top:18px;}
#article-content .article-body p{margin:14px 0;font-size:16.5px;line-height:1.8;color:var(--brand-text);}
#article-content .h3{margin:26px 0 10px;font-size:20px;line-height:1.3;letter-spacing:-.01em;color:var(--brand-ink);}
#article-content .list{margin:10px 0 14px;padding-left:20px;color:var(--brand-text);}
#article-content .list li{margin:10px 0;font-size:16px;line-height:1.75;}
#article-content .kpi-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0 10px;}
#article-content .kpi-card{border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg);background:linear-gradient(180deg, var(--brand-bg), var(--brand-surface));padding:14px 14px 12px;}
#article-content .kpi-title{margin:0 0 6px;font-size:16px;letter-spacing:-.01em;color:var(--brand-ink);}
#article-content .kpi-desc{margin:0;font-size:15.5px;line-height:1.7;color:var(--brand-text);}
#article-content .kpi-note{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--brand-slate);}
#article-content .examples{margin:10px 0 4px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg);background:var(--brand-surface);overflow:hidden;}
#article-content .example-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 14px;border-top:1px solid rgba(209,213,219,.8);align-items:start;}
#article-content .example-row:first-child{border-top:none;}
#article-content .example-label{margin:0;font:700 13px/1.3 var(--brand-font-display);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.03em;}
#article-content .example-text{margin:0;font-size:15.5px;line-height:1.65;color:var(--brand-text);}
#article-content .steps{margin:10px 0 6px;padding-left:20px;}
#article-content .steps li{margin:10px 0;font-size:16px;line-height:1.75;}
#article-content .article-cta{margin-top:26px;padding:16px 14px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg);background:var(--brand-bg);}
#article-content .cta-lead{margin:0 0 10px;font-weight:700;color:var(--brand-ink);}
#article-content .related-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 14px;}
#article-content .related-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand-primary);text-decoration:underline;text-decoration-color:rgba(11,95,255,.35);text-underline-offset:3px;}
#article-content .related-link:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:2px;border-radius:6px;}
#article-content .article-body a{color:var(--brand-primary);}
#article-content a{transition:color .15s ease,border-color .15s ease;}
@media (min-width:760px){
  #article-content .article-title{font-size:48px;}
  #article-content .kpi-grid{grid-template-columns:repeat(3,1fr);} 
  #article-content .example-row{grid-template-columns:140px 1fr;}
}
@media (prefers-reduced-motion:reduce){
  #article-content *{scroll-behavior:auto;}
}

/* section:related-articles */
/* section:related-articles */
#related-articles{--r-ink:var(--brand-ink);--r-text:var(--brand-text);--r-surface:var(--brand-surface);--r-border:var(--brand-border);--r-primary:var(--brand-primary);--r-accent:var(--brand-accent);
  padding:40px 0; background:var(--brand-bg); color:var(--brand-text);
}
#related-articles .related-articles__inner{max-width:980px; margin:0 auto; padding:0 20px;}
#related-articles .related-articles__header{display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:18px;}
#related-articles .related-articles__title{font-family:var(--brand-font-display); font-size:clamp(22px,2.4vw,30px); line-height:1.12; letter-spacing:-0.02em; margin:0; font-weight:800; text-wrap:balance;}
#related-articles .related-articles__subtitle{margin:0; max-width:560px; color:var(--brand-slate); font-size:15.5px; line-height:1.55;}
#related-articles .related-articles__list{list-style:none; padding:0; margin:18px 0 0; display:grid; grid-template-columns:1fr; gap:14px;}
#related-articles .related-articles__item{margin:0;}
#related-articles .related-card{background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:var(--radius-lg,16px); padding:18px 18px 16px; box-shadow:0 10px 30px rgba(11,95,255,0.06); position:relative; overflow:hidden;}
#related-articles .related-card::before{content:""; position:absolute; inset:-1px; background:linear-gradient(135deg, rgba(11,95,255,0.16), rgba(255,107,44,0.10)); opacity:0; transition:opacity 180ms ease; pointer-events:none;}
#related-articles .related-card:hover::before{opacity:1;}
#related-articles .related-card__meta{display:flex; align-items:center; gap:10px; color:var(--brand-slate); font-size:13px; margin-bottom:10px; font-weight:600;}
#related-articles .related-card__label{background:rgba(11,95,255,0.10); color:var(--brand-primary); border:1px solid rgba(11,95,255,0.18); padding:6px 10px; border-radius:999px; letter-spacing:0.01em;}
#related-articles .related-card--current .related-card__label{background:rgba(255,107,44,0.12); border-color:rgba(255,107,44,0.22); color:var(--brand-accent);}
#related-articles .related-card__dot{opacity:0.7;}
#related-articles .related-card__title{font-family:var(--brand-font-display); margin:0 0 8px; font-size:18px; line-height:1.35; letter-spacing:-0.01em; font-weight:800; text-wrap:balance;}
#related-articles .related-card__desc{margin:0 0 14px; color:var(--brand-slate); font-size:15px; line-height:1.6;}
#related-articles .related-card__actions{display:flex; align-items:center; justify-content:flex-start;}
#related-articles .related-card__link{display:inline-flex; align-items:center; gap:10px; padding:11px 14px; border-radius:var(--radius-md,12px); border:1px solid rgba(11,95,255,0.35); background:var(--brand-bg); color:var(--brand-primary); font-weight:800; text-decoration:none; font-size:14.5px;}
#related-articles .related-card__link:focus-visible{outline:3px solid rgba(11,95,255,0.35); outline-offset:2px;}
#related-articles .related-card--current{background:rgba(255,107,44,0.06); border-color:rgba(255,107,44,0.25); box-shadow:0 12px 36px rgba(255,107,44,0.08);}
#related-articles .related-card--current .related-card__link{border-color:rgba(255,107,44,0.35); color:var(--brand-accent);}
#related-articles .related-card--current .related-card__desc{color:color-mix(in srgb, var(--brand-slate) 85%, var(--brand-accent) 15%);}
#related-articles ::selection{background:rgba(11,95,255,0.22);}
#related-articles .related-card__link:active{transform:translateY(1px);}
@media (min-width:860px){
  #related-articles .related-articles__list{grid-template-columns:1fr 1fr; gap:16px;}
  #related-articles .related-articles__item:nth-child(3){grid-column:1 / -1;}
}
@media (prefers-reduced-motion: reduce){
  #related-articles .related-card::before{transition:none;}
  #related-articles .related-card__link:active{transform:none;}
}

/* Design-System basiert auf CSS Variablen */
.policy-page{background:var(--brand-bg); color:var(--brand-text); font-family:var(--brand-font); line-height:1.5; padding:0; margin:0;}
.policy-container{max-width:980px; margin:0 auto; padding:28px 18px 44px 18px;}
.policy-header{margin:0 0 18px 0; padding:18px 18px; background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:var(--radius-lg);}
.policy-title{margin:0 0 8px 0; font-size:28px; line-height:1.2; color:var(--brand-ink);}
.policy-lead{margin:0; color:var(--brand-slate); font-size:15px;}
.policy-section{margin:18px 0; padding:18px 18px; background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:var(--radius-lg);}
.policy-subtitle{margin:0 0 12px 0; font-size:18px; color:var(--brand-ink);}
.policy-text{margin:10px 0; font-size:15px; color:var(--brand-text);}
.policy-strong{font-weight:700;}
.policy-label{display:inline-block; min-width:118px; color:var(--brand-slate); font-weight:600;}
.policy-link{color:var(--brand-primary); text-decoration:underline;}
.policy-link:hover{color:var(--brand-secondary);}
.policy-grid{margin-top:12px; padding-top:12px; border-top:1px solid var(--brand-border);}
.policy-footer{margin:18px 0 0 0; padding:16px 18px; background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:var(--radius-lg);}
.policy-footnote{margin:8px 0; color:var(--brand-slate); font-size:13.5px;}
@media (max-width:520px){.policy-label{min-width:0; display:block; margin-bottom:2px;}}

:root{--brand-primary:#0B5FFF;--brand-secondary:#FF6B2C;--brand-accent:#FF6B2C;--brand-ink:#0B1B33;--brand-slate:#4B5563;--brand-mist:#E7ECF6;--brand-border:#D1D5DB;--brand-surface:#F5F7FB;--brand-bg:#FFFFFF;--brand-text:#111827;--brand-font:'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif}
.policy-page{font-family:var(--brand-font);background:var(--brand-bg);color:var(--brand-text);line-height:1.6}
.policy-wrapper{max-width:980px;margin:0 auto;padding:24px 16px 40px 16px}
.policy-header{padding:18px 18px 14px 18px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md)}
.policy-heading{margin:0 0 8px 0;font-size:28px;line-height:1.2;color:var(--brand-ink)}
.policy-lead{margin:0;font-size:16px;color:var(--brand-slate)}
.policy-section{margin-top:18px;padding:16px 18px;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--radius-md)}
.policy-subheading{margin:0 0 10px 0;font-size:18px;color:var(--brand-ink)}
.policy-text{margin:0 0 10px 0;color:var(--brand-text);font-size:15px}
.policy-list{margin:0;padding-left:18px}
.policy-li{margin:8px 0;color:var(--brand-text);font-size:15px}
.policy-link{color:var(--brand-primary);text-decoration:underline}
.policy-link:focus{outline:3px solid var(--brand-mist);outline-offset:2px;border-radius:6px}
.policy-footer{margin-top:18px}
.policy-footer-card{padding:18px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md)}
.policy-footer-heading{margin:0 0 10px 0;font-size:17px;color:var(--brand-ink)}
.policy-footer-text{margin:6px 0;color:var(--brand-text);font-size:14.5px}
.policy-footer-note{margin-top:12px;padding-top:12px;border-top:1px solid var(--brand-border);color:var(--brand-slate)}
@media (max-width:520px){.policy-wrapper{padding:18px 12px 28px 12px}.policy-heading{font-size:24px}.policy-section,.policy-header,.policy-footer-card{padding:14px 14px}}
 :root{--brand-primary:#0B5FFF;--brand-secondary:#FF6B2C;--brand-accent:#FF6B2C;--brand-ink:#0B1B33;--brand-slate:#4B5563;--brand-mist:#E7ECF6;--brand-border:#D1D5DB;--brand-surface:#F5F7FB;--brand-bg:#FFFFFF;--brand-text:#111827;--brand-font:'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif;} .policy-page{background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font);line-height:1.6;} .policy-wrapper{max-width:980px;margin:0 auto;padding:24px;} .policy-header{padding:18px 18px 6px 18px;} .policy-h1{margin:0 0 8px 0;font-size:34px;letter-spacing:-0.02em;color:var(--brand-ink);} .policy-lead{margin:0;color:var(--brand-slate);} .policy-content{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:18px; } .policy-p{margin:12px 0;} .policy-h2{margin:18px 0 8px 0;font-size:18px;color:var(--brand-ink);} .policy-h3{margin:16px 0 8px 0;font-size:16px;color:var(--brand-ink);} .policy-address{margin:10px 0 2px 0;padding:12px;border:1px solid var(--brand-border);border-radius:var(--radius-md);background:#fff;} .policy-address-line{margin:8px 0;color:var(--brand-ink);} .policy-label{display:inline-block;min-width:110px;font-weight:700;color:var(--brand-slate);} .policy-label-inline{font-weight:700;color:var(--brand-slate);} .policy-link{color:var(--brand-primary);text-decoration:underline;} .policy-link:hover{color:var(--brand-secondary);} .policy-form-wrap{margin-top:18px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--brand-border);background:#fff;} .policy-form{margin-top:10px;} .policy-field{margin:12px 0;} .policy-input,.policy-textarea{width:100%;box-sizing:border-box;border:1px solid var(--brand-border);border-radius:var(--radius-sm);padding:10px 12px;font-family:var(--brand-font);font-size:14px;background:#fff;color:var(--brand-text);} .policy-input:focus,.policy-textarea:focus{outline:3px solid rgba(11,95,255,0.25);border-color:var(--brand-primary);} .policy-textarea{resize:vertical;} .policy-button{display:inline-block;background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 14px;font-family:var(--brand-font);font-weight:700;cursor:pointer;} .policy-button:hover{background:var(--brand-secondary);} .policy-legalnote{margin:10px 0 0 0;color:var(--brand-slate);font-size:12.5px;} .policy-footer{margin-top:18px;padding:0 4px;} .policy-footer-card{border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:16px;background:#fff;} .policy-footer-title{margin:0 0 10px 0;font-weight:900;color:var(--brand-ink);} .policy-footer-text{margin:8px 0;color:var(--brand-ink);} @media (max-width:720px){.policy-wrapper{padding:14px;} .policy-h1{font-size:28px;} .policy-content{padding:14px;} .policy-label{min-width:90px;}}
.policy-page{background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font);line-height:1.55;}
.policy-wrapper{max-width:980px;margin:0 auto;padding:24px 18px 36px;}
.policy-header{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:18px 16px;margin-bottom:16px;}
.policy-title{margin:0 0 8px;font-family:var(--brand-font-display);font-size:28px;line-height:1.2;color:var(--brand-ink);}
.policy-lead{margin:0;color:var(--brand-slate);font-size:15px;}
.policy-content{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:18px 16px;}
.policy-h2{margin:18px 0 10px;font-size:18px;color:var(--brand-ink);}
.policy-p{margin:10px 0;color:var(--brand-text);font-size:15px;}
.policy-list{margin:8px 0 10px 18px;padding:0;}
.policy-li{margin:6px 0;color:var(--brand-text);font-size:15px;}
.policy-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;background:rgba(11,91,255,0.08);border:1px solid rgba(11,91,255,0.22);padding:2px 6px;border-radius:6px;white-space:nowrap;}
.policy-link{color:var(--brand-primary);text-decoration:underline;}
.policy-link:hover{color:var(--brand-secondary);}
.policy-footer{margin-top:16px;padding:16px;border:1px solid var(--brand-border);border-radius:var(--radius-lg);background:var(--brand-surface);}
.policy-footer-title{margin-top:0;}
@media (max-width:520px){.policy-wrapper{padding:18px 12px 28px;}.policy-header{padding:14px 12px;}.policy-content{padding:14px 12px;}}

/* Design-system variables expected on :root */
.policy-page{background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font-display);line-height:1.5;}
.policy-wrapper{max-width:980px;margin:0 auto;padding:24px;}
.policy-header{margin:0 0 18px 0;padding:18px 16px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-lg);}
.policy-title{margin:0 0 8px 0;font-size:34px;letter-spacing:0.2px;color:var(--brand-ink);}
.policy-intro{margin:0;font-size:16px;color:var(--brand-slate);}
.policy-panel{margin:0 0 16px 0;padding:16px;border:1px solid var(--brand-border);border-radius:var(--brand-lg);background:#fff;}
.policy-legal{background:var(--brand-surface);}
.policy-subtitle{margin:0 0 10px 0;font-size:18px;color:var(--brand-ink);}
.policy-text{margin:10px 0 0 0;font-size:14.5px;color:var(--brand-slate);}
.policy-list{margin:0;padding:0 0 0 18px;}
.policy-list-item{margin:8px 0;color:var(--brand-slate);font-size:14.5px;}
.policy-footer{margin-top:12px;padding:16px;border-radius:var(--lg);border:1px solid var(--brand-border);background:var(--brand-surface);display:block;}
.policy-footer-title{margin:0 0 8px 0;font-size:16px;color:var(--brand-ink);}
.policy-footer-block{margin-top:14px;}
.policy-footer-block:first-child{margin-top:0;}
.policy-link{color:var(--brand-primary);text-decoration:underline;}
.policy-strong{font-weight:700;color:var(--brand-ink);}
@media (max-width:640px){.policy-wrapper{padding:16px;}.policy-title{font-size:28px;}}