.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.template-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--pale);display:flex;flex-direction:column;align-items:flex-start}.template-card h2{font-size:28px}.template-card .button{margin-top:auto}.template-format{font-size:14px;color:var(--muted)}.template-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.template-preview{background:var(--pale);border:1px solid var(--line);border-radius:12px;padding:32px;margin:32px 0}.template-preview span{font-size:12px;letter-spacing:.1em;color:var(--blue-dark)}.template-form{padding:32px;border-radius:22px;background:var(--ink);color:white}.template-form h2{color:white}.template-form label{display:block}.template-form input[type=email]{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:14px;margin:8px 0 20px;color:var(--ink);background:white;font:inherit}.template-form .template-check{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.template-check input{width:20px;height:20px;flex-shrink:0;margin-top:4px}.template-form a{color:white;text-decoration:underline}.template-form button{white-space:normal;width:100%;min-height:48px}.template-form button:disabled{opacity:.65;cursor:wait}.template-form :focus-visible{outline:3px solid var(--green);outline-offset:4px}.template-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#template-status{min-height:28px;overflow-wrap:anywhere}@media(max-width:760px){.template-grid,.template-detail{grid-template-columns:1fr;gap:24px}.template-card,.template-form,.template-preview{padding:22px}.template-card h2{font-size:24px}}
.page-hero h1{overflow-wrap:anywhere;hyphens:auto}.page-hero .kicker{display:block;margin-top:18px}.template-form .kicker{color:var(--green)}@media(max-width:760px){.template-form{order:-1}.page-hero h1{font-size:clamp(32px,8vw,48px)}}