/* ReplyInn v12 — newsletter, preferences, deliverability */
.nl-page{max-width:640px}
.nl-kicker{margin:0 0 8px;font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--brand,#0e7c74)}
.nl-form{margin:22px 0;position:relative}
.nl-check{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;font-size:14.5px;line-height:1.45;cursor:pointer}
.nl-check input{margin-top:3px;flex:0 0 auto;width:auto}
.nl-why{margin-top:8px}
.nl-band{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:22px 0 26px;margin-bottom:26px;border-bottom:1px solid var(--line,#e4e9ea)}
.nl-band b{display:block;font-size:16px;margin-bottom:2px}
.nl-band .small{opacity:.75}
.nl-band-form{display:flex;gap:8px;flex:1 1 320px;max-width:460px;position:relative}
.nl-band-form input[type=email]{flex:1;min-width:0;padding:11px 13px;border-radius:10px;border:1px solid var(--line,#cfd8d9);background:#fff;color:var(--ink,#0b1b1f);font-size:15px}
.nl-bars{display:flex;align-items:flex-end;gap:3px;height:90px;padding-top:6px}
.nl-bars span{flex:1;min-width:3px;background:var(--brand,#0e7c74);border-radius:3px 3px 0 0;opacity:.85}
.nl-step{border:1px solid var(--line,#e4e9ea);border-radius:12px;padding:10px 14px;margin:0 0 10px}
.nl-step summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.nl-step[open] summary{margin-bottom:12px}
textarea.code{width:100%;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;background:#f6f8f8;border:1px solid var(--line,#e4e9ea);border-radius:10px;padding:10px}
a.kpi{text-decoration:none;color:inherit}
a.kpi.on{outline:2px solid var(--brand,#0e7c74);outline-offset:-2px}
@media (max-width:640px){.nl-band{flex-direction:column;align-items:stretch}.nl-band-form{max-width:none}}
/* v12.1 — multi-page marketing site */
.page-hero{position:relative;background:var(--night,#06171a);color:#fff;margin-top:-68px;padding:132px 0 64px;text-align:center;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset:auto -20% -60% -20%;height:120%;background:radial-gradient(closest-side,rgba(14,124,116,.35),transparent);pointer-events:none}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:10px 0 0}
.page-hero .lead{color:rgba(255,255,255,.72);max-width:640px;margin:16px auto 0;font-size:clamp(15.5px,2vw,18px)}
.page-hero .kicker{color:#5eead4}
.ptypes{background:#fff;border-bottom:1px solid var(--line,#e4e9ea)}
.ptypes .wrap{padding-top:22px;padding-bottom:24px;text-align:center}
.ptypes small{display:block;color:var(--muted,#64767b);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:12px}
.ptypes-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ptypes-row span{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line,#e4e9ea);border-radius:999px;font-weight:600;font-size:14px;color:#3d5257;background:#f8fafa}
.ptypes-row .ico{width:16px;height:16px;color:var(--brand,#0e7c74)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.tile{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s}
.tile:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(6,23,26,.1)}
.tile .ico{width:26px;height:26px;color:var(--brand,#0e7c74)}
.tile h3{margin:6px 0 0;font-size:18px}
.tile p{margin:0;color:var(--muted,#64767b);font-size:14.5px;flex:1}
.tile span{font-weight:700;color:var(--brand,#0e7c74);font-size:14px;margin-top:6px}
.mk-links a.on{color:#5eead4}
.pay-note{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted,#64767b);font-size:13px;margin:14px 0 24px}
.pay-note b{color:#635bff}