:root{--cs-blue:#5b8cff4d;--cs-blue-mid:#5b8cff29;--cs-blue-text:#9cb7ff;--cs-blue-tag-bg:#5b8cff1a;--cs-blue-tag-border:#5b8cff40;--cs-blue-em:#5b8cff99;--cs-blue-em-light:#5b8cff40;--cs-topcoat-bg-1:#5b8cff73;--cs-topcoat-bg-2:#5b8cff2e;--cs-tpu-bg-1:#ffffff2e;--cs-tpu-bg-2:#ffffff0f;--cs-adhesive-bg-1:#e509144d;--cs-adhesive-bg-2:#e5091414;--cs-paint-bg-1:#1a1a1a;--cs-paint-bg-2:#0a0a0a;--cs-green-badge:#4ade80;--cs-green-border:#4ade8040;--cs-green-bg:#4ade8012;--cs-layer-border:#ffffff26;--cs-layer-shadow:#0006;--cs-layer-shine:#ffffff1a;--cs-hero-bg-1:#5b8cff0f;--cs-aurora-radial:#5b8cff1a;--cs-cta-glow-blue:#5b8cff38;--cs-stat-fill-blue:#5b8cffcc;--cs-brand-grid-bg:#ffffff0a;--cs-brand-grid-bc:#ffffff14;--cs-heal-heat:#ff96321f;--cs-heal-scratch:#fffc;--cs-droplet-white:#fffffff2;--cs-droplet-blue:#5b8cff99;--cs-droplet-dark:#0006;--cs-droplet-shadow:#00000080;--cs-droplet-shine:#ffffff80}.cs-page{--page-accent:var(--pp-blue)}.cs-tag-blue{background:var(--cs-blue-tag-bg);color:var(--cs-blue-text);border-color:var(--cs-blue-tag-border)}.cs-em{color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 0 80px var(--cs-blue-em), 0 0 160px var(--cs-blue-em-light);font-style:normal}.cs-fg-muted{color:var(--pp-white-60)}.cs-hero{grid-template-rows:1fr auto;min-height:100vh;display:grid;position:relative;overflow:hidden}.cs-hero__bg{pointer-events:none;position:absolute;inset:0}.cs-hero__aurora{background:radial-gradient(ellipse 80% 60% at 60% 40%, var(--cs-aurora-radial) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 30% 70%, var(--cs-hero-bg-1) 0%, transparent 60%);position:absolute;inset:0}.cs-hero__grid-bg{background-image:linear-gradient(var(--cs-brand-grid-bc) 1px, transparent 1px), linear-gradient(90deg, var(--cs-brand-grid-bc) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60%,#000 30%,#0000 80%)}.cs-hero__inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1232px;margin:0 auto;padding:130px 24px 80px;display:grid;position:relative}.cs-hero__copy{flex-direction:column;gap:0;display:flex}.cs-hero__title{margin-top:20px}.cs-hero__lede{max-width:38ch;margin-top:24px}.cs-hero__ctas{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.cs-hero__stage{place-items:center;height:480px;display:grid;position:relative}.cs-hero__panel{background:radial-gradient(60% 60% at 50% 50%, var(--cs-blue-mid) 0%, transparent 70%);border-radius:24px;position:absolute;inset:0}.cs-hero__filmwrap{perspective:1200px;width:340px;height:340px;position:relative}.cs-filmlayer{border:1px solid var(--cs-layer-border);height:38px;box-shadow:0 12px 30px var(--cs-layer-shadow), inset 0 1px 0 var(--cs-layer-shine);border-radius:6px;position:absolute;left:5%;right:5%;transform:rotateX(55deg)rotate(-15deg)}.cs-filmlayer--topcoat{background:linear-gradient(135deg, var(--cs-topcoat-bg-1), var(--cs-topcoat-bg-2));top:22%}.cs-filmlayer--tpu{background:linear-gradient(135deg, var(--cs-tpu-bg-1), var(--cs-tpu-bg-2));top:35%}.cs-filmlayer--adhesive{background:linear-gradient(135deg, var(--cs-adhesive-bg-1), var(--cs-adhesive-bg-2));top:48%}.cs-filmlayer--liner{background:linear-gradient(135deg, var(--cs-paint-bg-1), var(--cs-paint-bg-2));top:61%}.cs-droplets{pointer-events:none;position:absolute;inset:0}.cs-droplets span{left:var(--x);top:var(--y);width:calc(20px * var(--s));height:calc(20px * var(--s));background:radial-gradient(circle at 30% 30%, var(--cs-droplet-white) 0%, var(--cs-droplet-blue) 70%, var(--cs-droplet-dark) 100%);box-shadow:inset -2px -2px 6px var(--cs-droplet-shadow), inset 2px 2px 4px var(--cs-droplet-shine);animation:4s ease-in-out infinite cs-drop-wobble;animation-delay:var(--d,0s);border-radius:50%;position:absolute}@keyframes cs-drop-wobble{0%,to{transform:scale(1)}50%{transform:scale(1.08)translateY(-2px)}}.cs-hero__scrollcue{z-index:2;color:var(--pp-white-60);letter-spacing:.18em;text-transform:uppercase;flex-direction:column;align-items:center;gap:12px;padding-bottom:32px;font-size:11px;display:flex;position:relative}.cs-hero__scrollcue-line{background:linear-gradient(180deg, var(--pp-white-60), transparent);width:1px;height:40px;animation:2.4s ease-in-out infinite pp-scrollcue-pulse}.cs-layers-section{padding:clamp(96px,14vh,160px) 0;position:relative}.cs-layers-section__head{margin-bottom:64px}.cs-layers__title{max-width:18ch;margin-top:16px}.cs-layers-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;display:grid}.cs-layers-visual{position:relative}.cs-anatomy{perspective:800px;flex-direction:column;gap:0;display:flex}.cs-anatomy__layer{align-items:center;gap:20px;margin-bottom:4px;display:flex}.cs-anatomy__sheet{border:1px solid var(--cs-layer-border);height:52px;box-shadow:0 8px 24px var(--cs-layer-shadow);border-radius:8px;flex:1;transform:rotateX(12deg)}.cs-anatomy__sheet--topcoat{background:linear-gradient(135deg, var(--cs-topcoat-bg-1), var(--cs-topcoat-bg-2));border-color:var(--cs-blue-tag-border)}.cs-anatomy__sheet--tpu{background:linear-gradient(135deg, var(--cs-tpu-bg-1), var(--cs-tpu-bg-2))}.cs-anatomy__sheet--adhesive{background:linear-gradient(135deg, var(--cs-adhesive-bg-1), var(--cs-adhesive-bg-2))}.cs-anatomy__sheet--paint{background:linear-gradient(135deg, var(--cs-paint-bg-1), var(--cs-paint-bg-2));border-color:var(--pp-border-10)}.cs-anatomy__label{letter-spacing:.12em;text-transform:uppercase;color:var(--pp-white-60);white-space:nowrap;align-items:center;gap:8px;min-width:140px;font-size:12px;font-weight:600;display:flex}.cs-anatomy__pip{background:var(--cs-blue-text);border-radius:50%;flex-shrink:0;width:6px;height:6px}.cs-layers-list{gap:0;display:grid}.cs-layer-step{border-top:1px solid var(--pp-border-10);align-items:flex-start;gap:20px;padding:28px 0;display:flex}.cs-layer-step:last-child{border-bottom:1px solid var(--pp-border-10)}.cs-layer-step--topcoat .cs-layer-step__num{color:var(--cs-blue-text)}.cs-layer-step--heal .cs-layer-step__num{color:var(--cs-green-badge)}.cs-layer-step__num{letter-spacing:.14em;color:var(--pp-white-60);min-width:2rem;padding-top:3px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700}.cs-layer-step__content{flex:1}.cs-layer-step__content h3{letter-spacing:-.01em;color:#fff;margin:0 0 6px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700}.cs-layer-step__claim{color:var(--pp-white-70);margin:0 0 16px;font-size:14px;line-height:1.5}.cs-layer-step__metrics{gap:24px;display:flex}.cs-layer-step__metrics>div{flex-direction:column;gap:2px;display:flex}.cs-layer-step__metrics>div>span:first-child{letter-spacing:-.02em;color:#fff;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;line-height:1}.cs-layer-step__metrics>div>span:first-child small{color:var(--pp-white-60);font-size:.6em;font-weight:500}.cs-layer-step__metrics>div>span:last-child{letter-spacing:.12em;text-transform:uppercase;color:var(--pp-white-60);font-size:11px}.cs-heal{padding:clamp(96px,14vh,160px) 0;position:relative}.cs-heal__inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.cs-heal__title{max-width:14ch;margin-top:16px}.cs-heal__lede{max-width:38ch;margin-top:24px}.cs-heal__panel{background:radial-gradient(60% 60% at 40% 40%, var(--cs-blue-mid) 0%, transparent 60%), linear-gradient(135deg, var(--cs-paint-bg-1) 0%, var(--cs-paint-bg-2) 100%);border:1px solid var(--pp-border-10);height:400px;box-shadow:0 24px 80px var(--cs-layer-shadow);border-radius:24px;position:relative;overflow:hidden}.cs-heal__surface{background:linear-gradient(135deg, var(--cs-topcoat-bg-2) 0%, transparent 50%);position:absolute;inset:0}.cs-heal__heat{background:radial-gradient(ellipse 60% 40% at 50% 50%, var(--cs-heal-heat) 0%, transparent 60%);animation:3s ease-in-out infinite cs-heat-pulse;position:absolute;inset:0}@keyframes cs-heat-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.cs-heal__caption{letter-spacing:.14em;text-transform:uppercase;color:var(--pp-white-60);white-space:nowrap;font-size:11px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.cs-heal__scratch{background:linear-gradient(90deg, transparent 0%, var(--pp-white-60) 20%, var(--cs-heal-scratch) 50%, var(--pp-white-60) 80%, transparent 100%);opacity:.7;pointer-events:none;z-index:2;border-radius:999px;height:2px;transition:opacity 1.8s,width 1.8s;position:absolute}.cs-heal__scratch--healing{opacity:0;width:0}.cs-heal__hint{letter-spacing:.14em;text-transform:uppercase;color:var(--pp-white-60);pointer-events:none;z-index:3;font-size:11px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.cs-stat-grid{border-top:1px solid var(--pp-border-10);border-bottom:1px solid var(--pp-border-10);grid-template-columns:repeat(4,1fr);gap:32px;padding:48px 0;display:grid}.cs-stat{border-left:1px solid var(--pp-border-10);flex-direction:column;gap:8px;padding:0 24px;display:flex}.cs-stat:first-child{border-left:none;padding-left:0}.cs-stat__num{letter-spacing:-.03em;color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1}.cs-stat__num small{color:var(--pp-white-60);margin-left:2px;font-size:.5em;font-weight:500}.cs-stat__label{letter-spacing:.12em;text-transform:uppercase;color:var(--pp-white-60);font-size:12px}.cs-stat__bar{background:var(--pp-border-10);border-radius:999px;height:3px;margin-top:4px;overflow:hidden}.cs-stat__bar span{background:var(--cs-stat-fill-blue);border-radius:999px;height:100%;display:block}.cs-brands__head{margin-bottom:48px}.cs-certified-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cs-cert-brand{background:var(--cs-brand-grid-bg);border:1px solid var(--cs-brand-grid-bc);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;transition:transform .25s,border-color .25s;display:flex}.cs-cert-brand:hover{border-color:var(--pp-border-16);transform:translateY(-3px)}.cs-cert-brand__mark{letter-spacing:.04em;width:56px;height:56px;color:var(--c,#fff);border:1px solid var(--c,var(--pp-border-16));opacity:.85;background:0 0;border-radius:12px;place-items:center;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;display:grid}.cs-cert-brand>span:nth-child(2){letter-spacing:.04em;color:var(--pp-white-80);font-size:12px;font-weight:600}.cs-cert-brand__badge{letter-spacing:.14em;text-transform:uppercase;color:var(--cs-green-badge);background:var(--cs-green-bg);border:1px solid var(--cs-green-border);border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700}.cs-brands__note{text-align:center;color:var(--pp-white-60);letter-spacing:.04em;margin-top:32px;font-size:13px}.cs-cta__glow{background:radial-gradient(circle, var(--cs-cta-glow-blue) 0%, transparent 60%)}.cs-cta__text{max-width:48ch;margin:24px auto 0}.cs-cta__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}@media (max-width:1024px){.cs-certified-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.cs-hero__inner{grid-template-columns:1fr;padding-bottom:60px}.cs-hero__stage{height:360px}.cs-hero__filmwrap{width:260px;height:260px}.cs-layers-grid,.cs-heal__inner{grid-template-columns:1fr;gap:48px}.cs-heal__panel{height:300px}.cs-stat-grid{grid-template-columns:repeat(2,1fr)}.cs-stat:nth-child(3){border-left:none;padding-left:0}}@media (max-width:720px){.cs-certified-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cs-stat-grid{grid-template-columns:1fr}.cs-stat{border-left:none;border-bottom:1px solid var(--pp-border-10);padding-bottom:16px;padding-left:0}.cs-stat:last-child{border-bottom:none}}@media (prefers-reduced-motion:reduce){.cs-droplets span,.cs-heal__heat,.cs-hero__scrollcue-line{animation:none}}
