.resource-intro { padding-bottom:64px; }
.resource-intro h1 { font-size:64px;max-width:20ch; }
.resource-grid { display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start; }
.resource-preview { padding:40px;background:var(--surface);border:1px solid var(--hair-strong); }
.resource-grid h2 { font-size:34px;margin-top:24px;line-height:1.1; }
.resource-features { padding-left:20px;margin:24px 0;color:var(--light); }
.resource-features li { padding-left:8px;margin-bottom:16px; }
.resource-features li::marker { color:var(--mark); }
.resource-equation { display:flex;flex-direction:column;gap:16px;margin:40px 0;text-align:center;font-family:var(--display);font-size:27px;line-height:1.2; }
.resource-equation__line { height:1px;background:var(--mark); }
.resource-small { font-size:14px;color:var(--muted);max-width:65ch; }
.resource-request { border-top:1px solid var(--mark);padding-top:32px; }
.resource-request > p { margin-top:24px;max-width:65ch;color:var(--muted); }
.resource-request form { margin-top:32px; }
.resource-email-label { display:block;font-size:14px;color:var(--light);margin-bottom:8px; }
.resource-request input[type="email"] { width:100%;min-height:56px;font:inherit;color:var(--light);background:var(--surface);border:1px solid var(--muted);border-radius:0;padding:12px 16px; }
.resource-request input[type="email"]:hover { border-color:var(--light); }
.resource-request input[type="email"]:active,.resource-request input[type="email"]:focus { border-color:var(--mark); }
.resource-request form .resource-small { margin:16px 0 24px; }
.resource-request .btn { width:100%;justify-content:center;text-align:center;white-space:normal;border:1px solid var(--mark);border-radius:0;cursor:pointer; }
.resource-request .btn:disabled { cursor:wait;opacity:.65; }
.resource-error { color:var(--light);border-left:2px solid var(--mark);padding-left:16px;margin-top:16px; }
.resource-error[hidden] { display:none; }
.resource-local { border-top:1px solid var(--hair);padding-top:24px; }
.resource-thanks { max-width:760px; }
.resource-thanks .btn { margin-top:32px; }
.resource-thanks .back-link { margin-top:24px;display:flex; }
.resource-page a:active { color:var(--mark); }
.resource-page .btn:active { color:var(--ground); }
@media(max-width:900px) { .resource-grid { gap:32px; }.resource-preview { padding:24px; } }
@media(max-width:767px) { .resource-intro h1 { font-size:44px; }.resource-grid { grid-template-columns:1fr;gap:40px; }.resource-intro { padding-bottom:40px; }.resource-grid h2 { font-size:27px; } }