@font-face { font-family:DM Sans; src:url(../dm-sans-400.ttf); font-display:swap; }
@font-face { font-family:DM Sans; src:url(../dm-sans-700.ttf); font-weight:700; font-display:swap; }
.sz-studio { background:#fbfcf9; font-family:"DM Sans",sans-serif; }
.sz-topbar { max-width:1200px; margin:auto; padding:24px; display:flex; justify-content:space-between; gap:20px; align-items:center; border-bottom:1px solid #d8e3dc; font-size:13px; }
.sz-topbar a { color:#17332e; text-decoration:none; font-weight:700; }
.sz-topbar span { font-weight:400; color:#526860; }
.sz-studio .sz-page { padding-top:64px; }
.sz-studio .sz-hero { max-width:none; display:grid; grid-template-columns:1.25fr 1fr; gap:70px; align-items:center; padding-bottom:64px; border-bottom:1px solid #d8e3dc; }
.sz-studio .sz-hero h1 { margin:22px 0; }
.sz-hero-copy>p:not(.sz-eyebrow) { max-width:47ch; color:#526860; }
.sz-hero-copy>p:nth-of-type(3) { font-size:13px; }
.sz-studio .sz-primary { display:inline-flex; gap:30px; align-items:center; padding:14px 22px; margin-top:18px; color:#fff; background:#285b47; border-radius:7px; text-decoration:none; font-weight:700; }
.sz-module-stack { padding:25px 0; position:relative; }
.sz-module-stack::before { content:""; position:absolute; inset:0 -22px; background:radial-gradient(ellipse,#d9e7cf,transparent 70%); z-index:-1; }
.sz-module-stack>div { padding:28px; background:#fff; border:1px solid #d8e3dc; border-radius:14px; box-shadow:0 18px 45px -35px #17332e80; }
.sz-module-stack>div:first-child { margin-right:30px; transform:rotate(-2deg); }
.sz-module-stack>div+div { margin: -8px 0 0 30px; transform:rotate(2deg); }
.sz-module-stack h2 { font-size:24px; line-height:1.2; letter-spacing:-.04em; margin:14px 0 10px; }
.sz-module-stack p { font-size:13px; color:#526860; margin:10px 0 20px; }
.sz-module-number { font-size:10px; letter-spacing:.14em; font-weight:700; color:#5a7a64; }
.sz-chip { padding:6px 10px; background:#edf3e8; border-radius:5px; color:#426450; font-size:10px; }
.sz-studio .sz-section { margin-block:64px; }
.sz-studio .sz-card { background:#fff; padding:30px; }
.sz-studio .sz-card h3 { font-size:21px; letter-spacing:-.025em; }
.sz-studio .sz-card p { font-size:14px; }
.sz-studio #tabs { display:grid; grid-template-columns:1fr 1.4fr; column-gap:70px; align-items:start; }
.sz-studio #tabs>h2 { grid-row:span 2; margin-top:0; max-width:330px; }
.sz-studio .sz-tabs__nav { margin-top:0; }
.sz-studio .sz-tabs__panel { grid-column:2; background:#edf3e8; }
.sz-studio .sz-faq { border-top:1px solid #d8e3dc; padding-top:48px; }
.sz-studio footer { border-top:1px solid #d8e3dc; padding-top:22px; color:#526860; font-size:12px; }
@media(max-width:760px) { .sz-studio .sz-page { padding-top:40px; } .sz-studio .sz-hero { grid-template-columns:1fr; gap:30px; } .sz-module-stack { max-width:500px; width:100%; margin:auto; } .sz-studio #tabs { grid-template-columns:1fr; gap:10px; } .sz-studio #tabs>h2 { grid-row:auto; max-width:none; } .sz-studio .sz-tabs__panel { grid-column:1; } .sz-topbar { font-size:11px; } .sz-topbar span { display:block; } }
