.pp-hero{gap:var(--sp-8);margin-top:var(--sp-7);align-items:center;display:grid}.pp-actions{gap:var(--sp-5);align-content:start;display:grid}.pp-btns{gap:var(--sp-3);flex-wrap:wrap;display:flex}.pp-soon{align-items:center;gap:var(--sp-3);color:var(--ink-2);flex-wrap:wrap;font-size:.92rem;display:flex}.pp-badge{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;border-radius:var(--r-pill);color:var(--acc-text);background:var(--acc-wash);border:1px solid var(--acc-edge);align-items:center;gap:6px;padding:6px 11px;font-size:.7rem;font-weight:500;line-height:1;display:inline-flex}.pp-badge:before{content:"";background:var(--acc);width:7px;height:7px;box-shadow:0 0 0 3px var(--acc-wash);border-radius:50%}.pp-flow{gap:var(--sp-4);counter-reset:flow;margin:0;padding:0;list-style:none;display:grid}.pp-flow li{gap:var(--sp-3);padding:var(--sp-7) var(--sp-6) var(--sp-6);border-radius:var(--r-feature);border:1px solid var(--line);background:var(--panel);box-shadow:var(--lift-1);align-content:start;display:grid;position:relative}.pp-flow li h3{margin-top:var(--sp-2);font-size:1.1rem}.pp-flow li p{color:var(--ink-2);font-size:.93rem;line-height:1.6}.pp-flow-n{top:var(--sp-5);right:var(--sp-5);font-family:var(--font-mono);color:var(--ink-3);font-size:.74rem;position:absolute}.pp-flow li:not(:last-child):after{content:"";border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);background:var(--ground);z-index:1;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-14px;left:50%;transform:rotate(45deg)}.pp-compare{border:1px solid var(--line);border-radius:var(--r-feature);background:var(--panel);box-shadow:var(--lift-1);overflow:hidden}.pp-compare table{border-collapse:collapse;width:100%;font-size:.93rem}.pp-compare th,.pp-compare td{padding:var(--sp-4) var(--sp-5);text-align:left;vertical-align:top;border-bottom:1px solid var(--line-soft)}.pp-compare tr:last-child td{border-bottom:0}.pp-compare thead th{font-family:var(--font-display);background:var(--panel-2);font-size:.98rem;font-weight:600}.pp-compare thead th.is-us{color:var(--acc-text)}.pp-compare tbody th{color:var(--ink);width:22%;font-weight:600}.pp-compare td{color:var(--ink-2);line-height:1.55}.pp-compare td.is-us{background:var(--acc-wash-soft);color:var(--ink)}.pp-compare td.is-us:before{content:"✓ ";color:var(--acc-text);font-weight:700}.pp-feats{gap:var(--sp-4);display:grid}.pp-feat{align-content:start;gap:var(--sp-3);padding:var(--sp-7);display:grid}.pp-feat h3{margin-top:var(--sp-2);font-size:1.08rem}.pp-feat p{color:var(--ink-2);font-size:.93rem;line-height:1.6}.pp-example{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-pill);border:1px dashed var(--line-strong);color:var(--ink-3);background:var(--panel);align-items:center;gap:6px;padding:4px 9px;font-size:.68rem;display:inline-flex}.pp-final{padding-block:var(--rhythm-section) 0}.pp-final-grid{gap:var(--sp-7);border:1px solid var(--acc-edge);background:radial-gradient(110% 140% at 0% 0%, var(--acc-wash), transparent 60%), radial-gradient(90% 120% at 100% 100%, var(--acc-wash-soft), transparent 60%), var(--panel-2);box-shadow:var(--lift-2);border-radius:clamp(20px,3vw,28px);padding:clamp(24px,5vw,56px);scroll-margin-top:96px;display:grid}.pp-final-copy{gap:var(--sp-4);align-content:start;justify-items:start;display:grid}.pp-final-copy h2{max-width:18ch;font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem)}.pp-final-copy p{color:var(--ink-2);max-width:46ch;line-height:1.62}.pp-final-copy ul{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.pp-final-copy li{gap:var(--sp-2);color:var(--ink-2);align-items:flex-start;font-size:.93rem;display:flex}.pp-final-copy li svg{color:var(--acc-text);flex:none;margin-top:4px}.pp-related{gap:var(--sp-3);display:grid}.pp-rel{gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);color:var(--ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.pp-rel strong{font-family:var(--font-display);font-size:1.05rem;font-weight:600;display:block}.pp-rel span span{color:var(--ink-2);margin-top:2px;font-size:.88rem;line-height:1.5;display:block}.pp-rel>svg:last-child{color:var(--ink-3)}@media (width<=559px){.pp-btns .btn{flex:100%}.pp-compare table,.pp-compare thead,.pp-compare tbody,.pp-compare tr,.pp-compare th,.pp-compare td{width:auto;display:block}.pp-compare thead{display:none}.pp-compare tbody tr{padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}.pp-compare tbody th{padding-bottom:var(--sp-1);border:0}.pp-compare td{padding-block:var(--sp-1);border:0}.pp-compare td[data-label]:before{content:attr(data-label) ": ";color:var(--ink-3);font-weight:600}.pp-compare td.is-us[data-label]:before{content:"✓ " attr(data-label) ": ";color:var(--acc-text)}}@media (width>=640px){.pp-feats,.pp-related{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.pp-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-flow li:not(:last-child):after{margin:-6px 0 0;inset:50% -14px auto auto;transform:rotate(-45deg)}.pp-final-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}@media (width>=1000px){.pp-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.pp-feats{grid-template-columns:repeat(3,minmax(0,1fr))}}
