:root{color-scheme:light;--bg:#f4f7f5;--surface:#fff;--surface-2:#edf4f0;--text:#10231d;--muted:#64766f;--line:#dbe6e1;--accent:#0b7355;--accent-2:#075b43;--shadow:0 18px 55px rgba(20,52,42,.08);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-theme="dark"]{color-scheme:dark;--bg:#07110e;--surface:#0d1b17;--surface-2:#13251f;--text:#eff8f4;--muted:#95aaa2;--line:#203b32;--accent:#5ed5aa;--accent-2:#76e1ba;--shadow:0 18px 55px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,a,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:auto;padding:0 24px}.brand{color:var(--text);font-weight:800;text-decoration:none;letter-spacing:-.03em}.controls{display:flex;gap:8px}.language select,.icon-button{height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px}.icon-button{width:40px;padding:0;cursor:pointer;font-size:20px}
main{max-width:1160px;margin:auto;padding:34px 24px 72px}.hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:30px;border:1px solid var(--line);background:linear-gradient(135deg,var(--surface),var(--surface-2));border-radius:28px;box-shadow:var(--shadow)}.monogram{width:88px;height:88px;border-radius:24px;display:grid;place-items:center;background:var(--accent);color:var(--bg);font-size:28px;font-weight:900}.eyebrow{margin:0 0 7px;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.hero h1{font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:-.055em;margin:0}.subtitle{max-width:600px;margin:13px 0 0;color:var(--muted);line-height:1.55}.primary{border:0;border-radius:14px;padding:14px 18px;background:var(--accent);color:var(--bg);font-weight:800;cursor:pointer;display:flex;align-items:center;gap:9px;white-space:nowrap}.primary:hover{background:var(--accent-2)}
.section{display:grid;grid-template-columns:240px 1fr;gap:36px;margin-top:62px}.section-heading h2{font-size:27px;line-height:1.05;letter-spacing:-.04em;margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}.card.wide{grid-column:1/-1}.label{display:block;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}.value{display:block;font-size:16px;font-weight:760;line-height:1.35;overflow-wrap:anywhere}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.action{border:0;border-radius:10px;background:var(--surface-2);color:var(--accent);font-weight:750;font-size:13px;padding:9px 11px;text-decoration:none;cursor:pointer}.action:hover{filter:brightness(.96)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--text);color:var(--bg);padding:11px 16px;border-radius:12px;font-weight:750;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{max-width:1160px;margin:auto;padding:24px;display:flex;gap:8px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}footer a{color:inherit;text-decoration:none}
@media(max-width:800px){main{padding:18px 14px 48px}.topbar{padding:0 14px}.hero{grid-template-columns:auto 1fr;padding:18px;gap:14px;border-radius:22px}.monogram{width:58px;height:58px;border-radius:17px;font-size:19px}.hero h1{font-size:32px}.subtitle{font-size:14px}.primary{grid-column:1/-1;justify-content:center;padding:12px}.section{display:block;margin-top:38px}.section-heading{margin:0 4px 14px}.section-heading h2{font-size:23px}.grid,.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card{padding:14px;border-radius:15px}.value{font-size:15px}.card.wide{grid-column:1/-1}}
@media(max-width:420px){.grid,.grid.two{grid-template-columns:1fr}.hero-copy .eyebrow{display:none}.hero{grid-template-columns:58px 1fr}.subtitle{grid-column:1/-1}.actions{margin-top:11px}.card{padding:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}