/* Customer-facing typography and hero v2. One body scale, consistent cards and spacing. */
:root{--body-size:15px;--small-size:13px;--label-size:12px;--heading-size:36px;--section-gap:64px}
body{font-size:var(--body-size);line-height:1.7;background:#f7f8f2}
.wrap{width:min(1120px,calc(100% - 64px))}
.preview-bar{display:none}
.header-inner{height:66px}
.header nav,.header-order{font-size:14px}
.brand>span{display:none}
.section{padding:var(--section-gap) 0}
h2{font-size:var(--heading-size);line-height:1.3;letter-spacing:-1.2px}
.eyebrow{font-size:var(--label-size);line-height:1.5;letter-spacing:1px;margin-bottom:12px}
.section-heading{gap:40px;align-items:center;margin-bottom:28px;grid-template-columns:1.2fr 1fr}
.section-heading>p{font-size:var(--body-size);line-height:1.75;max-width:none}
.btn{font-size:14px;min-height:52px;gap:16px;border-radius:9px}
.text-link{font-size:14px;line-height:1.7}
.small-note{font-size:var(--small-size)}

/* Atoskin hierarchy: headline → presenter + left insets → service row → CTA + price. */
.hero.hero-atos{padding:28px 20px 40px;background:#edf3e8}
.hero-poster{width:min(100%,600px);margin:0 auto;background:#f5f8ed;border:1px solid #d6e2cc;border-radius:24px;padding:28px 24px 20px;overflow:visible;box-shadow:0 12px 45px #153e250a}
.hero-atos h1{text-align:center;font-family:'Barlow Condensed',sans-serif;font-size:clamp(38px,5vw,58px);font-weight:800;line-height:1.04;letter-spacing:-.7px;position:relative;z-index:5}
.hero-atos h1>strong{display:block;color:var(--green);font-weight:800}
.hero-atos h1>span{display:block;font-size:clamp(17px,2.3vw,24px);font-weight:600;letter-spacing:.4px;line-height:1.3;margin-top:10px;color:var(--dark)}
.hero-atos h1>span>b{font-weight:800}
.hero-showcase{position:relative;height:460px;margin:18px -12px 0;perspective:1000px;isolation:isolate}
.showcase-frame{position:absolute;inset:12px 3% 16px;border-radius:120px 120px 28px 28px;background:radial-gradient(ellipse at 65% 50%,#dcebbd 0,#e4eed6 40%,#f4f7ed 78%);border:1px solid #d8e3cd;z-index:-3;overflow:hidden}
.showcase-frame:before,.showcase-frame:after{content:'';position:absolute;width:120%;height:70%;border:1px solid #c3d7b7;border-radius:50%;top:15%;left:-10%;transform:rotate(-27deg);opacity:.45}
.showcase-frame:after{transform:rotate(-27deg) scale(.9)}
.presenter-depth{position:absolute;inset:-4px -10px -10px 0;transform:rotateY(var(--hero-rx,0deg)) rotateX(var(--hero-ry,0deg));transform-style:preserve-3d;transition:transform .35s ease-out;will-change:auto}
.trang-thai-presenter{position:absolute;width:100%;height:118%;top:0;max-width:none;object-fit:contain;object-position:right top;filter:drop-shadow(0 15px 16px #163f242a);transform-origin:65% 80%;transform:translateZ(22px);z-index:2}
.presenter-depth{overflow:hidden;border-radius:20px}
.hero-showcase.motion-visible .trang-thai-presenter{animation:offerForward 5.5s ease-in-out 4}
.product-aura{position:absolute;z-index:1;left:26%;right:-1%;bottom:4%;height:46%;border-radius:50%;background:radial-gradient(ellipse,#f8ffd2bb 0,#c6e58b66 35%,transparent 72%);transform:translateZ(15px);opacity:.6}
.hero-showcase.motion-visible .product-aura{animation:offerGlow 4s ease-in-out 5}
.product-spark{position:absolute;z-index:3;color:#fffde1;text-shadow:0 0 12px #fffbcf;font-size:33px;pointer-events:none}
.spark-one{left:38%;bottom:30%}.spark-two{right:3%;bottom:16%;font-size:23px}
.hero-showcase.motion-visible .product-spark{animation:offerTwinkle 3.2s ease-in-out 5}.spark-two{animation-delay:1.1s!important}
.hero-comparison{position:absolute;z-index:4;left:2%;top:32px;width:116px;display:flex;flex-direction:column;gap:13px}
.compare-bubble{width:108px;height:108px;display:block;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #86a875,0 6px 15px #163f2412;position:relative;overflow:hidden}
.compare-bubble img{width:100%;height:100%;object-fit:cover;object-position:50% 33%}
.compare-bubble>span{position:absolute;bottom:0;left:0;right:0;padding:4px 0;background:#123d2bd9;color:#fff;font-size:11px;font-weight:700;letter-spacing:.6px;text-align:center}
.hero-active{border:1px solid #a7bd92;background:#f7faed;padding:10px 8px;border-radius:12px;color:var(--green);box-shadow:0 4px 12px #163f2408;line-height:1.4}
.hero-active b{font-size:14px;display:block}.hero-active>span{font-size:11px;display:block;margin-top:4px}
.showcase-brand{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);font-size:19px;letter-spacing:-.7px;font-weight:900;color:var(--green);z-index:4;background:#f5f8ed;border-radius:50%;padding:4px 24px}
.hero-service-row{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;padding:16px 0;margin-top:10px;border-top:1px solid #d4dfc8;border-bottom:1px solid #d4dfc8;text-align:center}
.hero-service-row>span{font-size:12px;color:#6a7862;line-height:1.5}.hero-service-row b{font-size:14px;display:block;color:var(--green);margin-bottom:3px}
.hero-purchase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding-top:17px}
.hero-purchase .btn{font-size:16px;min-height:59px;gap:18px;box-shadow:0 6px 18px #cd4b0829}
.hero-price{text-align:center;line-height:1}.hero-price>del{font-size:14px;color:#809171;display:block;margin-bottom:2px}.hero-price>strong{font-family:'Barlow Condensed',sans-serif;font-size:59px;color:var(--green);font-weight:800;letter-spacing:-1px}.hero-price small{font-size:26px;margin-left:2px}
.hero-gift-strip{margin-top:17px;display:flex;align-items:center;gap:14px;padding:12px 15px;border-radius:12px;background:#e6eed8;border:1px solid #d0dfbd}
.hero-gift-strip img{width:45px;height:53px;object-fit:contain;background:#fff;border-radius:7px}.hero-gift-strip b{display:block;font-size:14px;color:var(--green)}.hero-gift-strip p>span{font-size:12px;color:#637358;display:block;margin-top:3px}
@keyframes offerForward{0%,100%{transform:translateZ(22px) scale(1)}50%{transform:translateZ(44px) scale(1.025)}}
@keyframes offerGlow{0%,100%{opacity:.45;transform:translateZ(15px) scale(.96)}50%{opacity:.85;transform:translateZ(20px) scale(1.07)}}
@keyframes offerTwinkle{0%,70%,100%{opacity:.25;transform:scale(.75)}35%{opacity:.95;transform:scale(1.12)}}

.proof .section-heading{display:block}
.proof-grid{align-items:stretch;gap:24px}
.journey-card{border:0;background:#edf1e7;border-radius:16px;overflow:hidden}
.proof-grid .source-split,.proof-grid .image-pair{height:320px;aspect-ratio:auto}
.proof-grid .source-split>span{height:100%;aspect-ratio:auto}
.proof-grid .source-split img{height:200%;width:auto;min-width:100%;max-width:none;left:50%;object-fit:cover;transform:translateX(-50%)}
.proof-grid .source-split>span:last-child img{transform:translate(-50%,-50%)}
.image-pair img{object-fit:cover;object-position:50% 35%}
.image-pair .image-open>span{font-size:12px;bottom:12px;left:12px;padding:4px 9px;color:var(--green);letter-spacing:0}
.feedback-more,.documents{margin-top:24px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0;overflow:hidden}
.feedback-more summary,.documents summary{padding:18px 20px;font-size:15px;color:var(--dark);line-height:1.5}
.feedback-grid,.document-grid{padding:0 20px 20px;margin:0}
.proof-action{margin-top:24px;gap:18px;flex-direction:column}
.proof-action .btn{padding:15px 25px;font-size:14px}
.proof-action>span{font-size:13px}
.pain-tags{gap:8px;margin-bottom:24px}.pain-tags span{font-size:12px;padding:7px 12px}
.routine-card{padding:22px;display:flex;flex-direction:column;align-items:stretch;gap:0}
.routine-card>img{width:100%;height:175px;flex:none}
.routine-card small{font-size:10px;letter-spacing:.6px}.routine-card h3{font-size:20px;letter-spacing:-.5px;margin-top:8px;line-height:1.35}.routine-card p{font-size:14px;line-height:1.7;margin-top:10px}.routine-card div>b{font-size:12px;margin-top:14px}.routine-card>div{padding:0}.step{font-size:30px;top:15px;left:16px}
.ingredient-heading{margin:32px 0 20px}.ingredient-heading h3{font-size:23px;letter-spacing:-.6px}
.ingredient-grid{gap:24px}.ingredient-grid article{display:flex;gap:14px;padding-top:20px}.molecule{font-size:23px;width:44px;height:44px;margin:0}.ingredient-grid h4{font-size:15px;line-height:1.5}.ingredient-grid p{font-size:14px;line-height:1.7;margin-top:8px}
.solution .text-link{margin-top:24px;font-size:14px}
.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.document-grid img{width:45px;height:65px}.document-grid b{font-size:14px}.document-grid small{font-size:12px}
.offer-card{padding:30px;display:flex;flex-direction:column;height:100%}
.offer-grid{align-items:stretch}.offer-top{font-size:12px;letter-spacing:.6px}.offer-card h3{font-size:28px}.offer-card>p{font-size:14px;line-height:1.7}.offer-card ul{font-size:14px;line-height:1.8;display:grid;gap:8px}.offer-card .btn{margin-top:24px;font-size:13px}.basic .btn{margin-top:auto}
.price{font-size:60px;margin:10px 0}.price del{font-size:15px}
.offer-gift{padding:16px;gap:14px}.offer-gift img{width:65px;height:90px}.offer-gift span{font-size:11px;letter-spacing:.4px}.offer-gift strong{font-size:14px;line-height:1.6}.offer-gift p{font-size:13px}
.gift-note{font-size:14px;line-height:1.7;margin-top:22px}.gift-note b{font-size:12px}
.checkout-copy>p:not(.eyebrow){font-size:14px}.checkout-copy>.small-note{font-size:13px!important}.guarantee h3{font-size:18px}.guarantee p{font-size:14px}.guarantee a{font-size:14px}.guarantee-number small{font-size:12px}
.form-card{padding:28px}.form-kicker{font-size:12px}#formIntro h3{font-size:26px;margin:8px 0 22px}
legend,.form-group>label{font-size:13px;line-height:1.5}.combo-option{padding:15px 13px;gap:12px}.combo-option strong{font-size:14px}.combo-option small,.combo-option span>b{font-size:12px;line-height:1.6}.form-group{margin-bottom:18px}.form-group input,.form-group select,.form-group textarea{font-size:15px;min-height:48px}.field-error{font-size:12px}.optional-fields>summary{font-size:13px}.payment-options b{font-size:13px}.payment-options small{font-size:11px;line-height:1.5}.order-summary span{font-size:13px}.order-summary small{font-size:12px}.order-summary strong{font-size:24px}.submit{font-size:13px}.form-fine{font-size:12px}.form-status{font-size:13px}
.faq summary{font-size:15px;padding:20px 0}.faq details p{font-size:14px;line-height:1.8}.faq .text-link{font-size:14px}
.usage-label{font-size:12px}.usage h3{font-size:19px;line-height:1.5;margin:10px 0 14px}.usage-grid p{font-size:14px;line-height:1.8}.usage-note{font-size:13px;gap:12px 20px}.usage-note b{font-size:12px}.video-guide summary{font-size:15px}.video-guide>p{font-size:13px}
.packaging{padding:0 0 48px}.packaging .eyebrow{font-size:11px}.packaging h3{font-size:17px;line-height:1.6}.packaging details>p{font-size:14px}.packaging h4{font-size:14px}.pack-row figcaption{font-size:12px}
.footer-top p{font-size:14px}.footer-links{font-size:13px;gap:20px}.footer-links~p{font-size:12px;line-height:1.8}.sticky-buy b{font-size:13px}.sticky-buy div>span{font-size:12px}.sticky-buy .btn{font-size:14px}
@media(min-width:1000px){.routine-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.routine-card h3{min-height:54px}.routine-card p{min-height:74px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.section-heading{gap:24px}.ingredient-grid{grid-template-columns:1fr}.ingredient-grid article{gap:16px}.ingredient-grid p{margin-top:5px}.offer-grid{gap:18px}.offer-card{padding:23px}.checkout-grid{gap:28px;grid-template-columns:1fr 1.1fr}.form-card{padding:22px}.field-row{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.routine-card{flex-direction:row;gap:18px;align-items:center}.routine-card>img{height:155px;width:100px;flex-shrink:0}.routine-card div>b{margin-top:12px}.routine-card h3{font-size:20px}.routine-card p{font-size:14px}.offer-gift{flex-direction:column;align-items:flex-start}.offer-gift img{width:60px;height:75px}.payment-options{grid-template-columns:1fr}}
@media(max-width:620px){
  :root{--body-size:14px;--small-size:12px;--label-size:11px;--heading-size:28px;--section-gap:40px}
  .wrap{width:calc(100% - 36px)}.header-inner{height:56px}.header-order{font-size:13px}.section-heading{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.section-heading>p{font-size:14px}.eyebrow{font-size:11px}.btn,.text-link{font-size:13px}
  .hero.hero-atos{padding:18px 10px 24px}.hero-poster{border-radius:18px;padding:20px 14px 14px}.hero-atos h1{font-size:38px;line-height:1.06;letter-spacing:-.5px}.hero-atos h1>span{font-size:17px;letter-spacing:0;line-height:1.35;margin-top:8px}.hero-showcase{height:345px;margin:12px -8px 0}.showcase-frame{inset:10px 3% 15px;border-radius:75px 75px 20px 20px}.hero-comparison{width:82px;top:24px;left:1%;gap:10px}.compare-bubble{width:76px;height:76px;border-width:2px}.compare-bubble>span{font-size:9px;padding:3px 0}.hero-active{padding:8px 6px;border-radius:9px}.hero-active b{font-size:11px}.hero-active>span{font-size:9px;line-height:1.45}.presenter-depth{inset:-3px -9px -4px 0}.showcase-brand{font-size:13px;left:10px;bottom:5px}.product-spark{font-size:25px}.spark-two{font-size:18px}.hero-service-row{padding:12px 0;gap:6px;margin-top:8px;grid-template-columns:1fr .85fr 1.35fr}.hero-service-row>span{font-size:10px}.hero-service-row b{font-size:11px;line-height:1.4;margin-bottom:3px}.hero-purchase{gap:12px;padding-top:13px}.hero-purchase .btn{font-size:13px;padding:12px 8px;gap:10px;min-height:52px}.hero-price>strong{font-size:47px}.hero-price small{font-size:22px}.hero-price>del{font-size:12px}.hero-gift-strip{padding:10px;margin-top:13px;gap:10px}.hero-gift-strip img{width:35px;height:44px}.hero-gift-strip b{font-size:12px}.hero-gift-strip p>span{font-size:11px;margin-top:2px}
  .proof-grid{grid-template-columns:1fr;gap:16px}.proof-grid .source-split,.proof-grid .image-pair{height:245px}.proof-grid .source-split>span:after,.image-pair .image-open>span{font-size:11px;bottom:10px;left:10px}.feedback-more,.documents{margin-top:20px;border-radius:10px}.feedback-more summary,.documents summary{font-size:14px;padding:16px}.feedback-grid,.document-grid{padding:0 16px 16px}.proof-action{gap:12px;margin-top:20px}.proof-action .btn{font-size:12px;padding:14px 16px;width:100%;min-height:53px}.proof-action>span{font-size:12px;text-align:center;line-height:1.6}
  .pain-tags{gap:7px;margin-bottom:20px}.pain-tags span{font-size:11px;padding:6px 9px}.routine-grid{gap:12px}.routine-card{padding:18px 14px;gap:14px;flex-direction:row}.routine-card>img{height:140px;width:85px}.routine-card small{font-size:9px}.routine-card h3{font-size:18px;line-height:1.4;margin-top:6px}.routine-card p{font-size:13px;line-height:1.7;margin-top:8px}.routine-card div>b{font-size:11px;margin-top:10px}.step{font-size:24px;left:12px;top:10px}.ingredient-heading{margin:28px 0 18px}.ingredient-heading h3{font-size:22px}.ingredient-grid{gap:18px}.ingredient-grid article{padding-top:16px;gap:12px}.ingredient-grid h4{font-size:15px}.ingredient-grid p{font-size:13px;line-height:1.8}.solution .text-link{font-size:13px;display:block;margin-top:22px}.document-grid{grid-template-columns:1fr;gap:10px}.document-grid b{font-size:13px}.document-grid small{font-size:12px}.document-grid img{width:42px;height:58px}
  .offer-grid{grid-template-columns:1fr;gap:18px}.offer-card{padding:24px}.offer-top{font-size:11px}.offer-card h3{font-size:26px}.offer-card>p{font-size:13px}.price{font-size:56px}.price del{font-size:14px}.offer-card ul{font-size:13px;line-height:1.8;gap:7px}.offer-card .btn{font-size:12px;margin-top:22px}.offer-gift{flex-direction:row;align-items:center;padding:14px;gap:12px}.offer-gift img{width:55px;height:80px}.offer-gift span{font-size:10px}.offer-gift strong{font-size:13px}.gift-note{font-size:13px;text-align:left;margin-top:18px}.gift-note b{font-size:11px}
  .checkout-grid{grid-template-columns:1fr;gap:24px}.checkout h2{font-size:28px;line-height:1.35}.checkout h2>em{font-size:40px}.checkout-copy>p:not(.eyebrow){font-size:13px;margin-top:14px}.guarantee{gap:16px;margin-top:22px;padding-top:20px}.guarantee h3{font-size:17px;line-height:1.4}.guarantee p{font-size:13px;line-height:1.8}.guarantee a{font-size:13px}.guarantee-number{font-size:50px}.guarantee-number small{font-size:11px}.form-card{padding:24px 18px}.form-kicker{font-size:11px}#formIntro h3{font-size:25px}.field-row{grid-template-columns:1fr;gap:0}.form-group>label,legend{font-size:13px}.combo-option strong{font-size:14px}.combo-option small,.combo-option span>b{font-size:12px;line-height:1.7}.combo-option{padding:14px 11px;gap:10px}.form-group{margin-bottom:18px}.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:48px;padding:11px 12px}.optional-fields>summary{font-size:13px}.payment-options{grid-template-columns:1fr}.payment-options label{padding:12px;gap:9px}.payment-options b{font-size:13px}.payment-options small{font-size:12px}.order-summary span{font-size:12px}.order-summary small{font-size:12px}.order-summary strong{font-size:23px}.submit{font-size:12px;min-height:54px}.form-fine{font-size:12px;line-height:1.8}.form-status{font-size:13px}
  .faq-grid{grid-template-columns:1fr;gap:20px}.faq summary{font-size:14px;padding:18px 0}.faq details p{font-size:13px;line-height:1.8}.faq .text-link{font-size:13px}.usage-grid article{padding:22px 20px}.usage-label{font-size:11px}.usage h3{font-size:18px;line-height:1.5}.usage-grid p{font-size:13px;line-height:1.9}.usage-note{font-size:12px;gap:12px}.usage-note b{font-size:11px}.video-guide summary{font-size:14px}.video-guide>p{font-size:12px}.packaging{padding:0 0 40px}.packaging details{padding:18px}.packaging h3{font-size:15px;line-height:1.7}.packaging .eyebrow{font-size:11px}.packaging details>p{font-size:13px}.packaging h4{font-size:14px}.pack-row figcaption{font-size:11px}
  .footer-links{font-size:12px;gap:14px;line-height:1.7}.footer-links~p{font-size:12px;line-height:1.8}.footer-top>a:last-child{font-size:14px}.sticky-buy{padding:10px 16px}.sticky-buy b{font-size:12px}.sticky-buy div>span{font-size:11px}.sticky-buy .btn{font-size:13px;padding:10px 18px;min-height:44px}
}
@media(max-width:360px){.hero-atos h1{font-size:32px}.hero-atos h1>span{font-size:14px}.hero-showcase{height:310px}.hero-comparison{width:72px}.compare-bubble{width:67px;height:67px}.hero-active b{font-size:10px}.hero-active>span{font-size:8px}.hero-purchase .btn{font-size:11px}.hero-price>strong{font-size:42px}.hero-service-row b{font-size:10px}.hero-service-row>span{font-size:9px}.hero-gift-strip b{font-size:11px}.hero-gift-strip p>span{font-size:10px}.sticky-buy b{font-size:11px}.sticky-buy div>span{font-size:10px}.routine-card{gap:8px}.routine-card>img{width:70px}.routine-card h3{font-size:17px}.offer-card{padding:20px}}
@media(max-width:620px){.showcase-brand{left:50%;bottom:-3px;font-size:15px;padding:3px 18px}.header-inner{gap:16px}}
/* Foreground v3: the portrait stays in the green panel; hands and products cross its lower edge. */
.hero-showcase{margin-bottom:14px}
.showcase-frame{inset:15px 4% 22% 24%;border:7px solid #fff;border-radius:100px 100px 25px 25px;background:radial-gradient(ellipse at 55% 30%,#43825b,#164e35 75%);box-shadow:0 12px 28px #153e2526}
.showcase-frame:before,.showcase-frame:after{border-color:#b5df9c;opacity:.2}
.presenter-depth{inset:0;overflow:visible;border-radius:0}
.trang-thai-presenter{width:86%;height:auto;right:-1%;top:auto;bottom:-3%;object-fit:contain;filter:drop-shadow(0 10px 9px #163f2438);transform-origin:65% 75%}
.product-aura{left:19%;right:-3%;height:63%;bottom:-7%;background:radial-gradient(ellipse,#faffdfcc 0,#c8ec9277 35%,transparent 70%)}
.hero-comparison{width:100px;top:20px;left:0;gap:12px}.compare-bubble{width:92px;height:92px}
.spark-one{left:27%;bottom:42%}.spark-two{right:0;bottom:28%;font-size:29px}
.showcase-brand{bottom:-12px}
@media(min-width:621px){.hero-showcase{height:490px}.trang-thai-presenter{bottom:-1%}}
@media(max-width:620px){.showcase-frame{inset:8px 2% 23% 25%;border-width:5px;border-radius:65px 65px 18px 18px}.presenter-depth{inset:0}.trang-thai-presenter{width:94%;right:-6%;bottom:0}.hero-comparison{top:13px;left:0;width:72px;gap:9px}.compare-bubble{width:68px;height:68px}.hero-active{padding:7px 4px}.hero-active b{font-size:10px}.hero-active>span{font-size:9px}.product-aura{left:15%;right:-4%;bottom:-3%}.showcase-brand{bottom:-6px}.spark-one{left:25%;bottom:43%}.spark-two{right:0;bottom:25%;font-size:23px}}
@media(max-width:360px){.hero-comparison{width:64px}.compare-bubble{width:60px;height:60px}.hero-active b{font-size:9px}.hero-active>span{font-size:8px}}
/* Compact mobile hero: square artboard follows the viewport instead of leaving a fixed-height gap. */
@media(max-width:620px){
  .hero.hero-atos{padding:14px 8px 20px}
  .hero-poster{padding:16px 12px 12px}
  .hero-showcase{height:auto;aspect-ratio:1;margin:10px -6px 8px}
  .trang-thai-presenter{width:96%;right:-4%;bottom:0}
  .hero-comparison{left:1%;top:10px}
  .hero-service-row{padding:10px 0;margin-top:6px}
  .hero-purchase{padding-top:11px}
  .hero-gift-strip{margin-top:11px}
}
/* Layout audit v5: content-led heights, shared gift banner, wide checkout, compact FAQ. */
:root{--section-gap:48px}
.section-heading{display:block;margin-bottom:24px}
.section-heading>p{max-width:76ch;margin-top:10px}
.eyebrow{margin-bottom:8px}
.proof-grid{gap:20px}.proof-action{flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;margin-top:20px}.proof-action>span{text-align:left}
.proof-grid .journey-card:first-child .image-open:first-child img{object-position:50% 85%}
.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.routine-card{flex-direction:row;align-items:center;gap:20px;padding:20px;min-width:0}
.routine-card>img{width:100px;height:140px;flex-shrink:0;transform:scale(1.12)}
.routine-card>div{min-width:0}.routine-card h3,.routine-card p{min-height:0}
.routine-card h3{margin-top:6px;font-size:21px}.routine-card p{margin-top:7px}.routine-card div>b{margin-top:10px}.step{font-size:24px;top:10px;left:12px}
.ingredient-heading{margin:24px 0 16px}.ingredient-grid{gap:16px}.ingredient-grid article{padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8f9f2;gap:12px}.ingredient-grid p{margin-top:5px}
.solution .text-link{margin-top:18px}.documents{margin-top:18px}
.offer-grid{gap:20px}.offer-card{padding:24px;height:auto}.offer-card h3{margin-top:8px}.offer-card ul{margin:16px 0 0;padding:14px 0 0;gap:6px}.offer-card .btn,.basic .btn{margin-top:20px}.price{margin:6px 0}.offer-top{font-size:11px}
.offer-gift-banner{margin-top:18px;padding:20px 24px;gap:22px;background:#e6efcc;border:1px solid #bed28f;flex-direction:row;align-items:center}
.offer-gift-banner img{width:90px;height:110px;flex-shrink:0;border-radius:10px}.offer-gift-banner>div{flex:1;min-width:0}.offer-gift-banner strong{font-size:17px;line-height:1.5}.offer-gift-banner p{font-size:13px;line-height:1.7;margin-top:6px}.offer-gift-banner .gift-note{font-size:13px;text-align:left;margin-top:8px;color:var(--orange)}
.checkout-grid{grid-template-columns:1fr;gap:24px}
.checkout-copy{position:static;display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
.checkout h2{font-size:34px;line-height:1.3}.checkout h2>br{display:none}.checkout h2>em{font-size:43px;margin-top:6px}.checkout-lead>p:last-child{font-size:14px;color:var(--muted);margin-top:12px}
.guarantee{margin:0;padding:20px;border:1px solid #cad5c0;border-radius:14px;background:#f5f7ee;gap:18px}.guarantee h3{font-size:17px}.guarantee p{font-size:13px;margin-top:8px}.guarantee a{margin-top:10px}
.form-card{padding:26px}.form-kicker{font-size:11px}#formIntro h3{font-size:25px;margin:5px 0 22px}
#regForm{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:24px;align-items:start}
.checkout-selection,.checkout-delivery,.checkout-payment{min-width:0}.combo-options{margin-bottom:0}.combo-option{padding:14px 12px}.combo-option strong{font-size:13px}.combo-option small,.combo-option span>b{font-size:12px}
.checkout-delivery .field-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:14px}.form-group>label,legend{font-size:13px}.payment-options{grid-template-columns:1fr}.payment-options label{padding:12px}.payment-options small{font-size:12px}.order-summary{padding:14px 0;align-items:flex-start}.order-summary strong{font-size:23px}.submit{font-size:12px}.form-fine{font-size:12px;text-align:left}.form-status:empty{display:none}.optional-fields{margin-bottom:0}
.faq-grid{display:block}.faq-grid>div:first-child{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 20px;margin-bottom:20px}.faq-grid>div:first-child>.eyebrow{flex-basis:100%;margin:0}.faq .text-link{margin:0}.faq-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.faq details{border:1px solid var(--line);border-radius:10px;background:#f8faf5;overflow:hidden}.faq details:last-child{grid-column:1/-1}.faq summary{padding:16px 18px;font-size:14px;gap:16px}.faq details p{padding:0 18px 18px;font-size:14px}
.usage-grid{gap:16px}.usage-grid article{padding:22px}.usage h3{font-size:19px;margin:8px 0 10px}.usage-note{gap:10px 18px;margin-top:16px;padding:14px 16px;background:#eaf0e1;border-radius:10px}.video-guide{margin-top:16px;padding-top:14px}.packaging{padding:0 0 36px}.packaging details{padding:18px}.footer-top{margin-bottom:18px}.footer-links{padding:14px 0}
@media(min-width:621px) and (max-width:1099px){#regForm{grid-template-columns:1fr 1fr;gap:20px}.checkout-payment{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start}.checkout-payment .payment-options{grid-row:1/4}.checkout-payment .form-fine,.checkout-payment .form-status{grid-column:2}.checkout-copy{gap:24px}.checkout h2{font-size:29px}.checkout h2>em{font-size:38px}.routine-card{padding:18px;gap:14px}.routine-card>img{width:90px;height:145px}.routine-card h3{font-size:19px}.routine-card p{font-size:13px}.ingredient-grid{grid-template-columns:1fr}.offer-card{padding:22px}}
@media(max-width:620px){
  :root{--section-gap:30px}
  .section-heading{margin-bottom:20px}.section-heading>p{margin-top:10px;line-height:1.7}.eyebrow{margin-bottom:8px}
  .proof-grid{gap:12px}.proof-grid .image-pair{height:230px}.feedback-more{margin-top:16px}.proof-action{flex-direction:column;align-items:stretch;gap:8px;margin-top:16px}.proof-action>span{text-align:center;margin-top:0}.proof-action .btn{min-height:50px}
  .routine-grid{grid-template-columns:1fr;gap:10px}.routine-card{padding:16px 14px;gap:12px}.routine-card>img{width:76px;height:125px}.routine-card h3{font-size:18px;margin-top:5px;line-height:1.4}.routine-card p{font-size:13px;line-height:1.65;margin-top:6px}.routine-card div>b{margin-top:8px}.routine-card small{font-size:9px}.step{font-size:21px;left:10px;top:7px}
  .ingredient-heading{margin:22px 0 14px}.ingredient-grid{gap:10px}.ingredient-grid article{padding:14px;gap:12px}.ingredient-grid p{font-size:13px;line-height:1.7}.molecule{width:38px;height:38px;font-size:21px}.solution .text-link{margin-top:16px}.documents{margin-top:16px}
  .offer-grid{gap:12px}.offer-card{padding:20px}.offer-card h3{font-size:25px}.price{font-size:52px;line-height:1.2}.offer-card ul{margin-top:14px;padding-top:12px;gap:5px;font-size:13px;line-height:1.7}.offer-card .btn,.basic .btn{margin-top:16px;min-height:50px}.offer-top{font-size:10px}
  .offer-gift-banner{margin-top:14px;padding:16px;gap:12px;align-items:flex-start}.offer-gift-banner img{width:55px;height:80px}.offer-gift-banner span{font-size:10px;line-height:1.5;display:block}.offer-gift-banner strong{font-size:14px;margin-top:5px}.offer-gift-banner p{font-size:12px;line-height:1.7}.offer-gift-banner .gift-note{font-size:12px;line-height:1.7;margin-top:8px}.gift-note b{font-size:10px;margin-right:4px;padding:1px 5px}
  .checkout-grid{gap:20px}.checkout-copy{display:block}.checkout h2{font-size:28px;line-height:1.35}.checkout h2>em{font-size:40px;margin-top:6px}.checkout-lead>p:last-child{font-size:13px;margin-top:10px}.guarantee{margin-top:18px;padding:16px;gap:14px}.guarantee-number{font-size:46px}.guarantee h3{font-size:16px}.guarantee p{font-size:13px;line-height:1.7}.guarantee a{font-size:13px}
  .form-card{padding:20px 16px}#formIntro h3{font-size:23px;margin-bottom:18px}#regForm{display:block}.combo-options{margin-bottom:18px}.combo-option{padding:13px 11px}.combo-option strong{font-size:14px}.combo-option small,.combo-option span>b{font-size:12px}.checkout-delivery .field-row{grid-template-columns:1fr}.form-group{margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{min-height:48px;font-size:16px}.optional-fields{margin-bottom:16px}.payment-options{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.payment-options label{padding:10px 8px;gap:6px}.payment-options b{font-size:12px}.payment-options small{font-size:11px;line-height:1.5}.submit{font-size:12px;min-height:52px}.form-fine{font-size:11px;line-height:1.7}.order-summary strong{font-size:23px}
  .faq-grid>div:first-child{display:block;margin-bottom:18px}.faq-grid>div:first-child>.eyebrow{margin-bottom:8px}.faq .text-link{margin-top:10px;font-size:13px}.faq-grid>div:last-child{grid-template-columns:1fr;gap:8px}.faq details:last-child{grid-column:auto}.faq summary{font-size:14px;padding:14px 15px;line-height:1.6}.faq details p{padding:0 15px 15px;font-size:13px;line-height:1.75}
  .usage-grid{gap:12px}.usage-grid article{padding:18px}.usage h3{font-size:18px;line-height:1.45;margin:7px 0 9px}.usage-grid p{font-size:13px;line-height:1.75}.usage-note{padding:13px;gap:8px 12px;font-size:12px}.video-guide summary{font-size:14px}.packaging{padding-bottom:26px}.packaging details{padding:16px}.packaging h3{font-size:14px;line-height:1.6}.footer-top{gap:14px;margin-bottom:16px}footer{padding:24px 0}
}
@media(max-width:360px){.routine-card{gap:9px}.routine-card>img{width:66px}.routine-card h3{font-size:17px}.payment-options{grid-template-columns:1fr}.offer-gift-banner{gap:10px;padding:14px}.offer-gift-banner img{width:45px;height:68px}}
@media(min-width:621px) and (max-width:1099px){
  #regForm{display:block}
  .combo-options{grid-template-columns:1fr 1fr;align-items:stretch;margin-bottom:20px}
  .checkout-delivery{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
  .checkout-delivery .field-row{display:contents}
  .checkout-delivery .optional-fields{grid-column:1/-1;margin-bottom:18px}
  .checkout-payment{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
}
@media(max-width:620px){
  .offer-gift-banner{display:grid;grid-template-columns:55px minmax(0,1fr);gap:4px 12px;align-items:center}
  .offer-gift-banner>div{display:contents}
  .offer-gift-banner>img{grid-column:1;grid-row:1/3}
  .offer-gift-banner span,.offer-gift-banner strong{grid-column:2}
  .offer-gift-banner p{grid-column:1/-1}
  .sticky-buy{gap:10px;padding:10px 16px}
  .sticky-buy .btn{white-space:nowrap;flex-shrink:0;padding:10px 16px}
}
@media(max-width:360px){.offer-gift-banner{grid-template-columns:45px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.presenter-depth,.trang-thai-presenter,.product-aura,.product-spark{animation:none!important;transform:none!important;transition:none!important}}

/* Interactive v6: bold opening, customer gallery, product stories. */
.hero.hero-atos h1{font-size:clamp(76px,10vw,116px);line-height:.94;letter-spacing:-1.6px}
.hero-atos h1>strong>span{display:block;white-space:nowrap}
.hero-atos h1>strong>span:last-child{color:var(--orange)}
.hero-atos h1>span{margin-top:14px}
.hero-poster{background:radial-gradient(ellipse at 80% 40%,#e2f2c7,transparent 60%),#f5f8ed;box-shadow:0 18px 55px #153e2512}
.hero-active{background:#fffffff0;border-color:#a4bf84;box-shadow:0 5px 16px #153e2510}
.hero-active .active-ingredient{display:block;border-top:1px solid #d9e6cb;margin-top:4px;padding-top:4px;font-size:11px;font-weight:700;color:var(--green)}
.hero-service-row{grid-template-columns:1.1fr .75fr 1.25fr}
.hero-service-row>span{line-height:1.5}
.proof{background:#103c2b;color:#f6f9ed;overflow:clip}
.proof .eyebrow{color:#c4eaa1}.proof h2{color:#fff}
.proof .proof-guarantee h2{max-width:840px;font-size:32px;line-height:1.3;text-wrap:balance}
.proof .proof-guarantee>p{margin-top:10px;color:#eef5e8;font-size:18px;line-height:1.5;font-weight:500}
.proof-guarantee .refund-highlight{display:inline-block;white-space:nowrap;color:#ffad66;font-weight:900;transform-origin:center;box-shadow:inset 0 -2px #ffad6650}
.proof-guarantee.in-view .refund-highlight{animation:refund-emphasis 2.2s ease-in-out 2}
@keyframes refund-emphasis{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-2px) scale(1.015)}}
@media(prefers-reduced-motion:reduce){.proof-guarantee.in-view .refund-highlight{animation:none;transform:none}}
@media(max-width:620px){.proof .proof-guarantee h2{font-size:24px;letter-spacing:-.4px}.proof .proof-guarantee>p{font-size:16px;margin-top:10px}}
.proof-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#93b178 #234d38;padding-bottom:8px;align-items:stretch}
.proof-grid .journey-card{flex:0 0 calc((100% - 16px)/2);min-width:0;scroll-snap-align:start;border:1px solid #ffffff30;border-radius:18px;background:#183f2f}
.proof-grid .image-pair{height:auto;aspect-ratio:6/5;gap:3px}
.proof-grid .image-open{min-width:0;min-height:0;background:#dde5d5}
.proof-grid .image-open img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px;font-size:12px;color:#d3e1c6}
.gallery-buttons{display:flex;align-items:center;gap:12px}.gallery-buttons[hidden]{display:none}
.gallery-buttons button{width:44px;height:44px;border:1px solid #91b079;border-radius:50%;background:#ffffff0c;color:#fff;font-size:21px;cursor:pointer;transition:background .2s,transform .2s}
.gallery-buttons button:disabled{opacity:.3;cursor:default}.gallery-buttons button:not(:disabled):hover{background:#41663b;transform:translateY(-2px)}
.gallery-buttons output{min-width:62px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:#eff8e5}
.proof .feedback-more{background:#f4f7ec;border:0;margin-top:0;color:var(--dark);border-radius:16px}
.feedback-more summary{align-items:center;gap:18px;padding:22px}
.feedback-heading{display:flex;flex-direction:column;gap:4px;min-width:0}
.feedback-heading b{font-size:24px;line-height:1.25;color:var(--green);letter-spacing:-.5px}
.feedback-heading small{font-size:13px;font-weight:500;color:#4d6353;line-height:1.6}
.feedback-more summary>.feedback-toggle{font-size:12px;line-height:1.4;transform:none;flex-shrink:0;padding:13px 16px;border-radius:8px;background:var(--orange);color:white;font-weight:800;box-shadow:0 4px 12px #a945121f}
.feedback-toggle .when-open{display:none}.feedback-more[open] .when-open{display:inline}.feedback-more[open] .when-closed{display:none}
.proof-action>span{color:#d3e1c6}.proof-action .btn{box-shadow:0 8px 24px #0002}
.routine-card{position:relative;overflow:hidden;background:linear-gradient(130deg,#fff 45%,#eaf1df);border-color:#d3dfc4;transition:transform .25s,box-shadow .25s,border-color .25s}
.routine-card>img{transition:transform .35s;filter:drop-shadow(0 8px 8px #164e351c)}
.routine-card .step{font-family:'Barlow Condensed',sans-serif;color:#668752;font-weight:700}
.product-detail-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;margin-top:12px;padding:8px 12px;border:1px solid #9ab881;background:#edf5e4;border-radius:7px;font-size:12px;line-height:1.4;font-weight:700;color:#164e35;text-decoration:none;transition:background .2s,color .2s}
.product-detail-trigger>span{font-size:19px}.product-detail-trigger:hover{background:#16613f;color:#fff}
.routine-card:focus-within{border-color:var(--green);box-shadow:0 6px 22px #164e3514}
.ingredient-grid article{background:#fff}.ingredient-grid .molecule{background:#16613f;color:#e7f5d4;border:1px solid #91b56e;border-radius:14px;box-shadow:3px 4px 0 #dbe8cb;flex-shrink:0}
.packaging-panel{padding:24px;border:1px solid #cadbbc;border-radius:18px;background:#eaf1e1}
.packaging-heading h3{max-width:800px;font-size:22px;line-height:1.45;letter-spacing:-.4px}
.packaging-panel>p{font-size:13px;color:var(--muted);margin:10px 0 20px}
.packaging .eyebrow{font-size:12px}.packaging h4{font-size:14px}.pack-row figcaption{font-size:11px}
.packaging-grid article{box-shadow:0 5px 20px #173b2410}.pack-row>b{display:grid;place-items:center;background:var(--green);color:white;border-radius:50%;width:20px;height:20px;font-size:14px}
dialog.product-dialog{width:min(860px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:0;background:#f8faf3;color:var(--dark);border:1px solid #d4e2c6;border-radius:22px;box-shadow:0 24px 100px #0005;overscroll-behavior:contain}
.product-dialog::backdrop{background:#08281dd9;backdrop-filter:blur(5px)}
.product-dialog-close{position:sticky;display:block;top:12px;margin:12px 12px -56px auto;z-index:2;width:44px;height:44px;border-radius:50%;background:white;box-shadow:0 3px 16px #0002;color:var(--dark);font-size:20px;cursor:pointer}
.product-dialog-content{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;padding:44px 32px 28px}
.product-dialog-visual{align-self:start;position:sticky;top:24px;padding:20px 14px;background:radial-gradient(ellipse,#fff 25%,#dcecc3);border-radius:120px 120px 18px 18px;border:1px solid #d0e0bf;text-align:center}
.product-dialog .product-dialog-visual img{width:100%;height:250px;max-width:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 10px 8px #164e3530)}
.product-dialog-visual>span{display:block;font-size:11px;font-weight:700;line-height:1.7;color:var(--green);margin-top:12px}
.product-dialog-copy .eyebrow{font-size:11px;letter-spacing:.4px;padding-right:28px}
.product-dialog-copy h2{font-size:30px;line-height:1.2;letter-spacing:-.8px}
.product-promise{font-size:18px;line-height:1.5;font-weight:700;color:var(--green);margin-top:12px}
.product-facts{margin-top:20px}.product-facts>div{padding:13px 0;border-top:1px solid #dce5d3}
.product-facts dt{font-size:13px;font-weight:800;color:var(--green);margin-bottom:5px}.product-facts dd{margin:0;font-size:14px;line-height:1.75;color:#415347}
.product-source{display:inline-block;font-size:12px;line-height:1.6;color:var(--green);text-decoration:underline;text-underline-offset:4px;margin:8px 0 18px}
.product-dialog-copy>.btn{display:flex;width:100%;font-size:13px}
:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid #ef8d26;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.routine-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #164e3517;border-color:#a2bc8b}.routine-card:hover>img{transform:scale(1.2) rotate(-3deg)}.proof-grid .image-open:hover img{transform:scale(1.035)}}
@keyframes productEnter{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.product-dialog[open]{animation:productEnter .28s ease-out}.journey-card.in-view,.packaging-grid article.in-view{animation:revealUp .5s ease-out both}.hero-atos h1>strong{animation:revealUp .65s ease-out both}}
@media(max-width:620px){
  .hero.hero-atos h1{font-size:76px;letter-spacing:-1px}.hero-atos h1>span{font-size:17px;line-height:1.35;margin-top:12px}
  .hero-active .active-ingredient{font-size:9px;margin-top:3px;padding-top:3px}.hero-service-row>span{font-size:10px}.hero-service-row b{font-size:11px}
  .proof-grid .journey-card{flex-basis:100%}.proof-grid .image-pair{height:auto;aspect-ratio:6/5}.gallery-toolbar{font-size:11px;margin:10px 0 16px}.gallery-buttons{gap:7px}.gallery-buttons output{min-width:40px;font-size:11px}
  .feedback-more summary{flex-direction:column;align-items:stretch;padding:18px;gap:14px}.feedback-heading b{font-size:23px}.feedback-heading small{font-size:12px}.feedback-more summary>.feedback-toggle{font-size:12px;text-align:center;padding:14px 12px;min-height:46px}
  .routine-card{padding:18px 14px}.routine-card>img{height:150px}.product-detail-trigger{font-size:11px;margin-top:10px;padding:8px 10px;gap:10px}
  .packaging-panel{padding:18px 14px}.packaging-heading h3{font-size:18px;line-height:1.5}.packaging .eyebrow{font-size:11px}.packaging-panel>p{font-size:12px;margin:10px 0 16px}
  dialog.product-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:20px}
  .product-dialog-content{display:block;padding:20px}
  .product-dialog-visual{position:static;display:flex;align-items:center;gap:18px;padding:10px 46px 10px 10px;margin-bottom:18px;border-radius:14px;text-align:left;min-height:130px}
  .product-dialog .product-dialog-visual img{width:95px;height:130px;margin:0;flex-shrink:0}.product-dialog-visual>span{font-size:12px;margin:0}
  .product-dialog-copy h2{font-size:26px}.product-promise{font-size:17px}.product-facts dd{font-size:13px}.product-dialog-copy .eyebrow{font-size:10px;padding-right:0}.product-dialog-copy>.btn{font-size:12px}
}
@media(max-width:360px){.hero.hero-atos h1{font-size:64px}.hero-atos h1>span{font-size:14px}.hero-active .active-ingredient{font-size:8px}.hero-service-row b{font-size:10px}.hero-service-row>span{font-size:9px}.gallery-toolbar{gap:5px}.gallery-toolbar>span{max-width:130px}.product-detail-trigger{font-size:10px;gap:6px}.product-dialog-content{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.proof-grid{scroll-behavior:auto}.routine-card,.routine-card>img,.proof-grid img,.gallery-buttons button{transition:none!important;transform:none!important}.hero-atos h1>strong,.product-dialog[open],.in-view{animation:none!important}}

/* Visual QA v7: reduce transparent margins in product views; desktop offer above fold. */
.routine-card>img{object-fit:cover}
/* Japan origin badge: CSS-only, no extra asset or layout animation. */
.hero-active .japan-flag{display:block;position:relative;width:27px;height:18px;margin:0 0 5px;background:#fff;border:1px solid #d4d9cf;border-radius:3px;box-shadow:0 2px 6px #113c2420;transform-origin:0 50%;animation:japan-wave 2.4s ease-in-out 4}
.japan-flag:after{content:"";position:absolute;width:9px;height:9px;left:8px;top:3.5px;background:#bc002d;border-radius:50%}
.hero-active b{font-size:12px;line-height:1.3;letter-spacing:-.25px}.hero-active b small{font-size:10px;font-weight:700;letter-spacing:0}
@keyframes japan-wave{0%,100%{transform:rotate(-4deg) skewY(0)}50%{transform:rotate(5deg) skewY(-5deg)}}
.proof-grid .image-open{position:relative;overflow:hidden}
/* Frame each original inset without retouching the customer's skin. Full frames remain available in the lightbox. */
.proof-grid .pair-tung .tung-inset{position:absolute;width:300%;height:auto;max-width:none;left:-105%;top:-140%;object-fit:contain;transform:none}
.proof-grid .pair-tung a:last-child img{object-position:50% 24%}
.proof-grid .pair-cakobboi .cakobboi-inset{position:absolute;width:193%;height:auto;max-width:none;left:-93%;top:0;object-fit:contain;transform:none}
.proof-grid .pair-bao a:last-child img{object-position:50% 28%;transform:scale(1.6);transform-origin:50% 28%}
@media(max-width:620px){.hero-active b{font-size:9px}.hero-active b small{font-size:8px}.hero-active .japan-flag{width:24px;height:16px;margin-bottom:4px}.japan-flag:after{width:8px;height:8px;left:7px;top:3px}}
@media(prefers-reduced-motion:reduce){.hero-active .japan-flag{animation:none}}
.product-dialog .product-dialog-visual img{object-fit:cover}
@media(max-width:360px){.hero-purchase .btn{white-space:nowrap;gap:5px;padding:12px 5px;letter-spacing:-.3px}.hero-purchase .btn>span{font-size:16px}}
@media(min-width:1100px){
  .hero.hero-atos{padding:24px 32px 32px}
  .hero-poster{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 32px;padding:26px}
  .hero-atos h1{grid-column:1;margin:0}
  .hero-showcase{grid-column:2;grid-row:1/5;align-self:center;width:100%;height:auto;aspect-ratio:1.12;margin:0}
  .hero-service-row{grid-column:1;margin:0;padding:12px 0}
  .hero-purchase{grid-column:1;padding:0}
  .hero-gift-strip{grid-column:1;margin:0}
}