/* An image-led rhythm with concise, legible product information. */
.product-section-nav{scrollbar-width:none;justify-content:center;gap:8px;padding:12px 20px;background:#1c1128ed;backdrop-filter:blur(18px);border-block:1px solid #e5cef114}
.product-section-nav::-webkit-scrollbar{display:none}.product-section-nav a{border-radius:30px;padding:9px 20px;border:1px solid #dbc4ec27;font-size:14px;transition:background .25s,color .25s}.product-section-nav a:hover{background:#dfb9f51a;color:#fff}
.product-editorial{padding-block:72px}.product-editorial .section-heading{margin-bottom:32px}.product-editorial .section-heading h2{font-size:clamp(44px,5vw,68px)}
.formula-layout{grid-template-columns:1fr 1fr;gap:30px;align-items:center}.facts-panel{padding:0}.fact-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fact-card{position:relative;min-height:166px;border:1px solid #ead2f120;border-radius:16px;padding:24px;background:linear-gradient(135deg,#50335a45,#24172d88);overflow:hidden}.fact-card:after{content:'';position:absolute;width:80px;height:80px;right:-32px;bottom:-25px;border:1px solid #caa8dc20;border-radius:50%}.fact-card h3{font-family:var(--sans);font-size:14px;letter-spacing:0;color:#c7b0d3;max-width:85%;font-weight:500;line-height:1.4;margin:0 0 15px}.fact-card p{color:#f5eaf9;font-size:34px;letter-spacing:-.045em;line-height:1.1;font-weight:500}.fact-card p small{display:block;font-size:14px;letter-spacing:0;font-weight:400;color:#c7b0d3;margin-top:8px;line-height:1.4}.fact-icon{position:absolute;top:19px;right:19px;color:#dfbcebaa;font-size:18px}.fact-card:last-child:nth-child(odd){grid-column:1/-1;min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:48px}.fact-card:last-child:nth-child(odd) h3{margin:0}.fact-card:last-child:nth-child(odd) p{display:flex;align-items:center;gap:12px}.fact-card:last-child:nth-child(odd) p small{margin:0}
.formula-detail{margin-top:16px;border:1px solid #dfc3ec25;border-radius:12px;padding:0 18px}.formula-detail summary{font-size:15px;padding:16px 0}.formula-detail p{font-size:16px;padding:4px 0 18px;line-height:1.7}.formula-detail img{max-height:420px;object-fit:contain;width:100%;background:#eadff0;border-radius:8px;padding:12px;margin-bottom:18px}.formula-detail .text-link{display:inline-block;margin-bottom:20px}
.tech-stage{--drift:0px;--turn:0deg;--zoom:1;position:relative;aspect-ratio:1/1;width:100%;max-width:610px;border:1px solid #eed4f222;border-radius:24px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#653e7133,transparent 62%),linear-gradient(145deg,#2b1c34,#170f21);display:flex;align-items:center;justify-content:center}
.tech-grid{position:absolute;inset:0;background-image:linear-gradient(#d8b8eb08 1px,transparent 1px),linear-gradient(90deg,#d8b8eb08 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}
.tech-halo{position:absolute;width:58%;height:58%;background:radial-gradient(ellipse,#c195e51a,transparent 70%);border-radius:50%;animation:soft-pulse 6s ease-in-out infinite}
.tech-rotor{position:absolute;width:94%;height:94%;rotate:calc(var(--turn)*.3);scale:calc(.95 + (var(--zoom) - 1)*.25);transition:rotate .08s linear;will-change:rotate}.tech-rotor svg{width:100%;height:100%;overflow:visible;fill:none}.track{stroke:#dac0ec20;stroke-width:.6}.track.inner{stroke:#d1acdf0e}.arc{stroke:#d9b8ed;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:90 50 4 200;transform-origin:200px 200px;filter:drop-shadow(0 0 4px #b87fe399)}.arc-one{animation:tech-spin 26s linear infinite}.arc-two{stroke:#bd88d5;stroke-width:.8;stroke-dasharray:60 20 2 160;animation:tech-spin 36s linear infinite reverse}.tech-nodes{fill:#e7cdf6;filter:drop-shadow(0 0 7px #c693ef);animation:tech-spin 32s linear infinite;transform-origin:200px 200px}.ticks{stroke:#ba9acf;stroke-width:.8;opacity:.5}
.tech-core{position:relative;text-align:center;width:84%;z-index:2;translate:0 calc(var(--drift)*.12)}.tech-core strong{display:block;font:500 clamp(74px,7vw,110px)/1.1 var(--sans);letter-spacing:-.075em;color:#eddbf7;text-shadow:0 0 36px #bc80df22}.tech-core strong small{font-size:.3em;letter-spacing:-.02em;margin-left:5px;font-weight:400}.tech-core>span{display:block;font-size:12px;letter-spacing:.14em;line-height:1.6;margin-top:15px;color:#bc9fcb;text-transform:uppercase}.tech-caption{position:absolute;bottom:23px;left:20px;right:20px;text-align:center;font-size:10px;letter-spacing:.12em;color:#8f729f}.tech-spark{position:absolute;width:3px;height:3px;background:#e2bff8;box-shadow:0 0 9px #d1a5ee;left:18%;top:35%;animation:soft-pulse 4s ease-in-out infinite}.tech-spark.s2{left:78%;top:63%;animation-delay:-2s}.tech-spark.s3{left:67%;top:22%;animation-delay:-1s}
.tone-blue .tech-stage{background:radial-gradient(ellipse,#507c8540,transparent 65%),linear-gradient(145deg,#192b36,#171120)}.tone-blue .arc{stroke:#b4dbe0}.tone-gold .tech-stage{background:radial-gradient(ellipse,#9b784c38,transparent 65%),linear-gradient(145deg,#352819,#1e1524)}.tone-gold .arc{stroke:#efd1a5}.tone-berry .tech-stage{background:radial-gradient(ellipse,#93496535,transparent 65%),linear-gradient(145deg,#332031,#1a1224)}.tone-berry .arc{stroke:#e5b1ca}.tone-mint .tech-stage{background:radial-gradient(ellipse,#667f6033,transparent 65%),linear-gradient(145deg,#233229,#181320)}.tone-mint .arc{stroke:#c0d8ba}
.rhythm{grid-template-columns:1fr 1fr;gap:35px;background:radial-gradient(ellipse at 75% 50%,#55336b1f,transparent 60%)}.rhythm .tech-stage{justify-self:end;max-width:530px}.rhythm-copy h2{font-size:clamp(47px,5vw,73px)}.rhythm-copy p{font-size:20px;line-height:1.7}.rhythm-options{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 30px}.rhythm-options span{padding:10px 18px;border:1px solid #dcc5ed35;border-radius:30px;background:#dfb9f50b;font-size:15px}.rhythm-foot{font-size:14px;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid #d7b5ed1c}.rhythm-foot span:before{content:'✦';color:#cfa2e2;margin-right:9px}.rhythm-scene .tech-core strong{font-size:clamp(110px,12vw,165px)}
.image-story{padding-block:50px}.image-story .section-heading h2{font-size:clamp(40px,4vw,60px)}.image-story .section-heading p{display:none}.image-story-card>span{font-size:14px}.image-story-rail{gap:18px}.image-story-card{flex-basis:min(390px,82vw)}.image-story-card img{height:350px}
.routine-visual{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-block:60px}.routine-product{height:480px;border-radius:24px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(ellipse,var(--wash),#271a3050 70%);border:1px solid #dcc3eb1a}.routine-product>img{height:84%;width:80%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 18px 16px #0c071659);animation:float 8s ease-in-out infinite}.routine-aura{position:absolute;width:300px;height:300px;border:1px solid #d9b5ec28;border-radius:50%;box-shadow:0 0 0 35px #d7b8e405,0 0 0 70px #d7b8e404}.routine-badge{position:absolute;bottom:24px;z-index:3;padding:8px 16px;border-radius:40px;font-size:14px;background:#22142ca3;backdrop-filter:blur(12px);border:1px solid #d9bceb25}.routine-copy h2{font-size:clamp(44px,4.5vw,67px);margin:22px 0}.routine-chips{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.routine-chips span{font-size:15px;border:1px solid #d5b7e52a;border-radius:7px;padding:10px 15px;background:#d8b8ec0b}.routine-copy details summary{font-size:16px}.routine-copy details p{font-size:16px;line-height:1.7;margin:10px 0 20px}.tone-gold .routine-product>img{width:135%;height:125%;max-width:none;flex-shrink:0}
.tone-mint .card-art img{width:110%;height:103%;max-width:none;flex-shrink:0}.tone-mint .product-stage:not(.is-label)>img{width:112%;height:100%;max-width:none;flex-shrink:0}.tone-berry .card-art img{height:96%;width:96%}.tone-berry .product-stage:not(.is-label)>img{height:93%;width:96%}
.compact-feedback{padding-block:20px 45px}.feedback-inline{display:flex;align-items:center;gap:24px;border-block:1px solid #d7bce820;padding:22px 0;font-size:14px;flex-wrap:wrap}.feedback-inline>span{margin-right:auto;color:#bba1c8}.feedback-inline a{padding-bottom:4px;border-bottom:1px solid #ceafe751}.compact-feedback .real-quote{max-width:650px;margin:0 auto 35px;padding:28px;background:#d8b8eb09;border:1px solid #d5b6e223;border-radius:16px}.compact-feedback .real-quote p{font:italic 38px/1.2 var(--serif)}.compact-feedback .real-quote .quote-mark{display:none}.compact-feedback .real-quote footer{margin-top:15px;font-size:13px}.compact-feedback .real-quote footer small{font-size:12px}
.manifesto-copy h2{font-size:clamp(48px,5vw,75px)}.manifesto-copy p{font-size:21px}.manifesto-pills{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 30px}.manifesto-pills span{font-size:14px;padding:11px 15px;border:1px solid #d5b5e32c;border-radius:30px;background:#dac0ee0b}.manifesto-art{border-radius:20px;overflow:hidden}.manifesto-art img{transition:transform .08s linear}
.simple-path .section-heading h2{font-size:clamp(45px,5vw,70px)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.path-card{border:1px solid #dcc0ec20;border-radius:20px;padding:20px 20px 30px;background:linear-gradient(145deg,#36253f88,#1c11265e)}.path-card h3{font-size:28px;margin:25px 6px 12px}.path-card p{font-size:16px;margin-inline:6px;line-height:1.5}.path-art{height:210px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse,#ad81c51b,transparent 70%)}.path-index{position:absolute;left:10px;top:10px;font-size:12px;letter-spacing:.1em;color:#c1a0d2}.path-line{position:absolute;bottom:15px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#c297dd50,transparent)}.path-object{width:76px;height:140px;border-radius:45px;border:1px solid #e8cafa70;background:linear-gradient(130deg,#dab3f128,#d5a5e708 50%,#c095dc24);box-shadow:inset 8px 4px 12px #ead3fc18,18px 18px 25px #130b1e55;rotate:-25deg;animation:object-drift 8s ease-in-out infinite}.path-object i{position:absolute;left:0;right:0;top:50%;border-top:1px solid #d9b5eb55}.path-object b{position:absolute;inset:54% 14px 13px;background-image:radial-gradient(#d4acd77a 1px,transparent 1px);background-size:6px 6px;border-radius:0 0 30px 30px}.path-rhythm .path-object{width:125px;height:125px;border-radius:50%;rotate:0deg;background:radial-gradient(ellipse,#d8bcf01c,transparent 70%);box-shadow:0 0 0 18px #c391df08,0 0 0 36px #c391df05}.path-rhythm .path-object i{top:50%;left:50%;width:1px;height:35px;right:auto;background:#dec8ef;border:0;transform-origin:top;animation:tech-spin 14s linear infinite}.path-rhythm .path-object b{inset:auto;left:50%;top:50%;width:32px;height:1px;background:#dec8ef;rotate:-65deg;transform-origin:left;animation:tech-spin 28s linear infinite reverse}.path-bag .path-object{width:110px;height:120px;border-radius:15px 15px 30px 30px;rotate:0deg;animation-delay:-4s}.path-bag .path-object i{width:54px;height:48px;border:1px solid #e0c3f177;border-bottom:0;border-radius:50% 50% 0 0;left:27px;top:-29px}.path-bag .path-object b{inset:35px 35px auto;background:none;font-size:38px;color:#cfa7e4}.path-bag .path-object b:after{content:'✦'}
@keyframes tech-spin{to{transform:rotate(360deg)}}@keyframes soft-pulse{0%,100%{opacity:.45;scale:.92}50%{opacity:1;scale:1.08}}@keyframes object-drift{0%,100%{translate:0 5px}50%{translate:0 -8px}}
@media(max-width:800px){.formula-layout{grid-template-columns:1fr;gap:22px}.tech-stage{max-width:500px;justify-self:center;aspect-ratio:1.15}.tech-rotor{width:86%;height:100%}.tech-core strong{font-size:92px}.facts-panel{width:100%}.fact-card{min-height:150px}.rhythm{grid-template-columns:1fr;gap:25px}.rhythm .tech-stage{justify-self:center;max-width:480px;aspect-ratio:1.12}.rhythm-foot{gap:12px;justify-content:center;flex-wrap:wrap}.routine-visual{gap:30px;grid-template-columns:1fr 1fr}.routine-product{height:380px}.routine-copy h2{font-size:44px}.path-grid{gap:15px}.path-card{padding:15px 12px 25px}.path-card h3{font-size:24px}.path-art{height:185px}.path-object{scale:.85}.path-card p{font-size:15px}}
@media(max-width:500px){.product-section-nav{gap:6px;padding:9px 14px;top:74px}.product-section-nav a{padding:8px 16px;font-size:13px}.product-editorial{padding-block:45px}.product-editorial .section-heading h2{font-size:46px}.product-editorial .section-heading .eyebrow{margin-bottom:15px}.tech-stage{aspect-ratio:1.06;border-radius:20px;min-height:310px;max-height:370px}.tech-core strong{font-size:78px}.tech-core>span{font-size:11px;letter-spacing:.1em;margin-top:12px}.tech-caption{font-size:9px;bottom:20px}.tech-rotor{width:100%;height:100%}.fact-card-grid{gap:10px}.fact-card{min-height:132px;padding:19px 16px;border-radius:13px}.fact-card h3{font-size:13px;min-height:36px;margin-bottom:10px}.fact-card p{font-size:29px}.fact-card p small{font-size:13px;margin-top:5px}.fact-icon{font-size:14px;right:13px;top:14px}.fact-card:last-child:nth-child(odd){min-height:92px;padding-right:38px}.fact-card:last-child:nth-child(odd) h3{min-height:0}.fact-card:last-child:nth-child(odd) p{gap:10px}.formula-detail summary{font-size:14px}.formula-detail p{font-size:15px}.formula-detail .text-link{font-size:14px}.rhythm-copy h2{font-size:49px}.rhythm-copy p{font-size:18px;margin-bottom:0}.rhythm-options{margin:20px 0 25px}.rhythm-options span{padding:9px 16px;font-size:14px}.rhythm .tech-stage{max-height:365px}.rhythm-scene .tech-core strong{font-size:128px}.rhythm-foot{font-size:12px;gap:12px 18px;padding-top:19px}.rhythm-foot span:before{margin-right:5px}.routine-visual{grid-template-columns:1fr;padding-block:40px}.routine-product{height:330px}.routine-product>img{height:89%;width:85%}.routine-copy h2{font-size:46px}.routine-badge{font-size:13px;bottom:17px}.routine-chips span{font-size:14px}.routine-copy details summary{font-size:15px}.routine-copy details p{font-size:15px}.tone-mint .product-stage:not(.is-label)>img{width:116%;height:105%}.tone-mint .card-art img{width:116%;height:108%}.image-story{padding-block:38px}.image-story .section-heading h2{font-size:42px}.image-story-card img{height:310px}.compact-feedback{padding-block:15px 30px}.feedback-inline{gap:18px;font-size:13px}.feedback-inline>span{flex-basis:100%}.compact-feedback .real-quote p{font-size:32px}.manifesto-copy h2{font-size:47px}.manifesto-copy p{font-size:19px}.manifesto-pills{gap:9px;margin:20px 0 25px}.manifesto-pills span{font-size:13px;padding:10px 13px}.simple-path .section-heading h2{font-size:46px}.path-grid{grid-template-columns:1fr;gap:14px}.path-card{display:grid;grid-template-columns:118px 1fr;grid-template-rows:auto auto;column-gap:18px;padding:16px;align-items:center;min-height:165px}.path-art{grid-row:1/3;height:130px}.path-object{scale:.65}.path-card h3{font-size:23px;margin:0;align-self:end}.path-card p{font-size:15px;margin:8px 0 0;align-self:start}.path-index{font-size:10px;top:0;left:0}.path-line{display:none}}
@media(max-width:360px){.product-section-nav a{padding-inline:12px}.tech-core strong{font-size:68px}.tech-stage{min-height:290px}.fact-card p{font-size:26px}.fact-card h3{font-size:12px}.path-card{grid-template-columns:95px 1fr;gap:14px}.path-card h3{font-size:21px}.path-object{scale:.6}}
@media(prefers-reduced-motion:reduce){:root:not(.motion-enabled) .tech-rotor,:root:not(.motion-enabled) .tech-core{rotate:none;scale:1;translate:none}:root:not(.motion-enabled) .tech-rotor,:root:not(.motion-enabled) .manifesto-art img{transition:none}:root:not(.motion-enabled) .path-object,:root:not(.motion-enabled) .tech-halo,:root:not(.motion-enabled) .tech-nodes,:root:not(.motion-enabled) .arc,:root:not(.motion-enabled) .tech-spark{animation:none}}
.motion-paused .tech-rotor,.motion-paused .tech-core{rotate:none;scale:1;translate:none}