/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--ze81da-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--ze81da-ink, #111); background: var(--ze81da-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--ze81da-font-display, var(--ze81da-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--ze81da-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --ze81da-primary: #0B3A4B; --ze81da-secondary: #1E7A5A; --ze81da-accent: #1E7A5A; --ze81da-ink: #072A33; --ze81da-slate: #3E4F57; --ze81da-mist: #BFD1D6; --ze81da-border: #D7E2E6; --ze81da-surface: #FFFFFF; --ze81da-bg: #F4F6F7; --ze81da-text: #0F1B1F; --ze81da-font: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; --ze81da-font-display: 'Avenir Next', Avenir, 'Segoe UI', 'Century Gothic', sans-serif; } /* state utilities */ .is-open { display: block !important; } .is-active { display: block !important; } [hidden] { display: none !important; } /* framework-injected components (vanilla) */ [data-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--ze81da-border, #e5e7eb); background: var(--ze81da-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(--ze81da-border, #d1d5db); background: transparent; color: var(--ze81da-ink, #111); } [data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--ze81da-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-action="reject-all"] { background: var(--ze81da-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-panel] { margin-top: 1rem; border: 1px solid var(--ze81da-border, #e5e7eb); background: var(--ze81da-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(--ze81da-surface, #1a1a2e); color: var(--ze81da-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 */ /* ze81da:header */ /* ze81da:header */ #header{--shadow:0 10px 30px rgba(7,42,51,.10);--shadow2:0 2px 10px rgba(7,42,51,.08);position:relative;background:var(--ze81da-surface);border-bottom:1px solid var(--ze81da-border);font-family:var(--ze81da-font);} #header ::selection{background:rgba(30,122,90,.18);} #header .header-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;} #header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ze81da-ink);min-width:200px;} #header .brand:focus-visible{outline:3px solid rgba(30,122,90,.35);outline-offset:3px;border-radius:12px;} #header .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--ze81da-primary);color:var(--ze81da-surface);display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-.02em;box-shadow:var(--shadow2);} #header .brand-text{font-family:var(--ze81da-font-display);font-weight:800;letter-spacing:-.02em;} #header .nav{flex:1;display:flex;justify-content:center;} #header .nav-list{list-style:none;margin:0;padding:0;display:flex;gap:22px;align-items:center;} #header .nav-link{color:var(--ze81da-text);text-decoration:none;font-weight:650;font-size:14.5px;letter-spacing:.01em;padding:10px 8px;border-radius:10px;} #header .nav-link:focus-visible{outline:3px solid rgba(30,122,90,.35);outline-offset:2px;} #header .nav-link:hover{background:rgba(191,209,214,.35);} #header .header-cta{display:flex;align-items:center;gap:10px;} #header .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:10px 14px;text-decoration:none;font-weight:750;font-size:14.5px;line-height:1;cursor:pointer;border:1px solid transparent;} #header .btn:focus-visible{outline:3px solid rgba(30,122,90,.35);outline-offset:3px;} #header .btn-primary{background:var(--ze81da-primary);color:var(--ze81da-surface);border-color:rgba(11,58,75,.25);box-shadow:0 10px 24px rgba(11,58,75,.18);} #header .btn-primary:hover{background:#0A3446;} #header .btn-primary:active{transform:translateY(1px);} #header .btn-ghost{background:rgba(244,246,247,.55);color:var(--ze81da-primary);border-color:var(--ze81da-border);} #header .btn-ghost:hover{background:rgba(191,209,214,.35);} #header .menu-toggle{display:none;} #header .menu-toggle-icon{width:18px;height:12px;position:relative;display:inline-block;} #header .menu-toggle-icon::before,#header .menu-toggle-icon::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--ze81da-primary);border-radius:2px;} #header .menu-toggle-icon::before{top:0;} #header .menu-toggle-icon::after{bottom:0;} #header .menu-toggle-icon{background:linear-gradient(var(--ze81da-primary),var(--ze81da-primary)) center/100% 2px no-repeat;} #header .mobile-menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ze81da-surface);border-bottom:1px solid var(--ze81da-border);box-shadow:var(--shadow);} #header .mobile-menu-inner{max-width:1180px;margin:0 auto;padding:16px 18px 18px;} #header .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;} #header .mobile-menu-title{font-weight:850;color:var(--ze81da-text);letter-spacing:-.01em;} #header .mobile-menu-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;} #header .mobile-menu-link{display:block;text-decoration:none;color:var(--ze81da-text);font-weight:700;padding:10px 12px;border-radius:12px;border:1px solid transparent;} #header .mobile-menu-link:focus-visible{outline:3px solid rgba(30,122,90,.35);outline-offset:2px;} #header .mobile-menu-link:hover{background:rgba(191,209,214,.35);border-color:rgba(215,226,230,.8);} #header .mobile-menu-link-cta{background:var(--ze81da-primary);color:var(--ze81da-surface);border-color:rgba(11,58,75,.25);box-shadow:0 10px 24px rgba(11,58,75,.18);} #header .mobile-menu-link-cta:hover{background:#0A3446;} #header .mobile-menu-note{margin:12px 0 0;color:var(--ze81da-slate);font-size:13.5px;line-height:1.45;} @media (max-width: 940px){ #header .nav{display:none;} #header .menu-toggle{display:inline-flex;} #header .header-cta .btn-primary{display:none;} #header .mobile-menu[aria-hidden="false"], #header .mobile-menu.is-open{display:block;} } @media (prefers-reduced-motion: reduce){ #header *{scroll-behavior:auto;transition:none !important;} } /* ze81da:footer */ /* ze81da:footer */ #footer{--pad:clamp(18px,3vw,34px);--max:1100px;--gap:18px;position:relative;background:var(--ze81da-surface);color:var(--ze81da-text)} #footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--ze81da-border)} #footer .footer-inner{max-width:var(--max);margin:0 auto;padding:22px var(--pad) 18px} #footer .footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:8px 0 18px} #footer .brand-block{display:flex;align-items:flex-start;gap:14px;max-width:520px} #footer .brand-mark{width:40px;height:40px;border-radius:14px;background:var(--ze81da-primary);box-shadow:0 10px 28px rgba(11,58,75,.18);flex:0 0 auto;position:relative} #footer .brand-mark::after{content:"";position:absolute;left:11px;top:11px;width:18px;height:18px;border-radius:7px;background:var(--ze81da-secondary)} #footer .brand-name{margin:0;font-family:var(--ze81da-font-display);font-weight:800;letter-spacing:-.02em;font-size:18px;color:var(--ze81da-ink)} #footer .brand-tag{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--ze81da-slate)} #footer .footer-cta{border:1px solid var(--ze81da-border);background:var(--ze81da-bg);border-radius:var(--ze81da-radius-md,12px);padding:14px 16px;max-width:420px} #footer .footer-cta-title{margin:0 0 6px;font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--ze81da-ink);text-wrap:balance} #footer .footer-cta-text{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--ze81da-slate)} #footer .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 0.9fr;gap:26px;padding:6px 0 18px} #footer .footer-col{min-width:0} #footer .footer-heading{margin:0 0 10px;font-size:14px;font-weight:900;letter-spacing:.02em;text-transform:none;color:var(--ze81da-ink)} #footer .footer-text{margin:0;color:var(--ze81da-slate);font-size:14px;line-height:1.7} #footer .meta-list{margin:0;padding:0;list-style:none;display:grid;gap:8px} #footer .meta-k{display:inline-block;min-width:122px;color:var(--ze81da-slate);font-weight:700} #footer .meta-v{color:var(--ze81da-text)} #footer .contact-list{margin:0;padding:0;list-style:none;display:grid;gap:10px} #footer .policy-list{margin:0;padding:0;list-style:none;display:grid;gap:10px} #footer .muted{color:var(--ze81da-slate);font-weight:700} #footer .footer-legal{margin:12px 0 0;font-size:12.5px;line-height:1.6;color:var(--ze81da-slate)} #footer .link{color:var(--ze81da-primary);text-decoration:none;border-bottom:1px solid transparent} #footer .link:focus-visible{outline:3px solid rgba(30,122,90,.35);outline-offset:3px;border-bottom-color:rgba(30,122,90,.7)} #footer .link:hover{border-bottom-color:rgba(30,122,90,.8)} #footer .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:12px;font-weight:900;font-size:14px;line-height:1.1;text-decoration:none;border:1px solid transparent;cursor:pointer} #footer .btn-primary{background:var(--ze81da-primary);color:var(--ze81da-surface);border-color:rgba(0,0,0,0)} #footer .btn-primary:hover{background:#0a3444} #footer .btn-primary:focus-visible{outline:3px solid rgba(30,122,90,.35);outline-offset:3px} #footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--ze81da-border);padding-top:14px} #footer .copyright{margin:0;color:var(--ze81da-slate);font-size:13px} #footer .trust-badges{display:flex;gap:10px;flex-wrap:wrap} #footer .badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:8px 10px;border-radius:999px;border:1px solid var(--ze81da-border);background:var(--ze81da-surface);color:var(--ze81da-ink);font-weight:900;font-size:12.5px} #footer ::selection{background:rgba(30,122,90,.22);color:var(--ze81da-ink)} #footer *{box-sizing:border-box} @media (max-width: 920px){#footer .footer-top{flex-direction:column;align-items:flex-start}#footer .footer-grid{grid-template-columns:1fr;gap:18px}#footer .footer-bottom{flex-direction:column;align-items:flex-start}} @media (prefers-reduced-motion: reduce){#footer .btn-primary:hover{background:var(--ze81da-primary)}} /* ze81da:hero */ /* ze81da:hero */ #hero{--radius-lg:var(--ze81da-radius-lg,16px);} #hero.hero{background:var(--ze81da-bg);color:var(--ze81da-text);padding:56px 0 28px;} #hero .hero__container{max-width:1140px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start;} #hero .hero__copy{padding:12px 0;} #hero .hero__eyebrow{display:inline-block;background:rgba(30,122,90,.10);color:var(--ze81da-secondary);border:1px solid rgba(30,122,90,.25);padding:8px 12px;border-radius:999px;font:600 13px/1 var(--ze81da-font);letter-spacing:.02em;} #hero .hero__title{margin:16px 0 12px;font:800 46px/1.08 var(--ze81da-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--ze81da-ink);} #hero .hero__lead{margin:0 0 18px;max-width:60ch;font:400 17px/1.65 var(--ze81da-font);color:var(--ze81da-text);} #hero .hero__ctaRow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 20px;} #hero .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;min-height:44px;padding:10px 16px;font:700 15px/1 var(--ze81da-font);text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .12s ease;} #hero .button:focus-visible{outline:3px solid rgba(30,122,90,.35);outline-offset:2px;} #hero .button--primary{background:var(--ze81da-secondary);color:var(--ze81da-surface);border:1px solid rgba(30,122,90,.45);} #hero .button--primary:hover{background:#176f53;} #hero .button--ghost{background:transparent;color:var(--ze81da-ink);border:1px solid var(--ze81da-border);} #hero .button--ghost:hover{background:rgba(255,255,255,.7);border-color:rgba(11,58,75,.25);} #hero .hero__highlights{margin:16px 0 10px;display:grid;grid-template-columns:1fr;gap:12px;} #hero .highlight{padding:14px 14px;border:1px solid rgba(215,226,230,.9);background:rgba(255,255,255,.72);border-radius:var(--ze81da-radius-md,12px);} #hero .highlight__term{font:800 14px/1.2 var(--ze81da-font);color:var(--ze81da-ink);margin:0 0 8px;} #hero .highlight__desc{margin:0;font:400 14px/1.6 var(--ze81da-font);color:var(--ze81da-text);} #hero .hero__trust{margin:12px 0 0;max-width:62ch;color:var(--ze81da-slate);font:500 13.5px/1.6 var(--ze81da-font);} #hero .hero__visual{padding:10px 0;} #hero .hero__frame{border-radius:16px;background:var(--ze81da-surface);border:1px solid rgba(215,226,230,.95);box-shadow:0 14px 34px rgba(7,42,51,.08);overflow:hidden;position:relative;} #hero .hero__frame:before{content:"";position:absolute;inset:-2px auto auto -2px;width:180px;height:180px;background:radial-gradient(circle at 30% 30%, rgba(30,122,90,.18), rgba(30,122,90,0) 60%);pointer-events:none;} #hero .hero__frameTop{display:flex;align-items:center;gap:10px;padding:14px 14px;border-bottom:1px solid rgba(215,226,230,.9);position:relative;z-index:1;} #hero .dot{width:10px;height:10px;border-radius:50%;display:inline-block;} #hero .dot--red{background:#D94C4C;} #hero .dot--yellow{background:#E6B450;} #hero .dot--green{background:var(--ze81da-secondary);} #hero .hero__frameTitle{margin-left:auto;font:700 12px/1 var(--ze81da-font);color:var(--ze81da-slate);} #hero .hero__timeline{padding:14px 14px 6px;position:relative;z-index:1;} #hero .timeline__bar{height:10px;border-radius:999px;background:rgba(11,58,75,.08);border:1px solid rgba(215,226,230,.95);} #hero .timeline__markers{position:absolute;left:14px;right:14px;top:28px;height:14px;pointer-events:none;} #hero .marker{position:absolute;left:var(--m);top:0;transform:translateX(-50%);width:12px;height:12px;border-radius:4px;background:rgba(30,122,90,.18);border:1px solid rgba(30,122,90,.38);} #hero .hero__cards{display:grid;grid-template-columns:1fr;gap:10px;padding:12px 14px 6px;position:relative;z-index:1;} #hero .miniCard{border-radius:14px;border:1px solid rgba(215,226,230,.95);background:linear-gradient(180deg, rgba(244,246,247,.8), rgba(255,255,255,.95));padding:12px 12px 12px;} #hero .miniCard__title{margin:0 0 6px;font:900 14px/1.2 var(--ze81da-font);color:var(--ze81da-ink);} #hero .miniCard__text{margin:0;font:500 13px/1.5 var(--ze81da-font);color:var(--ze81da-slate);} #hero .miniCard--a{border-color:rgba(30,122,90,.26);} #hero .miniCard--b{background:rgba(255,255,255,.95);} #hero .miniCard--c{border-color:rgba(11,58,75,.16);} #hero .hero__progress{padding:14px 14px 16px;border-top:1px solid rgba(215,226,230,.9);position:relative;z-index:1;} #hero .progress__label{font:800 12px/1.2 var(--ze81da-font);color:var(--ze81da-ink);margin-bottom:10px;} #hero .progress__track{height:12px;border-radius:999px;background:rgba(11,58,75,.09);border:1px solid rgba(215,226,230,.95);overflow:hidden;} #hero .progress__fill{height:100%;background:var(--ze81da-secondary);border-radius:999px;} #hero .progress__meta{margin-top:8px;font:800 12px/1 var(--ze81da-font);color:var(--ze81da-slate);} #hero ::selection{background:rgba(30,122,90,.25);} @media (max-width: 900px){#hero .hero__container{grid-template-columns:1fr;gap:18px;}#hero .hero__title{font-size:38px;}} @media (max-width: 520px){#hero.hero{padding:42px 0 18px;}#hero .hero__title{font-size:32px;}#hero .button{width:100%;}} @media (prefers-reduced-motion: reduce){#hero .button{transition:none;}} /* ze81da:social-proof */ /* ze81da:social-proof */ #social-proof.social-proof{--sp-pad:clamp(18px,3.5vw,34px);background:var(--ze81da-bg);color:var(--ze81da-text);padding:var(--sp-pad) 0;} #social-proof .social-proof__inner{max-width:1120px;margin:0 auto;padding:0 18px;} #social-proof .social-proof__header{padding:0 0 18px 0;} #social-proof .social-proof__kicker{margin:0 0 10px 0;font:600 12px/1.2 var(--ze81da-font);letter-spacing:.08em;text-transform:uppercase;color:var(--ze81da-secondary);} #social-proof .social-proof__title{margin:0;max-width:28ch;font:700 clamp(22px,3vw,34px)/1.12 var(--ze81da-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--ze81da-ink);} #social-proof .social-proof__lede{margin:12px 0 0 0;max-width:70ch;font:500 15px/1.65 var(--ze81da-font);color:color-mix(in srgb,var(--ze81da-text) 82%, var(--ze81da-ink));} #social-proof .social-proof__grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px;} #social-proof .testimonial{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius-lg,16px);padding:16px 16px 14px 16px;} #social-proof .testimonial--accent{border-color:color-mix(in srgb,var(--ze81da-secondary) 35%, var(--ze81da-border));box-shadow:0 10px 28px color-mix(in srgb,var(--ze81da-secondary) 14%, transparent);} #social-proof .testimonial__quote{margin:0;font:600 15px/1.55 var(--ze81da-font);color:var(--ze81da-ink);} #social-proof .testimonial__meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;} #social-proof .testimonial__name{font:700 14px/1.2 var(--ze81da-font);color:var(--ze81da-secondary);} #social-proof .testimonial__role{font:500 13px/1.2 var(--ze81da-font);color:color-mix(in srgb,var(--ze81da-slate) 70%, var(--ze81da-text));} #social-proof .social-proof__note{margin-top:16px;background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius-lg,16px);padding:16px;display:flex;gap:12px;align-items:flex-start;} #social-proof .social-proof__note-icon{width:16px;height:16px;border-radius:50%;background:var(--ze81da-secondary);margin-top:4px;flex:0 0 auto;box-shadow:0 0 0 6px color-mix(in srgb,var(--ze81da-secondary) 14%, transparent);} #social-proof .social-proof__note-title{margin:0;font:800 13px/1.25 var(--ze81da-font);text-transform:none;color:var(--ze81da-ink);letter-spacing:.01em;} #social-proof .social-proof__note-text{margin:8px 0 0 0;font:500 14px/1.6 var(--ze81da-font);color:color-mix(in srgb,var(--ze81da-text) 84%, var(--ze81da-ink));} #social-proof .social-proof__cta-row{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;} #social-proof .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:10px;border-radius:var(--ze81da-radius-md,12px);padding:12px 14px;font:700 14px/1 var(--ze81da-font);border:1px solid transparent;min-height:44px;} #social-proof .button--primary{background:var(--ze81da-secondary);color:var(--ze81da-surface);border-color:color-mix(in srgb,var(--ze81da-secondary) 65%, var(--ze81da-secondary));} #social-proof .button--ghost{background:var(--ze81da-surface);color:var(--ze81da-ink);border-color:var(--ze81da-border);} #social-proof .button:focus-visible{outline:3px solid color-mix(in srgb,var(--ze81da-secondary) 40%, transparent);outline-offset:2px;} #social-proof .button--primary:hover{filter:saturate(1.05) brightness(0.98);} #social-proof .button--ghost:hover{border-color:color-mix(in srgb,var(--ze81da-secondary) 45%, var(--ze81da-border));} #social-proof .button[aria-disabled="true"]{opacity:.65;cursor:not-allowed;} #social-proof ::selection{background:color-mix(in srgb,var(--ze81da-secondary) 28%, transparent);} @media (min-width:720px){ #social-proof .social-proof__grid{grid-template-columns:repeat(2,1fr);gap:16px;} #social-proof .social-proof__header{padding-bottom:10px;} } @media (min-width:980px){ #social-proof .social-proof__grid{grid-template-columns:repeat(4,1fr);} #social-proof .testimonial{padding:16px 16px 14px 16px;} #social-proof .social-proof__cta-row{margin-top:20px;} } @media (prefers-reduced-motion:reduce){ #social-proof .button{transition:none;} } /* ze81da:process-steps */ /* ze81da:process-steps */ #process-steps{--ps-primary:var(--ze81da-primary);--ps-secondary:var(--ze81da-secondary);--ps-ink:var(--ze81da-ink);--ps-surface:var(--ze81da-surface);--ps-bg:var(--ze81da-bg);--ps-border:var(--ze81da-border);--ps-mist:var(--ze81da-mist);--ps-radius-sm:8px;--ps-radius-md:12px;--ps-radius-lg:16px;box-sizing:border-box;background:var(--ps-bg);color:var(--ze81da-text);padding:48px 0;} #process-steps *{box-sizing:inherit} #process-steps::selection{background:var(--ps-secondary);color:#fff} #process-steps .process-steps__inner{max-width:1120px;margin:0 auto;padding:0 20px} #process-steps .process-steps__header{margin-bottom:26px} #process-steps .process-steps__eyebrow{display:inline-block;font-family:var(--ze81da-font);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ze81da-slate);background:transparent;margin:0 0 10px 0} #process-steps .process-steps__title{font-family:var(--ze81da-font-display);font-size:40px;line-height:1.08;margin:0 0 10px 0;letter-spacing:-0.02em;text-wrap:balance} #process-steps .process-steps__lead{margin:0;max-width:70ch;font-size:16px;line-height:1.65;color:var(--ze81da-text)} #process-steps .process-steps__list{list-style:none;padding:0;margin:26px 0 26px 0;display:grid;grid-template-columns:1fr;gap:14px} #process-steps .step{display:flex;gap:16px;align-items:flex-start;padding:16px 16px;background:var(--ps-surface);border:1px solid var(--ps-border);border-radius:var(--ps-radius-md)} #process-steps .step__marker{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center;padding-top:2px} #process-steps .step__num{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:999px;background:var(--ps-primary);color:#fff;font-family:var(--ze81da-font-display);font-weight:700;letter-spacing:-0.03em} #process-steps .step__content{flex:1 1 auto} #process-steps .step__title{margin:0 0 6px 0;font-family:var(--ze81da-font-display);font-size:18px;letter-spacing:-0.01em} #process-steps .step__text{margin:0 0 12px 0;color:var(--ze81da-text);line-height:1.6;font-size:15px} #process-steps .step__meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center} #process-steps .step__time{font-variant-numeric:tabular-nums;color:var(--ps-ink);font-size:13px;background:var(--ps-mist);border:1px solid var(--ps-border);padding:7px 10px;border-radius:999px} #process-steps .step__tag{font-size:13px;color:var(--ps-secondary);border:1px solid color-mix(in srgb, var(--ps-secondary) 35%, var(--ps-border));background:color-mix(in srgb, var(--ps-secondary) 10%, var(--ps-surface));padding:7px 10px;border-radius:999px} #process-steps .process-steps__ctaRow{display:grid;grid-template-columns:1fr;gap:14px;align-items:start} #process-steps .process-steps__ctaCard{padding:16px 16px;background:color-mix(in srgb, var(--ps-secondary) 10%, var(--ps-surface));border:1px solid color-mix(in srgb, var(--ps-secondary) 22%, var(--ps-border));border-radius:var(--ps-radius-lg)} #process-steps .process-steps__ctaTitle{margin:0 0 6px 0;font-weight:800;font-family:var(--ze81da-font-display);letter-spacing:-0.01em} #process-steps .process-steps__ctaText{margin:0;line-height:1.6;color:var(--ze81da-text);font-size:15px} #process-steps .process-steps__cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:48px;padding:0 18px;border-radius:var(--ps-radius-md);background:var(--ps-primary);color:#fff;border:1px solid var(--ps-primary);font-weight:800;font-family:var(--ze81da-font-display);letter-spacing:-0.01em;transition:background .15s ease,border-color .15s ease,transform .15s ease} #process-steps .process-steps__cta:hover{background:color-mix(in srgb, var(--ps-primary) 86%, #000);border-color:color-mix(in srgb, var(--ps-primary) 86%, #000)} #process-steps .process-steps__cta:active{transform:translateY(1px)} #process-steps .process-steps__cta:focus-visible,.process-steps a:focus-visible{outline:3px solid color-mix(in srgb, var(--ps-secondary) 65%, #fff);outline-offset:3px} @media (min-width:860px){#process-steps{padding:64px 0}.process-steps__title{font-size:48px}.process-steps__list{gap:16px}.process-steps__ctaRow{grid-template-columns:1.2fr .8fr;align-items:stretch}.process-steps__ctaCard{display:flex;flex-direction:column;justify-content:center}} @media (prefers-reduced-motion:reduce){#process-steps *{scroll-behavior:auto}#process-steps .process-steps__cta{transition:none}} /* ze81da:video-offer */ /* ze81da:video-offer */ #video-offer{background:var(--ze81da-bg);color:var(--ze81da-text);padding:56px 0} #video-offer .video-offer__container{max-width:1100px;margin:0 auto;padding:0 20px} #video-offer .video-offer__header{margin-bottom:26px} #video-offer .video-offer__eyebrow{display:inline-block;font:600 12px/1.2 var(--ze81da-font);letter-spacing:.12em;text-transform:uppercase;color:var(--ze81da-secondary);background:rgba(30,122,90,.08);border:1px solid rgba(30,122,90,.18);padding:8px 10px;border-radius:999px} #video-offer .video-offer__title{font:800 40px/1.05 var(--ze81da-font-display);color:var(--ze81da-primary);letter-spacing:-.02em;margin:14px 0 10px;text-wrap:balance} #video-offer .video-offer__lead{max-width:64ch;margin:0;color:var(--ze81da-slate);font:500 16px/1.7 var(--ze81da-font)} #video-offer .video-offer__layout{display:grid;grid-template-columns:1.55fr .95fr;gap:22px;align-items:start} #video-offer .video-offer__checklist{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius-lg,16px);padding:18px} #video-offer .checklist{display:flex;flex-direction:column;gap:14px} #video-offer .checklist__row{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:12px 12px;border-radius:var(--radius-md,12px);background:rgba(11,58,75,.03)} #video-offer .checklist__mark{width:34px;height:34px;border-radius:10px;background:rgba(30,122,90,.12);border:1px solid rgba(30,122,90,.22);display:flex;align-items:center;justify-content:center;color:var(--ze81da-secondary);font:900 16px/1 var(--ze81da-font)} #video-offer .checklist__title{display:block;color:var(--ze81da-primary);font:800 16px/1.25 var(--ze81da-font)} #video-offer .checklist__desc{display:block;margin-top:6px;color:var(--ze81da-slate);font:500 14px/1.6 var(--ze81da-font)} #video-offer .video-offer__side{min-width:0} #video-offer .side-card{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius-lg,16px);padding:18px;position:sticky;top:18px} #video-offer .side-card__title{margin:2px 0 10px;font:800 22px/1.2 var(--ze81da-font-display);color:var(--ze81da-primary)} #video-offer .side-card__text{margin:0 0 14px;color:var(--ze81da-slate);font:500 14px/1.7 var(--ze81da-font)} #video-offer .side-card__list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px} #video-offer .side-card__item{position:relative;padding-left:18px;color:var(--ze81da-text);font:600 14px/1.5 var(--ze81da-font)} #video-offer .side-card__item:before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--ze81da-secondary);border-radius:2px} #video-offer .side-card__note{border:1px solid rgba(30,122,90,.22);background:rgba(30,122,90,.08);border-radius:var(--radius-md,12px);padding:12px} #video-offer .side-card__note-label{display:block;font:800 12px/1.2 var(--ze81da-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ze81da-secondary);margin-bottom:6px} #video-offer .side-card__note-text{display:block;color:var(--ze81da-ink);font:700 14px/1.5 var(--ze81da-font)} #video-offer .side-card__links{display:flex;flex-direction:column;gap:10px;margin-top:14px} #video-offer .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:12px;text-decoration:none;font:800 14px/1 var(--ze81da-font);border:1px solid transparent} #video-offer .btn--primary{background:var(--ze81da-secondary);color:var(--ze81da-surface);border-color:rgba(0,0,0,0)} #video-offer .btn--ghost{background:transparent;color:var(--ze81da-primary);border-color:rgba(7,42,51,.28)} #video-offer .btn--ghost:focus-visible,#video-offer .btn--primary:focus-visible{outline:3px solid rgba(30,122,90,.35);outline-offset:2px} #video-offer .video-offer__stats{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px} #video-offer .stat{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius-lg,16px);padding:16px 14px} #video-offer .stat__value{font:900 34px/1.05 var(--ze81da-font-display);color:var(--ze81da-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums} #video-offer .stat__label{margin-top:10px;color:var(--ze81da-slate);font:700 13px/1.4 var(--ze81da-font)} #video-offer ::selection{background:rgba(30,122,90,.18);color:var(--ze81da-ink)} @media (max-width: 900px){#video-offer .video-offer__layout{grid-template-columns:1fr;gap:14px}#video-offer .side-card{position:relative;top:auto}#video-offer .video-offer__stats{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){#video-offer *{scroll-behavior:auto}} /* ze81da:video-type-selector */ /* ze81da:video-type-selector */ #video-type-selector.video-type-selector{background:var(--ze81da-bg);color:var(--ze81da-text);padding:48px 16px;} #video-type-selector .vts-shell{max-width:1120px;margin:0 auto;} #video-type-selector .vts-head{margin-bottom:22px;} #video-type-selector .vts-kicker{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--ze81da-border);background:var(--ze81da-surface);border-radius:999px;font:600 12px/1 var(--ze81da-font);letter-spacing:.02em;color:var(--ze81da-ink);} #video-type-selector .vts-title{margin:12px 0 10px;font:800 36px/1.1 var(--ze81da-font-display);letter-spacing:-0.02em;text-wrap:balance;} #video-type-selector .vts-subtitle{margin:0;max-width:68ch;color:var(--ze81da-slate);font:500 16px/1.55 var(--ze81da-font);} #video-type-selector .vts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 18px;} #video-type-selector .vts-option{appearance:none;border:1px solid var(--ze81da-border);background:var(--ze81da-surface);padding:18px 16px;border-radius:var(--ze81da-radius,16px);text-align:left;cursor:pointer;position:relative;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;background-clip:padding-box;} #video-type-selector .vts-option:focus-visible{outline:3px solid color-mix(in oklab, var(--ze81da-secondary) 35%, transparent);outline-offset:2px;} #video-type-selector .vts-option:hover{box-shadow:0 10px 22px color-mix(in oklab, var(--ze81da-secondary) 14%, transparent);border-color:color-mix(in oklab, var(--ze81da-secondary) 55%, var(--ze81da-border));} @media (prefers-reduced-motion:reduce){#video-type-selector .vts-option{transition:none;}} #video-type-selector .vts-option[role="radio"][aria-checked="true"]{border-color:color-mix(in oklab, var(--ze81da-secondary) 65%, var(--ze81da-border));box-shadow:0 12px 28px color-mix(in oklab, var(--ze81da-secondary) 16%, transparent);} #video-type-selector .vts-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:color-mix(in oklab,var(--ze81da-secondary) 12%, var(--ze81da-surface));border:1px solid color-mix(in oklab,var(--ze81da-secondary) 26%, var(--ze81da-border));color:var(--ze81da-secondary);font:700 12px/1 var(--ze81da-font);} #video-type-selector .vts-option-title{display:block;margin-top:12px;font:800 18px/1.2 var(--ze81da-font-display);letter-spacing:-0.01em;color:var(--ze81da-ink);} #video-type-selector .vts-option-desc{display:block;margin-top:8px;color:var(--ze81da-slate);font:500 14px/1.45 var(--ze81da-font);} #video-type-selector .vts-option-meta{display:block;margin-top:12px;color:color-mix(in oklab, var(--ze81da-ink) 78%, var(--ze81da-slate));font:700 12px/1.3 var(--ze81da-font);letter-spacing:.02em;} #video-type-selector .vts-cta-row{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start;margin-top:16px;padding-top:14px;border-top:1px solid var(--ze81da-border);} #video-type-selector .vts-summary{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius,16px);padding:16px;} #video-type-selector .vts-summary-label{margin:0;color:var(--ze81da-slate);font:700 12px/1.2 var(--ze81da-font);letter-spacing:.06em;text-transform:uppercase;} #video-type-selector .vts-summary-value{margin:8px 0 6px;font:800 22px/1.2 var(--ze81da-font-display);color:var(--ze81da-ink);} #video-type-selector .vts-summary-hint{margin:0;color:var(--ze81da-slate);font:500 14px/1.45 var(--ze81da-font);} #video-type-selector .vts-actions{display:flex;flex-direction:column;gap:10px;} #video-type-selector .vts-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;padding:14px 16px;border-radius:var(--ze81da-radius,16px);border:1px solid color-mix(in oklab, var(--ze81da-secondary) 45%, var(--ze81da-border));background:color-mix(in oklab, var(--ze81da-secondary) 12%, var(--ze81da-surface));color:var(--ze81da-ink);font:800 15px/1.1 var(--ze81da-font-display);text-decoration:none;} #video-type-selector .vts-link::after{content:"→";font:900 16px/1 var(--ze81da-font-display);color:var(--ze81da-secondary);} #video-type-selector .vts-link[aria-disabled="true"]{opacity:1;filter:saturate(.95);} #video-type-selector .vts-small-note{margin:0;color:var(--ze81da-slate);font:500 13px/1.45 var(--ze81da-font);max-width:40ch;} #video-type-selector .vts-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;} #video-type-selector .vts-logo-item{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius,16px);padding:14px 14px;display:flex;gap:10px;align-items:flex-start;} #video-type-selector .vts-logo-icon{width:26px;height:26px;border-radius:8px;background:color-mix(in oklab,var(--ze81da-secondary) 15%, var(--ze81da-surface));border:1px solid color-mix(in oklab,var(--ze81da-secondary) 30%, var(--ze81da-border));color:var(--ze81da-secondary);display:inline-flex;align-items:center;justify-content:center;font-weight:900;} #video-type-selector .vts-logo-text{color:var(--ze81da-ink);font:700 14px/1.35 var(--ze81da-font);} #video-type-selector ::selection{background:color-mix(in oklab,var(--ze81da-secondary) 30%, white);} @media (max-width:920px){#video-type-selector .vts-title{font-size:32px;}#video-type-selector .vts-grid{grid-template-columns:1fr;}#video-type-selector .vts-cta-row{grid-template-columns:1fr;}} @media (max-width:420px){#video-type-selector .vts-title{font-size:28px;}#video-type-selector .vts-logos{grid-template-columns:1fr;}} /* ze81da:contact-preview */ /* ze81da:contact-preview */ #contact-preview.contact-preview{background:var(--ze81da-bg);color:var(--ze81da-text);padding:42px 18px;} #contact-preview .contact-preview__container{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start;} #contact-preview .contact-preview__header{grid-column:1 / -1;} #contact-preview .contact-preview__kicker{margin:0 0 10px;font:600 12px/1.2 var(--ze81da-font);letter-spacing:.08em;text-transform:uppercase;color:var(--ze81da-secondary);} #contact-preview .contact-preview__title{margin:0 0 10px;font:800 34px/1.12 var(--ze81da-font-display);letter-spacing:-.02em;text-wrap:balance;} #contact-preview .contact-preview__lead{margin:0;max-width:72ch;color:var(--ze81da-ink);opacity:.92;font:400 16px/1.6 var(--ze81da-font);} #contact-preview .contact-preview__form{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius-lg,16px);padding:22px;box-shadow:0 10px 30px rgba(7,42,51,.06);} #contact-preview .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;} #contact-preview .field{display:flex;flex-direction:column;gap:8px;} #contact-preview label{font:700 13px/1.3 var(--ze81da-font);color:var(--ze81da-ink);} #contact-preview input,#contact-preview select,#contact-preview textarea{font:500 14px/1.4 var(--ze81da-font);color:var(--ze81da-ink);background:var(--ze81da-bg);border:1px solid var(--ze81da-border);border-radius:var(--radius-md,12px);padding:12px 12px;outline:none;} #contact-preview textarea{resize:vertical;min-height:110px;} #contact-preview input::placeholder,#contact-preview textarea::placeholder{color:rgba(7,42,51,.6);} #contact-preview input:focus-visible,#contact-preview select:focus-visible,#contact-preview textarea:focus-visible{border-color:var(--ze81da-secondary);box-shadow:0 0 0 4px rgba(30,122,90,.16);} #contact-preview .field__hint{min-height:18px;margin:0;font:600 12px/1.2 var(--ze81da-font);color:var(--ze81da-secondary);} #contact-preview .consent{margin-top:16px;border-top:1px solid var(--ze81da-border);padding-top:16px;} #contact-preview .consent__box{display:flex;gap:12px;align-items:flex-start;} #contact-preview .consent__box input{margin-top:3px;width:18px;height:18px;accent-color:var(--ze81da-secondary);} #contact-preview .consent__box label{font:500 13px/1.5 var(--ze81da-font);color:var(--ze81da-ink);} #contact-preview .consent__fine{margin:10px 0 0;max-width:70ch;font:400 12.5px/1.6 var(--ze81da-font);color:rgba(7,42,51,.85);} #contact-preview .consent__fine a{color:var(--ze81da-secondary);text-decoration:underline;text-underline-offset:3px;} #contact-preview .contact-preview__actions{display:flex;gap:12px;align-items:center;margin-top:18px;} #contact-preview .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-md,12px);padding:12px 14px;font:800 14px/1.1 var(--ze81da-font);text-decoration:none;cursor:pointer;border:1px solid transparent;} #contact-preview .btn:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(30,122,90,.16);} #contact-preview .btn--primary{background:var(--ze81da-primary);color:var(--ze81da-surface);border-color:var(--ze81da-primary);} #contact-preview .btn--primary:hover{filter:brightness(1.02);} #contact-preview .btn--secondary{background:transparent;color:var(--ze81da-primary);border-color:var(--ze81da-border);} #contact-preview .btn--secondary:hover{border-color:rgba(30,122,90,.55);} #contact-preview .form-status{margin:14px 0 0;min-height:20px;font:700 13px/1.4 var(--ze81da-font);color:var(--ze81da-secondary);} #contact-preview .contact-preview__aside{background:transparent;border:0;padding:6px 0 0;} #contact-preview .contact-preview__asideTitle{margin:0 0 10px;font:800 18px/1.3 var(--ze81da-font-display);color:var(--ze81da-ink);} #contact-preview .contact-preview__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;} #contact-preview .contact-preview__list li{display:flex;gap:10px;align-items:flex-start;font:500 14px/1.5 var(--ze81da-font);color:rgba(7,42,51,.92);} #contact-preview .dot{width:10px;height:10px;border-radius:50%;background:var(--ze81da-secondary);margin-top:5px;box-shadow:0 0 0 4px rgba(30,122,90,.12);} #contact-preview .contact-preview__contact{margin-top:18px;padding-top:16px;border-top:1px solid var(--ze81da-border);} #contact-preview .contact-preview__contactLabel{margin:0 0 6px;font:800 12px/1.2 var(--ze81da-font);letter-spacing:.08em;text-transform:uppercase;color:var(--ze81da-secondary);} #contact-preview .contact-preview__contactItem{margin:0 0 8px;} #contact-preview .link{color:var(--ze81da-primary);text-decoration:underline;text-underline-offset:3px;} #contact-preview .link:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(30,122,90,.16);border-radius:6px;} #contact-preview ::selection{background:rgba(30,122,90,.22);} @media (max-width:900px){#contact-preview .contact-preview__container{grid-template-columns:1fr;gap:18px;}#contact-preview .contact-preview__header{grid-column:auto;}} @media (max-width:620px){#contact-preview{padding:34px 14px;}#contact-preview .field-row{grid-template-columns:1fr;}#contact-preview .contact-preview__actions{flex-direction:column;align-items:stretch;}#contact-preview .btn{width:100%;}} @media (prefers-reduced-motion:reduce){#contact-preview *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* ze81da:faq-teaser */ /* ze81da:faq-teaser */ #faq-teaser.faq-teaser{background:var(--ze81da-bg);color:var(--ze81da-text);padding:48px 0;} #faq-teaser .faq-teaser__container{width:min(980px,calc(100% - 40px));margin:0 auto;} #faq-teaser .faq-teaser__header{margin-bottom:22px;} #faq-teaser .faq-teaser__kicker{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--ze81da-border);border-radius:999px;background:rgba(255,255,255,0.65);font:600 12px/1 var(--ze81da-font);color:var(--ze81da-primary);} #faq-teaser .faq-teaser__title{margin:12px 0 10px;font:800 34px/1.12 var(--ze81da-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--ze81da-ink);} #faq-teaser .faq-teaser__subtitle{margin:0;max-width:64ch;font:450 16px/1.6 var(--ze81da-font);color:rgba(7,42,51,0.86);} #faq-teaser .faq-teaser__accordion{margin-top:18px;} #faq-teaser .faq-teaser__item{border:1px solid var(--ze81da-border);background:var(--ze81da-surface);border-radius:var(--ze81da-radius-lg,16px);overflow:hidden;margin-bottom:12px;} #faq-teaser .faq-teaser__trigger{width:100%;text-align:left;background:transparent;border:0;padding:16px 18px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;} #faq-teaser .faq-teaser__trigger:focus{outline:none;} #faq-teaser .faq-teaser__trigger:focus-visible{box-shadow:0 0 0 3px rgba(30,122,90,0.25);} #faq-teaser .faq-teaser__q{font:700 16px/1.35 var(--ze81da-font);color:var(--ze81da-ink);} #faq-teaser .faq-teaser__icon{flex:0 0 22px;width:22px;height:22px;border-radius:6px;border:1px solid var(--ze81da-border);position:relative;background:rgba(191,209,214,0.18);} #faq-teaser .faq-teaser__icon::before,#faq-teaser .faq-teaser__icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--ze81da-secondary);} #faq-teaser .faq-teaser__icon::before{width:12px;height:2px;} #faq-teaser .faq-teaser__icon::after{width:2px;height:12px;transition:transform 180ms ease, opacity 180ms ease;opacity:1;} #faq-teaser .faq-teaser__item[aria-expanded="true"] .faq-teaser__icon::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;} #faq-teaser .faq-teaser__panel{padding:0 18px 16px;} #faq-teaser .faq-teaser__a p{margin:0;font:450 15px/1.65 var(--ze81da-font);color:rgba(7,42,51,0.88);} #faq-teaser .faq-teaser__cta{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius-lg,16px);background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.75));} #faq-teaser .faq-teaser__cta-text{margin:0;font:650 14px/1.4 var(--ze81da-font);color:var(--ze81da-ink);} #faq-teaser .faq-teaser__cta-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;border:1px solid rgba(30,122,90,0.55);background:var(--ze81da-surface);color:var(--ze81da-secondary);font:800 14px/1 var(--ze81da-font);text-decoration:none;white-space:nowrap;} #faq-teaser .faq-teaser__cta-link:hover{background:rgba(30,122,90,0.08);} #faq-teaser .faq-teaser__cta-link:focus{outline:none;} #faq-teaser .faq-teaser__cta-link:focus-visible{box-shadow:0 0 0 3px rgba(30,122,90,0.25);} #faq-teaser *::selection{background:rgba(30,122,90,0.25);color:var(--ze81da-ink);} @media (prefers-reduced-motion: reduce){#faq-teaser .faq-teaser__icon::after{transition:none;}} @media (max-width:720px){#faq-teaser{padding:34px 0;}#faq-teaser .faq-teaser__title{font-size:28px;}#faq-teaser .faq-teaser__cta{flex-direction:column;align-items:flex-start;}#faq-teaser .faq-teaser__panel{padding-left:16px;padding-right:16px;}} /* ze81da:blog-list */ /* ze81da:blog-list */ #blog-list{--section-pad:clamp(18px,4vw,44px);background:var(--ze81da-bg);color:var(--ze81da-text);padding:var(--section-pad) 0;} #blog-list .container{max-width:1100px;margin:0 auto;padding:0 18px;} #blog-list .section-head{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:18px;} #blog-list .section-title{margin:0;font-family:var(--ze81da-font-display);letter-spacing:-0.02em;font-weight:800;font-size:clamp(22px,3.2vw,34px);line-height:1.12;text-wrap:balance;} #blog-list .section-subtitle{margin:0;max-width:56ch;color:var(--ze81da-slate);font-size:14.5px;line-height:1.6;} #blog-list .blog-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;align-items:stretch;} #blog-list .blog-card{grid-column:span 4;background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius,16px);border-radius:var(--ze81da-border-radius,16px);padding:16px 16px 14px;box-shadow:0 10px 24px rgba(11,58,75,0.06);position:relative;overflow:hidden;} #blog-list .blog-card-feature{grid-column:span 4;} #blog-list .blog-feature-tag{position:absolute;top:14px;right:14px;background:rgba(30,122,90,0.12);color:var(--ze81da-secondary);border:1px solid rgba(30,122,90,0.22);padding:7px 10px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:0.02em;} #blog-list .blog-card-link{display:block;color:inherit;text-decoration:none;} #blog-list .blog-card-link:focus-visible{outline:3px solid rgba(30,122,90,0.35);outline-offset:3px;border-radius:10px;} #blog-list .blog-card-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;} #blog-list .blog-topic{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ze81da-secondary);} #blog-list .blog-meta{font-variant-numeric:tabular-nums;font-weight:700;font-size:12.5px;color:var(--ze81da-slate);} #blog-list .blog-card-title{margin:0 0 8px;font-family:var(--ze81da-font-display);font-size:16.5px;line-height:1.35;letter-spacing:-0.01em;text-wrap:balance;} #blog-list .blog-card-excerpt{margin:0;color:var(--ze81da-slate);font-size:13.5px;line-height:1.6;} #blog-list .blog-card-bottom{margin-top:14px;display:flex;align-items:center;justify-content:flex-start;} #blog-list .blog-card-cta{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:13.5px;color:var(--ze81da-secondary);text-decoration:none;} #blog-list .blog-card-cta::after{content:"→";display:inline-block;transform:translateY(-0.5px);} #blog-list .blog-card-cta:focus-visible{outline:3px solid rgba(30,122,90,0.35);outline-offset:3px;border-radius:8px;} #blog-list .blog-card-cta-primary{background:var(--ze81da-secondary);color:var(--ze81da-surface);border:1px solid var(--ze81da-secondary);padding:10px 12px;border-radius:10px;} #blog-list .blog-card-cta-primary::after{color:var(--ze81da-surface);} #blog-list .blog-actions{margin-top:18px;display:flex;justify-content:flex-start;} #blog-list .ghost-link{display:inline-flex;align-items:center;color:var(--ze81da-secondary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:800;font-size:13.5px;} #blog-list .ghost-link:focus-visible{outline:3px solid rgba(30,122,90,0.35);outline-offset:3px;border-radius:8px;} #blog-list .blog-card{transition:box-shadow 180ms ease, transform 180ms ease, border-color 180ms ease;} #blog-list .blog-card:hover{box-shadow:0 16px 30px rgba(11,58,75,0.1);transform:translateY(-1px);border-color:rgba(30,122,90,0.35);} @media (max-width: 980px){ #blog-list .section-head{align-items:flex-start;flex-direction:column;} #blog-list .blog-card{grid-column:span 6;} } @media (max-width: 640px){ #blog-list .blog-grid{gap:12px;} #blog-list .blog-card{grid-column:span 12;} #blog-list .blog-card-feature{grid-column:span 12;} #blog-list .section-subtitle{font-size:14px;} } #blog-list ::selection{background:rgba(30,122,90,0.22);} @media (prefers-reduced-motion: reduce){ #blog-list .blog-card{transition:none;} #blog-list .blog-card:hover{transform:none;} } /* ze81da:article-hero */ /* ze81da:article-hero */ #article-hero{--ah-primary:var(--ze81da-primary);--ah-secondary:var(--ze81da-secondary);--ah-ink:var(--ze81da-ink);--ah-border:var(--ze81da-border);--ah-surface:var(--ze81da-surface);--ah-bg:var(--ze81da-bg);--ah-text:var(--ze81da-text);background:linear-gradient(180deg, var(--ze81da-bg) 0%, var(--ze81da-bg) 60%, var(--ze81da-surface) 100%);padding:clamp(20px,4vw,44px) 0 26px 0;} #article-hero .article-hero__inner{max-width:980px;margin:0 auto;padding:0 18px;} #article-hero .article-hero__kicker{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px;} #article-hero .article-hero__tag{display:inline-flex;align-items:center;gap:10px;background:rgba(30,122,90,.10);color:var(--ze81da-secondary);border:1px solid rgba(30,122,90,.22);padding:8px 12px;border-radius:var(--radius-sm);font:700 12.5px/1.1 var(--ze81da-font);letter-spacing:.01em;} #article-hero .article-hero__separator{color:rgba(7,42,51,.45);} #article-hero .article-hero__meta{color:rgba(7,42,51,.76);font:600 13px/1.2 var(--ze81da-font);} #article-hero .article-hero__title{margin:0 0 14px 0;font-family:var(--ze81da-font-display);font-weight:850;font-size:clamp(28px,4.2vw,46px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;color:var(--ze81da-ink);} #article-hero .article-hero__byline{display:flex;flex-wrap:wrap;gap:14px 18px;margin:10px 0 14px 0;} #article-hero .article-hero__meta-line{display:flex;gap:8px;align-items:baseline;} #article-hero .article-hero__meta-label{font:800 12px/1 var(--ze81da-font);letter-spacing:.08em;text-transform:uppercase;color:rgba(7,42,51,.55);} #article-hero .article-hero__meta-value{font:650 14.5px/1.35 var(--ze81da-font);color:rgba(7,42,51,.88);} #article-hero .tabular{font-variant-numeric:tabular-nums;} #article-hero .article-hero__lede{margin:0 0 18px 0;max-width:66ch;color:rgba(7,42,51,.82);font:520 16.5px/1.55 var(--ze81da-font);} #article-hero .article-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 18px 0;} #article-hero .article-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);text-decoration:none;font:750 14.5px/1 var(--ze81da-font);border:1px solid transparent;min-height:44px;} #article-hero .article-hero__button--primary{background:var(--ze81da-secondary);color:var(--ze81da-surface);border-color:rgba(30,122,90,.35);} #article-hero .article-hero__button--outline{background:var(--ze81da-surface);color:var(--ze81da-primary);border-color:var(--ze81da-border);} #article-hero .article-hero__button:focus-visible{outline:3px solid rgba(30,122,90,.35);outline-offset:2px;} #article-hero .article-hero__button--primary:active{transform:translateY(1px);} #article-hero .article-hero__button--outline:active{transform:translateY(1px);} #article-hero .article-hero__highlights{margin:18px 0 18px 0;padding:14px 14px 10px 14px;background:rgba(255,255,255,.65);border:1px solid rgba(215,226,230,.9);border-radius:var(--radius-lg);box-shadow:0 10px 28px rgba(7,42,51,.06);} #article-hero .article-hero__highlight-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} #article-hero .article-hero__highlight{display:flex;gap:12px;align-items:flex-start;padding:12px 10px;border-radius:var(--radius-md);border:1px solid rgba(215,226,230,.9);background:var(--ze81da-surface);} #article-hero .article-hero__highlight-number{flex:0 0 auto;min-width:50px;text-align:center;padding:8px 10px;border-radius:999px;background:rgba(30,122,90,.10);border:1px solid rgba(30,122,90,.22);color:var(--ze81da-secondary);font:900 12.5px/1 var(--ze81da-font);letter-spacing:.06em;} #article-hero .article-hero__highlight-text{color:rgba(7,42,51,.85);font:650 13.75px/1.35 var(--ze81da-font);} #article-hero .article-hero__trust{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;} #article-hero .article-hero__trust-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:rgba(30,122,90,.08);border:1px solid rgba(30,122,90,.18);color:rgba(7,42,51,.88);} #article-hero .article-hero__trust-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--ze81da-secondary);color:var(--ze81da-surface);font-weight:900;font-size:13px;} #article-hero .article-hero__trust-pill span{font:700 13.5px/1.2 var(--ze81da-font);} #article-hero ::selection{background:rgba(30,122,90,.22);} @media (max-width:860px){#article-hero .article-hero__highlight-list{grid-template-columns:1fr;} #article-hero .article-hero__highlight{padding:12px 12px;} #article-hero .article-hero__lede{font-size:16px;} } @media (prefers-reduced-motion:reduce){#article-hero .article-hero__button{transition:none;}} /* ze81da:article-content */ /* ze81da:article-content */ #article-content.article-content{--article-max:980px;--gutter:24px;--radius:12px;--shadow:0 10px 30px rgba(7,42,51,.08);background:var(--ze81da-bg);padding:32px 0 56px;} #article-content .article{max-width:var(--article-max);margin:0 auto;padding:0 var(--gutter);} #article-content .article-header{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius-md,12px);padding:26px 22px 18px;box-shadow:var(--shadow);} #article-content .article-meta{margin:0 0 10px;font:600 13px/1.35 var(--ze81da-font);color:var(--ze81da-secondary);display:flex;align-items:center;gap:10px;letter-spacing:.02em;text-transform:none;} #article-content .meta-dot{width:10px;height:10px;border-radius:50%;background:var(--ze81da-secondary);box-shadow:0 0 0 4px rgba(30,122,90,.12);flex:0 0 auto;} #article-content .article-title{margin:0 0 10px;font-family:var(--ze81da-font-display);font-size:34px;line-height:1.08;letter-spacing:-.02em;color:var(--ze81da-ink);text-wrap:balance;} #article-content .article-lede{margin:0;max-width:70ch;color:var(--ze81da-text);font-size:16px;line-height:1.6;} #article-content .article-snapshot{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} #article-content .snapshot-item{border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius-sm,8px);padding:14px 12px;background:linear-gradient(180deg, rgba(191,209,214,.25), rgba(191,209,214,.05));} #article-content .snapshot-label{margin:0 0 6px;font:700 12px/1.2 var(--ze81da-font);color:var(--ze81da-secondary);text-transform:none;letter-spacing:.04em;} #article-content .snapshot-value{margin:0;font:650 14px/1.35 var(--ze81da-font);color:var(--ze81da-ink);} #article-content .prose{padding-top:22px;} #article-content .prose-block{margin:18px 0;padding:22px 20px;background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius);box-shadow:0 10px 25px rgba(7,42,51,.05);} #article-content .prose-title{margin:0 0 12px;font-family:var(--ze81da-font-display);font-size:22px;line-height:1.2;letter-spacing:-.01em;color:var(--ze81da-ink);text-wrap:balance;} #article-content .prose-text{margin:0 0 14px;color:var(--ze81da-text);font:400 15.5px/1.75 var(--ze81da-font);} #article-content .list{margin:0;padding-left:18px;} #article-content .list-item{margin:10px 0;color:var(--ze81da-text);font:400 15px/1.7 var(--ze81da-font);} #article-content .list-item strong{color:var(--ze81da-ink);font-weight:800;} #article-content .callout{border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius-md,12px);background:rgba(191,209,214,.18);padding:16px 16px 14px;margin-top:10px;} #article-content .callout-heading{margin:0 0 10px;font:800 13px/1.2 var(--ze81da-font);color:var(--ze81da-secondary);letter-spacing:.05em;} #article-content .callout-text{margin:0 0 10px;color:var(--ze81da-text);font:400 15px/1.7 var(--ze81da-font);} #article-content .callout-example{margin:0;color:var(--ze81da-ink);font:600 15px/1.75 var(--ze81da-font);} #article-content .checklist{margin-top:14px;border-top:1px solid rgba(215,226,230,.9);padding-top:14px;} #article-content .checklist-title{margin:0 0 10px;font:800 13px/1.2 var(--ze81da-font);color:var(--ze81da-ink);letter-spacing:.02em;} #article-content .checklist-list{margin:0;padding-left:18px;} #article-content .checklist-item{margin:10px 0;color:var(--ze81da-text);font:400 15px/1.65 var(--ze81da-font);} #article-content .bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 10px;} #article-content .bento-step{border:1px solid var(--ze81da-border);border-radius:var(--radius);padding:14px 14px;background:var(--ze81da-surface);} #article-content .step-number{margin:0 0 8px;width:34px;height:34px;border-radius:10px;background:rgba(30,122,90,.12);display:flex;align-items:center;justify-content:center;color:var(--ze81da-secondary);font:900 14px/1 var(--ze81da-font);} #article-content .step-title{margin:0 0 8px;color:var(--ze81da-ink);font:900 14px/1.2 var(--ze81da-font);} #article-content .step-text{margin:0;color:var(--ze81da-text);font:400 14.5px/1.6 var(--ze81da-font);} #article-content .ordered{margin:0;padding-left:18px;} #article-content .ordered-item{margin:10px 0;color:var(--ze81da-text);font:400 15px/1.7 var(--ze81da-font);} #article-content .ordered-item strong{color:var(--ze81da-ink);} #article-content .quote-block{border-left:4px solid var(--ze81da-secondary);background:rgba(30,122,90,.08);padding:14px 16px;border-radius:12px;margin-top:12px;} #article-content .quote-text{margin:0;color:var(--ze81da-ink);font:600 15.5px/1.7 var(--ze81da-font);} #article-content .quote-author{margin:10px 0 0;color:var(--ze81da-text);font:700 13px/1.35 var(--ze81da-font);} #article-content .error-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} #article-content .error-item{border:1px solid var(--ze81da-border);border-radius:var(--radius);padding:16px;background:var(--ze81da-surface);} #article-content .error-title{margin:0 0 8px;font:900 14px/1.2 var(--ze81da-font);color:var(--ze81da-ink);} #article-content .error-text{margin:0;color:var(--ze81da-text);font:400 14.5px/1.65 var(--ze81da-font);} #article-content .article-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;} #article-content .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:12px;text-decoration:none;font:800 14px/1 var(--ze81da-font);border:1px solid transparent;} #article-content .button:focus-visible{outline:3px solid rgba(30,122,90,.35);outline-offset:2px;} #article-content .button-primary{background:var(--ze81da-primary);color:var(--ze81da-surface);border-color:rgba(255,255,255,.25);} #article-content .button-primary:hover{background:rgba(11,58,75,.92);} #article-content .button-ghost{background:var(--ze81da-surface);color:var(--ze81da-primary);border-color:var(--ze81da-primary);} #article-content .button-ghost:hover{background:rgba(191,209,214,.25);} #article-content .fineprint{margin:14px 0 0;color:var(--ze81da-slate);font:600 13px/1.6 var(--ze81da-font);} #article-content .author-strip{margin-top:18px;} #article-content .author-card{display:flex;gap:14px;align-items:center;padding:16px 18px;background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius);} #article-content .author-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg, rgba(30,122,90,.22), rgba(30,122,90,.06));border:1px solid rgba(30,122,90,.22);} #article-content .author-name{margin:0;color:var(--ze81da-ink);font:900 14px/1.2 var(--ze81da-font);} #article-content .author-bio{margin:6px 0 0;color:var(--ze81da-text);font:400 14.5px/1.55 var(--ze81da-font);} #article-content ::selection{background:rgba(30,122,90,.25);color:var(--ze81da-ink);} @media (max-width: 900px){ #article-content .article-title{font-size:30px;} #article-content .article-snapshot{grid-template-columns:1fr;} #article-content .bento{grid-template-columns:1fr;} #article-content .error-list{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto;} #article-content .button:hover{transform:none;} } /* ze81da:related-articles */ /* ze81da:related-articles */ #related-articles{--ra-gap:18px;--ra-radius:16px;--ra-radius-sm:12px;--ra-max:1060px;display:block;background:var(--ze81da-bg);padding:42px 0;} #related-articles .related-articles__inner{max-width:var(--ra-max);margin:0 auto;padding:0 20px;} #related-articles .related-articles__header{margin-bottom:22px;} #related-articles .related-articles__eyebrow{margin:0 0 10px;font:600 12px/1.2 var(--ze81da-font);letter-spacing:.12em;text-transform:uppercase;color:var(--ze81da-secondary);} #related-articles .related-articles__title{margin:0 0 10px;font:700 30px/1.15 var(--ze81da-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--ze81da-ink);} #related-articles .related-articles__lead{margin:0;max-width:70ch;color:var(--ze81da-text);font:500 15px/1.6 var(--ze81da-font);} #related-articles .related-articles__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ra-gap);align-items:stretch;} #related-articles .related-articles__item{grid-column:span 4;background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--ra-radius);padding:18px 18px 16px;box-shadow:0 8px 28px rgba(7,42,51,.06);position:relative;overflow:hidden;} #related-articles .related-articles__item--alt{border-color:color-mix(in srgb, var(--ze81da-secondary) 28%, var(--ze81da-border));} #related-articles .related-articles__item-title{margin:0 0 10px;font:700 16px/1.3 var(--ze81da-font-display);color:var(--ze81da-ink);text-wrap:balance;} #related-articles .related-articles__item-desc{margin:0 0 14px;color:var(--ze81da-slate);font:500 14px/1.6 var(--ze81da-font);} #related-articles .related-articles__link{display:inline-flex;align-items:center;gap:10px;color:var(--ze81da-secondary);text-decoration:none;font:700 14px/1.2 var(--ze81da-font);padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb, var(--ze81da-secondary) 35%, var(--ze81da-border));background:color-mix(in srgb, var(--ze81da-surface) 78%, var(--ze81da-mist) 22%);} #related-articles .related-articles__link::after{content:"";width:10px;height:10px;border-right:2px solid var(--ze81da-secondary);border-top:2px solid var(--ze81da-secondary);transform:rotate(45deg);margin-left:2px;} #related-articles .related-articles__link:hover{background:color-mix(in srgb, var(--ze81da-surface) 60%, var(--ze81da-mist) 40%);} #related-articles .related-articles__link:focus-visible{outline:3px solid color-mix(in srgb, var(--ze81da-secondary) 55%, #ffffff);outline-offset:2px;} #related-articles .related-articles__cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;} #related-articles .related-articles__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:12px 16px;font:800 14px/1.2 var(--ze81da-font-display);text-decoration:none;white-space:nowrap;color:var(--ze81da-surface);background:var(--ze81da-secondary);border:1px solid color-mix(in srgb, var(--ze81da-secondary) 70%, #000 0%);} #related-articles .related-articles__button:hover{background:color-mix(in srgb, var(--ze81da-secondary) 86%, #000 14%);} #related-articles .related-articles__button:focus-visible{outline:3px solid color-mix(in srgb, var(--ze81da-secondary) 55%, #ffffff);outline-offset:2px;} #related-articles .related-articles__button--ghost{background:var(--ze81da-surface);color:var(--ze81da-ink);border:1px solid var(--ze81da-border);} #related-articles .related-articles__button--ghost:hover{background:color-mix(in srgb, var(--ze81da-surface) 70%, var(--ze81da-mist) 30%);} #related-articles .related-articles__button--ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--ze81da-secondary) 45%, #ffffff);outline-offset:2px;} #related-articles ::selection{background:color-mix(in srgb, var(--ze81da-secondary) 24%, #ffffff);} @media (max-width: 980px){#related-articles .related-articles__item{grid-column:span 6;}#related-articles .related-articles__title{font-size:26px;}} @media (max-width: 640px){#related-articles{padding:34px 0;}#related-articles .related-articles__inner{padding:0 16px;}#related-articles .related-articles__item{grid-column:span 12;}#related-articles .related-articles__title{font-size:22px;}#related-articles .related-articles__lead{font-size:14px;}} @media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* ze81da:article-hero */ /* ze81da:article-hero */ #article-hero.article-hero{ --ah-pad: clamp(18px, 3.6vw, 40px); background: var(--ze81da-bg); color: var(--ze81da-text); border-bottom: 1px solid var(--ze81da-border); } #article-hero .article-hero__wrap{ max-width: 1040px; margin: 0 auto; padding: var(--ah-pad) var(--ah-pad); } #article-hero .article-hero__eyebrow{ display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: center; margin-bottom: 14px; } #article-hero .article-hero__badge{ display: inline-flex; align-items: center; padding: 8px 12px; border-radius: var(--radius-md, 12px); background: var(--ze81da-surface); border: 1px solid var(--ze81da-border); color: var(--ze81da-secondary); font-weight: 750; letter-spacing: -0.01em; } #article-hero .article-hero__meta{ font-size: 14px; color: var(--ze81da-slate); } #article-hero .article-hero__title{ font-family: var(--ze81da-font-display); font-size: clamp(28px, 3.4vw, 44px); line-height: 1.08; margin: 0; letter-spacing: -0.02em; text-wrap: balance; color: var(--ze81da-ink); } #article-hero .article-hero__meta-row{ display: flex; flex-wrap: wrap; gap: 14px; margin-top: 18px; margin-bottom: 12px; } #article-hero .article-hero__meta-item{ flex: 1 1 210px; padding: 12px 14px; border-radius: var(--radius-lg, 16px); background: var(--ze81da-surface); border: 1px solid var(--ze81da-border); } #article-hero .article-hero__meta-label{ font-size: 12px; color: var(--ze81da-slate); margin-bottom: 4px; } #article-hero .article-hero__meta-value{ font-size: 15px; font-weight: 720; color: var(--ze81da-ink); } #article-hero .article-hero__lede{ max-width: 860px; margin: 14px 0 0; font-size: 16px; line-height: 1.6; color: var(--ze81da-text); } #article-hero .article-hero__cta-row{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; } #article-hero .article-hero__primary-link, #article-hero .article-hero__secondary-link{ display: inline-flex; align-items: center; justify-content: center; padding: 12px 16px; border-radius: var(--radius-md, 12px); text-decoration: none; font-weight: 760; letter-spacing: -0.01em; border: 1px solid transparent; } #article-hero .article-hero__primary-link{ background: var(--ze81da-secondary); color: var(--ze81da-surface); } #article-hero .article-hero__secondary-link{ background: var(--ze81da-surface); color: var(--ze81da-secondary); border-color: var(--ze81da-border); } #article-hero .article-hero__primary-link:focus-visible, #article-hero .article-hero__secondary-link:focus-visible{ outline: 3px solid color-mix(in srgb, var(--ze81da-secondary) 45%, transparent); outline-offset: 3px; } #article-hero .article-hero__primary-link:hover{ background: color-mix(in srgb, var(--ze81da-secondary) 86%, var(--ze81da-ink)); } #article-hero .article-hero__secondary-link:hover{ border-color: color-mix(in srgb, var(--ze81da-secondary) 55%, var(--ze81da-border)); color: color-mix(in srgb, var(--ze81da-secondary) 90%, var(--ze81da-ink)); } ::selection{ background: color-mix(in srgb, var(--ze81da-secondary) 30%, transparent); } @media (prefers-reduced-motion: reduce){ #article-hero *{ scroll-behavior: auto; } } @media (max-width: 720px){ #article-hero .article-hero__wrap{ padding: 18px 16px; } #article-hero .article-hero__meta-item{ flex: 1 1 100%; } #article-hero .article-hero__lede{ font-size: 15px; } } /* ze81da:article-content */ /* ze81da:article-content */ #article-content.article-content{background:var(--ze81da-bg);color:var(--ze81da-text);padding:40px 18px 64px} #article-content .article-wrap{max-width:980px;margin:0 auto} #article-content .article-header{margin-bottom:26px} #article-content .kicker{display:inline-block;background:var(--ze81da-surface);border:1px solid var(--ze81da-border);color:var(--ze81da-primary);font:600 12px/1 var(--ze81da-font);letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-radius:var(--radius-sm,8px)} #article-content .article-title{font:800 36px/1.08 var(--ze81da-font-display,'Avenir Next',Avenir,Segoe UI,system-ui);letter-spacing:-0.02em;margin:14px 0 10px;text-wrap:balance} #article-content .article-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--ze81da-slate);font:600 14px/1.4 var(--ze81da-font)} #article-content .meta-dot{color:var(--ze81da-border)} #article-content .article-body{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius-lg,16px);padding:26px 20px 18px;box-shadow:0 10px 30px rgba(7,42,51,0.06)} #article-content p{margin:0 0 16px;font:500 16px/1.75 var(--ze81da-font);color:var(--ze81da-text)} #article-content strong{color:var(--ze81da-ink)} #article-content .h2{font:800 22px/1.25 var(--ze81da-font-display);margin:26px 0 10px;letter-spacing:-0.01em} #article-content .steps{list-style:none;padding:0;margin:10px 0 18px} #article-content .step{display:flex;gap:14px;padding:14px 12px;border-radius:var(--radius-md,12px);border:1px solid var(--ze81da-border);background:linear-gradient(180deg,var(--ze81da-surface),rgba(191,209,214,0.35));margin:10px 0} #article-content .step-index{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--ze81da-primary);color:var(--ze81da-surface);display:flex;align-items:center;justify-content:center;font:800 13px/1 var(--ze81da-font);letter-spacing:.02em} #article-content .step-content strong{display:block;font:800 15px/1.25 var(--ze81da-font);margin-bottom:4px} #article-content .step-content span{display:block;color:var(--ze81da-slate);font:550 15px/1.55 var(--ze81da-font)} #article-content .callout{border:1px solid var(--ze81da-border);background:rgba(191,209,214,0.25);border-radius:var(--radius-lg,16px);padding:18px 16px;margin:18px 0 10px} #article-content .callout-title{font:900 16px/1.3 var(--ze81da-font);color:var(--ze81da-ink);margin-bottom:10px} #article-content .checklist{list-style:none;padding:0;margin:0} #article-content .checklist li{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:var(--ze81da-slate);font:600 15px/1.55 var(--ze81da-font)} #article-content .tick{color:var(--ze81da-secondary);font:900 16px/1 var(--ze81da-font)} #article-content .two-col{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0 12px} #article-content .panel{border:1px solid var(--ze81da-border);background:var(--ze81da-surface);border-radius:var(--radius-lg,16px);padding:16px 14px} #article-content .h3{font:900 16px/1.25 var(--ze81da-font-display);margin:0 0 8px;color:var(--ze81da-ink)} #article-content .list{margin:0;padding-left:18px;color:var(--ze81da-slate);font:600 15px/1.65 var(--ze81da-font)} #article-content .list li{margin:8px 0} #article-content .mistakes{margin:10px 0 18px;padding-left:18px;color:var(--ze81da-slate);font:600 15px/1.7 var(--ze81da-font)} #article-content .mistakes li{margin:10px 0} #article-content .mistakes strong{color:var(--ze81da-ink)} #article-content .cta-bar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--ze81da-border);margin-top:22px;padding-top:18px} #article-content .cta-text{display:flex;flex-direction:column;gap:6px} #article-content .cta-text strong{font:900 16px/1.3 var(--ze81da-font);color:var(--ze81da-ink)} #article-content .cta-text span{color:var(--ze81da-slate);font:600 15px/1.6 var(--ze81da-font)} #article-content .cta-link{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:var(--radius-md,12px);border:1px solid var(--ze81da-border);background:var(--ze81da-surface);color:var(--ze81da-primary);text-decoration:none;font:800 14px/1 var(--ze81da-font);min-width:160px} #article-content .cta-link:focus-visible{outline:3px solid rgba(30,122,90,0.35);outline-offset:3px} #article-content a{color:var(--ze81da-secondary)} #article-content ::selection{background:rgba(30,122,90,0.18);color:var(--ze81da-ink)} @media (min-width:840px){ #article-content{padding:58px 18px 80px} #article-content .article-body{padding:34px 30px 22px} #article-content .two-col{grid-template-columns:1fr 1fr} #article-content .article-title{font-size:44px} #article-content p{font-size:17px} } @media (prefers-reduced-motion:reduce){ #article-content *{scroll-behavior:auto} } /* ze81da:related-articles */ /* ze81da:related-articles */ #related-articles{--ra-gap:18px;--ra-radius:var(--ze81da-radius,12px);background:var(--ze81da-bg);padding:48px 18px;} #related-articles .related-articles__inner{max-width:1040px;margin:0 auto;} #related-articles .related-articles__header{margin-bottom:22px;} #related-articles .related-articles__title{font-family:var(--ze81da-font-display);font-size:clamp(22px,3.2vw,30px);line-height:1.15;letter-spacing:-0.02em;margin:0 0 10px;color:var(--ze81da-ink);text-wrap:balance;} #related-articles .related-articles__subtitle{margin:0;max-width:64ch;color:var(--ze81da-text);font-size:15.5px;line-height:1.6;} #related-articles .related-articles__grid{display:grid;grid-template-columns:1fr;gap:var(--ra-gap);margin:18px 0 10px;} #related-articles .related-article-card{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius-lg,16px);padding:18px 18px 16px;position:relative;overflow:hidden;} #related-articles .related-article-card::before{content:"";position:absolute;left:-60px;top:-70px;width:160px;height:160px;border-radius:50%;background:rgba(30,122,90,0.10);} #related-articles .related-article-card--accent{border-color:rgba(30,122,90,0.35);} #related-articles .related-article-card--accent::before{background:rgba(30,122,90,0.18);} #related-articles .related-article-card__title{margin:0 0 6px;font-family:var(--ze81da-font);font-size:16.5px;line-height:1.35;color:var(--ze81da-ink);} #related-articles .related-article-card__meta{margin:0 0 14px;color:var(--ze81da-slate);font-size:14px;line-height:1.5;} #related-articles .related-article-card__link{display:inline-flex;align-items:center;gap:10px;color:var(--ze81da-primary);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(11,58,75,0.25);padding-bottom:2px;} #related-articles .related-article-card__link:hover{border-bottom-color:rgba(11,58,75,0.55);} #related-articles .related-article-card__link:focus-visible{outline:3px solid rgba(30,122,90,0.35);outline-offset:3px;border-bottom-color:rgba(11,58,75,0.65);} #related-articles .related-articles__footer{display:flex;flex-direction:column;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(215,226,230,0.8);} #related-articles .related-articles__footer-text{margin:0;color:var(--ze81da-text);font-size:15px;line-height:1.6;max-width:75ch;} #related-articles .related-articles__actions{display:flex;align-items:center;gap:12px;} #related-articles .button{appearance:none;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--ze81da-font);font-weight:800;text-decoration:none;cursor:pointer;user-select:none;} #related-articles .button--primary{background:var(--ze81da-primary);color:var(--ze81da-surface);border-color:rgba(11,58,75,0.35);padding:11px 14px;font-size:15px;box-shadow:0 10px 26px rgba(11,58,75,0.18);} #related-articles .button--primary:hover{background:#094252;} #related-articles .button--primary:active{transform:translateY(1px);} #related-articles .button--primary:focus-visible{outline:3px solid rgba(30,122,90,0.35);outline-offset:3px;} #related-articles ::selection{background:rgba(30,122,90,0.22);color:var(--ze81da-ink);} @media (min-width: 760px){ #related-articles{padding:68px 22px;} #related-articles .related-articles__grid{grid-template-columns:1fr 1fr;} #related-articles .related-article-card{padding:22px 22px 18px;} #related-articles .related-articles__footer{flex-direction:row;align-items:center;justify-content:space-between;} } @media (prefers-reduced-motion: reduce){ #related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* ze81da:article-hero */ /* ze81da:article-hero */ #article-hero.article-hero{background:var(--ze81da-bg);color:var(--ze81da-text);padding:48px 20px 28px;position:relative;overflow:hidden} #article-hero.article-hero::before{content:"";position:absolute;inset:-120px -80px auto auto;width:420px;height:420px;background:radial-gradient(closest-side,var(--ze81da-secondary),transparent 70%);opacity:.12;transform:rotate(12deg);pointer-events:none} #article-hero.hero-header,#article-hero .hero-header{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1} #article-hero .hero-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--ze81da-primary);font-weight:650;letter-spacing:.02em;text-transform:uppercase;font-size:12px} #article-hero .hero-title{font-family:var(--ze81da-font-display);font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.02em;margin:0;max-width:22ch;text-wrap:balance} #article-hero .hero-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px} #article-hero .meta-item{display:flex;flex-direction:column;gap:2px} #article-hero .meta-label{font-size:12px;color:var(--ze81da-slate);letter-spacing:.01em} #article-hero .meta-value{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700} #article-hero .meta-divider{width:1px;height:22px;background:var(--ze81da-border)} #article-hero .hero-aside{max-width:1080px;margin:22px auto 0;display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start;position:relative;z-index:1} #article-hero .aside-lead{margin:0;color:var(--ze81da-text);font-size:15.5px;line-height:1.6} #article-hero .aside-list{list-style:none;margin:14px 0 0;padding:0} #article-hero .aside-li{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:var(--ze81da-text);font-size:14.5px;line-height:1.55} #article-hero .li-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--ze81da-secondary);box-shadow:0 0 0 4px rgba(30,122,90,.12)} #article-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--ze81da-radius-md,12px);padding:11px 14px;font-weight:750;letter-spacing:.01em;border:1.5px solid transparent;min-width:160px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease} #article-hero .btn:focus-visible{outline:3px solid rgba(30,122,90,.35);outline-offset:2px} #article-hero .btn-primary{background:var(--ze81da-primary);color:var(--ze81da-surface);border-color:var(--ze81da-primary)} #article-hero .btn-primary:hover{background:#0a3240} #article-hero .btn-ghost{background:var(--ze81da-surface);color:var(--ze81da-primary);border-color:var(--ze81da-border)} #article-hero .btn-ghost:hover{background:#fbfdfe} #article-hero .hero-note{max-width:1080px;margin:18px auto 0;background:rgba(255,255,255,.75);border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius-lg,16px);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;position:relative;z-index:1} #article-hero .note-mark{width:12px;height:12px;border-radius:3px;background:var(--ze81da-secondary);margin-top:5px;flex:0 0 auto} #article-hero .note-text{margin:0;font-size:14.5px;line-height:1.55;color:var(--ze81da-text)} #article-hero .hero-header,#article-hero .hero-aside,#article-hero .hero-note{backdrop-filter:blur(2px)} #article-hero a{color:inherit} #article-hero ::selection{background:rgba(30,122,90,.22)} @media (max-width:860px){#article-hero .hero-aside{grid-template-columns:1fr;gap:16px}#article-hero .btn{min-width:0;flex:1 1 auto}} @media (prefers-reduced-motion:reduce){#article-hero .btn{transition:none}} /* ze81da:article-content */ /* ze81da:article-content */ #article-content.article-content{--radius-sm:var(--ze81da-radius-sm,8px);--radius-md:var(--ze81da-radius-md,12px);--radius-lg:var(--ze81da-radius-lg,16px);background:var(--ze81da-surface);color:var(--ze81da-text);padding:24px 16px 56px} #article-content .article-content__inner{max-width:980px;margin:0 auto} #article-content .article-content__header{padding:6px 0 18px} #article-content .article-content__kicker{display:inline-block;font:600 12px/1.2 var(--ze81da-font);letter-spacing:.08em;text-transform:uppercase;color:var(--ze81da-secondary);background:color-mix(in srgb,var(--ze81da-secondary) 12%, transparent);border:1px solid color-mix(in srgb,var(--ze81da-secondary) 28%, transparent);padding:8px 10px;border-radius:999px} #article-content .article-content__title{margin:14px 0 10px;font:800 30px/1.12 var(--ze81da-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--ze81da-primary)} #article-content .article-content__lede{margin:0;max-width:62ch;font:500 15px/1.7 var(--ze81da-font);color:var(--ze81da-text)} #article-content .article-content__two-col{display:grid;grid-template-columns:1.3fr .9fr;gap:20px;align-items:start} #article-content .checklist{border:1px solid var(--ze81da-border);background:color-mix(in srgb,var(--ze81da-surface) 88%, var(--ze81da-bg));border-radius:var(--ze81da-radius-md,12px);padding:18px} #article-content .checklist__title{margin:0 0 12px;font:800 18px/1.25 var(--ze81da-font-display);color:var(--ze81da-primary)} #article-content .checklist__list{list-style:none;margin:0;padding:0;counter-reset:item} #article-content .checklist__item{padding:12px 0;border-top:1px dashed color-mix(in srgb,var(--ze81da-border) 85%, transparent)} #article-content .checklist__item:first-child{border-top:none;padding-top:0} #article-content .checklist__row{display:flex;gap:12px;align-items:flex-start} #article-content .checklist__num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--ze81da-secondary) 16%, transparent);border:1px solid color-mix(in srgb,var(--ze81da-secondary) 26%, transparent);font:800 12px/1 var(--ze81da-font);color:var(--ze81da-secondary);letter-spacing:.06em} #article-content .checklist__heading{margin:0 0 6px;font:800 15px/1.35 var(--ze81da-font-display);color:var(--ze81da-ink)} #article-content .checklist__text{margin:0;font:500 14px/1.65 var(--ze81da-font);color:color-mix(in srgb,var(--ze81da-text) 88%, var(--ze81da-slate))} #article-content .template{padding:8px 0} #article-content .template__title{margin:0 0 10px;font:800 18px/1.25 var(--ze81da-font-display);color:var(--ze81da-primary)} #article-content .template__lead{margin:0 0 14px;font:500 14px/1.7 var(--ze81da-font);color:color-mix(in srgb,var(--ze81da-text) 86%, var(--ze81da-slate))} #article-content .template__card{border-radius:var(--ze81da-radius-lg,16px);border:1px solid var(--ze81da-border);background:var(--ze81da-bg);padding:16px} #article-content .template__section{padding:6px 4px} #article-content .template__label{font:800 12px/1.2 var(--ze81da-font);letter-spacing:.08em;text-transform:uppercase;color:var(--ze81da-secondary);margin-bottom:8px} #article-content .template__copy{margin:0;font:500 14px/1.65 var(--ze81da-font);color:var(--ze81da-text)} #article-content .template__copy strong{color:var(--ze81da-ink)} #article-content .template__divider{height:1px;background:color-mix(in srgb,var(--ze81da-border) 85%, transparent);margin:10px 0} #article-content .template__actions{margin-top:14px} #article-content .template__link{display:inline-block;color:var(--ze81da-secondary);font:800 14px/1.3 var(--ze81da-font-display);text-decoration:none;border-bottom:2px solid color-mix(in srgb,var(--ze81da-secondary) 45%, transparent)} #article-content .template__link:focus-visible{outline:3px solid color-mix(in srgb,var(--ze81da-secondary) 60%, white);outline-offset:4px;border-bottom-color:color-mix(in srgb,var(--ze81da-secondary) 75%, transparent)} #article-content .template__link:hover{border-bottom-color:color-mix(in srgb,var(--ze81da-secondary) 85%, transparent)} #article-content .template__meta{margin-top:10px;font:500 13px/1.6 var(--ze81da-font);color:color-mix(in srgb,var(--ze81da-text) 80%, var(--ze81da-slate))} #article-content .article-content__practice{margin-top:22px;padding:18px;border:1px solid var(--ze81da-border);border-radius:var(--ze81da-radius-lg,16px);background:var(--ze81da-surface)} #article-content .article-content__practice-title{margin:0 0 14px;font:800 18px/1.25 var(--ze81da-font-display);color:var(--ze81da-primary)} #article-content .practice-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} #article-content .practice-step{border-radius:var(--ze81da-radius-md,12px);border:1px solid color-mix(in srgb,var(--ze81da-border) 90%, transparent);background:color-mix(in srgb,var(--ze81da-bg) 80%, var(--ze81da-surface));padding:14px} #article-content .practice-step__title{margin:0 0 8px;font:800 14px/1.35 var(--ze81da-font-display);color:var(--ze81da-ink)} #article-content .practice-step__text{margin:0;font:500 13px/1.65 var(--ze81da-font);color:color-mix(in srgb,var(--ze81da-text) 86%, var(--ze81da-slate))} #article-content .article-content__related{margin-top:20px} #article-content .article-content__related-title{margin:0 0 12px;font:800 16px/1.25 var(--ze81da-font-display);color:var(--ze81da-primary)} #article-content .related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px} #article-content .related-list__link{display:block;padding:12px 14px;border:1px solid var(--ze81da-border);background:var(--ze81da-bg);border-radius:var(--ze81da-radius-md,12px);text-decoration:none;color:var(--ze81da-ink);font:700 14px/1.4 var(--ze81da-font)} #article-content .related-list__link:hover{background:color-mix(in srgb,var(--ze81da-bg) 55%, var(--ze81da-surface))} #article-content .related-list__link:focus-visible{outline:3px solid color-mix(in srgb,var(--ze81da-secondary) 60%, white);outline-offset:3px} #article-content ::selection{background:color-mix(in srgb,var(--ze81da-secondary) 32%, transparent);color:var(--ze81da-ink)} @media (max-width: 900px){#article-content .article-content__two-col{grid-template-columns:1fr;gap:14px}#article-content .practice-steps{grid-template-columns:1fr;gap:12px}} @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none !important;animation:none !important}} /* ze81da:related-articles */ /* ze81da:related-articles */ #related-articles{padding:48px 0; background:var(--ze81da-bg);} #related-articles .related-articles__inner{max-width:1060px; margin:0 auto; padding:0 18px;} #related-articles .related-articles__header{margin-bottom:22px;} #related-articles .related-articles__title{font-family:var(--ze81da-font-display); color:var(--ze81da-ink); font-size:28px; line-height:1.15; margin:0 0 10px; letter-spacing:-0.02em; text-wrap:balance;} #related-articles .related-articles__subtitle{margin:0; color:var(--ze81da-text); font-size:15px; line-height:1.6; max-width:70ch;} #related-articles .related-articles__grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px;} #related-articles .related-articles__card{background:var(--ze81da-surface); border:1px solid var(--ze81da-border); border-radius:var(--ze81da-radius-lg); overflow:hidden; box-shadow:0 10px 30px rgba(11,58,75,0.06);} #related-articles .related-articles__link{display:block; padding:18px 18px 16px; color:var(--ze81da-ink); text-decoration:none; height:100%;} #related-articles .related-articles__link:focus-visible{outline:3px solid var(--ze81da-secondary); outline-offset:3px; border-radius:var(--ze81da-radius-lg);} #related-articles .related-articles__meta{display:inline-block; font-size:12px; letter-spacing:0.02em; text-transform:uppercase; color:var(--ze81da-secondary); font-weight:700; margin-bottom:10px;} #related-articles .related-articles__card-title{font-family:var(--ze81da-font-display); font-size:18px; line-height:1.25; margin:0 0 8px; letter-spacing:-0.01em;} #related-articles .related-articles__card-desc{margin:0; color:var(--ze81da-text); font-size:14px; line-height:1.65;} #related-articles .related-articles__cta-row{margin-top:18px; display:flex; justify-content:flex-start;} #related-articles .related-articles__cta{display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:var(--ze81da-radius-md); border:1px solid var(--ze81da-border); background:var(--ze81da-surface); color:var(--ze81da-ink); text-decoration:none; font-weight:700; font-size:14px; letter-spacing:0.01em;} #related-articles .related-articles__cta:hover{border-color:var(--ze81da-secondary); background:rgba(30,122,90,0.06);} #related-articles .related-articles__cta:focus-visible{outline:3px solid var(--ze81da-secondary); outline-offset:3px;} #related-articles *::selection{background:rgba(30,122,90,0.22);} @media (max-width: 920px){#related-articles .related-articles__grid{grid-template-columns:1fr; gap:12px;} #related-articles{padding:36px 0;} #related-articles .related-articles__title{font-size:24px;}} @media (prefers-reduced-motion: reduce){#related-articles .related-articles__card, #related-articles .related-articles__link, #related-articles .related-articles__cta{transition:none !important;}} .policy-page{background:var(--ze81da-bg);color:var(--ze81da-text);font-family:var(--ze81da-font);line-height:1.55;} .policy-wrapper{max-width:980px;margin:0 auto;padding:24px 16px 36px 16px;} .policy-header{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius-lg);padding:18px 18px;margin-bottom:18px;} .policy-title{margin:0 0 6px 0;font-size:28px;letter-spacing:0.2px;color:var(--ze81da-primary);} .policy-lead{margin:0;color:var(--ze81da-ink);} .policy-section{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius-lg);padding:16px 18px;margin:0 0 14px 0;} .policy-heading{margin:0 0 10px 0;font-size:18px;color:var(--ze81da-primary);} .policy-text{margin:0 0 10px 0;} .policy-list{margin:0;padding-left:20px;} .policy-list li{margin:8px 0;} .policy-card{margin-top:10px;border:1px solid var(--ze81da-border);border-radius:var(--radius-md);background:linear-gradient(180deg, rgba(191,209,214,0.35), rgba(255,255,255,1));padding:14px 14px;} .policy-card-line{margin:6px 0;color:var(--ze81da-ink);} .policy-footer{margin-top:16px;background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius-lg);padding:16px 18px;} .policy-footer-grid{display:block;} .policy-footer-col{margin:8px 0;} .policy-footer-title{margin:0 0 8px 0;font-weight:700;color:var(--ze81da-primary);} .policy-footer-text{margin:6px 0;color:var(--ze81da-ink);} .policy-link{color:var(--ze81da-secondary);text-decoration:underline;} @media (min-width:860px){.policy-footer-grid{display:flex;gap:22px;}.policy-footer-col{flex:1;}} /* Design-system base */ :root{--ze81da-primary:#0B3A4B;--ze81da-secondary:#1E7A5A;--ze81da-accent:#1E7A5A;--ze81da-ink:#072A33;--ze81da-slate:#3E4F57;--ze81da-mist:#BFD1D6;--ze81da-border:#D7E2E6;--ze81da-surface:#FFFFFF;--ze81da-bg:#F4F6F7;--ze81da-text:#0F1B1F;--ze81da-font:'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif;} .policy-page{background:var(--ze81da-bg);color:var(--ze81da-text);font-family:var(--ze81da-font);padding:28px 16px;} .policy-container{max-width:980px;margin:0 auto;background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius-lg);padding:26px 18px;box-shadow:0 10px 30px rgba(7,42,51,0.06);} .policy-header{margin-bottom:22px;} .policy-h1{margin:0 0 8px 0;font-size:28px;line-height:1.2;color:var(--ze81da-ink);letter-spacing:0.2px;} .policy-lead{margin:0 0 10px 0;color:var(--ze81da-slate);font-size:14px;} .policy-muted{color:var(--ze81da-slate);} .policy-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--ze81da-border);} .policy-h2{margin:0 0 10px 0;font-size:18px;line-height:1.35;color:var(--ze81da-primary);} .policy-text{margin:10px 0;color:var(--ze81da-text);font-size:14.5px;line-height:1.6;} .policy-caption{margin:10px 0 0 0;color:var(--ze81da-slate);font-size:12.5px;line-height:1.5;} .policy-box{border:1px solid var(--ze81da-border);border-radius:var(--radius-md);padding:14px 14px;background:linear-gradient(180deg, rgba(191,209,214,0.18), rgba(191,209,214,0.06));} .policy-list{margin:8px 0 0 18px;padding:0;} .policy-list li{margin:8px 0;color:var(--ze81da-text);font-size:14.5px;line-height:1.6;} .policy-link{color:var(--ze81da-secondary);text-decoration:underline;text-underline-offset:3px;} .policy-link:hover{color:var(--ze81da-accent);} .policy-footer{margin-top:22px;padding-top:18px;border-top:1px solid var(--ze81da-border);} .policy-footer-inner{background:rgba(191,209,214,0.12);border:1px solid var(--ze81da-border);border-radius:var(--radius-md);padding:14px 14px;} .policy-footer-title{margin-bottom:10px;} @media (max-width:520px){.policy-container{padding:20px 14px;}.policy-h1{font-size:24px;}} .policy-page{background:var(--ze81da-bg);color:var(--ze81da-text);font-family:var(--ze81da-font);line-height:1.45} .policy-main{max-width:980px;margin:0 auto;padding:28px 18px 48px} .policy-header{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--ze81da-lg);padding:22px 20px;margin-bottom:16px} .policy-title{margin:0 0 6px 0;font-family:var(--ze81da-font-display);font-size:30px;letter-spacing:-0.2px;color:var(--ze81da-ink)} .policy-lead{margin:0;color:var(--ze81da-slate)} .policy-text{margin:12px 0;max-width:860px} .policy-strong{color:var(--ze81da-ink);font-weight:700} .policy-legal{font-weight:700} .policy-section{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--ze81da-lg);padding:18px 18px;margin:14px 0} .policy-h2{margin:0 0 10px 0;font-size:18px;color:var(--ze81da-ink)} .policy-card{background:rgba(191,209,214,0.22);border:1px solid rgba(215,226,230,0.9);border-radius:var(--ze81da-md);padding:14px 14px} .policy-list{margin:10px 0 0 18px;padding:0} .policy-li{margin:8px 0} .policy-link{color:var(--ze81da-secondary);text-decoration:underline;text-underline-offset:2px} .policy-link:hover{color:var(--ze81da-accent)} .policy-label{display:inline-block;min-width:150px;color:var(--ze81da-slate)} .policy-footer{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--ze81da-lg);padding:18px;margin-top:14px} .policy-warning{height:1px;margin:0} .policy-small{color:var(--ze81da-slate);font-size:12.5px} .policy-sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden} @media (max-width:520px){.policy-title{font-size:26px}.policy-main{padding:22px 14px 36px}.policy-label{min-width:120px}} .policy-page{background:var(--ze81da-bg);color:var(--ze81da-text);font-family:var(--ze81da-font);line-height:1.45;min-height:100vh} .policy-wrapper{max-width:980px;margin:0 auto;padding:24px} .policy-hero{padding:28px 0} .policy-title{margin:0 0 10px 0;font-family:var(--ze81da-font-display);font-size:34px;letter-spacing:-0.02em;color:var(--ze81da-ink)} .policy-lead{margin:0 0 18px 0;font-size:16px;color:var(--ze81da-ink)} .policy-card{background:var(--ze81da-surface);border:1px solid var(--ze81da-border);border-radius:var(--radius-lg);padding:16px;box-shadow:0 8px 24px rgba(7,42,51,0.06)} .policy-card-text{margin:10px 0 0 0} .policy-section{padding:10px 0 0 0} .policy-section-title{margin:0 0 10px 0;font-size:18px;font-family:var(--ze81da-font-display);color:var(--ze81da-ink)} .policy-body{margin:10px 0 0 0;font-size:15px;color:var(--ze81da-text)} .policy-list{margin:10px 0 0 0;padding:0;list-style:none} .policy-list li{margin:8px 0;font-size:15px;color:var(--ze81da-text);padding-left:14px;position:relative} .policy-list li:before{content:"";position:absolute;left:0;top:0.9em;width:8px;height:8px;border-radius:50%;background:var(--ze81da-secondary)} .policy-label{font-weight:700;color:var(--ze81da-ink)} .policy-link{color:var(--ze81da-secondary);text-decoration:underline} .policy-link:hover{color:var(--ze81da-accent)} .policy-footer{margin-top:18px;padding:24px 0;border-top:1px solid var(--ze81da-border);background:var(--ze81da-surface)} .policy-footer-grid{display:block} .policy-footer-block{margin:0 0 14px 0} .policy-footer-title{margin:0 0 8px 0;font-size:16px;color:var(--ze81da-ink);font-family:var(--ze81da-font-display)} .policy-footer-text{margin:8px 0 0 0;font-size:14px;color:var(--ze81da-text)} .policy-disclaimer{margin:14px 0 0 0;font-size:12.5px;color:var(--ze81da-slate)} @media (min-width:900px){.policy-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.policy-wrapper{padding:28px}}