.pp{--accent:#E08A55;--glass:rgba(10,22,16,.55);--glass-bd:rgba(230,214,190,.16);--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
--s-winter:#7fb6c0;--s-spring:#66BB8A;--s-summer:#F2C25E;--s-autumn:#E08A55}
.pp-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--gutter)}
.pp .eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--sand)}
.pp .eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.pp .eyebrow .n{display:flex;align-items:center;gap:12px;color:var(--accent)}
.pp .eyebrow .n::after{content:"";width:18px;height:1px;background:var(--sand);opacity:.75}
.pp .micro{margin:0;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sand)}
.pp .micro .n{color:var(--accent)}
.pp h1,.pp h2{font-family:var(--display);font-weight:420;letter-spacing:-.025em;color:#fbf5e8}
.pp h1{font-size:clamp(2.5rem,9vw,5.6rem);line-height:.98;margin:0 0 .35em;max-width:16ch}
.pp h2{font-size:clamp(1.9rem,5.6vw,3.3rem);line-height:1.02;margin:0 0 .45em;max-width:20ch}
.pp h3{font-family:var(--display);font-weight:520;font-size:1.22rem;line-height:1.2;margin:.35em 0 .4em;color:#fbf5e8}
.pp em{font-style:italic;color:var(--accent);font-weight:400}
.pp .lede{margin:0;color:rgba(239,232,216,.84);font-size:clamp(1rem,2.6vw,1.2rem);line-height:1.6;max-width:58ch}
.pp .lead{color:#d8d0bf;max-width:60ch;margin:0 0 1.4em}
.pp .src{color:var(--muted);font-size:.84rem;margin:.8em 0 0}
.pp .go{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);padding:12px 18px;border:1px solid rgba(224,138,85,.55);border-radius:999px;text-decoration:none;transition:background .3s,color .3s,gap .3s}
.pp .go:hover{background:var(--accent);color:#1b1208;gap:15px}
.pp .go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pp .go.solid{background:var(--sand);border-color:var(--sand);color:#17120a}
.pp .go.solid:hover{background:var(--sun);border-color:var(--sun)}
.pp .gos{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
/* Hero: dawn glow behind the ridges of the home page's still illustration. */
.pp-hero{position:relative;overflow:hidden;padding:clamp(56px,11vw,128px) 0 clamp(40px,7vw,80px);background:radial-gradient(70% 60% at 78% 100%,rgba(242,170,94,.32),transparent 70%),radial-gradient(60% 50% at 10% 0%,rgba(85,149,159,.18),transparent 70%),linear-gradient(180deg,#06100c 0%,#0b1a13 55%,#10251a 100%);border-bottom:1px solid var(--line)}
.pp-hero.small{padding-bottom:clamp(28px,5vw,48px)}
.pp-hero .pp-wrap{position:relative;z-index:1}
.pp-ridges{position:absolute;left:0;right:0;bottom:0;width:100%;height:58%;pointer-events:none;opacity:.9}
.pp-ridges .r2{fill:#16302a}.pp-ridges .r3{fill:#11281f}.pp-ridges .r4{fill:#0c1f17}.pp-ridges .r5{fill:#081510}
.facts{margin-top:clamp(30px,5vw,52px);max-width:720px;background:var(--glass);border:1px solid var(--glass-bd);border-radius:22px;padding:18px 20px;-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid rgba(239,232,216,.14)}
.metrics div{display:flex;flex-direction:column;gap:4px;min-width:0}
.metrics dd{margin:0;font:500 clamp(1.3rem,5vw,2.3rem)/1 var(--display);color:var(--sun);font-variant-numeric:tabular-nums;white-space:nowrap}
.metrics dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(239,232,216,.72)}
/* Bands */
.pp-band{padding:clamp(56px,9vw,104px) 0;border-top:1px solid var(--line)}
.pp-band:nth-of-type(odd){background:linear-gradient(180deg,rgba(19,40,29,.35),transparent 60%)}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.gcard{display:block;background:linear-gradient(180deg,rgba(14,29,21,.78),rgba(10,22,16,.86));border:1px solid var(--glass-bd);border-radius:22px;padding:20px 20px 22px;box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);color:inherit;text-decoration:none}
.gcard p:last-child{margin-bottom:0}
.gcard p{color:#d9d2c2}
.offers .gcard{border-top:2px solid rgba(224,138,85,.5)}
.note-line{margin:18px 0 0;color:var(--muted);font-size:.92rem;max-width:70ch}
.feats{list-style:none;margin:0;padding:0;display:grid;gap:4px 28px}
.feats li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.feats h3{margin:0 0 .25em;font-size:1.1rem}
.feats p{margin:0;color:#d4cdbd;font-size:.96rem}
.ic{width:22px;height:22px;margin-top:3px;fill:none;stroke:var(--moss);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:70ch}
.checks li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;background:rgba(14,29,21,.55);border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:#e2dbcb}
.checks.plain li{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:14px 0}
.mk-dot{width:10px;height:10px;margin:8px 0 0 6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(224,138,85,.18)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:s;position:relative}
.steps li{position:relative;padding:4px 0 26px 30px;border-left:1px solid var(--line-2);margin-left:6px}
.steps li::before{content:"";position:absolute;left:-7px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}
.steps li:last-child{border-left-color:transparent;padding-bottom:0}
.steps h3{margin:.3em 0 .2em}
.steps p{margin:0;color:#d4cdbd}
.price{margin:26px 0 0;display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);border:1px solid var(--line-2);border-radius:14px;padding:12px 16px;line-height:1.6}
.panel-prev{display:grid;gap:24px;align-items:center}
.prev{padding:18px}
.prev:hover{border-color:rgba(224,138,85,.6)}
.pp-contact .big{padding:clamp(24px,4vw,44px);max-width:860px}
.who{display:flex;flex-direction:column;gap:2px;margin:0 0 4px}
.who strong{font-family:var(--display);font-size:1.3rem;font-weight:520;color:#fbf5e8}
.who span{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand)}
/* Dashboard */
.badge{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(224,138,85,.6);border-radius:999px;padding:4px 9px;white-space:nowrap}
.badge.real{color:var(--moss);border-color:rgba(102,187,138,.55)}
.sample-banner{margin-top:24px;max-width:720px;display:grid;gap:4px;background:rgba(58,38,24,.72);border:1px solid var(--clay);border-radius:18px;padding:14px 18px;color:var(--warn)}
.sample-banner p{margin:0}
.sample-banner .sb-h{font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#ffd2b0}
.dash{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:28px 0 0}
.dcard{min-width:0;background:linear-gradient(180deg,rgba(14,29,21,.8),rgba(10,22,16,.9));border:1px solid var(--glass-bd);border-radius:22px;padding:18px 18px 20px;box-shadow:0 24px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05)}
.dcard.real{border-color:rgba(102,187,138,.35)}
.dhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.dcard h2{font-size:clamp(1.3rem,3.6vw,1.65rem);font-weight:480;margin:0 0 .7em;max-width:none}
.dcard .sub{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);margin:18px 0 10px}
.dnote{margin:14px 0 0;color:var(--muted);font-size:.84rem}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 14px;margin:0}
.kpis div{display:flex;flex-direction:column;gap:5px;min-width:0}
.kpis dd{margin:0;font:500 clamp(1.6rem,6vw,2.4rem)/1 var(--display);color:var(--sun);font-variant-numeric:tabular-nums;white-space:nowrap}
.kpis dd small{font:600 .8rem var(--text);color:var(--muted)}
.real .kpis dd{color:var(--moss)}
.kpis dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(239,232,216,.72)}
.months{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,1fr);gap:4px;align-items:end}
.months li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.months .col{display:block;width:100%;height:150px}
.months .v{font-family:var(--mono);font-size:9.5px;color:rgba(239,232,216,.78);white-space:nowrap}
.months .m{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.prev .months .col{height:110px}
.s-winter{fill:var(--s-winter);background:var(--s-winter)}.s-spring{fill:var(--s-spring);background:var(--s-spring)}.s-summer{fill:var(--s-summer);background:var(--s-summer)}.s-autumn{fill:var(--s-autumn);background:var(--s-autumn)}
.seasons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.seasons li{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:.9rem}
.seasons .sw{width:10px;height:10px;border-radius:3px;flex:none}
.seasons strong{margin-left:auto;font:600 1.05rem var(--display);font-variant-numeric:tabular-nums}
.bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bars li{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:baseline}
.bars .lbl{font-weight:650;font-size:.94rem;min-width:0}
.bars .lbl small{display:block;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:1px}
.bars .num{font:600 1rem var(--display);font-variant-numeric:tabular-nums;color:var(--fg)}
.bars .bar{grid-column:1/-1;display:block;width:100%;height:7px}
.bars .track{fill:rgba(239,232,216,.08)}
.bars .fill{fill:var(--moss)}
.bars .muted .lbl,.bars .muted .num{color:var(--muted)}
.bars .fill.others{fill:rgba(239,232,216,.32)}
.bars .fill.trail{fill:var(--sun)}.bars .fill.origin{fill:var(--s-winter)}.bars .fill.milestone{fill:rgba(224,138,85,.55)}.bars .fill.stamp{fill:var(--accent)}
.fill.c-viewpoint{fill:#5b9be0}.fill.c-waterfall{fill:#2fb3c2}.fill.c-peak{fill:#b58a63}.fill.c-cave{fill:#9b80d0}.fill.c-castle{fill:#e06464}.fill.c-ruins{fill:#c9a35b}
.fill.c-mill{fill:#ec9346}.fill.c-bridge{fill:#8aa6bb}.fill.c-shore{fill:#4aa3e0}.fill.c-rest{fill:#66BB8A}.fill.c-chapel{fill:#d07ab9}
.rule{display:flex;gap:12px;align-items:center;margin:16px 0 0;padding:12px 14px;border:1px dashed var(--line-2);border-radius:14px;color:#e2dbcb;font-size:.9rem}
.rule .ten{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);font:600 1rem var(--display)}
.ch-name{font-family:var(--display);font-style:italic;font-size:1.35rem;color:var(--accent);margin:0 0 .3em}
.ch-goal{color:#d9d2c2;margin:0 0 14px;font-size:.94rem}
.ch-body{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;margin:0 0 16px}
.ring{width:120px;height:120px}
.ring circle{fill:none;stroke-width:11}
.ring .track{stroke:rgba(239,232,216,.1)}
.ring .fill{stroke:var(--accent);stroke-linecap:round}
.ring text{fill:#fbf5e8;font-family:var(--display);font-size:24px;font-weight:600}
.ch-stats{margin:0;display:grid;gap:10px}
.ch-stats div{display:flex;align-items:baseline;gap:10px}
.ch-stats dd{margin:0;font:600 1.4rem/1 var(--display);color:var(--sun);font-variant-numeric:tabular-nums;min-width:3.2ch}
.ch-stats dt{font-size:.86rem;color:#d4cdbd}
.demo-foot{margin-top:28px}
.pp-demo .src{margin-bottom:clamp(40px,7vw,72px)}
@media (max-width:519px){
.months .v{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.months .m{font-size:8.5px;letter-spacing:0}
}
@media (min-width:760px){
.cards.three{grid-template-columns:repeat(3,1fr)}
.offers{grid-template-columns:repeat(2,1fr)}
.feats{grid-template-columns:repeat(2,1fr)}
.steps{grid-template-columns:repeat(5,1fr);gap:18px}
.steps li{border-left:0;border-top:1px solid var(--line-2);margin:0;padding:24px 0 0}
.steps li::before{left:0;top:-7px}
.steps li:last-child{border-top-color:var(--line-2)}
.panel-prev{grid-template-columns:1fr 1.2fr}
.dash{grid-template-columns:repeat(2,minmax(0,1fr))}
.dcard.wide{grid-column:1/-1}
.kpis{grid-template-columns:repeat(4,1fr)}
.real .kpis{grid-template-columns:repeat(3,1fr)}
.seasons{grid-template-columns:repeat(4,1fr)}
.months .col{height:190px}
}
@media (min-width:1080px){
.offers{grid-template-columns:repeat(3,1fr)}
}