.hero-copy{padding-top:48px;padding-bottom:42px}
.hero-copy .eyebrow{font-size:11px;letter-spacing:.2em;color:#52647e}
.hero-copy h1{font-size:clamp(42px,4.5vw,70px);line-height:1.07;margin:20px 0 24px}
.hero-lead{font-size:clamp(18px,1.65vw,23px);line-height:1.5;max-width:510px;color:#5b6c86}
.hero .actions{gap:22px;margin-top:28px}
.hero .text-link{font-size:15px}.hero .hero-note{margin-top:42px;font-size:10px;color:#62748e;letter-spacing:.2em}
.hero-image img{max-height:none;position:absolute;inset:0}








.trust-badges strong{font-size:17px}
@media(max-width:1100px){.hero-copy{padding-top:35px;padding-bottom:32px}.hero .actions{gap:17px}.trust-badges strong{font-size:15px}}
@media(max-width:720px){.hero-copy{padding:35px 6%}.hero-copy h1{font-size:clamp(39px,10.6vw,54px);margin:18px 0 22px}.hero-lead{font-size:18px}.hero .actions{gap:20px;margin-top:24px}.trust-badges strong{font-size:18px}.hero-image .photo-caption{font-size:9px;bottom:12px;left:16px}}

.card-visual{display:block;flex-shrink:0}
[data-product]>.product-card{height:100%}
.card-info h3 a:hover{color:var(--blue)}
.card-info .card-purity{font-size:12px;color:#435b78;margin-top:12px;padding-top:12px;border-top:1px solid #edf0f5}
.card-bottom{margin-top:auto;padding-top:20px;flex-wrap:wrap}
.card-details{color:var(--blue);font-size:14px;white-space:nowrap}
.card-details:hover{text-decoration:underline}
.card-consult{display:block;text-align:center;background:#f0f4ff;color:#1543df;border:1px solid #dce5ff;border-radius:7px;padding:10px 8px;margin-top:18px;font-size:14px;font-weight:600}
.card-consult:hover{background:#e3eaff}
.areas-section{background:#f7f9fc;border-radius:18px;margin-inline:auto}
.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.area-card{position:relative;padding:27px 28px 30px;border:1px solid var(--line);border-radius:12px;background:white;transition:border-color .2s,box-shadow .2s}
.area-card:hover{border-color:var(--blue);box-shadow:0 8px 22px #07163109}
.area-number{color:var(--blue);font:600 13px/1.3 Manrope,Arial,sans-serif;letter-spacing:.15em}
.area-card h3{margin:17px 0 12px;font-size:22px;max-width:90%;line-height:1.25}
.area-card p{font-size:14px;color:#64718a;max-width:88%;line-height:1.5}
.area-arrow{position:absolute;right:22px;top:23px;color:var(--blue);font-size:24px}
.confidence-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:48px;background:#0b1932;color:white;border-radius:14px}
.confidence-panel .eyebrow{color:#a4b6e1;margin-bottom:18px}
.confidence-panel h2{font-size:clamp(32px,3.4vw,48px);line-height:1.15}
.confidence-panel p{margin:23px 0 26px;color:#c6d0e2;max-width:550px}
.confidence-panel .button{background:#d5fa37;color:#071631;border-color:#d5fa37;font-weight:600}
.confidence-panel .button:hover{background:#e2ff69}
.document-checklist{padding:28px 32px;border:1px solid #ffffff30;border-radius:10px}
.document-checklist h3{font-size:23px;line-height:1.25}
.document-checklist ul{list-style:none;padding:0;margin:22px 0 28px;color:#d8dfec}
.document-checklist li{position:relative;padding:0 0 15px 27px;font-size:15px}
.document-checklist li:before{content:'✓';position:absolute;left:0;color:#d5fa37}
.document-checklist .text-link{border-color:#d5fa37;font-size:15px}
.document-checklist .text-link:hover{color:#d5fa37}
.document-checklist p.source-note{font-size:12px;color:#acbad2;margin:20px 0 0}
.order-section{padding-top:12px}
.order-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:35px}
.order-steps li{border-top:1px solid var(--line);padding-top:23px}
.order-steps span{display:block;color:var(--blue);font:700 24px/1 Manrope,Arial,sans-serif;margin-bottom:23px}
.order-steps h3{font-size:22px;line-height:1.3;margin-bottom:12px}
.order-steps p{color:#64718a;font-size:15px;max-width:350px}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line)}
.faq-intro .eyebrow{margin-bottom:18px}
.faq-intro h2{font-size:clamp(32px,3.6vw,49px)}
.faq-intro p:not(.eyebrow){color:#64718a;margin:20px 0 25px;max-width:340px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:20px 0;font-weight:600;line-height:1.45}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:24px;font-weight:400;color:var(--blue);transition:transform .15s;flex-shrink:0}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{padding:0 30px 22px 0;color:#53617a;font-size:15px;line-height:1.7}
.supply-note{margin-top:22px;padding:18px 20px;border-radius:9px;background:var(--wash);font-size:14px}
.supply-note strong{display:block;margin-bottom:4px;font-size:15px}
.supply-note p{color:#64718a;margin-bottom:10px}
.supply-note .text-link{font-size:13px}
.specs-mini .text-link{font-size:14px;padding-bottom:2px}
.footer-bottom{flex-wrap:wrap;gap:16px 26px;align-items:start}
.footer-bottom p{flex-basis:100%;max-width:none;margin-right:0}
.mobile-consult{display:none}
summary:focus-visible{outline:3px solid #20bfc6;outline-offset:5px}
@media(max-width:1100px){.area-card{padding:24px 22px}.area-card h3{font-size:20px}.confidence-panel{gap:28px;padding:35px}.document-checklist{padding:25px}.faq-section{gap:40px}}
@media(max-width:720px){
  .card-info .card-purity{line-height:1.5;font-size:12px}
  .card-details{font-size:13px}
  .card-consult{font-size:12px;line-height:1.45;padding:11px 4px}
  .card-bottom{gap:10px}
  .area-grid{grid-template-columns:1fr;gap:12px}
  .area-card{padding:23px 24px}
  .area-card h3{font-size:22px;margin:12px 0 8px}
  .area-card p{max-width:92%}
  .areas-section{border-radius:0}
  .confidence-panel{grid-template-columns:1fr;gap:28px;padding:27px 23px}
  .confidence-panel h2{font-size:33px}
  .confidence-panel p{font-size:15px}
  .document-checklist{padding:24px 20px}
  .document-checklist h3{font-size:22px}
  .order-section{padding-top:5px}
  .order-steps{grid-template-columns:1fr;gap:25px}
  .order-steps li{padding:22px 0 0 45px;position:relative}
  .order-steps span{position:absolute;top:27px;left:0;font-size:19px}
  .order-steps h3{font-size:21px}
  .order-steps p{max-width:none}
  .faq-section{grid-template-columns:1fr;gap:25px}
  .faq-list summary{font-size:15px}
  .faq-list details p{font-size:14px}
  .has-mobile-consult{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .mobile-consult{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;align-items:center;justify-content:space-between;gap:12px;background:#fffffff5;border-top:1px solid var(--line);padding:14px 5% calc(14px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #0716310b;backdrop-filter:blur(12px)}
  .mobile-consult>div{min-width:0;flex:1}
  .mobile-consult strong{display:block;font-size:14px;line-height:1.35}
  .mobile-consult span{display:block;color:#64718a;font-size:12px;margin-top:4px}
  .mobile-consult .button{font-size:14px;padding:12px 16px;flex-shrink:0}
  .mobile-consult.main-contact-visible{visibility:hidden;pointer-events:none}
}