:root { --ink: #17302a; --muted: #60736d; --line: #d8e4df; --paper: #f8fbf9; --mint: #dff5e9; --accent: #0d7b5d; }
.p0-page { color: var(--ink); background: linear-gradient(135deg, #f7fbf7 0%, #edf7f1 48%, #fffdf7 100%); min-height: 100vh; }
.p0-wrap { width: min(1080px, calc(100% - 40px)); margin: 0 auto; padding: 52px 0 76px; }
.p0-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0; }
.p0-brand { color:var(--ink); font-weight:800; text-decoration:none; font-size:20px; }.p0-nav nav{display:flex;gap:18px;flex-wrap:wrap}.p0-nav a{color:var(--muted);text-decoration:none}.p0-nav nav a:hover{color:var(--accent)}
.p0-hero { padding:52px 0 34px; max-width:800px; }.p0-kicker{color:var(--accent);font-weight:800;letter-spacing:.1em;font-size:12px}.p0-hero h1{font-size:clamp(36px,6vw,62px);line-height:1.1;letter-spacing:-.045em;margin:16px 0}.p0-hero p{font-size:18px;line-height:1.82;color:var(--muted);max-width:740px}
.p0-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.p0-button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 18px;text-decoration:none;font-weight:750;border:1px solid var(--accent);background:var(--accent);color:white;box-shadow:0 8px 18px rgba(13,123,93,.14)}.p0-button.secondary{background:rgba(255,255,255,.92);color:var(--accent);box-shadow:none}
.p0-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:34px 0 64px}.p0-card,.p0-section,.p0-claim{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 10px 28px rgba(24,57,45,.055)}.p0-card{display:grid;align-content:start;gap:8px}.p0-card h2{font-size:21px;line-height:1.35;margin:0}.p0-card p,.p0-section p,.p0-section li{color:var(--muted);line-height:1.82}.p0-card a{margin-top:6px;color:var(--accent);font-weight:750;text-decoration:none}
.p0-content{max-width:820px}.p0-section{margin:22px 0}.p0-section h2{font-size:25px;line-height:1.35;margin:0 0 12px}.p0-section ol,.p0-section ul{display:grid;gap:10px;padding-left:22px}.p0-section code,.p0-example{background:#edf5f0;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:14px;display:block;white-space:pre-wrap;overflow:auto;line-height:1.7}.p0-breadcrumb{color:var(--muted);font-size:14px}.p0-claim{max-width:680px;margin:22px 0}.p0-form{display:flex;gap:10px;flex-wrap:wrap}.p0-form input{flex:1;min-width:220px;padding:13px;border:1px solid var(--line);border-radius:10px;font:inherit}.p0-status{margin-top:14px;color:var(--muted)}.p0-status.success{display:grid;gap:4px;color:var(--accent);font-weight:700}.p0-code-line{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.p0-expiry-line{display:block;grid-column:1 / -1}.p0-copy-code{display:inline-grid;width:26px;height:26px;place-items:center;border:1px solid currentColor;border-radius:7px;background:transparent;color:inherit;padding:0;cursor:pointer}.p0-copy-code svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.p0-note{font-size:14px;color:var(--muted)}.p0-campaign-success{margin-top:18px;padding:18px;border:1px solid #9adbc7;border-radius:13px;background:#f3fcf7;color:var(--accent);font-weight:700}.p0-campaign-success #freeCampaignSuccessDetails{display:grid;gap:9px}.p0-campaign-guide{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}.p0-campaign-guide.is-secondary{opacity:.86}.p0-campaign-guide-head h2{margin:0 0 6px;color:var(--ink);font-size:19px}.p0-campaign-guide-head p{margin:0;line-height:1.6}.p0-campaign-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0}.p0-text-link{color:var(--accent);font-weight:700;text-decoration:none}.p0-text-link:hover{text-decoration:underline}.p0-install-steps{margin:0;padding-left:22px;display:grid;gap:9px;line-height:1.7}.p0-install-steps code{padding:1px 5px;border-radius:4px;background:#dff2e8;color:#173a2d}.p0-campaign-expand-slot{min-height:1px;margin-top:42px}
@media (max-width:640px){.p0-wrap{width:min(100% - 28px,1080px);padding-top:24px}.p0-nav{align-items:flex-start;flex-direction:column}.p0-hero{padding-top:30px}}