.pp-page{font-family:'IBM Plex Sans Thai',sans-serif;font-size:16px;line-height:1.6}.pp-page h1{font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.35;font-weight:700;letter-spacing:0}.pp-page h2{font-size:clamp(1.4rem,2.5vw,1.95rem);line-height:1.4;letter-spacing:0;font-weight:700}.pp-page h3{font-size:1.15rem;line-height:1.5;font-weight:600}.pp-page p{margin:0 0 1rem}
.pp-page b,.pp-page strong{font-weight:700}
.pp-page em{font-style:normal;color:var(--red)}.pp-page section{padding:64px 0;scroll-margin-top:95px}.pp-page a:focus-visible{outline:3px solid #087f8c;outline-offset:5px}.pp-page .eyebrow{font-size:.75rem;letter-spacing:.09em}.pp-page .pp-hero{padding:24px 0 50px;background:radial-gradient(ellipse at 90% 30%,#e1edf4,transparent 65%),#f9fbfd}.pp-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.pp-lead{font-size:1.1rem;line-height:1.7;color:var(--navy)}.pp-hero-figure{margin:0;position:relative;border:1px solid #d9e5ee;border-radius:24px;background:#eaf1f7;box-shadow:0 24px 46px -24px #36547866;overflow:hidden}.pp-hero-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.pp-page figcaption{padding:12px 18px;font-size:.8rem;line-height:1.6;color:#465e77}.pp-jump{display:flex;flex-wrap:wrap;gap:10px;padding-block:22px}.pp-jump a{display:inline-flex;align-items:center;padding:11px 15px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(#fff,#edf3f8);box-shadow:0 3px 0 #dce6ee;font-size:.9rem;text-decoration:none;font-weight:600}.pp-section-head{max-width:850px;margin-bottom:30px}.pp-section-head h2{margin-top:9px}.pp-grid{display:grid;gap:22px}.pp-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-card{min-width:0;padding:26px;border:1px solid #bed0e2;border-radius:20px;background:linear-gradient(160deg,#fff 0,#eaf1f8 52%,#dde8f3 100%);box-shadow:0 7px 0 #c6d6e6,0 26px 40px -26px rgba(18,42,74,.5),inset 0 1px 0 #fff;position:relative}.pp-card>h3{margin:12px 0}.pp-card p{color:#33495f}.pp-card a:not(.btn){font-weight:600;text-decoration:underline;text-underline-offset:4px}.pp-number{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:17px;margin:0 0 22px;background:linear-gradient(145deg,#fb486a,#c8173b);box-shadow:inset 2px 2px 2px #ffffff99,0 5px 0 #a81a36,0 13px 16px -9px #a9183f99;color:white;font:700 1.6rem Inter,sans-serif;transform:rotate(-5deg)}.pp-number.teal{background:linear-gradient(145deg,#22acb5,#087883);box-shadow:inset 2px 2px 2px #ffffff99,0 5px 0 #075f69}.pp-number.navy{background:linear-gradient(145deg,#375f86,#123451);box-shadow:inset 2px 2px 2px #ffffff99,0 5px 0 #061e34}.pp-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bed0e2;border:1px solid #bed0e2;border-radius:16px;overflow:hidden;margin:26px 0 34px}.pp-facts>div{background:linear-gradient(160deg,#fff,#e7eef7);padding:20px}.pp-facts b,.pp-facts span{display:block}.pp-facts span{font-size:.9rem;margin-top:6px}.pp-note{border-left:5px solid #0b8b98;padding:20px 24px;background:linear-gradient(160deg,#e4f0f5,#d3e6ee);border-radius:0 14px 14px 0;margin-top:26px}.pp-note p:last-child{margin-bottom:0}.pp-note a,.pp-source a{color:#126172;text-decoration:underline}.pp-tinted{background:linear-gradient(180deg,#eaf1f7,#e3ecf4)}.pp-source{font-size:.85rem;color:#536b80;margin-top:26px!important}.pp-swatch{display:block;width:62px;height:35px;border-radius:50%;transform:rotate(-12deg);box-shadow:inset 3px 3px 5px #ffffffab,0 6px 0 #bac9d6,0 12px 14px -8px #344d70;margin-bottom:22px}.pp-swatch.natural{background:linear-gradient(135deg,#fff9,#d7e5ee)}.pp-swatch.white{background:#fff}.pp-swatch.dark{background:#18334a;box-shadow:inset 3px 3px 5px #ffffff4d,0 6px 0 #081a2a}.pp-swatch.coloured{background:linear-gradient(90deg,#db3054 33%,#147f91 33% 66%,#dea647 66%)}.pp-dark{background:linear-gradient(125deg,#0b2848,#112e4c);color:#e1ebf4}.pp-dark h2,.pp-dark h3{color:white}.pp-dark .eyebrow{color:#85dce0}.pp-dark a:not(.btn){color:#a8e8ed;text-decoration:underline}.pp-barrel{max-width:940px;margin:20px auto;background:radial-gradient(ellipse,#365d7977,transparent 70%)}.pp-barrel img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}.pp-dark figcaption{color:#c8d9e8;text-align:center}.pp-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step;margin:25px 0 34px}.pp-flow li{counter-increment:step;padding:20px 16px;background:#ffffff0d;border:1px solid #ffffff30;border-radius:15px}.pp-flow li:before{content:counter(step,decimal-leading-zero);display:block;color:#85dce0;font:600 .85rem Inter;margin-bottom:12px}.pp-flow b,.pp-flow span{display:block}.pp-flow span{font-size:.9rem;margin-top:5px}.pp-gates{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 30px}.pp-gates>article{padding:16px 0;border-top:3px solid #1a8190}.pp-gates b{display:block;margin-bottom:10px}.pp-grade{display:flex;flex-direction:column}.pp-grade h3{font:700 2.1rem Inter,sans-serif;color:var(--navy)}.pp-grade .btn{margin-top:auto;font-size:.9rem;white-space:normal;min-height:48px}.pp-spaced{margin-top:28px}.pp-link-list{display:grid;gap:12px;margin:22px 0}.pp-link-list a{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;background:linear-gradient(160deg,#fff,#e6eef7);border:1px solid #bed0e2;border-radius:14px;text-decoration:none;font-weight:600}.pp-link-list span{font-size:.9rem;color:#126172}.pp-page details{border-top:1px solid var(--line);padding:10px 0}.pp-page summary{cursor:pointer;padding:12px 0;min-height:44px;font-weight:600}.pp-page details p{padding-top:12px}.pp-trial{padding:26px;border:1px solid #66829b;border-radius:18px;background:#ffffff08}.pp-trial ul{padding-left:22px}.pp-trial li{margin:10px 0}.pp-page .actions{flex-wrap:wrap}.pp-page .btn{min-height:44px}.pp-dark .btn.secondary{background:#fff;color:#12314f}.pp-page [id]{scroll-margin-top:95px}
@media(max-width:1000px){.pp-split{grid-template-columns:1fr;gap:24px}.pp-hero-figure{max-width:760px}.pp-grid.three{gap:14px}.pp-card{padding:20px}.pp-page .brand img{max-width:130px}.pp-gates{gap:16px}}
@media(max-width:700px){.pp-page section{padding:44px 0}.pp-grid.three,.pp-grid.two,.pp-gates{grid-template-columns:1fr}.pp-facts{grid-template-columns:1fr}.pp-facts>div{padding:14px 18px}.pp-flow{grid-template-columns:1fr 1fr}.pp-jump{gap:8px}.pp-jump a{font-size:.85rem;padding:9px 11px}.pp-link-list a{flex-direction:column;gap:7px}.pp-page .pp-hero{padding-top:12px}.pp-hero-figure{border-radius:16px}.pp-page .actions .btn{width:100%}.pp-page .brand img{max-width:100px}.pp-page .nav-actions>.btn.primary{display:none}.pp-page .nav-in{gap:10px}.pp-page .pp-barrel img{max-height:240px}.pp-page h1{font-size:1.8rem}.pp-card{padding:22px}.pp-note{padding:18px}.pp-page .breadcrumb{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.pp-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.pp-page h1 em{display:block;margin-top:8px;font-size:.6em;font-weight:600;line-height:1.35;letter-spacing:.005em;color:var(--red)}
.pp-page .footer h3{font-family:var(--font-thai);font-size:1.25rem;font-weight:700;line-height:1.45}