@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--deep:#0b302b;--green:#174e43;--mint:#dcebe2;--lime:#c9dc7b;--cream:#f7f7f1;--ink:#162b27;--muted:#63716b;--white:#fff;--line:#dce4dd}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}.announcement{height:32px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--deep);color:#e4eee7;font-size:10px;font-weight:700;letter-spacing:1.8px}.announcement span{color:var(--lime)}
.site-header{height:88px;padding:0 max(calc((100vw - 1180px)/2),5.5%);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf0eb}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--deep);color:white;display:grid;place-items:center;font:800 24px Manrope;position:relative}.brand-mark span,.box-logo span,.patch-brand span{color:var(--lime)}.brand-copy{display:flex;flex-direction:column;line-height:1.3}.brand-copy strong{font:800 15px Manrope;letter-spacing:1.3px}.brand-copy small{font-size:8px;letter-spacing:1.6px;color:#718079;font-weight:700;margin-top:3px}.nav{display:flex;align-items:center;gap:31px;font-size:12px;font-weight:700;color:#45554f}.nav a:hover{color:var(--green)}.nav .nav-cta{background:var(--deep);color:#fff;padding:12px 18px;border-radius:5px}.menu-toggle{display:none;border:0;background:none;font-size:24px;color:var(--deep)}
.hero{background:var(--cream);overflow:hidden}.hero-grid{max-width:1180px;margin:auto;padding:76px 24px 74px;min-height:555px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--green);margin:0 0 18px}.eyebrow>span{width:22px;height:2px;background:#9cb963;display:inline-block}.hero h1,.section h2,.details-copy h2,.bottom-cta h2{font:700 clamp(36px,4.2vw,57px)/1.13 Manrope;letter-spacing:-2.2px;margin:0;color:var(--deep)}h1 em,h2 em{font-style:normal;color:#72934f}.hero-lede{max-width:490px;color:#68756e;font-size:15px;line-height:1.9;margin:24px 0 27px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:15px 20px;font-size:12px;font-weight:800;border-radius:4px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--deep);color:white}.button-primary:hover{background:#205d4d}.button span{font-size:17px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #9eafa5;padding-bottom:4px}.trust-row{display:flex;gap:23px;margin-top:34px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:8px;font-size:10px;color:#63716a;font-weight:700}.check{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e1ebd1;color:#466c3b;font-weight:900}
.hero-art{height:410px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:350px;height:350px;background:#e6eddb;border-radius:50%}.product-box{width:242px;height:326px;position:relative;z-index:2;background:linear-gradient(120deg,#fdfdf8,#e8eee4);box-shadow:22px 24px 45px #163c2d30;border-radius:5px 12px 12px 5px;transform:rotate(3deg);padding:25px 22px;text-align:center;border-left:9px solid #cddac9;display:flex;align-items:center;flex-direction:column}.box-top{font-size:8px;font-weight:800;letter-spacing:1.7px;color:#62776c}.box-logo{margin-top:15px;width:55px;height:55px;border-radius:17px;background:var(--deep);display:grid;place-items:center;color:white;font:800 31px Manrope}.box-name{font:800 22px Manrope;color:var(--deep);letter-spacing:1.2px;margin-top:15px}.box-sub{font-size:9px;letter-spacing:2px;color:#5f7668;font-weight:800;margin-top:3px}.patch-illustration{display:flex;gap:7px;margin-top:28px}.patch-illustration span{width:35px;height:48px;border:1px solid #a6b9a6;border-radius:7px;background:linear-gradient(135deg,#fefefe,#dbe6dc);box-shadow:inset 0 0 0 4px #edf2e9}.box-bottom{font-size:6px;letter-spacing:1px;color:#718077;margin-top:auto}.leaf{position:absolute;z-index:1;width:115px;height:38px;background:#9fb98c;border-radius:100% 0 100% 0;opacity:.8}.leaf-one{right:12%;top:23%;transform:rotate(-28deg)}.leaf-two{left:9%;bottom:21%;transform:rotate(150deg);background:#c5d4a5}.floating-note{position:absolute;z-index:3;right:1%;bottom:39px;background:#fff;padding:13px 17px;box-shadow:0 12px 35px #153c2b15;border-radius:8px;display:flex;gap:10px;align-items:center}.note-icon{display:grid;place-items:center;background:#edf3df;color:#63824a;width:34px;height:34px;border-radius:50%}.floating-note strong,.floating-note small{display:block}.floating-note strong{font:700 11px Manrope}.floating-note small{font-size:9px;color:#77827c;margin-top:2px}.art-disclaimer{position:absolute;bottom:-7px;font-size:8px;color:#88948c}
.quick-facts{max-width:1100px;margin:auto;padding:28px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-bottom:1px solid var(--line)}.quick-facts>div{display:flex;align-items:center;gap:13px;justify-content:center}.fact-icon{width:42px;height:42px;border:1px solid #dbe5d9;color:#63804c;border-radius:50%;display:grid;place-items:center;font-size:20px}.quick-facts p{margin:0;display:flex;flex-direction:column}.quick-facts strong{font:700 12px Manrope}.quick-facts small{font-size:10px;color:#77847c}
.section{max-width:1130px;margin:auto;padding:100px 24px}.section-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#72904f;margin-bottom:22px}.two-col{display:grid;grid-template-columns:.95fr 1.05fr;gap:75px;align-items:start}.section h2,.details-copy h2,.bottom-cta h2{font-size:39px;letter-spacing:-1.5px}.intro-text p{font-size:13px;line-height:2;color:#69776f;margin:0 0 16px}
.details-section{background:var(--deep);color:white;overflow:hidden}.details-inner{max-width:1130px;margin:auto;padding:90px 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.details-visual{height:430px;display:grid;place-items:center;position:relative}.detail-ring{position:absolute;border:1px solid #ffffff22;border-radius:50%;width:390px;height:390px}.ring-b{width:300px;height:300px;border-color:#c9dc7b55}.patch-card{width:245px;height:330px;z-index:2;background:linear-gradient(140deg,#fff,#e1e9df);color:var(--deep);border-radius:8px;box-shadow:0 30px 60px #0004;display:flex;flex-direction:column;align-items:center;padding:25px;transform:rotate(-4deg)}.patch-brand{width:42px;height:42px;display:grid;place-items:center;background:var(--deep);color:#fff;border-radius:12px;font:800 24px Manrope}.patch-name{font:800 21px Manrope;letter-spacing:1px;margin-top:18px}.patch-label{font-size:8px;letter-spacing:1.4px;font-weight:800;color:#6d806e}.patch-pad{width:104px;height:85px;border-radius:11px;border:1px solid #b5c7b7;background:linear-gradient(140deg,#fafcf7,#d5e2d4);margin-top:27px;box-shadow:inset 0 0 0 7px #e8eee5}.patch-foot{font-size:6px;letter-spacing:1.1px;color:#7c8b7f;margin-top:auto}.light{color:var(--lime)}.details-copy h2{color:#fff}.details-copy h2{max-width:450px}.details-copy>p{font-size:13px;line-height:1.9;color:#c4d3ca;max-width:520px;margin:18px 0 20px}.detail-list{list-style:none;padding:0;margin:25px 0 28px}.detail-list li{display:flex;gap:17px;padding:15px 0;border-bottom:1px solid #ffffff1c}.detail-list li>span{font:700 12px Manrope;color:var(--lime);padding-top:3px}.detail-list strong{font:700 13px Manrope}.detail-list p{font-size:11px;color:#bdcdc3;line-height:1.7;margin:4px 0 0}.button-light{background:#e5edda;color:var(--deep)}.button-light:hover{background:#f4f7ee}.small-note{font-size:9px!important;color:#9fb5a8!important;margin-top:10px!important}
.usage-section{padding-bottom:105px}.usage-heading{display:flex;justify-content:space-between;gap:45px;align-items:end}.usage-heading h2{max-width:590px}.usage-heading>p{max-width:300px;font-size:12px;color:#748078;margin:0 0 5px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.step-card{border:1px solid #e0e7df;padding:26px 25px 28px;min-height:220px;position:relative;border-radius:5px;background:#fff}.step-number{position:absolute;right:22px;top:20px;color:#b2c4ac;font:700 12px Manrope}.step-symbol{font-size:25px;color:#789653;background:#edf3e5;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;margin-bottom:22px}.step-card h3{font:700 16px Manrope;margin:0 0 8px}.step-card p{font-size:11px;line-height:1.9;color:#758178;margin:0}
.notice-band{max-width:1080px;margin:0 auto 90px;background:#f2f5ed;padding:25px 30px;display:flex;gap:18px;align-items:flex-start;border-left:3px solid #8ea966}.notice-icon{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#dfe9d1;color:#45663d;font-weight:800}.notice-band strong{font:700 13px Manrope}.notice-band p{font-size:11px;line-height:1.8;color:#6b786f;margin:5px 0 0}
.faq-section{padding-top:10px;padding-bottom:105px}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-layout>div:first-child>p{font-size:12px;color:#718077;line-height:1.9;max-width:280px}.faq-list details{border-bottom:1px solid #dfe6df}.faq-list details:first-child{border-top:1px solid #dfe6df}.faq-list summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;gap:15px;font:700 13px Manrope}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#72904f;font-size:20px;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:#6d7a72;line-height:1.9;margin:0;padding:0 30px 20px 0}
.bottom-cta{background:#eff3e9;padding:52px max(calc((100vw - 1080px)/2),5.5%);display:flex;align-items:center;justify-content:space-between;gap:30px}.bottom-cta h2{font-size:34px}.bottom-cta>div>p:last-child{font-size:12px;color:#6b786f;margin:10px 0 0;max-width:520px}.light-eyebrow{color:#628148;margin-bottom:12px}.footer{background:#082720;color:#dfe9e1;padding:45px max(calc((100vw - 1130px)/2),5.5%) 20px}.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy small{color:#a9bcb0}.footer-brand .brand-mark{background:#254b3d}.footer-disclaimer{max-width:750px;font-size:10px;line-height:1.9;color:#a8bcb0;margin:28px 0 25px}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#9eb4a7}
@media(max-width:800px){.site-header{height:74px;padding:0 22px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:73px;left:0;right:0;background:white;padding:18px 24px 24px;box-shadow:0 15px 20px #0000000c;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #eef1ed}.nav .nav-cta{margin-top:12px;text-align:center;padding:12px}.hero-grid{grid-template-columns:1fr;padding:55px 24px 60px;gap:20px}.hero-copy{max-width:600px}.hero h1{font-size:45px}.hero-art{height:385px}.quick-facts{gap:14px;padding:22px 15px}.quick-facts>div{justify-content:flex-start;gap:8px}.fact-icon{width:34px;height:34px;flex-shrink:0}.quick-facts strong{font-size:10px}.quick-facts small{font-size:9px}.section{padding:72px 24px}.two-col,.details-inner,.faq-layout{grid-template-columns:1fr;gap:28px}.details-inner{padding:65px 24px}.details-visual{height:360px;order:2}.details-copy{order:1}.usage-heading{display:block}.usage-heading>p{margin-top:17px}.steps-grid{gap:12px}.step-card{padding:22px 17px}.notice-band{margin:0 20px 65px;padding:20px}.faq-layout{gap:22px}.bottom-cta{padding:42px 24px;align-items:flex-start;flex-direction:column}.footer{padding:40px 24px 20px}}
@media(max-width:520px){.announcement{font-size:8px;letter-spacing:1px}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:13px}.hero-grid{padding-top:45px}.hero h1{font-size:39px;letter-spacing:-1.6px}.hero-lede{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-art{height:340px}.art-glow{width:280px;height:280px}.product-box{transform:scale(.88) rotate(3deg)}.floating-note{right:0;bottom:23px}.leaf-one{right:0}.quick-facts{grid-template-columns:1fr;gap:15px;padding:22px 25px}.quick-facts>div{justify-content:flex-start}.section h2,.details-copy h2{font-size:33px}.two-col{gap:15px}.details-inner{gap:5px}.details-visual{height:320px}.detail-ring{width:300px;height:300px}.ring-b{width:235px;height:235px}.patch-card{transform:scale(.88) rotate(-4deg)}.steps-grid{grid-template-columns:1fr}.step-card{min-height:auto}.step-symbol{margin-bottom:14px}.notice-band{gap:12px}.footer-bottom{flex-direction:column;gap:7px}.bottom-cta h2{font-size:30px}}

/* Uploaded P-Protect product artwork */
.hero-product-image {
  position: relative; z-index: 2; width: min(76%, 390px); height: 390px;
  object-fit: contain; display: block; filter: drop-shadow(0 22px 24px #153c2d20);
}
.detail-product-image {
  position: relative; z-index: 2; width: min(84%, 390px); height: 390px;
  object-fit: contain; display: block; filter: drop-shadow(0 25px 30px #0003);
}
@media(max-width:800px) {
  .hero-product-image { width:min(78%,360px); height:360px; }
  .detail-product-image { width:min(80%,350px); height:350px; }
}
@media(max-width:520px) {
  .hero-product-image { width:min(82%,310px); height:310px; }
  .detail-product-image { width:min(85%,300px); height:300px; }
}