/* Shared styles for Pulse inner pages (start, account, terms, privacy). Matches index.html tokens. */
:root{--bg:#F6F9F5;--white:#fff;--card:#EAF1E3;--card2:#E1EBD6;--line:#DDE6D5;--line2:#CBD8C0;--ink:#0E1A12;--body:#3E4A41;--mute:#6B7A6E;--mint:#8AEFA9;--mint2:#C9F7D7;--green:#12803F;--green2:#0E6A33;--dark:#001703;--forest:#0B2E1C;--forest2:#123B27;--red:#E4573A;--f:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--body);font:400 17px/1.65 var(--f);-webkit-font-smoothing:antialiased}
a{color:var(--green)}
.wrap{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.narrow{max-width:760px}
header.top{background:var(--forest);color:#fff}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:18px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.logo b{font:600 21px/1 var(--f);letter-spacing:-.04em}
.pm{width:28px;height:28px;position:relative;flex:none}
.pm i{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);background:var(--mint)}
.pm .r1{width:10px;height:10px}.pm .r2{width:19px;height:19px;opacity:.45}.pm .r3{width:28px;height:28px;opacity:.2}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:8px;padding:13px 18px;font:500 15px/1 var(--f);text-decoration:none;cursor:pointer;border:0}
.btn.mint{background:var(--mint);color:var(--dark)}
.btn.green{background:var(--green);color:#fff}
.btn.line{background:#fff;color:var(--ink);border:1px solid var(--line2)}
.hero{background:var(--forest);color:#fff;padding:clamp(40px,7vw,80px) 0 clamp(48px,7vw,88px)}
.eye{font:500 12px/1 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
h1{font:400 clamp(38px,6vw,64px)/1.02 var(--f);letter-spacing:-.045em;margin-top:18px;color:#fff}
h1 .t2{color:#9EE6B5}
.hero p.lede{margin-top:18px;max-width:52ch;color:#C4D9C9;font-size:18px}
h2{font:400 clamp(28px,3.6vw,40px)/1.1 var(--f);letter-spacing:-.035em;color:var(--ink)}
h3{font:500 20px/1.3 var(--f);letter-spacing:-.015em;color:var(--ink)}
main section{padding:clamp(44px,6vw,72px) 0}
.step{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,44px);margin-bottom:22px}
.step .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--dark);color:var(--mint);font:500 15px/1 var(--f)}
.step h2{margin:14px 0 12px}
.step ol{margin:14px 0 0 20px;display:grid;gap:8px}
.step ol b{color:var(--ink);font-weight:500}
.tip{margin-top:16px;background:var(--mint2);color:var(--green2);border-radius:10px;padding:10px 14px;font-size:14.5px}
/* WordPress diagram */
.scr{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(14,26,18,.08);font-size:13px}
.scr-h{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#F4F6F3;border-bottom:1px solid var(--line)}
.scr-h .dots{display:flex;gap:5px}.scr-h .dots span{width:8px;height:8px;border-radius:50%;background:var(--line2)}
.scr-h .url{font-size:12px;color:var(--mute);background:#fff;border-radius:6px;padding:4px 10px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wp{display:grid;grid-template-columns:120px 1fr}
.wp .sb{background:#1D2327;color:#C3C4C7;padding:10px 0;display:grid;gap:1px;align-content:start}
.wp .sb span{padding:6px 12px}
.wp .sb .on{background:var(--mint);color:var(--dark);font-weight:600}
.wp .sb .sub{padding-left:24px;font-size:12px;color:#9CA2A7}
.wp .sb .sub.on{background:#2C3338;color:#fff}
.wp .mn{padding:14px;display:grid;gap:10px;align-content:start}
.fld label{display:block;font:500 12px/1 var(--f);color:var(--body);margin-bottom:6px}
.fld .in{border:1px solid var(--line2);border-radius:8px;padding:9px 11px}
.fld .sel{border:1.5px solid var(--green);border-radius:8px;padding:9px 11px;background:var(--mint2);display:flex;justify-content:space-between}
.go{background:var(--dark);color:#fff;border-radius:8px;padding:10px;text-align:center;font-weight:500}
.hl{position:relative}
.hl::after{content:attr(data-n);position:absolute;right:-8px;top:-8px;width:20px;height:20px;border-radius:50%;background:var(--red);color:#fff;font:600 11px/20px var(--f);text-align:center}
.me{justify-self:end;max-width:85%;background:var(--card);border-radius:12px 12px 3px 12px;padding:9px 12px}
.ai{max-width:90%;background:var(--mint2);border-radius:12px 12px 12px 3px;padding:9px 12px}
.pv{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.pv .ph{display:flex;justify-content:space-between;padding:6px 10px;background:#F4F6F3;font:500 10.5px/1.2 var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.pv .pb{padding:9px 10px}
.pv mark{background:var(--mint2);color:var(--ink);padding:1px 5px;border-radius:4px}
.acts{display:flex;gap:8px}.acts span{border-radius:7px;padding:8px 11px;font-weight:500}
.acts .p{background:var(--green);color:#fff}.acts .t{border:1px solid var(--line2)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.card h3{margin-bottom:8px}
.card p{font-size:15.5px}
.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,40px)}
.panel.dark{background:var(--forest);color:#C4D9C9;border:0}
.panel.dark h2{color:#fff}
/* legal */
.legal h2{font-size:clamp(22px,2.6vw,28px);margin:38px 0 10px}
.legal h3{font-size:17px;margin:22px 0 6px}
.legal p,.legal li{margin-top:10px}
.legal ul{margin-left:20px}
.legal .meta{color:var(--mute);font-size:14.5px}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.toc a{font-size:14px;text-decoration:none;background:rgba(255,255,255,.08);color:#D6EADB;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 13px}
footer.foot{background:var(--forest);color:#A9C9B2;font-size:14.5px;padding:34px 0}
footer.foot .wrap{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;justify-content:space-between}
footer.foot nav{display:flex;flex-wrap:wrap;gap:8px 20px}
footer.foot a{color:#D6EADB;text-decoration:none}
@media (max-width:860px){.step,.cards{grid-template-columns:1fr}}
@media (max-width:560px){.wp{grid-template-columns:1fr}.wp .sb{display:flex;overflow:hidden;white-space:nowrap;padding:0;font-size:11.5px}.wp .sb .sub{display:none}header.top .btn{padding:10px 14px}}