/* product-handroot page-specific styles */
.btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff}
.btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.1);box-shadow:none}
/* nav */
header{position:fixed;inset:0 0 auto 0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 2px 16px rgba(12,43,58,.08)}
/* product hero */
.p-hero{padding:150px 0 70px;background:linear-gradient(160deg,#f3fbfd 0%,#fff 55%)}
.p-hero-imgs .main{grid-column:1/-1;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.p-hero-imgs .main img{width:100%;aspect-ratio:16/10;object-fit:cover}
.p-hero-imgs .sub2 img{width:100%;aspect-ratio:1;object-fit:cover}
/* key specs band */
.specs-band{background:var(--navy);color:#fff;padding:44px 0}
/* story flow */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:48px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.3s}
.step:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.step .ph{aspect-ratio:1;overflow:hidden;background:#0c2b3a}
.step .ph img{width:100%;height:100%;object-fit:cover;transition:.5s}
.step:hover .ph img{transform:scale(1.06)}
.step .ph.white{background:#fff;display:grid;place-items:center;padding:22px}
.step .ph.white img{width:100%;height:auto;object-fit:contain}
.step .bd{padding:20px 22px 24px}
.step .bd .n{font-size:12px;font-weight:800;color:var(--teal);letter-spacing:.1em;margin-bottom:8px}
.step .bd h3{font-size:16.5px;margin-bottom:6px}
.step .bd p{font-size:13px;color:var(--grey)}
/* two-col info */
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
/* patent + origin */
.split-band{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px}
.pat-card ul li::before{content:"📜";position:absolute;left:0;top:0}
.pat-card .no{font-family:'Manrope';color:#5fd6ef;font-weight:700}
/* faq */
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin:14px 0;padding:0;overflow:hidden}
/* cta */
.cta-band{background:linear-gradient(120deg,var(--teal),var(--teal-dark));border-radius:var(--radius);color:#fff;padding:56px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
@media(max-width:900px){
  .p-hero-grid,.info-grid,.split-band{grid-template-columns:1fr}
  .specs-grid{grid-template-columns:1fr 1fr}
  .flow{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
  section{padding:56px 0}
  .cta-band{padding:36px 28px}
}
@media(max-width:560px){.flow{grid-template-columns:1fr}.specs-grid{grid-template-columns:1fr 1fr}}