/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--zf3ba2-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--zf3ba2-ink, #111); background: var(--zf3ba2-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--zf3ba2-font-display, var(--zf3ba2-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--zf3ba2-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --zf3ba2-primary: #2563EB; --zf3ba2-secondary: #0F172A; --zf3ba2-accent: #1D4ED8; --zf3ba2-ink: #0B1220; --zf3ba2-slate: #475569; --zf3ba2-mist: #94A3B8; --zf3ba2-border: #E2E8F0; --zf3ba2-surface: #FFFFFF; --zf3ba2-bg: #F8FAFC; --zf3ba2-text: #111827; --zf3ba2-font: Charter, 'Sitka Text', Cambria, Georgia, serif; --zf3ba2-font-display: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, 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(--zf3ba2-border, #e5e7eb); background: var(--zf3ba2-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(--zf3ba2-border, #d1d5db); background: transparent; color: var(--zf3ba2-ink, #111); } [data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--zf3ba2-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-action="reject-all"] { background: var(--zf3ba2-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-panel] { margin-top: 1rem; border: 1px solid var(--zf3ba2-border, #e5e7eb); background: var(--zf3ba2-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(--zf3ba2-surface, #1a1a2e); color: var(--zf3ba2-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 */ /* zf3ba2:header */ /* zf3ba2:header */ #header{--hpad:18px;--vpad:14px;background:var(--zf3ba2-surface);border-bottom:1px solid var(--zf3ba2-border);position:sticky;top:0;z-index:50} #header .header-inner{max-width:1160px;margin:0 auto;padding:var(--vpad) var(--hpad);display:flex;align-items:center;justify-content:space-between;gap:18px} #header .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--zf3ba2-ink);min-width:220px} #header .brand-mark{width:34px;height:34px;border-radius:var(--zf3ba2-radius,14px);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--zf3ba2-border);background:var(--zf3ba2-bg);font-size:16px;line-height:1} #header .brand-name{font-family:var(--zf3ba2-font-display);font-weight:800;letter-spacing:-0.02em;font-size:16px} #header .nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center} #header .nav-link{color:var(--zf3ba2-slate);text-decoration:none;font-size:14px;line-height:1.2;padding:10px 10px;border-radius:10px;border:1px solid transparent} #header .nav-link:focus-visible{outline:3px solid color-mix(in srgb,var(--zf3ba2-primary) 30%, transparent);outline-offset:2px;border-color:color-mix(in srgb,var(--zf3ba2-primary) 30%, transparent)} #header .nav-link:hover{color:var(--zf3ba2-ink);border-color:var(--zf3ba2-border)} #header .header-actions{display:flex;align-items:center;gap:12px} #header .primary-button,#header .ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:var(--zf3ba2-radius,14px);padding:11px 14px;font-size:14px;font-weight:700;line-height:1;white-space:nowrap} #header .primary-button{background:var(--zf3ba2-primary);color:var(--zf3ba2-surface);border:1px solid color-mix(in srgb,var(--zf3ba2-primary) 80%, #0000)} #header .primary-button:hover{background:color-mix(in srgb,var(--zf3ba2-primary) 88%, #000);border-color:color-mix(in srgb,var(--zf3ba2-primary) 80%, #0000)} #header .ghost-button{background:var(--zf3ba2-surface);color:var(--zf3ba2-ink);border:1px solid var(--zf3ba2-border)} #header .ghost-button:hover{background:color-mix(in srgb,var(--zf3ba2-bg) 88%, var(--zf3ba2-surface));border-color:color-mix(in srgb,var(--zf3ba2-border) 70%, var(--zf3ba2-primary) 25%)} #header .menu-toggle{display:none;align-items:center;gap:10px;background:var(--zf3ba2-surface);color:var(--zf3ba2-ink);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-radius,14px);padding:10px 12px;font-weight:700;cursor:pointer} #header .menu-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--zf3ba2-primary) 30%, transparent);outline-offset:2px} #header .menu-toggle-icon{font-size:16px} #header .menu-toggle-label{font-size:14px} #header .mobile-menu{display:none} @media (max-width: 920px){ #header .nav{display:none} #header .ghost-button{display:none} #header .primary-button{display:none} #header .menu-toggle{display:inline-flex} } @media (max-width: 920px){ #header .mobile-menu{display:block;max-height:0;overflow:hidden;transition:max-height 220ms ease;background:var(--zf3ba2-surface);border-top:1px solid var(--zf3ba2-border)} #header .mobile-menu[aria-hidden="false"]{max-height:520px} #header .mobile-menu-inner{max-width:1160px;margin:0 auto;padding:14px var(--hpad) 18px;display:flex;flex-direction:column;gap:6px} #header .mobile-nav-link{text-decoration:none;color:var(--zf3ba2-slate);font-size:16px;font-weight:650;line-height:1.2;padding:12px 10px;border-radius:12px;border:1px solid transparent} #header .mobile-nav-link:hover{color:var(--zf3ba2-ink);border-color:var(--zf3ba2-border)} #header .mobile-nav-link:focus-visible{outline:3px solid color-mix(in srgb,var(--zf3ba2-primary) 30%, transparent);outline-offset:2px;border-color:color-mix(in srgb,var(--zf3ba2-primary) 30%, transparent)} #header .mobile-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px} #header .mobile-cta .ghost-button{display:inline-flex} #header .mobile-cta .primary-button{display:inline-flex} #header .mobile-footnote{margin:10px 0 0;color:var(--zf3ba2-mist);font-size:13px;line-height:1.5} } #header ::selection{background:color-mix(in srgb,var(--zf3ba2-primary) 28%, transparent)} #header .primary-button:disabled,#header .ghost-button:disabled{opacity:0.65;cursor:not-allowed} #header .primary-button:disabled{border-color:var(--zf3ba2-border)} @media (prefers-reduced-motion: reduce){ #header .mobile-menu{transition:none} } /* zf3ba2:footer */ /* zf3ba2:footer */ #footer{background:var(--zf3ba2-bg);color:var(--zf3ba2-ink);border-top:1px solid var(--zf3ba2-border);} #footer .footer-inner{max-width:1100px;margin:0 auto;padding:42px 18px 28px;} #footer .footer-top{display:flex;gap:26px;align-items:flex-start;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid var(--zf3ba2-border);} #footer .footer-brand{display:flex;gap:14px;align-items:flex-start;min-width:280px;} #footer .footer-mark{width:14px;height:46px;border-radius:10px;background:var(--zf3ba2-accent);box-shadow:0 10px 26px rgba(29,78,216,.18);} #footer .footer-title{font-family:var(--zf3ba2-font-display);font-size:18px;letter-spacing:-0.02em;font-weight:800;margin-top:2px;} #footer .footer-tagline{margin:8px 0 0;font-size:14px;line-height:1.7;color:var(--zf3ba2-slate);max-width:420px;} #footer .footer-nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end;} #footer .footer-nav-col{min-width:150px;} #footer .footer-nav-label{font-weight:800;font-size:13px;letter-spacing:.02em;color:var(--zf3ba2-ink);margin-bottom:10px;} #footer .footer-link{display:inline-block;color:var(--zf3ba2-ink);text-decoration:none;font-size:14px;line-height:1.9;padding:2px 0;border-bottom:1px solid transparent;} #footer .footer-link:hover{color:var(--zf3ba2-accent);border-bottom-color:rgba(29,78,216,.35);} #footer .footer-link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:4px;border-radius:6px;} #footer .footer-mid{display:grid;grid-template-columns:1.3fr .9fr;gap:22px;padding:22px 0 10px;} #footer .footer-company-title{font-weight:900;font-size:14px;letter-spacing:.02em;margin-bottom:10px;} #footer .footer-meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;} #footer .footer-meta li{font-size:13px;color:var(--zf3ba2-slate);line-height:1.6;} #footer .meta-k{color:var(--zf3ba2-ink);font-weight:700;} #footer .footer-contacts{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--radius-lg);padding:16px 16px;} #footer .footer-contact-row{display:flex;gap:18px;flex-wrap:wrap;} #footer .contact-item{min-width:160px;} #footer .contact-label{font-size:12px;font-weight:800;color:var(--zf3ba2-mist);text-transform:none;margin-bottom:6px;letter-spacing:.02em;} #footer .footer-note{margin-top:12px;font-size:13px;line-height:1.6;color:var(--zf3ba2-slate);} #footer .footer-bottom{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:18px;} #footer .footer-policies{display:flex;gap:16px;flex-wrap:wrap;} #footer .footer-policy{color:var(--zf3ba2-ink);text-decoration:none;font-size:13px;border-bottom:1px solid transparent;padding-bottom:2px;} #footer .footer-policy:hover{color:var(--zf3ba2-accent);border-bottom-color:rgba(29,78,216,.35);} #footer .footer-policy:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:4px;border-radius:6px;} #footer .footer-legal{display:flex;gap:10px;align-items:center;flex-wrap:wrap;} #footer .legal-muted{color:var(--zf3ba2-slate);font-size:13px;} #footer .legal-dot{color:var(--zf3ba2-border);} #footer .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;} #footer ::selection{background:rgba(29,78,216,.18);} @media (max-width:860px){ #footer .footer-top{flex-direction:column;gap:18px;} #footer .footer-mid{grid-template-columns:1fr;} #footer .footer-inner{padding-top:34px;} } @media (prefers-reduced-motion:reduce){ #footer .footer-link,#footer .footer-policy{transition:none;} } /* zf3ba2:hero */ /* zf3ba2:hero */ #hero.hero{background:var(--zf3ba2-bg);color:var(--zf3ba2-text);padding:64px 0 48px;} #hero .hero-inner{max-width:1100px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start;} #hero .hero-copy{padding:8px 0;} #hero .kicker{display:inline-block;font:600 12px/1.2 var(--zf3ba2-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zf3ba2-primary);background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);padding:10px 12px;border-radius:999px;margin-bottom:16px;} #hero .hero-title{font:800 44px/1.08 var(--zf3ba2-font-display);letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance;} #hero .hero-lede{margin:0 0 18px;font:400 17px/1.7 var(--zf3ba2-font);color:var(--zf3ba2-secondary);max-width:54ch;} #hero .hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 10px;} #hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--zf3ba2-radius-md);text-decoration:none;font:700 15px/1 var(--zf3ba2-font);border:1px solid transparent;} #hero .btn-primary{background:var(--zf3ba2-primary);color:var(--zf3ba2-surface);border-color:rgba(37,99,235,.35);box-shadow:0 10px 28px rgba(29,78,216,.16);} #hero .btn-primary:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;} #hero .btn-ghost{background:var(--zf3ba2-surface);color:var(--zf3ba2-secondary);border-color:var(--zf3ba2-border);} #hero .btn-ghost:focus-visible{outline:3px solid rgba(15,23,42,.18);outline-offset:3px;} #hero .accuracy-note{margin:10px 0 0;font:500 13px/1.5 var(--zf3ba2-font);color:var(--zf3ba2-slate);} #hero .hero-panel{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-radius-lg);padding:18px;box-shadow:0 18px 44px rgba(15,23,42,.06);position:relative;overflow:hidden;} #hero .hero-panel::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(900px 280px at 10% -10%, rgba(29,78,216,.14), transparent 55%);} #hero .hero-panel-head{position:relative;z-index:1;padding:8px 6px 14px;} #hero .hero-panel-title{font:800 16px/1.3 var(--zf3ba2-font);margin:0 0 6px;} #hero .hero-panel-sub{font:500 13px/1.5 var(--zf3ba2-font);color:var(--zf3ba2-slate);} #hero .steps{list-style:none;margin:0;padding:0;position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;} #hero .step{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:start;padding:12px;border-radius:var(--zf3ba2-radius-md);border:1px solid rgba(226,232,240,.8);background:rgba(248,250,252,.55);} #hero .step-num{font:800 14px/1 var(--zf3ba2-font);letter-spacing:.02em;color:var(--zf3ba2-primary);background:rgba(37,99,235,.10);border:1px solid rgba(37,99,235,.18);padding:10px 0;text-align:center;border-radius:12px;} #hero .step-title{font:800 15px/1.2 var(--zf3ba2-font);margin:2px 0 6px;} #hero .step-desc{font:400 13.5px/1.55 var(--zf3ba2-font);color:var(--zf3ba2-slate);} #hero .hero-panel-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 6px 4px;margin-top:6px;flex-wrap:wrap;} #hero .mini-list{display:flex;gap:8px;flex-wrap:wrap;} #hero .mini-pill{font:700 12px/1 var(--zf3ba2-font);color:var(--zf3ba2-secondary);border:1px solid var(--zf3ba2-border);background:var(--zf3ba2-bg);padding:10px 12px;border-radius:999px;} #hero .panel-link{font:800 14px/1 var(--zf3ba2-font);color:var(--zf3ba2-primary);text-decoration:none;} #hero .panel-link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;border-radius:6px;} #hero .panel-link:hover{text-decoration:underline;} #hero ::selection{background:rgba(37,99,235,.22);} @media (max-width: 900px){#hero .hero-inner{grid-template-columns:1fr;gap:18px;}#hero .hero-title{font-size:38px;}#hero .hero-panel{padding:16px;} } @media (prefers-reduced-motion: reduce){#hero .btn,#hero .panel-link{transition:none;} } /* zf3ba2:how-it-works */ /* zf3ba2:how-it-works */ #how-it-works{--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--container:1120px;--shadow:0 14px 40px rgba(37,99,235,.12);background:var(--zf3ba2-bg);color:var(--zf3ba2-text);padding:64px 16px;} #how-it-works .how-it-works__container{max-width:var(--container);margin:0 auto;} #how-it-works .how-it-works__header{max-width:820px;margin:0 0 28px 0;} #how-it-works .how-it-works__kicker{display:inline-block;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--zf3ba2-mist);font-weight:700;margin:0 0 10px 0;} #how-it-works .how-it-works__title{font-family:var(--zf3ba2-font-display);font-size:40px;line-height:1.08;margin:0 0 12px 0;letter-spacing:-.02em;text-wrap:balance;} #how-it-works .how-it-works__lede{margin:0;max-width:720px;color:var(--zf3ba2-slate);font-size:16px;line-height:1.7;} #how-it-works .how-it-works__steps{list-style:none;padding:0;margin:28px 0 0 0;display:flex;flex-direction:column;gap:18px;} #how-it-works .how-it-works__step{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--radius-lg);padding:22px 18px;box-shadow:0 10px 28px rgba(2,6,23,.04);display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch;} #how-it-works .how-it-works__step-left{padding:4px 6px 6px 6px;} #how-it-works .how-it-works__step-index{display:inline-flex;align-items:center;justify-content:center;width:44px;height:34px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--zf3ba2-accent);font-weight:800;font-family:var(--zf3ba2-font-display);letter-spacing:.04em;} #how-it-works .how-it-works__step-title{margin:10px 0 8px 0;font-size:22px;line-height:1.25;letter-spacing:-.01em;} #how-it-works .how-it-works__step-desc{margin:0;color:var(--zf3ba2-slate);font-size:15px;line-height:1.7;} #how-it-works .how-it-works__step-right{display:flex;} #how-it-works .how-it-works__signal,#how-it-works .how-it-works__checklist,#how-it-works .how-it-works__composer{border-radius:var(--radius-md);background:linear-gradient(180deg, rgba(37,99,235,.06), rgba(37,99,235,.02));border:1px solid rgba(37,99,235,.18);padding:16px 16px 14px 16px;min-height:100%;width:100%;} #how-it-works .how-it-works__signal-label,#how-it-works .how-it-works__checklist-title,#how-it-works .how-it-works__composer-title{font-weight:800;color:var(--zf3ba2-ink);margin:0 0 10px 0;font-size:14px;} #how-it-works .how-it-works__signal-list{margin:0;padding:0 0 0 18px;color:var(--zf3ba2-slate);line-height:1.7;font-size:14px;} #how-it-works .how-it-works__checklist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;} #how-it-works .how-it-works__checklist-list li{display:flex;gap:10px;align-items:flex-start;color:var(--zf3ba2-slate);font-size:14px;line-height:1.6;} #how-it-works .how-it-works__bullet{width:10px;height:10px;border-radius:3px;background:rgba(37,99,235,.22);border:1px solid rgba(37,99,235,.35);margin-top:6px;flex:0 0 auto;} #how-it-works .how-it-works__smallprint{margin:10px 0 0 0;color:var(--zf3ba2-mist);font-size:12px;line-height:1.6;} #how-it-works .how-it-works__chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px 0;} #how-it-works .how-it-works__chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--zf3ba2-border);border-radius:999px;background:rgba(15,23,42,.03);color:var(--zf3ba2-ink);font-weight:700;font-size:13px;} #how-it-works .how-it-works__cta{display:inline-block;text-decoration:none;padding:10px 14px;border-radius:var(--radius-md);background:var(--zf3ba2-accent);color:var(--zf3ba2-surface);font-weight:800;border:1px solid rgba(29,78,216,.4);margin:8px 10px 0 0;} #how-it-works .how-it-works__cta:hover{background: #1b56c9;} #how-it-works .how-it-works__cta--secondary{background:var(--zf3ba2-surface);color:var(--zf3ba2-ink);border:1px solid rgba(11,18,32,.25);} #how-it-works .how-it-works__cta--secondary:hover{background:rgba(37,99,235,.06);border-color:rgba(29,78,216,.35);} #how-it-works .how-it-works__cta:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;} #how-it-works .how-it-works__bottom{margin-top:22px;display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;} #how-it-works .how-it-works__note{flex:1 1 320px;border:1px solid var(--zf3ba2-border);background:var(--zf3ba2-surface);border-radius:var(--radius-lg);padding:16px 16px 14px 16px;} #how-it-works .how-it-works__note-title{font-weight:900;margin:0 0 6px 0;letter-spacing:-.01em;} #how-it-works .how-it-works__note-text{margin:0;color:var(--zf3ba2-slate);line-height:1.7;font-size:14px;} #how-it-works .how-it-works__links{flex:0 0 auto;display:flex;gap:18px;flex-wrap:wrap;} #how-it-works .how-it-works__link{color:var(--zf3ba2-accent);text-decoration:none;font-weight:800;font-size:14px;} #how-it-works .how-it-works__link:hover{text-decoration:underline;} #how-it-works .how-it-works__link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;border-radius:8px;} #how-it-works ::selection{background:rgba(37,99,235,.20);} @media (max-width: 900px){ #how-it-works .how-it-works__title{font-size:32px;} #how-it-works .how-it-works__step{grid-template-columns:1fr;} #how-it-works .how-it-works__step-right{order:2;} #how-it-works .how-it-works__step-left{order:1;} #how-it-works .how-it-works__composer .how-it-works__cta{margin-right:0;} } @media (prefers-reduced-motion: reduce){ #how-it-works *{scroll-behavior:auto;transition:none !important;} } /* zf3ba2:trust-and-accuracy */ /* zf3ba2:trust-and-accuracy */ #trust-and-accuracy{--ta-accent:var(--zf3ba2-accent);--ta-ink:var(--zf3ba2-ink);--ta-bg:var(--zf3ba2-bg);--ta-surface:var(--zf3ba2-surface);--ta-border:var(--zf3ba2-border);--ta-muted:var(--zf3ba2-slate);--ta-mist:var(--zf3ba2-mist);padding:44px 20px;background:var(--zf3ba2-bg);color:var(--zf3ba2-text);} #trust-and-accuracy::selection{background:rgba(37,99,235,.18);} #trust-and-accuracy *{box-sizing:border-box;} #trust-and-accuracy .trust-accuracy__inner{max-width:1060px;margin:0 auto;} #trust-and-accuracy .trust-accuracy__header{margin-bottom:18px;} #trust-and-accuracy .trust-accuracy__eyebrow{display:inline-block;font:600 12px/1.1 var(--zf3ba2-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zf3ba2-accent);padding:8px 10px;border:1px solid var(--zf3ba2-border);border-radius:999px;background:var(--zf3ba2-surface);} #trust-and-accuracy .trust-accuracy__title{font:800 40px/1.08 var(--zf3ba2-font-display);letter-spacing:-.02em;margin:14px 0 10px;text-wrap:balance;color:var(--zf3ba2-ink);} #trust-and-accuracy .trust-accuracy__lead{margin:0;max-width:68ch;color:var(--zf3ba2-slate);font:500 16px/1.6 var(--zf3ba2-font);} #trust-and-accuracy .trust-accuracy__content{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start;margin-top:18px;} #trust-and-accuracy .trust-accuracy__card{border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-radius-lg,18px);background:var(--zf3ba2-surface);padding:22px 20px;} #trust-and-accuracy .trust-accuracy__card--primary{box-shadow:0 10px 26px rgba(37,99,235,.10);} #trust-and-accuracy .trust-accuracy__card-title{margin:0 0 14px;font:800 18px/1.3 var(--zf3ba2-font-display);color:var(--zf3ba2-ink);} #trust-and-accuracy .trust-accuracy__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;} #trust-and-accuracy .trust-accuracy__li{display:flex;gap:12px;align-items:flex-start;} #trust-and-accuracy .trust-accuracy__mark{width:26px;height:26px;border-radius:9px;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.30);display:inline-flex;align-items:center;justify-content:center;font:800 13px/1 var(--zf3ba2-font-display);color:var(--zf3ba2-accent);flex:0 0 auto;} #trust-and-accuracy .trust-accuracy__li-text{color:var(--zf3ba2-text);font:520 15px/1.55 var(--zf3ba2-font);} #trust-and-accuracy .trust-accuracy__side{display:flex;flex-direction:column;gap:14px;} #trust-and-accuracy .trust-accuracy__side-block{border:1px solid var(--zf3ba2-border);border-radius:18px;background:linear-gradient(180deg,var(--zf3ba2-surface),rgba(248,250,252,.9));padding:18px 16px;} #trust-and-accuracy .trust-accuracy__side-title{margin:0 0 8px;font:800 16px/1.3 var(--zf3ba2-font-display);color:var(--zf3ba2-ink);} #trust-and-accuracy .trust-accuracy__side-text{margin:0;color:var(--zf3ba2-slate);font:500 14px/1.6 var(--zf3ba2-font);} #trust-and-accuracy .trust-accuracy__policies{margin-top:18px;border-top:1px solid var(--zf3ba2-border);padding-top:16px;} #trust-and-accuracy .trust-accuracy__policy-copy{margin:0 0 12px;color:var(--zf3ba2-slate);font:520 15px/1.6 var(--zf3ba2-font);} #trust-and-accuracy .trust-accuracy__policy-links{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-bottom:14px;} #trust-and-accuracy .trust-accuracy__link{display:inline-flex;align-items:center;gap:8px;color:var(--zf3ba2-accent);text-decoration:none;border:1px solid var(--zf3ba2-border);background:var(--zf3ba2-surface);padding:10px 12px;border-radius:12px;font:700 14px/1 var(--zf3ba2-font);} #trust-and-accuracy .trust-accuracy__link:hover{border-color:rgba(37,99,235,.45);} #trust-and-accuracy .trust-accuracy__link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;} #trust-and-accuracy .trust-accuracy__quick-contact{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;} #trust-and-accuracy .trust-accuracy__quick-text{margin:0;color:var(--zf3ba2-slate);font:520 15px/1.6 var(--zf3ba2-font);max-width:60ch;} #trust-and-accuracy .trust-accuracy__button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:12px 16px;border-radius:14px;border:1px solid rgba(37,99,235,.55);background:var(--zf3ba2-primary);color:var(--zf3ba2-surface);text-decoration:none;font:800 15px/1 var(--zf3ba2-font-display);box-shadow:0 10px 22px rgba(37,99,235,.18);} #trust-and-accuracy .trust-accuracy__button:hover{background:rgba(37,99,235,.92);} #trust-and-accuracy .trust-accuracy__button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;} @media (max-width:860px){#trust-and-accuracy{padding:34px 16px;}#trust-and-accuracy .trust-accuracy__title{font-size:32px;}#trust-and-accuracy .trust-accuracy__content{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){#trust-and-accuracy *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* zf3ba2:examples */ /* zf3ba2:examples */ #examples.section-examples{--pad:clamp(18px,3.5vw,34px);padding:var(--pad) 0;background:var(--zf3ba2-bg);color:var(--zf3ba2-text);} #examples.section-examples *{box-sizing:border-box;} #examples.section-examples .examples-container{width:min(1120px,calc(100% - 2*var(--pad)));margin:0 auto;} #examples.section-examples .examples-header{margin-bottom:18px;} #examples.section-examples .examples-title{font-family:var(--zf3ba2-font-display);font-weight:760;font-size:clamp(26px,3.2vw,38px);letter-spacing:-0.02em;margin:0 0 10px;line-height:1.1;text-wrap:balance;} #examples.section-examples .examples-subtitle{margin:0;max-width:62ch;color:var(--zf3ba2-slate);font-size:16px;line-height:1.6;} #examples.section-examples .examples-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:stretch;} #examples.section-examples .example-card{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-radius,14px);border-radius:var(--zf3ba2-radius,14px);padding:16px 16px 14px;position:relative;overflow:hidden;} #examples.section-examples .example-card::before{content:"";position:absolute;inset:-2px auto auto -2px;width:10px;height:140px;background:var(--zf3ba2-accent);opacity:0.9;} #examples.section-examples .example-pill{display:inline-block;background:rgba(29,78,216,.08);color:var(--zf3ba2-accent);border:1px solid rgba(29,78,216,.22);padding:7px 10px;border-radius:999px;font-weight:650;font-size:12.5px;letter-spacing:0.01em;} #examples.section-examples .example-title{margin:10px 0 8px;font-size:18px;line-height:1.35;font-weight:720;letter-spacing:-0.01em;} #examples.section-examples .example-copy{margin:0;color:var(--zf3ba2-text);font-size:15.5px;line-height:1.75;white-space:pre-wrap;} #examples.section-examples .example-meta{margin-top:12px;color:var(--zf3ba2-mist);font-size:12.5px;letter-spacing:0.04em;text-transform:none;} #examples.section-examples .example-action{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(37,99,235,.35);background:var(--zf3ba2-surface);color:var(--zf3ba2-primary);border-radius:12px;padding:10px 12px;font-weight:700;cursor:pointer;} #examples.section-examples .example-action:hover{background:rgba(37,99,235,.06);} #examples.section-examples .example-action:active{transform:translateY(1px);} #examples.section-examples .example-action:disabled{opacity:.6;cursor:not-allowed;} #examples.section-examples .example-action:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;} #examples.section-examples .examples-note{margin-top:16px;display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.65);border:1px solid var(--zf3ba2-border);border-radius:16px;padding:14px 14px;} #examples.section-examples .examples-note-icon{flex:0 0 auto;width:28px;height:28px;border-radius:10px;background:rgba(37,99,235,.10);display:flex;align-items:center;justify-content:center;color:var(--zf3ba2-accent);font-weight:800;} #examples.section-examples .examples-note-text{margin:0;color:var(--zf3ba2-slate);font-size:14.5px;line-height:1.65;} #examples.section-examples .examples-actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;} #examples.section-examples .primary-link,#examples.section-examples .ghost-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:14px;padding:12px 14px;font-weight:780;font-size:15px;line-height:1.1;} #examples.section-examples .primary-link{background:var(--zf3ba2-primary);color:#fff;border:1px solid rgba(37,99,235,.2);} #examples.section-examples .primary-link:hover{filter:brightness(1.02);} #examples.section-examples .primary-link:active{transform:translateY(1px);} #examples.section-examples .primary-link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;} #examples.section-examples .ghost-link{background:var(--zf3ba2-surface);border:1px solid rgba(15,23,42,.22);color:var(--zf3ba2-ink);} #examples.section-examples .ghost-link:hover{background:rgba(15,23,42,.04);} #examples.section-examples .ghost-link:active{transform:translateY(1px);} #examples.section-examples .ghost-link:focus-visible{outline:3px solid rgba(15,23,42,.20);outline-offset:2px;} #examples.section-examples .example-card, #examples.section-examples .examples-note{box-shadow:0 10px 22px rgba(11,18,32,.06);} @media (min-width: 860px){ #examples.section-examples .examples-grid{grid-template-columns:repeat(3,1fr);gap:16px;} #examples.section-examples .example-card{padding:18px 18px 16px;} } @media (prefers-reduced-motion: reduce){ #examples.section-examples .example-action,#examples.section-examples .primary-link,#examples.section-examples .ghost-link{transition:none;} } #examples.section-examples ::selection{background:rgba(37,99,235,.18);} /* zf3ba2:pricing-preview */ /* zf3ba2:pricing-preview */ #pricing-preview{background:var(--zf3ba2-bg);color:var(--zf3ba2-text);padding:48px 0 64px;} #pricing-preview .container{max-width:1120px;margin:0 auto;padding:0 18px;} #pricing-preview .section-head{max-width:820px;margin:0 0 26px;} #pricing-preview .eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;font:700 12px/1.2 var(--zf3ba2-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zf3ba2-accent);} #pricing-preview .title{margin:0 0 12px;font:800 34px/1.15 var(--zf3ba2-font);letter-spacing:-.02em;text-wrap:balance;color:var(--zf3ba2-ink);} #pricing-preview .subtitle{margin:0;font:500 16px/1.7 var(--zf3ba2-font);color:var(--zf3ba2-slate);} #pricing-preview .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;} #pricing-preview .plan{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-radius-lg,18px);padding:22px 20px 18px;box-shadow:0 10px 24px rgba(37,99,235,.08);position:relative;} #pricing-preview .plan-popular{border-color:rgba(29,78,216,.55);box-shadow:0 14px 34px rgba(37,99,235,.14);} #pricing-preview .plan-name{margin:0 0 10px;font:800 18px/1.2 var(--zf3ba2-font);color:var(--zf3ba2-ink);} #pricing-preview .price-row{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;} #pricing-preview .price{font:900 34px/1 var(--zf3ba2-font);letter-spacing:-.02em;color:var(--zf3ba2-ink);font-variant-numeric:tabular-nums;} #pricing-preview .per{font:700 14px/1 var(--zf3ba2-font);color:var(--zf3ba2-slate);} #pricing-preview .plan-desc{margin:0 0 14px;font:500 14px/1.65 var(--zf3ba2-font);color:var(--zf3ba2-slate);} #pricing-preview .features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} #pricing-preview .features li{position:relative;padding-left:18px;font:500 14px/1.6 var(--zf3ba2-font);color:var(--zf3ba2-text);} #pricing-preview .features li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:3px;background:rgba(37,99,235,.16);border:1px solid rgba(37,99,235,.28);} #pricing-preview .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;} #pricing-preview .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:var(--zf3ba2-radius-md,14px);text-decoration:none;font:800 14px/1 var(--zf3ba2-font);border:1px solid transparent;letter-spacing:.01em;min-height:42px;} #pricing-preview .btn-primary{background:var(--zf3ba2-primary);color:var(--zf3ba2-surface);border-color:rgba(0,0,0,0);} #pricing-preview .btn-ghost{background:var(--zf3ba2-surface);color:var(--zf3ba2-ink);border-color:rgba(226,232,240,1);} #pricing-preview .btn-primary:hover{background:var(--zf3ba2-accent);} #pricing-preview .btn-ghost:hover{background:rgba(37,99,235,.06);border-color:rgba(29,78,216,.35);} #pricing-preview .btn:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;} #pricing-preview .popular-tag{position:absolute;top:16px;right:16px;background:rgba(29,78,216,.10);color:var(--zf3ba2-accent);border:1px solid rgba(29,78,216,.25);padding:7px 10px;border-radius:999px;font:800 12px/1 var(--zf3ba2-font);} #pricing-preview .note{margin-top:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-radius:var(--zf3ba2-radius-lg,18px);border:1px solid var(--zf3ba2-border);background:rgba(255,255,255,.75);padding:16px 18px;} #pricing-preview .note-text{margin:0;font:500 14px/1.7 var(--zf3ba2-font);color:var(--zf3ba2-slate);max-width:720px;} #pricing-preview .link-cta{display:inline-flex;align-items:center;gap:10px;font:900 14px/1.2 var(--zf3ba2-font);color:var(--zf3ba2-accent);text-decoration:none;padding:10px 0;white-space:nowrap;} #pricing-preview .link-cta::after{content:"→";color:var(--zf3ba2-accent);} #pricing-preview .link-cta:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;border-radius:10px;} #pricing-preview ::selection{background:rgba(37,99,235,.20);} @media (max-width: 980px){ #pricing-preview{padding:36px 0 54px;} #pricing-preview .plans{grid-template-columns:1fr;} #pricing-preview .note{flex-direction:column;} #pricing-preview .title{font-size:30px;} } @media (prefers-reduced-motion: reduce){ #pricing-preview .btn, #pricing-preview .link-cta{transition:none;} } /* zf3ba2:faq */ /* zf3ba2:faq */ #faq.faq-section{background:var(--zf3ba2-bg);color:var(--zf3ba2-text);padding:48px 0 64px;} #faq.faq-section .faq-inner{max-width:980px;margin:0 auto;padding:0 20px;} #faq.faq-section .faq-head{display:block;margin-bottom:18px;} #faq.faq-section .faq-title{font-family:var(--zf3ba2-font);font-size:42px;line-height:1.12;letter-spacing:-0.02em;margin:0 0 10px;font-weight:800;text-wrap:balance;} #faq.faq-section .faq-subtitle{margin:0;max-width:64ch;color:var(--zf3ba2-slate);font-size:16px;line-height:1.7;} #faq.faq-section .faq-accordion{margin-top:22px;} #faq.faq-section .faq-item{border:1px solid var(--zf3ba2-border);background:var(--zf3ba2-surface);border-radius:var(--zf3ba2-radius-md,14px);margin:12px 0;overflow:hidden;} #faq.faq-section .faq-trigger{width:100%;text-align:left;appearance:none;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 16px;cursor:pointer;color:var(--zf3ba2-ink);font-family:var(--zf3ba2-font);} #faq.faq-section .faq-q{font-size:16.5px;line-height:1.35;font-weight:750;letter-spacing:-0.005em;} #faq.faq-section .faq-icon{width:18px;height:18px;position:relative;flex:0 0 18px;} #faq.faq-section .faq-icon:before,#faq.faq-section .faq-icon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--zf3ba2-accent);border-radius:999px;} #faq.faq-section .faq-icon:before{width:14px;height:2px;} #faq.faq-section .faq-icon:after{width:2px;height:14px;transition:transform 200ms ease;} #faq.faq-section .faq-item[data-open="true"] .faq-icon:after{transform:translate(-50%,-50%) rotate(90deg);} #faq.faq-section .faq-panel{padding:0 16px 0;} #faq.faq-section .faq-a{padding:0 0 16px;color:var(--zf3ba2-text);font-size:15.5px;line-height:1.75;} #faq.faq-section .faq-a-links{display:block;} #faq.faq-section .faq-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;} #faq.faq-section .faq-link{display:inline-block;padding:10px 12px;border-radius:12px;border:1px solid var(--zf3ba2-border);background:var(--zf3ba2-surface);color:var(--zf3ba2-ink);text-decoration:none;font-weight:700;} #faq.faq-section .faq-link:focus-visible{outline:3px solid color-mix(in srgb, var(--zf3ba2-accent) 45%, white);outline-offset:2px;} #faq.faq-section .faq-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--zf3ba2-accent) 45%, white);outline-offset:2px;border-radius:12px;} #faq.faq-section .faq-item:focus-within{border-color:color-mix(in srgb, var(--zf3ba2-accent) 35%, var(--zf3ba2-border));} #faq.faq-section ::selection{background:color-mix(in srgb, var(--zf3ba2-accent) 35%, white);} @media (max-width: 720px){#faq.faq-section{padding:34px 0 46px;}#faq.faq-section .faq-title{font-size:34px;}#faq.faq-section .faq-trigger{padding:14px 14px;}#faq.faq-section .faq-q{font-size:16px;}} @media (prefers-reduced-motion: reduce){#faq.faq-section .faq-icon:after{transition:none;}} /* zf3ba2:contacts */ /* zf3ba2:contacts */ #contacts.contacts{--radius-sm:var(--zf3ba2-radius-sm,10px);--radius-md:var(--zf3ba2-radius-md,14px);--radius-lg:var(--zf3ba2-radius-lg,18px);background:var(--zf3ba2-bg);color:var(--zf3ba2-text);padding:64px 18px;} #contacts.contacts .contacts__container{max-width:1120px;margin:0 auto;} #contacts.contacts .contacts__header{max-width:760px;margin:0 0 26px;} #contacts.contacts .contacts__eyebrow{margin:0 0 10px;font:600 12px/1.2 var(--zf3ba2-font-display,Charter, 'Bitstream Charter', 'Sitka Text', Cambria, Georgia, serif);letter-spacing:.14em;text-transform:uppercase;color:var(--zf3ba2-accent);} #contacts.contacts .contacts__title{margin:0 0 10px;font:700 36px/1.15 var(--zf3ba2-font-display,Charter, 'Bitstream Charter', 'Sitka Text', Cambria, Georgia, serif);letter-spacing:-.02em;text-wrap:balance;} #contacts.contacts .contacts__lede{margin:0;font:400 16px/1.7 var(--zf3ba2-font,sans-serif);color:var(--zf3ba2-slate);} #contacts.contacts .contacts__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start;} #contacts.contacts .contacts__panel{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-radius-md,14px);padding:20px;box-shadow:0 10px 26px rgba(37,99,235,.08);} #contacts.contacts .contacts__panel--form{box-shadow:0 10px 26px rgba(15,23,42,.06);} #contacts.contacts .contacts__panelTitle{margin:0 0 14px;font:650 18px/1.3 var(--zf3ba2-font-display,Charter, 'Bitstream Charter', 'Sitka Text', Cambria, Georgia, serif);letter-spacing:-.01em;} #contacts.contacts .contacts__dl{margin:0;display:flex;flex-direction:column;gap:12px;} #contacts.contacts .contacts__row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start;} #contacts.contacts .contacts__dt{font:700 13px/1.5 var(--zf3ba2-font,sans-serif);color:var(--zf3ba2-ink);} #contacts.contacts .contacts__dd{margin:0;font:400 14px/1.6 var(--zf3ba2-font,sans-serif);color:var(--zf3ba2-text);} #contacts.contacts .contacts__link{color:var(--zf3ba2-text);text-decoration:underline;text-decoration-color:rgba(29,78,216,.35);text-underline-offset:3px;} #contacts.contacts .contacts__link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;border-radius:8px;} #contacts.contacts .contacts__note{margin:14px 0 0;color:var(--zf3ba2-slate);font:400 14px/1.7 var(--zf3ba2-font,sans-serif);} #contacts.contacts .contacts__form{display:flex;flex-direction:column;gap:14px;} #contacts.contacts .field__label{display:block;margin:0 0 7px;font:700 13px/1.4 var(--zf3ba2-font,sans-serif);color:var(--zf3ba2-ink);} #contacts.contacts .field__input{width:100%;box-sizing:border-box;border:1px solid var(--zf3ba2-border);background:var(--zf3ba2-surface);border-radius:var(--zf3ba2-radius-sm,10px);padding:11px 12px;font:400 14px/1.4 var(--zf3ba2-font,sans-serif);color:var(--zf3ba2-text);} #contacts.contacts .field__input::placeholder{color:var(--zf3ba2-mist);} #contacts.contacts .field__input:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;border-color:rgba(37,99,235,.55);} #contacts.contacts .field__textarea{width:100%;box-sizing:border-box;border:1px solid var(--zf3ba2-border);background:var(--zf3ba2-surface);border-radius:var(--zf3ba2-radius-sm,10px);padding:11px 12px;font:400 14px/1.5 var(--zf3ba2-font,sans-serif);color:var(--zf3ba2-text);resize:vertical;min-height:140px;} #contacts.contacts .field__textarea:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;border-color:rgba(37,99,235,.55);} #contacts.contacts .contacts__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:2px;} #contacts.contacts .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--zf3ba2-radius-sm,10px);padding:12px 14px;font:700 14px/1.2 var(--zf3ba2-font,sans-serif);text-decoration:none;cursor:pointer;border:1px solid transparent;} #contacts.contacts .button--primary{background:var(--zf3ba2-primary);color:var(--zf3ba2-surface);border-color:rgba(37,99,235,.35);} #contacts.contacts .button--primary:hover{background:var(--zf3ba2-accent);} #contacts.contacts .button--primary:active{transform:translateY(1px);} #contacts.contacts .button--primary:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;} #contacts.contacts .button--ghost{background:var(--zf3ba2-surface);color:var(--zf3ba2-ink);border-color:var(--zf3ba2-border);} #contacts.contacts .button--ghost:hover{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.35);} #contacts.contacts .button--ghost:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;} #contacts.contacts .contacts__fineprint{margin:2px 0 0;color:var(--zf3ba2-slate);font:400 12.5px/1.6 var(--zf3ba2-font,sans-serif);} #contacts.contacts ::selection{background:rgba(29,78,216,.18);} #contacts.contacts .field--inline{display:block;} @media (max-width: 900px){ #contacts.contacts{padding:52px 16px;} #contacts.contacts .contacts__title{font-size:30px;} #contacts.contacts .contacts__grid{grid-template-columns:1fr;} #contacts.contacts .contacts__row{grid-template-columns:104px 1fr;} } @media (prefers-reduced-motion: reduce){ #contacts.contacts .button{transition:none;} } /* zf3ba2:blog-list */ #blog-list{--radius-sm:var(--zf3ba2-radius-sm,10px);--radius-md:var(--zf3ba2-radius-md,14px);--radius-lg:var(--zf3ba2-radius-lg,18px);box-sizing:border-box;padding:48px 18px;background:var(--zf3ba2-bg);}#blog-list *,#blog-list *::before,#blog-list *::after{box-sizing:inherit}#blog-list .blog-list__container{max-width:1080px;margin:0 auto}#blog-list .blog-list__header{margin-bottom:26px}#blog-list .blog-list__eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--zf3ba2-slate);font:700 12px/1.2 var(--zf3ba2-font);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}#blog-list .blog-list__title{margin:0 0 10px;font:800 clamp(26px,3vw,38px)/1.15 var(--zf3ba2-font);letter-spacing:-0.02em;text-wrap:balance;color:var(--zf3ba2-ink)}#blog-list .blog-list__subtitle{margin:0;max-width:62ch;color:var(--zf3ba2-slate);font:500 15px/1.7 var(--zf3ba2-font)}#blog-list .blog-list__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}#blog-list .blog-card{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-radius-lg,18px);padding:18px 18px 16px;display:flex;flex-direction:column;min-height:220px}#blog-list .blog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}#blog-list .blog-card__tag{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--zf3ba2-accent) 10%, var(--zf3ba2-surface));border:1px solid color-mix(in srgb,var(--zf3ba2-accent) 35%, var(--zf3ba2-border));color:var(--zf3ba2-accent);font:700 12px/1 var(--zf3ba2-font);white-space:nowrap}#blog-list .blog-card__read{color:var(--zf3ba2-slate);font:600 12px/1 var(--zf3ba2-font);white-space:nowrap}#blog-list .blog-card__title{margin:0 0 10px;font:800 16px/1.35 var(--zf3ba2-font);color:var(--zf3ba2-ink);text-wrap:balance}#blog-list .blog-card__desc{margin:0 0 16px;color:var(--zf3ba2-slate);font:500 14px/1.7 var(--zf3ba2-font);flex:1}#blog-list .blog-card__actions{display:flex;align-items:center;gap:12px}#blog-list .blog-card__link{display:inline-flex;align-items:center;gap:10px;color:var(--zf3ba2-primary);text-decoration:none;font:800 14px/1.2 var(--zf3ba2-font);padding:10px 12px;border-radius:var(--zf3ba2-radius-md,14px);border:1px solid color-mix(in srgb,var(--zf3ba2-primary) 40%, var(--zf3ba2-border));background:var(--zf3ba2-surface)}#blog-list .blog-card__link:hover{background:color-mix(in srgb,var(--zf3ba2-primary) 10%, var(--zf3ba2-surface))}#blog-list .blog-card__link:active{transform:translateY(1px)}#blog-list .blog-card__link:focus-visible{outline:3px solid color-mix(in srgb,var(--zf3ba2-primary) 35%, transparent);outline-offset:2px}#blog-list ::selection{background:color-mix(in srgb,var(--zf3ba2-primary) 35%, transparent)}@media (max-width:920px){#blog-list{padding:40px 16px}#blog-list .blog-list__grid{grid-template-columns:1fr;gap:14px}#blog-list .blog-card{min-height:0}}@media (prefers-reduced-motion:reduce){#blog-list *{scroll-behavior:auto;transition:none !important;animation:none !important}} /* zf3ba2:article-hero */ /* zf3ba2:article-hero */ #article-hero{--r:18px;--shadow:0 18px 40px rgba(2,6,23,.08);background:var(--zf3ba2-bg);padding:64px 0 34px;} #article-hero .article-hero__inner{max-width:980px;margin:0 auto;padding:0 20px;} #article-hero .article-hero__kicker{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;} #article-hero .article-hero__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--zf3ba2-border);border-radius:999px;background:var(--zf3ba2-surface);color:var(--zf3ba2-ink);font:700 12px/1.1 var(--zf3ba2-font-display);} #article-hero .article-hero__meta{color:var(--zf3ba2-slate);font:600 13px/1.2 var(--zf3ba2-font);} #article-hero .article-hero__title{margin:0 0 18px;font:800 40px/1.08 var(--zf3ba2-font-display);letter-spacing:-.02em;color:var(--zf3ba2-ink);text-wrap:balance;} #article-hero .article-hero__sub{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;} #article-hero .article-hero__byline{flex:1 1 340px;min-width:280px;} #article-hero .article-hero__label{display:block;color:var(--zf3ba2-slate);font:700 12px/1.2 var(--zf3ba2-font);letter-spacing:.02em;text-transform:none;margin-bottom:6px;} #article-hero .article-hero__value{display:block;color:var(--zf3ba2-ink);font:600 16px/1.45 var(--zf3ba2-font);} #article-hero .article-hero__stats{flex:0 0 auto;display:flex;gap:18px;align-items:stretch;} #article-hero .stat{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--r);padding:14px 16px;box-shadow:0 10px 26px rgba(2,6,23,.05);min-width:160px;} #article-hero .stat__value{font:800 18px/1.2 var(--zf3ba2-font-display);color:var(--zf3ba2-ink);font-variant-numeric:tabular-nums;} #article-hero .stat__label{margin-top:6px;color:var(--zf3ba2-slate);font:650 12px/1.25 var(--zf3ba2-font);} #article-hero .article-hero__cta-row{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap;} #article-hero .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--r);text-decoration:none;border:1px solid var(--zf3ba2-border);font:750 14px/1.1 var(--zf3ba2-font-display);color:var(--zf3ba2-ink);background:var(--zf3ba2-surface);} #article-hero .button:focus-visible{outline:3px solid var(--zf3ba2-accent);outline-offset:3px;} #article-hero .button--primary{background:var(--zf3ba2-primary);border-color:var(--zf3ba2-primary);color:#fff;box-shadow:0 14px 34px rgba(37,99,235,.22);} #article-hero .button--primary:hover{background:var(--zf3ba2-accent);border-color:var(--zf3ba2-accent);} #article-hero .button--secondary:hover{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.35);} #article-hero .article-hero__lede{margin:18px 0 0;max-width:760px;color:var(--zf3ba2-slate);font:520 16px/1.65 var(--zf3ba2-font);} #article-hero::selection{background:rgba(37,99,235,.18);} @media (max-width:720px){#article-hero{padding:46px 0 24px;}#article-hero .article-hero__title{font-size:30px;}#article-hero .article-hero__stats{gap:12px;}#article-hero .stat{min-width:140px;padding:12px 14px;}} @media (prefers-reduced-motion:reduce){#article-hero .button{transition:none;}} /* zf3ba2:article-content */ /* zf3ba2:article-content */ #article-content.article-content{--pad:clamp(18px,3.2vw,28px);background:var(--zf3ba2-bg);color:var(--zf3ba2-text);font-family:var(--zf3ba2-font);padding:var(--pad) 0 34px;} #article-content .article-intro{max-width:860px;margin:0 auto;padding:0 var(--pad);} #article-content .article-kicker{display:inline-block;letter-spacing:.02em;text-transform:none;font-family:var(--zf3ba2-font);font-size:13px;color:var(--zf3ba2-slate);margin:0 0 10px;} #article-content .article-title{font-family:var(--zf3ba2-font-display);font-size:clamp(28px,4.2vw,44px);line-height:1.08;margin:0 0 14px;letter-spacing:-.02em;text-wrap:balance;} #article-content .article-lede{margin:0 0 18px;font-size:17px;line-height:1.7;color:var(--zf3ba2-text);max-width:74ch;} #article-content .article-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px;padding:0;list-style:none;} #article-content .meta-item{font-size:13px;color:var(--zf3ba2-slate);border:1px solid var(--zf3ba2-border);background:var(--zf3ba2-surface);padding:8px 10px;border-radius:var(--radius-sm,10px);} #article-content .article-body{max-width:860px;margin:18px auto 0;padding:0 var(--pad);} #article-content .content-block{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--radius-lg,18px);padding:18px 18px 16px;margin:0 0 16px;} #article-content .content-block:last-child{margin-bottom:0;} #article-content .h2{font-family:var(--zf3ba2-font-display);font-size:20px;line-height:1.35;margin:0 0 10px;letter-spacing:-.01em;text-wrap:balance;} #article-content .h3{font-family:var(--zf3ba2-font-display);font-size:16px;line-height:1.35;margin:0 0 6px;letter-spacing:-.01em;} #article-content .p{margin:0 0 12px;font-size:15.5px;line-height:1.75;color:var(--zf3ba2-text);} #article-content .p:last-child{margin-bottom:0;} #article-content .steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;} #article-content .step{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--radius-md,14px);border:1px solid var(--zf3ba2-border);background:linear-gradient(180deg, var(--zf3ba2-surface), var(--zf3ba2-bg));} #article-content .step-index{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--zf3ba2-slate);background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);font-variant-numeric:tabular-nums;} #article-content .step-content{min-width:0;} #article-content .quote-card{border:1px solid var(--zf3ba2-border);border-radius:var(--radius-md,14px);background:var(--zf3ba2-bg);padding:14px;margin-top:10px;} #article-content .quote-label{font-size:13px;color:var(--zf3ba2-slate);margin:0 0 8px;font-weight:700;} #article-content .pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:13.5px;line-height:1.65;color:var(--zf3ba2-ink);} #article-content .callout{margin-top:12px;border-left:4px solid var(--zf3ba2-accent);padding:10px 12px;border-radius:var(--radius-md,14px);background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);} #article-content .ul{margin:8px 0 0;padding:0 0 0 18px;color:var(--zf3ba2-text);} #article-content .li{margin:6px 0;font-size:14.5px;line-height:1.7;color:var(--zf3ba2-text);} #article-content .checklist{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px;} #article-content .check{border:1px solid var(--zf3ba2-border);background:var(--zf3ba2-surface);border-radius:var(--radius-md,14px);padding:12px 12px;font-size:14.5px;line-height:1.6;color:var(--zf3ba2-text);} #article-content .article-footer-nav{max-width:860px;margin:14px auto 0;padding:0 var(--pad);} #article-content .nav-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;} #article-content .link-accent{display:inline-flex;align-items:center;gap:8px;color:var(--zf3ba2-primary);text-decoration:underline;text-underline-offset:3px;font-weight:700;} #article-content .link-secondary{display:inline-flex;align-items:center;gap:8px;color:var(--zf3ba2-ink);text-decoration:underline;text-underline-offset:3px;} #article-content .link-accent:focus-visible,#article-content .link-secondary:focus-visible{outline:3px solid color-mix(in srgb, var(--zf3ba2-accent) 55%, white);outline-offset:3px;border-radius:10px;} #article-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} #article-content ::selection{background:color-mix(in srgb, var(--zf3ba2-accent) 30%, white);} @media (min-width:860px){ #article-content .content-block{padding:20px 22px 18px;} #article-content .checklist{grid-template-columns:1fr 1fr;} #article-content .step{padding:14px;} } @media (prefers-reduced-motion:reduce){ #article-content *{scroll-behavior:auto;} } /* zf3ba2:related-articles */ /* zf3ba2:related-articles */ #related-articles.related-articles{ background: var(--zf3ba2-bg); color: var(--zf3ba2-text); padding: 56px 0; } #related-articles .related-articles__inner{ width: min(1120px, calc(100% - 32px)); margin: 0 auto; } #related-articles .related-articles__header{ margin-bottom: 22px; } #related-articles .related-articles__eyebrow{ margin: 0 0 10px 0; color: var(--zf3ba2-slate); font-family: var(--zf3ba2-font); font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; } #related-articles .related-articles__title{ margin: 0; font-family: var(--zf3ba2-font-display); font-weight: 760; letter-spacing: -0.02em; font-size: clamp(22px, 2.6vw, 34px); line-height: 1.12; text-wrap: balance; } #related-articles .related-articles__lead{ margin: 12px 0 0 0; color: var(--zf3ba2-slate); max-width: 68ch; font-size: 16px; line-height: 1.7; } #related-articles .related-articles__grid{ display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 22px; } #related-articles .related-card{ background: var(--zf3ba2-surface); border: 1px solid var(--zf3ba2-border); border-radius: var(--radius-lg); padding: 18px 18px 16px 18px; box-shadow: 0 10px 24px rgba(37, 99, 235, 0.08); position: relative; overflow: hidden; } #related-articles .related-card::before{ content: ""; position: absolute; inset: -1px -1px auto -1px; height: 6px; background: var(--zf3ba2-primary); } #related-articles .related-card__title{ margin: 10px 0 8px 0; font-weight: 720; font-size: 16px; line-height: 1.5; letter-spacing: -0.01em; } #related-articles .related-card__meta{ margin: 0 0 12px 0; color: var(--zf3ba2-mist); font-size: 13px; } #related-articles .related-card__link{ display: inline-flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--radius-md); border: 1px solid var(--zf3ba2-border); background: transparent; color: var(--zf3ba2-ink); text-decoration: none; font-weight: 650; } #related-articles .related-card__link::after{ content: "→"; color: var(--zf3ba2-primary); font-weight: 800; } #related-articles .related-card__link:focus-visible, #related-articles a.ghost-button:focus-visible{ outline: 3px solid rgba(37, 99, 235, 0.35); outline-offset: 3px; } #related-articles .related-card__link:hover{ border-color: rgba(37, 99, 235, 0.35); } #related-articles .related-articles__cta{ margin-top: 18px; } #related-articles .ghost-button{ display: inline-flex; align-items: center; justify-content: center; padding: 12px 16px; border-radius: var(--radius-md); border: 1px solid var(--zf3ba2-border); color: var(--zf3ba2-ink); background: var(--zf3ba2-surface); text-decoration: none; font-weight: 720; box-shadow: 0 8px 18px rgba(11, 18, 32, 0.06); } #related-articles .ghost-button:hover{ border-color: rgba(37, 99, 235, 0.4); } #related-articles .ghost-button:active{ transform: translateY(1px); } #related-articles ::selection{ background: rgba(37, 99, 235, 0.22); } @media (min-width: 860px){ #related-articles .related-articles__grid{ grid-template-columns: 1fr 1fr 1fr; gap: 16px; } #related-articles .related-card{ padding: 20px 20px 18px 20px; } } @media (prefers-reduced-motion: reduce){ #related-articles .related-card__link:active, #related-articles .ghost-button:active{ transform: none; } } /* zf3ba2:article-hero */ /* zf3ba2:article-hero */ #article-hero.article-hero{background:var(--zf3ba2-bg);color:var(--zf3ba2-text);padding:40px 0 26px;} #article-hero.article-hero .article-hero__inner{max-width:980px;margin:0 auto;padding:0 18px;} #article-hero.article-hero .article-hero__kicker{display:flex;align-items:center;gap:10px;margin-bottom:14px;} #article-hero.article-hero .article-hero__eyebrow{font:600 12px/1.2 var(--zf3ba2-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zf3ba2-secondary);background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.22);padding:7px 10px;border-radius:999px;} #article-hero.article-hero .article-hero__dot{color:var(--zf3ba2-mist);font-size:16px;} #article-hero.article-hero .article-hero__meta{font:500 14px/1.4 var(--zf3ba2-font);color:var(--zf3ba2-slate);} #article-hero.article-hero .article-hero__title{margin:0 0 16px;font:800 36px/1.12 var(--zf3ba2-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--zf3ba2-ink);} #article-hero.article-hero .article-hero__byline{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px;} #article-hero.article-hero .article-hero__pill{display:flex;align-items:baseline;gap:10px;background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--radius-md);padding:12px 14px;} #article-hero.article-hero .article-hero__pill-label{font:700 12px/1 var(--zf3ba2-font);letter-spacing:.02em;color:var(--zf3ba2-slate);text-transform:uppercase;} #article-hero.article-hero .article-hero__pill-value{font:700 14px/1.2 var(--zf3ba2-font);color:var(--zf3ba2-ink);} #article-hero.article-hero .article-hero__num{font-variant-numeric:tabular-nums;} #article-hero.article-hero .article-hero__lead{margin:0 0 22px;font:520 18px/1.7 var(--zf3ba2-font);color:var(--zf3ba2-text);max-width:62ch;} #article-hero.article-hero .article-hero__cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px;} #article-hero.article-hero .article-hero__link{display:inline-flex;align-items:center;gap:10px;color:var(--zf3ba2-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font:700 15px/1.2 var(--zf3ba2-font);} #article-hero.article-hero .article-hero__link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;border-radius:6px;} #article-hero.article-hero .article-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid rgba(37,99,235,.35);background:var(--zf3ba2-primary);color:var(--zf3ba2-surface);font:800 15px/1.1 var(--zf3ba2-font);text-decoration:none;} #article-hero.article-hero .article-hero__button:hover{background:var(--zf3ba2-accent);} #article-hero.article-hero .article-hero__button:active{transform:translateY(1px);} #article-hero.article-hero .article-hero__button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;} #article-hero.article-hero .article-hero__trust{background:rgba(255,255,255,.7);border:1px solid rgba(226,232,240,.9);border-radius:var(--radius-lg);padding:16px 16px 14px;box-shadow:0 10px 30px rgba(29,78,216,.08);} #article-hero.article-hero .trust-row{display:flex;gap:14px;flex-wrap:wrap;} #article-hero.article-hero .trust-row__item{display:flex;gap:12px;align-items:flex-start;min-width:220px;flex:1;} #article-hero.article-hero .trust-row__icon{width:28px;height:28px;border-radius:10px;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.25);display:flex;align-items:center;justify-content:center;color:var(--zf3ba2-accent);font:900 14px/1 var(--zf3ba2-font);} #article-hero.article-hero .trust-row__title{display:block;color:var(--zf3ba2-ink);font:850 14px/1.25 var(--zf3ba2-font);margin-bottom:4px;} #article-hero.article-hero .trust-row__desc{display:block;color:var(--zf3ba2-slate);font:540 13px/1.45 var(--zf3ba2-font);} #article-hero.article-hero .article-hero__disclaimer{margin:12px 0 0;color:var(--zf3ba2-slate);font:520 12.8px/1.6 var(--zf3ba2-font);} #article-hero .article-hero__title::selection,#article-hero .article-hero__lead::selection,#article-hero .article-hero__disclaimer::selection{background:rgba(37,99,235,.18);} @media (max-width:720px){ #article-hero.article-hero{padding:28px 0 18px;} #article-hero.article-hero .article-hero__title{font-size:28px;} #article-hero.article-hero .article-hero__lead{font-size:16.5px;} #article-hero.article-hero .article-hero__inner{padding:0 14px;} } @media (prefers-reduced-motion:reduce){ #article-hero.article-hero *{scroll-behavior:auto;transition:none !important;} #article-hero.article-hero .article-hero__button:active{transform:none;} } /* zf3ba2:article-content */ /* zf3ba2:article-content */ #article-content{--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--pad:clamp(18px,3.2vw,32px);background:var(--zf3ba2-bg);color:var(--zf3ba2-text);padding:26px 0 56px;} #article-content .article-content__wrap{max-width:920px;margin:0 auto;padding:0 var(--pad);} #article-content .article-content__header{padding:22px 0 10px;} #article-content .article-content__kicker{display:inline-block;padding:7px 12px;border:1px solid var(--zf3ba2-border);border-radius:999px;background:var(--zf3ba2-surface);color:var(--zf3ba2-slate);font-family:var(--zf3ba2-font);font-size:12.5px;letter-spacing:.02em;} #article-content .article-content__title{margin:14px 0 10px;font-family:var(--zf3ba2-font-display);font-weight:780;letter-spacing:-0.02em;line-height:1.08;text-wrap:balance;font-size:clamp(28px,4.4vw,44px);} #article-content .article-content__meta{margin:0;max-width:66ch;color:var(--zf3ba2-slate);font-size:16px;line-height:1.7;} #article-content .article-content__body{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--radius-lg);padding:22px 22px;box-shadow:0 14px 40px rgba(37,99,235,.07);} #article-content .article-content__body p{margin:14px 0;line-height:1.85;color:var(--zf3ba2-ink);font-size:16.2px;} #article-content .article-content__body h2{margin:26px 0 10px;font-size:20px;font-weight:780;letter-spacing:-0.01em;font-family:var(--zf3ba2-font-display);} #article-content .article-content__body h3{margin:18px 0 8px;font-size:17px;font-weight:720;letter-spacing:-0.005em;font-family:var(--zf3ba2-font-display);} #article-content .article-content__list{margin:12px 0 6px;padding-left:18px;color:var(--zf3ba2-ink);} #article-content .article-content__list li{margin:10px 0;line-height:1.8;font-size:16.2px;} #article-content .article-content__callout{margin:14px 0 6px;padding:14px 14px;border-left:4px solid var(--zf3ba2-accent);background:rgba(29,78,216,.06);border-radius:var(--radius-md);border:1px solid rgba(29,78,216,.22);} #article-content .article-content__callout-title{font-weight:780;margin:0 0 8px;color:var(--zf3ba2-ink);} #article-content .article-content__quote{margin:12px 0;font-size:16.2px;line-height:1.85;padding:12px 14px;border:1px solid var(--zf3ba2-border);border-radius:var(--radius-md);background:linear-gradient(180deg, rgba(37,99,235,.06), rgba(255,255,255,0));} #article-content .article-content__checks{list-style:none;margin:10px 0 0;padding:0;} #article-content .article-content__checks li{position:relative;padding-left:18px;margin:10px 0;line-height:1.85;font-size:16.2px;} #article-content .article-content__checks li::before{content:"";position:absolute;left:0;top:.75em;width:10px;height:10px;border-radius:3px;background:rgba(37,99,235,.16);border:1px solid rgba(37,99,235,.35);} #article-content .article-content__cta-block{margin:26px -22px -6px; padding:22px 22px; background:rgba(248,250,252,.9); border-top:1px solid var(--zf3ba2-border);} #article-content .article-content__cta-title{margin:0 0 12px;font-family:var(--zf3ba2-font-display);font-size:18px;font-weight:780;letter-spacing:-0.01em;} #article-content .article-content__cta-actions{display:flex;gap:12px;flex-wrap:wrap;} #article-content .article-content__button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:11px 16px;font-weight:740;letter-spacing:-0.01em;font-size:14.5px;line-height:1.2;min-height:42px;border:1px solid transparent;} #article-content .article-content__button:focus-visible{outline:3px solid rgba(29,78,216,.35);outline-offset:2px;} #article-content .article-content__button--primary{background:var(--zf3ba2-primary);color:var(--zf3ba2-surface);border-color:rgba(0,0,0,0);} #article-content .article-content__button--primary:hover{filter:brightness(0.98);} #article-content .article-content__button--ghost{background:var(--zf3ba2-surface);border-color:var(--zf3ba2-border);color:var(--zf3ba2-ink);} #article-content .article-content__button--ghost:hover{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.35);} #article-content .article-content__fineprint{margin:12px 0 0;color:var(--zf3ba2-slate);font-size:14.5px;line-height:1.7;} #article-content .article-content__section-divider{height:1px;background:var(--zf3ba2-border);margin:22px 0 6px;} #article-content .article-content__closing{margin:8px 0 0;} #article-content .article-content__disclaimer{margin-top:14px;padding:14px 16px;border:1px solid var(--zf3ba2-border);border-radius:var(--radius-md);background:var(--zf3ba2-surface);} #article-content .article-content__disclaimer-title{margin:0 0 8px;font-weight:820;color:var(--zf3ba2-ink);font-family:var(--zf3ba2-font-display);} #article-content .article-content__disclaimer p{margin:0;color:var(--zf3ba2-slate);line-height:1.75;font-size:14.8px;} #article-content ::selection{background:rgba(37,99,235,.22);} @media (max-width:720px){ #article-content .article-content__body{padding:18px 16px;} #article-content .article-content__cta-block{margin-left:-16px;margin-right:-16px;padding:18px 16px;} } @media (prefers-reduced-motion:reduce){ #article-content .article-content__button{transition:none;} } /* zf3ba2:related-articles */ /* zf3ba2:related-articles */ #related-articles{--ra-accent:var(--zf3ba2-accent);--ra-ink:var(--zf3ba2-ink);--ra-slate:var(--zf3ba2-slate);--ra-border:var(--zf3ba2-border);--ra-surface:var(--zf3ba2-surface);--ra-bg:var(--zf3ba2-bg);--ra-mist:var(--zf3ba2-mist);background:var(--ra-bg);color:var(--ra-ink);padding:40px 16px;} #related-articles .related-articles__inner{max-width:1080px;margin:0 auto;} #related-articles .related-articles__header{padding:10px 0 22px;} #related-articles .related-articles__eyebrow{margin:0 0 10px;font:600 12px/1.2 var(--zf3ba2-font);letter-spacing:0.12em;text-transform:uppercase;color:var(--zf3ba2-accent);} #related-articles .related-articles__title{margin:0 0 10px;font:700 34px/1.1 var(--zf3ba2-font-display);letter-spacing:-0.02em;text-wrap:balance;} #related-articles .related-articles__lede{margin:0;max-width:64ch;color:var(--zf3ba2-slate);font:400 16px/1.7 var(--zf3ba2-font);} #related-articles .related-articles__list{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;align-items:stretch;} #related-articles .related-article-card{grid-column:span 4;background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:var(--zf3ba2-radius,14px);padding:18px 18px 16px;box-shadow:0 1px 0 rgba(37,99,235,0.08);position:relative;overflow:hidden;} #related-articles .related-article-card::before{content:"";position:absolute;inset:-1px -1px auto -1px;height:3px;background:linear-gradient(90deg,var(--zf3ba2-accent),transparent);opacity:0.9;} #related-articles .related-article-card--alt{border-color:rgba(29,78,216,0.25);} #related-articles .related-article-card__meta{display:flex;align-items:center;gap:10px;margin:2px 0 10px;} #related-articles .related-article-card__tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(29,78,216,0.10);color:var(--zf3ba2-accent);font:650 12px/1 var(--zf3ba2-font);border:1px solid rgba(29,78,216,0.22);} #related-articles .related-article-card__dot{color:var(--ra-slate);font:700 16px/1 var(--zf3ba2-font);} #related-articles .related-article-card__time{color:var(--ra-slate);font:500 13px/1.2 var(--zf3ba2-font);} #related-articles .related-article-card__title{margin:0 0 10px;font:700 18px/1.35 var(--zf3ba2-font-display);text-wrap:balance;} #related-articles .related-article-card__desc{margin:0 0 14px;color:var(--ra-slate);font:400 14px/1.65 var(--zf3ba2-font);} #related-articles .related-article-card__link{display:inline-flex;align-items:center;gap:10px;color:var(--zf3ba2-accent);text-decoration:none;font:700 14px/1.2 var(--zf3ba2-font);border-radius:var(--zf3ba2-radius,14px);padding:10px 12px;border:1px solid rgba(29,78,216,0.35);background:rgba(29,78,216,0.06);} #related-articles .related-article-card__link:focus-visible{outline:3px solid rgba(37,99,235,0.35);outline-offset:2px;} #related-articles .related-article-card__link:hover{background:rgba(29,78,216,0.12);} #related-articles .related-articles__bottom{margin-top:18px;padding-top:16px;border-top:1px solid var(--ra-border);} #related-articles .related-articles__bottom-note{margin:0;color:var(--ra-slate);font:400 14px/1.7 var(--zf3ba2-font);} @media (max-width: 900px){ #related-articles{padding:34px 14px;} #related-articles .related-article-card{grid-column:span 6;} #related-articles .related-articles__title{font-size:30px;} } @media (max-width: 640px){ #related-articles .related-articles__title{font-size:26px;} #related-articles .related-articles__lede{font-size:15px;} #related-articles .related-article-card{grid-column:span 12;} #related-articles .related-article-card__title{font-size:17px;} } #related-articles ::selection{background:rgba(37,99,235,0.22);} @media (prefers-reduced-motion: reduce){ #related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* zf3ba2:article-hero */ /* zf3ba2:article-hero */ #article-hero{--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--pad:24px;--container:1040px;display:block;background:var(--zf3ba2-bg);color:var(--zf3ba2-text);padding:48px 0 28px;} #article-hero::selection{background:rgba(37,99,235,.18);} #article-hero a{color:var(--zf3ba2-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;} #article-hero a:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;border-radius:8px;} #article-hero .article-hero__wrap{max-width:var(--container);margin:0 auto;padding:0 20px;} #article-hero .article-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--zf3ba2-slate);font-size:13px;line-height:1.4;margin-bottom:18px;} #article-hero .article-hero__meta .kicker{font-weight:700;color:var(--zf3ba2-ink);letter-spacing:.02em;} #article-hero .article-hero__meta .dot{color:var(--zf3ba2-mist);} #article-hero .article-hero__title{font-family:var(--zf3ba2-font-display);font-weight:800;letter-spacing:-0.015em;font-size:40px;line-height:1.12;margin:0 0 16px;text-wrap:balance;} #article-hero .article-hero__subgrid{display:grid;grid-template-columns: 1.45fr .9fr;gap:20px;align-items:start;} #article-hero .article-hero__summary{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--radius-lg);padding:18px 18px 16px;} #article-hero .summary-lead{margin:0 0 12px;font-size:16px;line-height:1.65;color:var(--zf3ba2-ink);} #article-hero .summary-list{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--zf3ba2-text);} #article-hero .summary-list li{font-size:14.5px;line-height:1.55;color:var(--zf3ba2-text);} #article-hero .article-hero__cta{padding-top:2px;} #article-hero .cta-card{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--radius-lg);padding:18px;box-shadow:0 10px 24px rgba(37,99,235,.08);} #article-hero .cta-card__title{margin:0 0 10px;font-weight:800;font-size:16px;line-height:1.35;color:var(--zf3ba2-ink);} #article-hero .cta-card__body{margin:0 0 14px;color:var(--zf3ba2-text);line-height:1.65;font-size:14.5px;} #article-hero .cta-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;} #article-hero .button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:12px;font-weight:800;font-size:14px;letter-spacing:.01em;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;} #article-hero .button--primary{background:var(--zf3ba2-accent);color:var(--zf3ba2-surface);border:1px solid rgba(29,78,216,.45);text-decoration:none;} #article-hero .button--primary:hover{background:#1a56c5;} #article-hero .button--outline{background:transparent;color:var(--zf3ba2-accent);border:1px solid rgba(29,78,216,.5);text-decoration:none;} #article-hero .button--outline:hover{background:rgba(29,78,216,.08);} #article-hero .button:active{transform:translateY(1px);} #article-hero .button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;} #article-hero .cta-card__foot{margin:10px 0 0;color:var(--zf3ba2-slate);font-size:12.8px;line-height:1.55;} @media (max-width: 900px){ #article-hero{padding:38px 0 22px;} #article-hero .article-hero__title{font-size:32px;} #article-hero .article-hero__subgrid{grid-template-columns:1fr;} } @media (max-width: 520px){ #article-hero .article-hero__wrap{padding:0 16px;} #article-hero .article-hero__title{font-size:28px;} #article-hero .summary-list li{font-size:14px;} #article-hero .cta-card{padding:16px;} #article-hero .button{width:100%;} } @media (prefers-reduced-motion: reduce){ #article-hero .button{transition:none;} } /* zf3ba2:article-content */ /* zf3ba2:article-content */ #article-content{--sec-bg:var(--zf3ba2-bg);--sec-surface:var(--zf3ba2-surface);--sec-ink:var(--zf3ba2-ink);--sec-muted:var(--zf3ba2-slate);--sec-border:var(--zf3ba2-border);background:var(--sec-bg);padding:48px 0;color:var(--sec-ink);} #article-content .article{max-width:980px;margin:0 auto;padding:0 20px;} #article-content .article-head{padding:8px 0 22px;border-bottom:1px solid var(--sec-border);} #article-content .article-kicker{font:700 12px/1.4 var(--zf3ba2-font-display, var(--zf3ba2-font));letter-spacing:.08em;text-transform:uppercase;color:var(--zf3ba2-mist);margin:0 0 10px;} #article-content .article-title{margin:0 0 12px;font:800 34px/1.15 var(--zf3ba2-font-display, var(--zf3ba2-font));letter-spacing:-0.02em;text-wrap:balance;} #article-content .article-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--sec-muted);font:600 14px/1.4 var(--zf3ba2-font);} #article-content .meta-sep{opacity:.7;} #article-content .article-body{padding:22px 0 0;} #article-content h3{margin:28px 0 12px;font:800 22px/1.25 var(--zf3ba2-font-display, var(--zf3ba2-font));letter-spacing:-0.01em;} #article-content h4{margin:18px 0 8px;font:800 18px/1.25 var(--zf3ba2-font-display, var(--zf3ba2-font));} #article-content p{margin:10px 0;color:var(--sec-ink);font:450 16px/1.8 var(--zf3ba2-font);} #article-content strong{font-weight:800;} #article-content .article-list,#article-content .article-steps{margin:12px 0 6px;padding-left:22px;} #article-content .article-list li{margin:8px 0;color:var(--sec-ink);font:470 16px/1.75 var(--zf3ba2-font);} #article-content .article-steps{counter-reset:step;list-style:none;padding-left:0;margin-top:14px;} #article-content .article-steps li{position:relative;padding-left:44px;margin:12px 0;font:470 16px/1.7 var(--zf3ba2-font);} #article-content .article-steps li::before{content:counter(step);counter-increment:step;position:absolute;left:0;top:0;width:30px;height:30px;border-radius:999px;background:var(--zf3ba2-surface);border:1px solid var(--sec-border);display:flex;align-items:center;justify-content:center;color:var(--zf3ba2-accent);font:800 13px/1 var(--zf3ba2-font-display, var(--zf3ba2-font));} #article-content .example-block{margin:18px 0 8px;border:1px solid var(--sec-border);border-radius:var(--zf3ba2-radius-lg, 18px);background:var(--sec-surface);padding:16px 16px 14px;} #article-content .example-label{margin:0 0 8px;color:var(--zf3ba2-accent);font:800 14px/1.3 var(--zf3ba2-font-display, var(--zf3ba2-font));} #article-content .example-text p{margin:0;color:var(--sec-ink);} #article-content .bifold{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 6px;} #article-content .bifold-col{border:1px solid var(--sec-border);border-radius:var(--zf3ba2-radius-md, 14px);background:var(--sec-surface);padding:14px 14px 12px;} #article-content .bifold-col h4{margin-top:2px;} #article-content .mail-example{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 6px;} #article-content .mail-block{border:1px solid var(--sec-border);border-radius:var(--zf3ba2-radius-md, 14px);background:var(--sec-surface);padding:14px 14px 12px;} #article-content .mail-label{margin:0 0 8px;color:var(--zf3ba2-accent);font:800 13px/1.3 var(--zf3ba2-font-display, var(--zf3ba2-font));} #article-content .mail-text{margin:0 0 4px;color:var(--sec-ink);font:470 15px/1.75 var(--zf3ba2-font);} #article-content .closing{margin:26px 0 18px;padding:18px 16px;border-radius:var(--zf3ba2-radius-lg, 18px);border:1px solid var(--sec-border);background:linear-gradient(180deg, rgba(37,99,235,0.06), rgba(37,99,235,0.00));} #article-content .article-nav{margin:30px 0 10px;border-top:1px solid var(--sec-border);padding-top:18px;} #article-content .nav-title{margin:0 0 10px;color:var(--sec-muted);font:800 14px/1.3 var(--zf3ba2-font-display, var(--zf3ba2-font));} #article-content .nav-list{margin:0;padding-left:18px;} #article-content .nav-list li{margin:10px 0;} #article-content .nav-link{color:var(--zf3ba2-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font:650 16px/1.6 var(--zf3ba2-font);} #article-content .nav-link:focus-visible{outline:3px solid rgba(37,99,235,0.35);outline-offset:3px;border-radius:8px;} #article-content a{color:inherit;} #article-content ::selection{background:rgba(37,99,235,0.22);} #article-content *:focus{outline:none;} #article-content .article a:focus-visible{outline:3px solid rgba(37,99,235,0.35);outline-offset:3px;border-radius:8px;} @media (max-width: 860px){#article-content{padding:34px 0;}#article-content .article-title{font-size:28px;}#article-content .bifold,#article-content .mail-example{grid-template-columns:1fr;}#article-content h3{font-size:20px;}#article-content p,#article-content .article-list li,#article-content .article-steps li{font-size:15.5px;}} @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* zf3ba2:related-articles */ #related-articles{--ra-radius:14px;--ra-radius-lg:18px;--ra-max:1040px;--ra-pad:28px;--ra-gap:16px;font-family:var(--zf3ba2-font-display, var(--zf3ba2-font));color:var(--zf3ba2-text);background:var(--zf3ba2-bg);} #related-articles::selection{background:var(--zf3ba2-accent);color:var(--zf3ba2-surface);} #related-articles .ra-wrap{max-width:var(--ra-max);margin:0 auto;padding:48px 20px 10px;} #related-articles .ra-header{padding:0 0 20px;max-width:820px;} #related-articles .ra-kicker{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--zf3ba2-mist);font-weight:700;margin-bottom:10px;} #related-articles .ra-title{font-size:30px;line-height:1.18;letter-spacing:-.02em;margin:0 0 10px;font-weight:800;text-wrap:balance;} #related-articles .ra-subtitle{margin:0;color:var(--zf3ba2-slate);font-size:15px;line-height:1.7;} #related-articles .ra-list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--ra-gap);align-items:stretch;} #related-articles .ra-card{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--ra-radius);padding:18px 18px 16px;box-shadow:0 10px 30px rgba(37,99,235,.06);min-height:210px;display:flex;flex-direction:column;} #related-articles .ra-card-top{display:flex;flex-direction:column;gap:10px;} #related-articles .ra-pill{align-self:flex-start;border:1px solid var(--zf3ba2-border);background:var(--zf3ba2-bg);color:var(--zf3ba2-accent);font-weight:800;font-size:12px;letter-spacing:.02em;padding:7px 10px;border-radius:999px;} #related-articles .ra-card-link{color:var(--zf3ba2-ink);text-decoration:none;} #related-articles .ra-card-link:focus-visible{outline:3px solid color-mix(in oklab, var(--zf3ba2-accent) 55%, white 45%);outline-offset:3px;border-radius:10px;} #related-articles .ra-card-title{font-size:16px;line-height:1.35;font-weight:850;letter-spacing:-.01em;} #related-articles .ra-card-desc{margin:12px 0 0;color:var(--zf3ba2-slate);font-size:14px;line-height:1.7;} #related-articles .ra-card--current{background:color-mix(in oklab, var(--zf3ba2-accent) 10%, var(--zf3ba2-surface) 90%);border-color:color-mix(in oklab, var(--zf3ba2-accent) 25%, var(--zf3ba2-border) 75%);box-shadow:0 14px 40px rgba(29,78,216,.10);} #related-articles .ra-pill--current{background:color-mix(in oklab, var(--zf3ba2-accent) 14%, var(--zf3ba2-bg) 86%);border-color:color-mix(in oklab, var(--zf3ba2-accent) 28%, var(--zf3ba2-border) 72%);color:color-mix(in oklab, var(--zf3ba2-accent) 70%, var(--zf3ba2-ink) 30%);} #related-articles .ra-current-actions{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap;padding-top:14px;} #related-articles .ra-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:12px;text-decoration:none;font-weight:850;font-size:14px;line-height:1;min-height:40px;} #related-articles .ra-btn--primary{background:var(--zf3ba2-accent);color:var(--zf3ba2-surface);border:1px solid color-mix(in oklab, var(--zf3ba2-accent) 70%, var(--zf3ba2-ink) 30%);} #related-articles .ra-btn--primary:hover{background:color-mix(in oklab, var(--zf3ba2-accent) 90%, white 10%);} #related-articles .ra-btn--primary:focus-visible{outline:3px solid color-mix(in oklab, var(--zf3ba2-accent) 40%, white 60%);outline-offset:3px;} #related-articles .ra-btn--ghost{background:var(--zf3ba2-surface);color:var(--zf3ba2-ink);border:1px solid var(--zf3ba2-border);} #related-articles .ra-btn--ghost:hover{background:var(--zf3ba2-bg);} #related-articles .ra-btn--ghost:focus-visible{outline:3px solid color-mix(in oklab, var(--zf3ba2-accent) 35%, white 65%);outline-offset:3px;} #related-articles .ra-foot{padding:22px 2px 26px;} #related-articles .ra-foot-copy{margin:0;color:var(--zf3ba2-slate);font-size:13.5px;line-height:1.7;} @media (max-width: 960px){#related-articles .ra-list{grid-template-columns:1fr;gap:14px;}#related-articles .ra-title{font-size:26px;}#related-articles .ra-wrap{padding-top:40px;}} @media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none !important;}} /* zf3ba2:related-articles */ /* Design-system CSS (no external libraries) */ :root{ --zf3ba2-primary:#2563EB; --zf3ba2-secondary:#0F172A; --zf3ba2-accent:#1D4ED8; --zf3ba2-ink:#0B1220; --zf3ba2-slate:#475569; --zf3ba2-mist:#94A3B8; --zf3ba2-border:#E2E8F0; --zf3ba2-surface:#FFFFFF; --zf3ba2-bg:#F8FAFC; --zf3ba2-text:#111827; --zf3ba2-font: Charter, 'Sitka Text', Cambria, Georgia, serif; } .policy-page{background:var(--zf3ba2-bg);color:var(--zf3ba2-text);font-family:var(--zf3ba2-font);line-height:1.6;} .policy-container{max-width:980px;margin:0 auto;padding:32px 18px 28px 18px;} .policy-header{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--radius-lg);padding:22px 18px;} .policy-title{margin:0 0 8px 0;font-size:28px;letter-spacing:-0.01em;color:var(--zf3ba2-secondary);font-weight:800;} .policy-intro{margin:0;color:var(--zf3ba2-slate);font-size:15px;} .policy-section{margin-top:16px;background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--radius-lg);padding:18px 18px;} .policy-section-title{margin:0 0 8px 0;font-size:18px;color:var(--zf3ba2-secondary);font-weight:800;} .policy-text{margin:10px 0 0 0;color:var(--zf3ba2-ink);font-size:14.5px;} .policy-footer{margin-top:16px;background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--radius-lg);padding:18px 18px;} .policy-footer-title{margin:0 0 10px 0;font-size:16px;color:var(--zf3ba2-secondary);font-weight:800;} .policy-contact{margin:0;padding:0;list-style:none;} .policy-contact li{margin:8px 0;color:var(--zf3ba2-ink);font-size:14.5px;} .policy-contact-label{display:inline-block;min-width:150px;color:var(--zf3ba2-slate);font-weight:700;} .policy-contact-value{color:var(--zf3ba2-ink);} .policy-link{color:var(--zf3ba2-accent);text-decoration:none;border-bottom:1px solid rgba(29,78,216,0.25);} .policy-link:hover{border-bottom-color:rgba(29,78,216,0.7);} .policy-small{margin:14px 0 0 0;color:var(--zf3ba2-slate);font-size:12.5px;} @media (max-width:520px){ .policy-container{padding:24px 14px;} .policy-title{font-size:24px;} .policy-contact-label{min-width:120px;} } /* Design-system rooted styling (no external fonts/libraries). */ .policy-page{background:var(--zf3ba2-bg);color:var(--zf3ba2-text);font-family:var(--zf3ba2-font);line-height:1.6;} .policy-wrapper{max-width:980px;margin:0 auto;padding:24px 16px 32px;} .policy-header{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-lg);padding:20px 18px;margin-bottom:18px;} .policy-title{margin:0 0 8px 0;font-family:var(--zf3ba2-font-display);font-size:28px;letter-spacing:-0.02em;color:var(--zf3ba2-secondary);} .policy-lead{margin:0 0 10px 0;color:var(--zf3ba2-text);font-size:15px;} .policy-meta{margin:0;color:var(--zf3ba2-slate);font-size:13px;} .policy-section{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-lg);padding:16px 18px;margin:14px 0;} .policy-heading{margin:0 0 10px 0;font-size:18px;color:var(--zf3ba2-ink);} .policy-paragraph{margin:10px 0;color:var(--zf3ba2-text);font-size:14.5px;} .policy-list{margin:10px 0 0 18px;padding:0;} .policy-list-item{margin:8px 0;color:var(--zf3ba2-text);font-size:14.5px;} .policy-link{color:var(--zf3ba2-primary);text-decoration:none;border-bottom:1px solid rgba(37,99,235,0.35);} .policy-link:hover{color:var(--zf3ba2-accent);border-bottom-color:rgba(29,78,216,0.6);} .policy-footer{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-lg);padding:16px 18px;margin-top:18px;} .policy-footer-title{margin:0 0 10px 0;font-size:16px;color:var(--zf3ba2-ink);} .policy-footer-grid{display:block;} .policy-footer-line{margin:6px 0;color:var(--zf3ba2-slate);font-size:13.5px;} @media (max-width:560px){.policy-title{font-size:24px;}.policy-wrapper{padding-left:12px;padding-right:12px;}.policy-section,.policy-header,.policy-footer{padding-left:14px;padding-right:14px;}} .policy-page{background:var(--zf3ba2-bg);color:var(--zf3ba2-text);min-height:100vh;padding:28px 14px;font-family:var(--zf3ba2-font);} .policy-content{max-width:980px;margin:0 auto;background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-lg);padding:26px;} .policy-header{margin-bottom:18px;} .policy-title{font-family:var(--zf3ba2-font-display);font-size:28px;line-height:1.2;margin:0 0 8px 0;color:var(--zf3ba2-ink);} .policy-lead{margin:0 0 10px 0;color:var(--zf3ba2-slate);font-size:14px;} .policy-sublead{margin:0;color:var(--zf3ba2-text);font-size:15px;line-height:1.6;} .policy-section{margin:18px 0;padding-top:6px;} .policy-heading{font-size:18px;line-height:1.4;margin:0 0 10px 0;color:var(--zf3ba2-ink);} .policy-paragraph{margin:10px 0;color:var(--zf3ba2-text);line-height:1.7;font-size:14.5px;} .policy-note{color:var(--zf3ba2-slate);font-size:13.5px;margin-top:10px;} .policy-legal{font-weight:700;color:var(--zf3ba2-accent);} .policy-strong{font-weight:700;} .policy-list{margin:8px 0 0 18px;padding:0;line-height:1.7;} .policy-list li{margin:7px 0;color:var(--zf3ba2-text);font-size:14.5px;} .policy-card{border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-md);padding:14px;background:linear-gradient(180deg, rgba(37,99,235,0.05), rgba(37,99,235,0.02));} .policy-link{color:var(--zf3ba2-accent);text-decoration:underline;} .policy-link:hover{color:var(--zf3ba2-primary);} .policy-footer{margin-top:22px;} .policy-disclaimer{color:var(--zf3ba2-slate);font-size:13.5px;} .policy-meta{font-weight:600;} .policy-page{background:var(--zf3ba2-bg);color:var(--zf3ba2-text);padding:24px 14px;font-family:var(--zf3ba2-font-display);} .policy-container{max-width:980px;margin:0 auto;padding:16px;} .policy-header{background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-lg);padding:20px 18px;box-shadow:0 1px 0 rgba(0,0,0,0.03);} .policy-title{margin:0 0 8px 0;font-size:28px;line-height:1.2;color:var(--zf3ba2-secondary);letter-spacing:-0.2px;} .policy-lead{margin:0;font-size:14px;line-height:1.6;color:var(--zf3ba2-slate);} .policy-card{margin-top:14px;background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-lg);padding:18px 18px;} .policy-card-title{margin:0 0 10px 0;font-size:18px;line-height:1.3;color:var(--zf3ba2-secondary);} .policy-text{margin:0 0 10px 0;font-size:14px;line-height:1.75;color:var(--zf3ba2-text);} .policy-list{margin:0;padding-left:18px;} .policy-li{margin:6px 0;font-size:14px;line-height:1.7;color:var(--zf3ba2-text);} .policy-link-row{display:block;margin:10px 0 4px 0;} .policy-link{display:inline-block;margin:6px 10px 6px 0;color:var(--zf3ba2-accent);text-decoration:underline;text-underline-offset:3px;font-weight:600;} .policy-footnote{margin-top:10px;font-size:12.5px;line-height:1.6;color:var(--zf3ba2-slate);} .policy-footer{margin-top:16px;padding:16px 2px 4px 2px;} .policy-footer-grid{display:block;background:var(--zf3ba2-surface);border:1px solid var(--zf3ba2-border);border-radius:var(--zf3ba2-lg);padding:16px 16px;} .policy-footer-col{margin:0 0 12px 0;} .policy-footer-brand{margin:0 0 6px 0;font-size:16px;line-height:1.3;color:var(--zf3ba2-secondary);font-weight:800;} .policy-footer-meta{margin:0 0 8px 0;font-size:13px;line-height:1.6;color:var(--zf3ba2-text);} .policy-copyright{margin:10px 0 0 0;font-size:12px;line-height:1.6;color:var(--zf3ba2-mist);} @media (min-width:760px){.policy-container{padding:18px;} .policy-footer-col{float:left;width:50%;padding-right:10px;box-sizing:border-box;} .policy-footer-col:last-child{padding-right:0;} .policy-footer-grid::after{content:"";display:block;clear:both;}}