@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400;1,700&display=swap";:root{--pe-3315: #00bdd4;--pe-3105: #48ccdf;--pe-3125: #00a9c5;--pe-3135: #008ca7;--p-fitting: #62269E;--p-tubing: #ec5a4f;--p-pump: #ff6c2c;--p-fluid: #00c18b;--p-radiator: #ed3b8c;--p-cool-gray-1: #dbd9d6;--p-422: #9fa0a1;--p-black-6: #1e1e1e;--p-white: #ffffff;--ink-900: #0d1418;--ink-800: #1e1e1e;--ink-700: #2d3338;--ink-600: #4a5258;--ink-500: #6b7478;--ink-400: #9fa0a1;--ink-300: #c9c9c7;--ink-200: #dbd9d6;--ink-100: #eceae7;--ink-50: #f6f5f3;--fg-1: var(--p-black-6);--fg-2: var(--ink-600);--fg-3: var(--p-422);--fg-inverse: var(--p-white);--fg-accent: var(--pe-3125);--bg-1: var(--p-white);--bg-2: var(--ink-50);--bg-3: var(--ink-100);--bg-dark: var(--p-black-6);--bg-dark-2: var(--ink-900);--border-1: var(--ink-200);--border-2: var(--ink-300);--border-dark: var(--ink-700);--success: var(--p-fluid);--warning: #f5a623;--danger: var(--p-tubing);--info: var(--pe-3125);--font-display: "Montserrat", "Gotham", "Helvetica Neue", Arial, sans-serif;--font-body: "Lato", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-12: .75rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-30: 1.875rem;--fs-36: 2.25rem;--fs-48: 3rem;--fs-60: 3.75rem;--fs-72: 4.5rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.08;--lh-snug: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .08em;--tracking-wider: .14em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--container-sm: 720px;--container-md: 1040px;--container-lg: 1280px;--container-xl: 1440px;--radius-0: 0;--radius-1: 2px;--radius-2: 4px;--radius-3: 8px;--radius-4: 12px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(14,20,24,.06), 0 1px 1px rgba(14,20,24,.04);--shadow-2: 0 4px 12px rgba(14,20,24,.08), 0 2px 4px rgba(14,20,24,.04);--shadow-3: 0 12px 32px rgba(14,20,24,.12), 0 4px 8px rgba(14,20,24,.06);--shadow-glow-cyan: 0 0 0 4px rgba(0,189,212,.18);--shadow-focus: 0 0 0 3px rgba(0,169,197,.35);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s}:root{--identity: var(--pe-3315);--identity-hover: var(--pe-3125);--identity-deep: var(--pe-3135);--cta: var(--p-pump);--cta-hover: #e85c1f;--cta-ring: rgba(255,108,44,.22);--cat-fluids: var(--p-fluid);--cat-preps: var(--p-radiator);--cat-guides: var(--p-fitting);--cat-radiators: var(--p-radiator);--surface-canvas: var(--bg-1);--surface-raised: var(--bg-2);--surface-inset: var(--bg-3);--surface-dark: var(--bg-dark);--surface-deep: var(--bg-dark-2);--shell: var(--container-lg);--gutter: var(--sp-6);--gutter-lg: 40px;--section-y: 80px;--section-y-sm: var(--sp-7);--measure: 620px;--radius-data: var(--radius-2);--radius-card: var(--radius-4);--radius-cta: var(--radius-pill)}.pp{--pp-cyan: var(--pe-3315);--pp-cyan-mid: var(--pe-3125);--pp-cyan-deep: var(--pe-3135);--pp-cyan-tint: #e3f6f9;--pp-coral-tint: #fdeceb;--pp-coral-text: #c2412f;--pp-coral-on-dark: #ff8a80;--pp-muted-on-dark: #c3c9cc;background:var(--surface-canvas);color:var(--fg-1);font-family:var(--font-body)}.pp *,.pp *:before,.pp *:after{box-sizing:border-box}.pp h1,.pp h2,.pp h3,.pp h4,.pp h5,.pp p,.pp ul{margin:0;padding:0}.pp button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}.pp a{color:inherit}.pp .shell{max-width:var(--shell);margin:0 auto;padding:0 40px}.pp .eyebrow{font:700 12px/1 var(--font-display);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--pp-cyan-mid)}.pp .kicker{display:flex;align-items:center;gap:14px;margin-bottom:26px}.pp .kicker .num{font:800 12px/1 var(--font-display);color:var(--pp-cyan-mid);letter-spacing:.1em}.pp .kicker h2{font:800 14px/1 var(--font-display);letter-spacing:var(--tracking-wider);text-transform:uppercase}.pp .kicker .rule{flex:1;height:1px;background:var(--border-1)}.pp .hero{background:var(--surface-raised)}.pp .hero .shell{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:center;padding-top:40px;padding-bottom:48px}.pp .hero.wide .shell{grid-template-columns:1fr 500px}.pp .crumb{font:400 12px/1 var(--font-body);color:var(--fg-3);margin-bottom:26px}.pp .crumb button{color:var(--fg-3)}.pp .crumb button:hover{color:var(--identity-hover)}.pp .crumb b{color:var(--fg-1);font-weight:700}.pp .hero h1{font:300 64px/1.05 var(--font-display);letter-spacing:var(--tracking-tight);color:var(--ink-900);margin:14px 0}.pp .hero .tag{font:400 19px/1.5 var(--font-body);color:var(--fg-2);max-width:560px}.pp .eq{display:flex;align-items:stretch;margin-top:32px;background:var(--surface-canvas);border:1.5px solid var(--border-1);border-radius:var(--radius-data);max-width:660px}.pp .eq>div{flex:1;padding:18px 20px;min-width:0}.pp .eq .op{flex:0 0 auto;display:grid;place-items:center;padding:0 4px;font:600 26px/1 var(--font-display);color:var(--ink-300)}.pp .eq b{display:block;font:800 40px/1 var(--font-display);letter-spacing:-.03em;color:var(--ink-900)}.pp .eq b small{font-size:19px;font-weight:700;margin-left:3px;letter-spacing:0}.pp .eq span{display:block;margin-top:8px;font:700 10.5px/1.35 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500)}.pp .eq .res b{color:var(--pp-cyan-mid)}.pp .ctas{display:flex;gap:12px;margin-top:26px;align-items:center;flex-wrap:wrap}.pp .btn{display:inline-block;font:700 12px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;padding:15px 24px;border-radius:var(--radius-pill);white-space:nowrap;text-decoration:none;text-align:center;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.pp .btn.buy{background:var(--cta);color:var(--fg-inverse)}.pp .btn.buy:hover{background:var(--cta-hover);box-shadow:0 0 0 4px var(--cta-ring)}.pp .btn.ghost{border:1.5px solid var(--fg-1);color:var(--fg-1)}.pp .btn.ghost:hover{background:var(--fg-1);color:var(--fg-inverse)}.pp .btn:active{transform:scale(.97)}.pp .price{font:700 14px/1 var(--font-display);color:var(--fg-2);margin-left:6px}.pp .photo{height:520px;background:center / contain no-repeat}.pp .conv{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border-1)}.pp .conv div{padding:22px 24px;border-left:1px solid var(--ink-100)}.pp .conv div:first-child{border-left:0;padding-left:0}.pp .conv b{display:block;font:800 22px/1.1 var(--font-display);color:var(--ink-900)}.pp .conv span{display:block;margin-top:7px;font:400 14px/1.3 var(--font-body);color:var(--ink-500)}.pp .band{background:var(--ink-900);color:var(--fg-inverse);padding:64px 0;margin-top:56px}.pp .band .kicker h2{color:var(--fg-inverse)}.pp .band .kicker .rule{background:var(--ink-700)}.pp .band .kicker .num{color:var(--pp-cyan)}.pp .band h3{font:800 36px/1.15 var(--font-display);letter-spacing:-.02em;max-width:780px}.pp .band h3 em{font-style:normal;color:var(--pp-cyan)}.pp .gauge{position:relative;margin-top:40px;height:12px;border-radius:6px}.pp .gauge i{position:absolute;top:-13px;width:4px;height:38px;margin-left:-2px;background:var(--fg-inverse);border-radius:2px;box-shadow:0 0 0 6px #00bdd440}.pp .ticks{position:relative;height:18px;margin-top:14px;font:700 11px/1 var(--font-display);letter-spacing:.1em;color:var(--fg-3);text-transform:uppercase}.pp .ticks span{position:absolute;top:0;white-space:nowrap}.pp .ticks span.on{color:var(--fg-inverse)}.pp .pcols{display:grid;gap:48px;margin-top:26px}.pp .pcols h4{font:800 13px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.pp .pcols p{font:400 16px/1.5 var(--font-body);color:var(--pp-muted-on-dark);max-width:520px}.pp .pcols .a h4{color:var(--pp-cyan)}.pp .pcols .b h4{color:var(--pp-coral-on-dark)}.pp .pcols .n h4{color:var(--ink-300)}.pp .pcols .center{text-align:center}.pp .pcols .center p{margin:0 auto}.pp .pcols .right{text-align:right}.pp .pcols .right p{margin-left:auto}.pp .flow{display:flex;align-items:baseline;gap:14px;margin-top:34px;padding-top:24px;border-top:1px solid var(--ink-700);font:400 16px/1.5 var(--font-body);color:var(--pp-muted-on-dark)}.pp .flow+.flow{margin-top:0;border-top:0;padding-top:12px}.pp .flow b{font:800 13px/1.5 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-inverse);white-space:nowrap}.pp .bandcols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.pp .bandcols.four{grid-template-columns:repeat(4,1fr)}.pp .bandcols>div{border:1px solid var(--ink-700);border-radius:var(--radius-card);padding:22px 22px 20px}.pp .bandcols .k{font:800 12px/1.3 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--pp-cyan);margin-bottom:10px}.pp .bandcols .k.bad{color:var(--pp-coral-on-dark)}.pp .bandcols b{display:block;font:800 22px/1.2 var(--font-display);color:var(--fg-inverse);margin-bottom:8px}.pp .bandcols p{font:400 15px/1.5 var(--font-body);color:var(--pp-muted-on-dark)}.pp section.blk{padding-top:64px}.pp .swipe-hint{display:none;margin:-12px 0 12px;font:700 11px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500)}.pp .swatches{display:grid;grid-template-columns:repeat(12,1fr);gap:18px 14px;list-style:none}.pp .sw i{display:block;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #0d14181f;position:relative}.pp .sw i.uv:after{content:"UV";position:absolute;right:-4px;top:-4px;font:800 9px/1 var(--font-display);letter-spacing:.04em;background:var(--ink-900);color:#b8ff8a;padding:4px 5px;border-radius:3px}.pp .sw span{display:block;margin-top:8px;font:600 11px/1.25 var(--font-display);color:var(--fg-2);text-align:center}.pp .sw-note{display:flex;justify-content:space-between;gap:16px;margin-top:24px;font:400 14px/1.4 var(--font-body);color:var(--ink-500)}.pp .sw-note b{color:var(--fg-1);font-weight:700}.pp .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;list-style:none}.pp .step{background:var(--surface-raised);border-radius:var(--radius-card);padding:22px 20px 24px}.pp .step.key{background:var(--pp-cyan-tint)}.pp .step .n{width:40px;height:40px;border-radius:50%;border:2px solid var(--pp-cyan);display:grid;place-items:center;font:800 16px/1 var(--font-display);color:var(--pp-cyan-mid);margin-bottom:16px;background:var(--surface-canvas)}.pp .step.key .n{background:var(--pp-cyan);color:var(--fg-inverse)}.pp .step h3{font:800 16px/1.25 var(--font-display);color:var(--ink-900);margin-bottom:8px}.pp .step p{font:400 14.5px/1.5 var(--font-body);color:var(--fg-2)}.pp .step-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}.pp .link{font:700 12px/1.3 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--pp-cyan-mid);text-decoration:none}.pp .link:hover{color:var(--pp-cyan-deep)}.pp .dl{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);text-decoration:none}.pp .dl:hover{color:var(--fg-1)}.pp .dl svg{width:18px;height:18px}.pp .two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pp .rules{border-radius:var(--radius-card);padding:26px 28px 20px}.pp .rules.y{background:var(--pp-cyan-tint)}.pp .rules.n{background:var(--pp-coral-tint)}.pp .rules h3{display:flex;align-items:center;gap:10px;font:800 13px/1 var(--font-display);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:14px}.pp .rules.y h3{color:var(--pp-cyan-deep)}.pp .rules.n h3{color:var(--pp-coral-text)}.pp .rules h3 i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:var(--fg-inverse);font-size:12px}.pp .rules.y h3 i{background:var(--pp-cyan-deep)}.pp .rules.n h3 i{background:var(--danger)}.pp .rules li{list-style:none;padding:10px 0;border-top:1px solid rgba(13,20,24,.08)}.pp .rules li:first-child{border-top:0}.pp .rules li b{display:block;font:700 16px/1.3 var(--font-body);color:var(--ink-900)}.pp .rules li span{display:block;font:400 14px/1.45 var(--font-body);color:var(--fg-2);margin-top:2px}.pp .life{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;background:var(--surface-raised);border-radius:var(--radius-card);padding:26px 0;list-style:none}.pp .life li{padding:0 28px;border-left:1px solid var(--border-1)}.pp .life li:first-child{border-left:0}.pp .life b{display:block;font:800 40px/1 var(--font-display);color:var(--ink-900);letter-spacing:-.03em}.pp .life b small{font-size:17px;font-weight:700;margin-left:3px;color:var(--fg-2);letter-spacing:0}.pp .life b.w{font-size:28px;line-height:40px}.pp .life h4{font:800 11px/1.3 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--pp-cyan-mid);margin:12px 0 6px}.pp .life p{font:400 14px/1.45 var(--font-body);color:var(--fg-2)}.pp .timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;background:var(--surface-raised);border-radius:var(--radius-card);padding:30px 28px 26px;list-style:none}.pp .timeline:before{content:"";position:absolute;left:40px;right:40px;top:41px;height:2px;background:linear-gradient(90deg,var(--pp-cyan) 70%,rgba(236,90,79,.8))}.pp .tl{position:relative;padding-right:24px}.pp .tl .dot{width:24px;height:24px;border-radius:50%;background:var(--surface-canvas);border:3px solid var(--pp-cyan);position:relative;z-index:1}.pp .tl.end .dot{border-color:var(--danger)}.pp .tl h4{font:800 12px/1.3 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--pp-cyan-mid);margin:16px 0 4px}.pp .tl.end h4{color:var(--pp-coral-text)}.pp .tl b{display:block;font:800 18px/1.25 var(--font-display);color:var(--ink-900);margin-bottom:6px}.pp .tl p{font:400 14px/1.45 var(--font-body);color:var(--fg-2)}.pp .story{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start}.pp .acc{border-top:1px solid var(--border-1)}.pp .acc-row{border-bottom:1px solid var(--border-1)}.pp .acc-h{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font:700 17px/1.3 var(--font-display);color:var(--ink-900)}.pp .acc-h:hover .acc-sign,.pp .acc-row.open .acc-sign{color:var(--pp-cyan-mid)}.pp .acc-h small{font:400 13px/1 var(--font-body);color:var(--fg-3);margin-left:10px}.pp .acc-sign{font:400 22px/1 var(--font-display);color:var(--fg-3);flex-shrink:0;transition:color var(--dur-fast) var(--ease-out)}.pp .acc-b{padding:0 0 24px;max-width:720px}.pp .acc-b>p{font:400 16px/1.7 var(--font-body);color:var(--fg-2)}.pp .acc-b>p+p{margin-top:12px}.pp .spec{border-top:1px solid var(--border-1)}.pp .spec div{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--border-1)}.pp .spec dt{font:600 12px/1.4 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.pp .spec dd{margin:0;font:400 16px/1.5 var(--font-body);color:var(--fg-1)}.pp .sub{margin-top:18px}.pp .sub:first-child{margin-top:0}.pp .sub h5{font:600 12px/1 var(--font-display);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-3);margin-bottom:4px}.pp .item{padding:12px 0;border-bottom:1px solid var(--ink-100)}.pp .item b{display:block;font:600 14px/1.4 var(--font-display);color:var(--fg-1)}.pp .item p{font:400 16px/1.6 var(--font-body);color:var(--fg-2);margin-top:4px}.pp .note{margin-top:18px;padding:16px 18px;border-left:2px solid var(--identity);background:var(--surface-raised);font:400 16px/1.65 var(--font-body);color:var(--fg-1)}.pp .note b{display:block;font:600 12px/1 var(--font-display);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--identity-hover);margin-bottom:8px}.pp .golink{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 0;border-bottom:1px solid var(--ink-100)}.pp .golink b{font:600 14px/1.4 var(--font-display);color:var(--fg-1)}.pp .golink span{font:600 12px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--identity-hover);white-space:nowrap}.pp .golink:hover b{color:var(--identity-hover)}.pp .seq{font:400 16px/1.7 var(--font-body);color:var(--fg-2)}.pp .seq b{color:var(--fg-1)}.pp .side{background:var(--ink-900);color:var(--fg-inverse);border-radius:var(--radius-card);overflow:hidden;position:sticky;top:88px}.pp .side .thumb{height:280px;background:var(--surface-raised) center / auto 86% no-repeat;border-bottom:1px solid var(--ink-700)}.pp .side .thumb.card{background-size:100% auto;background-position:top center}.pp .side .t{padding:22px 24px 24px}.pp .side h4{font:800 18px/1.25 var(--font-display)}.pp .side p{font:400 14px/1.5 var(--font-body);color:var(--fg-3);margin:8px 0 18px}.pp .side .btn{background:var(--fg-inverse);color:var(--ink-900)}.pp .side .btn.buy{background:var(--cta);color:var(--fg-inverse)}.pp .more{background:var(--surface-raised);border-top:1px solid var(--border-1);margin-top:72px;padding:64px 0 72px}.pp .more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none}.pp .more-card{display:block;width:100%;background:var(--surface-canvas);border:1px solid var(--border-1);border-radius:var(--radius-card);overflow:hidden;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.pp .more-card:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.pp .more-card .ph{display:block;height:200px;background:var(--surface-raised) center / auto 82% no-repeat}.pp .more-card .tx{display:block;padding:16px 18px 18px}.pp .more-card b{display:block;font:700 16px/1.25 var(--font-display);color:var(--ink-900)}.pp .more-card i{display:block;font-style:normal;font:400 14px/1.4 var(--font-body);color:var(--ink-500);margin-top:4px}@media (max-width: 1000px){.pp .steps{grid-template-columns:repeat(3,1fr)}.pp .bandcols.four,.pp .more-grid{grid-template-columns:repeat(2,1fr)}.pp .story{grid-template-columns:1fr}.pp .side{position:static;max-width:420px}}@media (max-width: 600px){.pp .shell{padding:0 16px}.pp .hero .shell,.pp .hero.wide .shell{display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:auto auto auto 1fr auto auto;column-gap:12px;row-gap:0;align-items:start;padding-top:22px;padding-bottom:28px}.pp .hero.wide .shell{grid-template-columns:minmax(0,1fr) 140px}.pp .hero .copy{display:contents}.pp .crumb{grid-column:1 / -1;grid-row:1;margin-bottom:16px}.pp .hero .eyebrow{grid-column:1 / -1;grid-row:2}.pp .hero h1{grid-column:1;grid-row:3;font-size:34px;margin-top:10px;overflow-wrap:break-word}.pp .hero .tag{grid-column:1;grid-row:4;font-size:16px;max-width:none}.pp .photo{grid-column:2;grid-row:3 / 5;height:auto;min-height:170px;align-self:stretch;margin-top:6px}.pp .eq{grid-column:1 / -1;grid-row:5;margin-top:22px}.pp .ctas{grid-column:1 / -1;grid-row:6}.pp .eq>div{padding:14px 10px}.pp .eq b{font-size:26px}.pp .eq b small{font-size:13px}.pp .eq b.word{font-size:19px}.pp .eq span{font-size:8.5px;letter-spacing:.06em}.pp .eq .op{font-size:18px;padding:0}.pp .ctas .btn{flex:1;padding:14px 10px}.pp .price{width:100%;margin:4px 0 0;text-align:center}.pp .conv{grid-template-columns:1fr 1fr}.pp .conv div{padding:16px 0 16px 16px;border-top:1px solid var(--ink-100)}.pp .conv div:nth-child(odd){border-left:0;padding-left:0}.pp .conv div:nth-child(-n+2){border-top:0}.pp .conv b{font-size:19px}.pp .band{padding:44px 0}.pp .band h3{font-size:25px}.pp .ticks span.on{display:none}.pp .pcols{grid-template-columns:1fr!important;gap:18px}.pp .pcols .center,.pp .pcols .right{text-align:left}.pp .pcols .center p,.pp .pcols .right p{margin:0}.pp .flow{flex-direction:column;gap:8px}.pp .bandcols,.pp .bandcols.four{grid-template-columns:1fr;gap:12px}.pp section.blk{padding-top:44px}.pp .swipe-hint{display:block}.pp .swatches{display:flex;overflow-x:auto;gap:14px;margin:0 -16px;padding:8px 40px 10px 16px;scroll-snap-type:x proximity;scroll-padding-left:16px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}.pp .swatches::-webkit-scrollbar{display:none}.pp .sw{flex:0 0 64px;scroll-snap-align:start}.pp .sw i{width:64px;height:64px}.pp .sw span{font-size:10px}.pp .sw-note{flex-direction:column;gap:6px}.pp .steps{grid-template-columns:1fr;gap:10px}.pp .step{display:grid;grid-template-columns:40px 1fr;gap:0 14px;padding:16px}.pp .step .n{margin:0;grid-row:span 2}.pp .step h3{margin:2px 0 4px}.pp .step-foot{flex-direction:column;align-items:flex-start}.pp .two{grid-template-columns:1fr}.pp .life{grid-template-columns:1fr 1fr;row-gap:22px;padding:22px 0}.pp .life li{padding:0 18px}.pp .life li:nth-child(3){border-left:0}.pp .timeline{grid-template-columns:1fr;row-gap:22px;padding:24px 20px}.pp .timeline:before{left:31px;right:auto;top:36px;bottom:50px;width:2px;height:auto;background:linear-gradient(180deg,var(--pp-cyan) 70%,rgba(236,90,79,.8))}.pp .tl{display:grid;grid-template-columns:24px 1fr;column-gap:16px;padding:0}.pp .tl .dot{grid-row:span 3}.pp .tl h4{margin-top:3px}.pp .spec div{grid-template-columns:1fr;gap:4px}.pp .side .thumb{height:220px}.pp .more{padding:44px 0 52px}.pp .more-grid{grid-template-columns:1fr 1fr;gap:12px}.pp .more-card .ph{height:140px}.pp .more-card .tx{padding:12px}.pp .more-card b{font-size:14px}}@media (prefers-reduced-motion: reduce){.pp .more-card:hover{transform:none}}*{box-sizing:border-box}html,body{margin:0;background:var(--surface-canvas);font-family:var(--font-body);color:var(--fg-1);overflow-x:hidden;max-width:100%}img{max-width:100%}#root{min-height:100vh}a{color:var(--identity-hover);text-decoration:none}a:hover{color:var(--identity-deep)}button{font-family:inherit}:focus-visible{outline:2px solid var(--identity);outline-offset:2px;border-radius:var(--radius-1)}@keyframes kic-drift{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}@keyframes kic-flow{to{stroke-dashoffset:-320}}@keyframes kic-loop-flow{to{stroke-dashoffset:-140}}@keyframes kic-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes kic-step-fwd{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes kic-step-back{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.kic-step-fwd{animation:kic-step-fwd var(--dur-slow) var(--ease-out)}.kic-step-back{animation:kic-step-back var(--dur-slow) var(--ease-out)}.nav-link{transition:color var(--dur-fast) var(--ease-out)}.nav-link:hover{color:var(--identity-hover)!important}.btn-cta,.btn-dark,.btn-cyan,.btn-cyan-plain,.btn-outline-dark,.btn-outline-light{transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform .1s var(--ease-out)}.btn-cta:hover{background:var(--cta-hover)!important;box-shadow:0 0 0 4px var(--cta-ring)}.btn-dark:hover{background:var(--ink-700)!important}.btn-cyan:hover{background:var(--identity-hover)!important;box-shadow:var(--shadow-glow-cyan)}.btn-cyan-plain:hover{background:var(--identity-hover)!important}.btn-outline-dark:hover{border-color:var(--p-white)!important;background:#ffffff0d!important}.btn-outline-light:hover{background:var(--fg-1)!important;color:var(--fg-inverse)!important}.btn-cta:active,.btn-cyan:active,.btn-cyan-plain:active,.btn-outline-dark:active,.btn-outline-light:active{transform:scale(.97)}.card-flat,.card-shadow,.card-shadow-sm,.card-dark-hover{transition:background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.card-flat:hover{background:var(--surface-raised)!important}.card-shadow:hover{box-shadow:var(--shadow-3)}.card-shadow-sm:hover{box-shadow:var(--shadow-2);border-color:var(--fg-3)!important}.card-dark-hover:hover{border-color:var(--identity)!important;background:#131c21!important}.faq-row{transition:color var(--dur-fast) var(--ease-out)}.faq-row:hover,.faq-row:focus-visible{color:var(--fg-inverse)!important}.faq-row svg{opacity:.45;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.faq-row:hover svg,.faq-row:focus-visible svg{opacity:1;transform:translate(3px)}.cat-tile{position:relative;transition:background var(--dur-base) var(--ease-out)}.cat-tile:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--cat, var(--identity));transition:height var(--dur-base) var(--ease-out)}.cat-tile:hover{background:var(--surface-raised)!important}.cat-tile:hover:after,.cat-tile:focus-visible:after{height:7px}.card-btn{display:flex;flex-direction:column;align-items:stretch}[data-reveal]{will-change:opacity,transform}.index-row{transition:background var(--dur-fast) var(--ease-out)}.index-row h3{transition:color var(--dur-fast) var(--ease-out)}.index-row:hover{background:var(--surface-raised)!important}.index-row:hover h3{color:var(--identity-hover)!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
