/* Shared preview shell, adapted from the supplied site-shell.css. */
@font-face{font-family:Inter;src:url('./fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#0b1118;--ink-2:#22303f;--mut:#55657e;--line:#dce7ee;--cyan:#0fa6bf;--teal:#07778a;--tint:#e8f5f9;--cta-fg:#04141a;--body:16px;--small:15px;--r:8px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:var(--body);line-height:1.68;-webkit-font-smoothing:antialiased;background:#f8fcfd}
button,input,textarea{font:inherit}
button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}
h1,h2,h3{margin:0;letter-spacing:0;line-height:1.2;text-wrap:balance}
h1{font-size:38px;font-weight:800}
h2{font-size:28px;font-weight:800}
h3{font-size:19px;font-weight:750}
p{margin:0}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:5px}
a,button,input,textarea,summary{outline-offset:5px}
:focus-visible{outline:3px solid var(--teal)}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:24px}
.label,.eyebrow,.legal-panel-label{font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase;color:var(--teal)}
.lead{color:var(--mut);margin-top:18px;font-size:17px;line-height:1.7}
.fine{font-size:13px;color:var(--mut);line-height:1.6}
.btn,.button.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;max-width:100%;padding:12px 24px;border-radius:8px;background:var(--cyan);color:var(--cta-fg);font-weight:800;font-size:16px;line-height:1.4;border:1px solid transparent;cursor:pointer;text-align:center;text-decoration:none}
.btn:hover,.button.primary:hover{background:#0e98af;text-decoration:none}
.btn img{flex-shrink:0}
.skip-link{position:fixed;z-index:100;top:8px;left:16px;transform:translateY(-150%);padding:10px 18px;background:white;border:2px solid var(--teal);border-radius:8px}
.skip-link:focus{transform:none}
.top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:12px;min-height:78px}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-weight:800;font-size:18px;color:var(--ink);text-decoration:none;line-height:1.2}
.brand:hover{text-decoration:none}
.brand img{width:34px;height:34px;object-fit:contain}
.desktop-nav{display:none;align-items:center;gap:30px;margin-left:auto;font-size:15px;font-weight:600}
.desktop-nav a{display:flex;align-items:center;min-height:44px;color:var(--ink-2)}
.header-download{min-height:44px;padding:10px 18px;font-size:14px}
.burger{width:44px;height:44px;flex:0 0 44px;margin-left:auto;border:1px solid var(--line);border-radius:8px;background:white;display:grid;place-items:center;cursor:pointer}
.mobile-nav{padding-block:8px 16px;border-top:1px solid var(--line)}
.mobile-nav a{display:block;min-height:46px;padding-block:10px;font-weight:600;color:var(--ink-2)}
.footer{border-top:1px solid var(--line);background:white;margin-top:24px}
.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;padding-block:48px}
.footer-intro{grid-column:1/-1}
.footer-intro p{max-width:310px;margin-top:16px;font-size:14px;color:var(--mut)}
.social{display:flex;gap:10px;margin-top:20px}
.social a{width:44px;height:44px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center}
.footer-col{display:grid;align-content:start}
.footer-col h2{margin-bottom:12px;font-size:14px;font-weight:800;text-transform:uppercase;text-align:left}
.footer-col a{min-height:44px;padding-block:9px;color:var(--mut);font-size:14px;overflow-wrap:anywhere}
.footer-bottom{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-block:20px;font-size:13px;color:var(--mut)}
/* Existing legal content is preserved and styled by this new shell. */
.legal-hero{padding-block:56px 24px}
.legal-hero-inner,.legal-layout{width:100%;max-width:808px;margin-inline:auto;padding-inline:24px}
.legal-hero h1{margin-top:12px;overflow-wrap:anywhere}
.legal-hero-summary{margin-top:20px;color:var(--mut);font-size:16px}
.legal-meta{display:grid;gap:16px;margin:28px 0 0;padding:20px 0;border-block:1px solid var(--line)}
.legal-meta div{min-width:0}
.legal-meta dt{color:var(--teal);font-size:13px;font-weight:750}
.legal-meta dd{margin:4px 0 0;font-size:15px;font-weight:650}
.legal-page-section{padding-block:12px 72px}
.legal-summary{padding:24px;background:var(--tint);border-left:3px solid var(--teal);margin-block:0 36px}
.legal-summary h2{margin-top:8px;font-size:22px}
.legal-layout ul{margin:16px 0 0;padding-left:22px}
.legal-layout li{margin-top:10px;color:var(--ink-2);font-size:15px}
.legal-content>section,.legal-content>aside{margin-top:32px}
.legal-content h2{font-size:24px;margin-bottom:14px}
.legal-content h3{font-size:18px;margin-block:24px 12px}
.legal-content p{margin-top:12px;font-size:15px;color:var(--ink-2)}
.legal-content p a{text-decoration:underline;text-underline-offset:3px}
.legal-safety-note,.legal-responsibility-note,.safe-data-note{padding:22px;background:#fff8e8;border-left:3px solid #a16e10}
.legal-safety-note h2,.legal-responsibility-note h2{font-size:22px}
.legal-contact{padding-top:28px;border-top:1px solid var(--line)}
.legal-email-link{display:inline-block;min-height:44px;padding-block:8px;overflow-wrap:anywhere}
.request-form{display:grid;gap:24px;margin-top:28px}
.request-form label:not(.checkbox-label){display:grid;gap:8px;font-size:15px;font-weight:700}
.request-form input:not([type=checkbox]),.request-form textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #a3b6c5;border-radius:8px;color:var(--ink);background:white;font-size:16px}
.request-form textarea{resize:vertical;min-height:130px}
.request-form .honeypot{display:none}
.field-help{font-size:13px;color:var(--mut);font-weight:400}
.field-error{font-size:14px;font-weight:600;color:#a52837}
.checkbox-label{display:flex;align-items:flex-start;gap:12px;font-size:14px}
.checkbox-label input{flex:0 0 22px;width:22px;height:22px;margin-top:4px;accent-color:var(--teal)}
.success-message{padding:18px;margin-block:20px;border-left:3px solid #237a53;background:#edf8f2;color:#1e593e;font-size:15px}
.safe-data-note{margin-top:20px;font-size:14px}
.button:disabled{opacity:.7;cursor:wait}
.form-errors{margin-top:20px;padding:18px;border-left:3px solid #a52837;background:#fff3f4;color:#8b2230}
.request-form [aria-invalid=true]{border-color:#a52837}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.accounts-intro{padding-block:56px 36px;background:#f2fafc}
.accounts-intro h1{margin-top:14px}
.accounts-intro .lead{max-width:710px}
.accounts-section{padding-block:40px 48px}
.accounts-note{max-width:780px;margin-top:16px;color:var(--mut);font-size:15px}
.accounts-grid{display:grid;gap:16px;margin-top:28px}
.account-option{display:grid;grid-template-rows:auto 1fr auto;padding:24px;border:1px solid var(--line);border-radius:8px;background:white}
.account-option h3{font-size:22px;color:var(--teal)}
.account-option p{margin-top:14px;color:var(--mut);font-size:15px}
.account-option ul{list-style:none;padding:0;margin:22px 0 0;border-top:1px solid var(--line)}
.account-option li{padding-top:12px;font-size:14px;font-weight:600}
.accounts-specs{background:#f0f8fa}
.accounts-specs h2{margin-top:12px}
.accounts-table{width:100%;margin-top:28px;border-collapse:collapse;table-layout:fixed;font-size:14px;text-align:left}
.accounts-table th,.accounts-table td{padding:16px 14px;border-bottom:1px solid #ccdee6;vertical-align:top;overflow-wrap:anywhere}
.accounts-table thead th{color:white;background:var(--teal);font-weight:700}
.accounts-table tbody th{color:var(--ink-2);font-weight:650}
.accounts-table tbody td{color:var(--mut)}
.accounts-table tbody tr:nth-child(even){background:rgba(255,255,255,.7)}
.accounts-table th:first-child{width:25%}
.accounts-closing{padding-block:56px 64px}
.accounts-closing h2{margin-top:12px}
.accounts-closing .lead{max-width:780px}
.accounts-action{margin-top:26px}
@media(max-width:759px){.btn.download-cta{width:100%;min-height:52px;font-size:16px;font-weight:750;gap:8px}}
@media(min-width:640px){.accounts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.accounts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:699px){.accounts-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.accounts-table tbody{display:grid;gap:24px}.accounts-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.accounts-table tbody th{grid-column:1/-1;background:#e0eff4}.accounts-table th:first-child{width:auto}.accounts-table th,.accounts-table td{padding:14px 12px}.accounts-table td::before{content:attr(data-account);display:block;margin-bottom:6px;color:var(--teal);font-size:13px;font-weight:750}.accounts-intro h1{font-size:34px}}
@media(min-width:640px){.legal-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){h1{font-size:48px}h2{font-size:34px}.desktop-nav{display:flex}.burger{display:none}.header-download{margin-left:24px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.footer-intro{grid-column:auto}.legal-hero{padding-top:64px}}
@media(max-width:359px){.wrap,.legal-hero-inner,.legal-layout{padding-inline:18px}.header-inner{gap:8px;min-height:70px}.brand{gap:6px;font-size:15px}.brand img{width:28px;height:28px}.header-download{padding-inline:12px;font-size:13px}.legal-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}