.ex{background:var(--skin-paper);color:var(--skin-ink)}.ex-hero{padding-block:165px 90px;position:relative}.ex-eyebrow{font:10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--skin-accent)}.ex h1{font:400 clamp(60px,7.6vw,116px)/1.02 var(--serif);letter-spacing:-.055em;max-width:1100px;margin:35px 0}.ex h1 em,.ex h2 em{color:var(--skin-accent)}.ex-lead{font:18px/1.8 var(--sans);color:var(--skin-muted);max-width:650px}.ex-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:40px}.ex-link{display:inline-flex;align-items:center;gap:25px;padding-block:15px;border-bottom:1px solid var(--skin-line);font:12px var(--sans);text-decoration:none}.ex-pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--skin-ink);color:var(--skin-light);border:1px solid var(--skin-ink);border-radius:40px;padding:17px 25px;font:12px var(--sans);text-decoration:none;cursor:pointer}.ex-pill.light{color:var(--skin-ink);background:transparent;border-color:var(--skin-line)}.ex-section{padding-block:100px;border-top:1px solid var(--skin-line);scroll-margin-top:110px}.ex h2{font:400 clamp(44px,5vw,74px)/1.07 var(--serif);letter-spacing:-.045em;max-width:1000px;margin:25px 0 40px}.ex h3{font:400 35px/1.15 var(--serif);letter-spacing:-.025em}.ex p{line-height:1.8}.ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.ex-card{padding:50px;background:var(--skin-card);border:1px solid var(--skin-line);min-width:0;display:flex;flex-direction:column;align-items:start}.ex-card h3{font-size:48px;margin:25px 0}.ex-card p{color:var(--skin-muted);max-width:45ch;font-size:16px}.ex-card .ex-pill{margin-top:30px}.ex-card ul{list-style:none;padding:0;margin-block:20px;line-height:1.8;font-size:14px;width:100%}.ex-card li{padding:14px 0;border-top:1px solid var(--skin-line)}.ex-card.dark{background:var(--skin-dark);color:var(--skin-light)}.ex-card.dark :is(p,.ex-eyebrow){color:var(--skin-night-muted)}.ex-card.dark li{border-color:#ffffff26}.ex-card.dark .ex-pill{color:var(--skin-ink);background:var(--skin-light)}.ex-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:50px}.ex-steps h3{margin:25px 0 18px;font-size:31px}.ex-steps p{color:var(--skin-muted);font-size:15px}.ex-form-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.ex-form-layout h2{font-size:clamp(45px,5vw,68px)}.ex-form-layout>div>p{font-size:16px;color:var(--skin-muted);max-width:430px}.ex-form{display:grid;gap:25px;padding:42px;background:var(--skin-wash);align-content:start}.ex-form label{font:12px/1.6 var(--sans);display:grid;gap:10px;min-width:0}.ex-form :is(input,select,textarea){width:100%;border:1px solid var(--skin-line);background:var(--skin-card);color:var(--skin-ink);padding:15px;font:15px var(--sans);border-radius:0}.ex-form textarea{resize:vertical;min-height:100px}.ex-form :is(input,select,textarea)[aria-invalid=true]{border-color:#a64f3d}.ex-form fieldset{margin:0;border:0;padding:0}.ex-form legend{font:12px var(--sans);margin-bottom:15px}.ex-checks{display:flex;flex-wrap:wrap;gap:12px 20px}.ex-checks label{display:flex;align-items:center;gap:9px}.ex-checks input{width:17px;height:17px;accent-color:var(--skin-accent)}.ex-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ex-error{color:#a6422a!important;font-size:13px}.ex-small{font:11px/1.8 var(--sans);color:var(--skin-muted)}.ex-success{padding:35px;border:1px solid var(--skin-line);background:var(--skin-card);margin-top:25px}.ex-success h3{margin:10px 0 15px}.ex-success p{font-size:15px;color:var(--skin-muted)}.ex [hidden]{display:none!important}.ex-sample{background:var(--skin-dark);color:var(--skin-light);padding:65px}.ex-sample h3{max-width:900px;font-size:clamp(38px,4.5vw,65px);margin:25px 0 40px}.ex-sample .ex-eyebrow,.ex-sample p{color:var(--skin-night-muted)}.ex-sample details{border-top:1px solid #ffffff30;padding-top:25px}.ex-sample summary{cursor:pointer;font:14px var(--sans)}.ex-sample-read{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-top:35px}.ex-sample-read b{font:24px var(--serif);color:var(--skin-light)}.ex-sample-read p{font-size:15px}.ex-sample-read a{color:inherit;font-size:11px}.ex-board{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.ex-board article{border:1px solid var(--skin-line);background:var(--skin-card);padding:35px;min-width:0;overflow-wrap:anywhere}.ex-board h3{margin-block:20px}.ex-board p{font-size:14px;color:var(--skin-muted);white-space:pre-line}.ex-board .ex-tag{font:10px var(--sans);color:var(--skin-accent);letter-spacing:.1em}.ex-board button{margin-top:15px;padding:10px 0;background:none;border:0;border-bottom:1px solid var(--skin-line);color:var(--skin-muted);cursor:pointer;font:12px var(--sans)}.ex-empty{padding:45px 0;border-block:1px solid var(--skin-line);color:var(--skin-muted)}.ex-route{display:block;font:400 31px/1.2 var(--serif);margin:25px 0;color:var(--skin-accent)}.ex-compact-band{padding-block:100px;border-top:1px solid var(--skin-line)}.ex-compact-band h2{font:400 clamp(42px,5vw,72px)/1.05 var(--serif);letter-spacing:-.04em;margin:25px 0 50px}.ex-compact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.ex-compact-links a{display:block;border-top:1px solid var(--skin-line);padding-top:26px;text-decoration:none}.ex-compact-links span{font:10px var(--sans);letter-spacing:.1em;color:var(--skin-accent)}.ex-compact-links h3{font:400 32px/1.12 var(--serif);margin:25px 0}.ex-compact-links p{font:15px/1.8 var(--sans);color:var(--skin-muted);max-width:38ch}.ex-compact-links b{font:22px var(--serif)}@media(max-width:900px){.ex-form-layout{gap:40px;grid-template-columns:1fr 1.4fr}.ex-card{padding:35px}.ex-steps{gap:30px}.ex-compact-links{gap:25px}}@media(max-width:700px){.ex-hero{padding:120px 0 65px}.ex h1{font-size:58px}.ex-lead{font-size:16px}.ex-grid,.ex-form-layout,.ex-steps,.ex-sample-read,.ex-board,.ex-compact-links{grid-template-columns:1fr}.ex-section{padding-block:65px}.ex h2{font-size:43px}.ex-card{padding:28px}.ex-card h3{font-size:40px}.ex-form{padding:25px}.ex-fields{grid-template-columns:1fr}.ex-form-layout{gap:30px}.ex-sample{padding:30px}.ex-compact-band{padding-block:70px}.ex-compact-links{gap:35px}.ex-board article{padding:26px}}