/* styles.css */
:root{--wine:#571522;--deep:#2b070e;--ivory:#f6f1e9;--paper:#eee8de;--ink:#38151a;--muted:#796b66;--line:#d7cac1;--rose:#c59992;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--ivory);font-family:MicraSans,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button{color:inherit}button:disabled{cursor:default}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:MicraSans,Arial,sans-serif;font-weight:400;line-height:1.04;letter-spacing:-.035em}h1{font-size:clamp(3.8rem,7vw,7.4rem);margin-bottom:28px}h2{font-size:clamp(2.8rem,4.4vw,4.7rem);margin-bottom:24px}h3{font-size:clamp(2rem,3.1vw,3.6rem);margin-bottom:24px}em{font-weight:400}p{margin-bottom:22px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #bd807b;outline-offset:5px}::selection{background:#c59992;color:var(--deep)}[hidden]{display:none!important}.wrap{width:min(1240px,88%);margin-inline:auto}.eyebrow{font-family:MicraSans,Arial,sans-serif;font-size:.8rem;letter-spacing:.19em;line-height:1.8;font-weight:400;text-transform:uppercase}.lead{font-size:1.16rem;line-height:1.65;max-width:43ch}.small{font-size:.83rem;line-height:1.6}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;border:1px solid transparent;font-size:.9rem;letter-spacing:.035em;transition:background .25s,transform .25s;line-height:1.25}.button:hover{transform:translateY(-2px)}.button.wine{background:var(--wine);color:var(--ivory)}.button.wine:hover{background:var(--deep)}.button.ivory{background:var(--ivory);color:var(--wine)}.button.outline{border-color:var(--line);background:transparent}.text-link{border-bottom:1px solid;padding-bottom:5px;font-size:.9rem;display:inline-block}.button-row{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.skip{position:fixed;top:-100px;left:10px;padding:15px;background:var(--ivory);z-index:100}.skip:focus{top:10px}.header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:30;background:var(--ivory)}.header.on-dark{position:absolute;inset:0 0 auto;color:var(--ivory);border-bottom:1px solid #f5eee328;background:transparent}.wordmark{font-size:1.9rem;letter-spacing:.38em;line-height:1}.header nav{display:flex;align-items:center;gap:28px;font-size:.88rem}.header nav>a{padding:9px 0}.header nav>a:hover,.header nav>a[aria-current]{border-bottom:1px solid}.language{font-size:.8rem;border-left:1px solid #b9989855;padding-left:22px!important}.nav-cta{padding:11px 20px;min-height:44px;background:transparent;border:1px solid currentColor;font-size:.83rem}.menu-toggle{display:none}.hero{min-height:790px;height:min(950px,100svh);background:#400d17;position:relative;isolation:isolate;overflow:hidden;color:var(--ivory)}.hero-media,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;object-position:70% center}.hero-media img{animation:hero-breathe 18s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,#300710b8 0%,#34081130 47%,transparent 65%)}.hero-copy{position:relative;width:min(1240px,88%);margin:auto;padding-top:clamp(170px,24vh,245px);pointer-events:none}.hero-copy>*{max-width:550px;pointer-events:auto}.hero-copy h1{font-size:clamp(5rem,8.7vw,9.2rem);line-height:.94;letter-spacing:-.047em;margin:30px 0}.hero-copy>p:not(.eyebrow){font-size:1.15rem;max-width:31ch;color:#f6f1e9d9;line-height:1.65;margin-bottom:35px}.hero-bottom{position:absolute;bottom:30px;left:6%;right:6%;border-top:1px solid #e5c8c94a;padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:.77rem;letter-spacing:.12em}.motion-toggle,.footer-bottom button{background:transparent;color:inherit;border:0;padding:10px;font-size:.8rem;min-height:44px}.intro{text-align:center;padding:120px 0 115px}.intro h2{font-size:clamp(3.2rem,5.6vw,6rem)}.intro .lead{margin-inline:auto;max-width:45ch;color:var(--muted)}.intro .eyebrow{margin-bottom:35px}.collection{padding-bottom:130px;scroll-margin-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px}.section-heading h2{margin-bottom:0}.tabs{border:1px solid var(--line);padding:5px;border-radius:50px;display:flex;flex-shrink:0}.tabs button{border:0;border-radius:50px;background:transparent;padding:12px 23px;font-size:.91rem;min-height:44px;transition:background .3s}.tabs [aria-selected=true]{background:var(--wine);color:var(--ivory)}.product-panel{display:grid;grid-template-columns:1.04fr 1fr;gap:7%;align-items:center;min-height:560px}.product-image,.product-stage{position:relative;background:#f3eee6;overflow:hidden}.product-image{border:1px solid #e5dcd4}.product-image img{aspect-ratio:1;object-fit:cover;transition:transform .8s var(--ease)}.product-image:hover img{transform:scale(1.035)}.image-caption{position:absolute;bottom:22px;left:25px;right:25px;text-align:center;font-size:.74rem;letter-spacing:.14em;color:#796b66}.product-description .lead{color:var(--muted)}.feature-list{margin:25px 0 30px;padding:0;list-style:none;border-top:1px solid var(--line)}.feature-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:.95rem}.metrics{display:flex;gap:55px;margin:30px 0}.metrics div{display:flex;flex-direction:column}.metrics strong{font-family:MicraSans,Arial,sans-serif;font-size:2rem;font-weight:400;line-height:1.15}.metrics span{font-size:.8rem;color:var(--muted)}.product-description>.small{max-width:42ch;margin-top:20px}.wine-section{background:var(--wine);color:var(--ivory)}.editorial{padding:100px 0}.editorial-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.editorial h2{font-size:clamp(3rem,5vw,5.7rem)}.editorial .lead{color:#dfccc8}.voice-visual{border-radius:2px;overflow:hidden}.voice-visual img{aspect-ratio:1;object-fit:cover}.interaction-widget{margin-top:40px}.interaction-options{display:flex;gap:8px;flex-wrap:wrap}.interaction-options button{background:transparent;border:1px solid #bc999988;border-radius:30px;padding:10px 20px;min-height:44px}.interaction-options button[aria-pressed=true]{background:var(--ivory);color:var(--wine);border-color:var(--ivory)}.interaction-widget>p{margin-top:24px;max-width:47ch;min-height:82px;font-size:.97rem}.wine-section .muted{color:#d4bdb7}.packaging{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:7%;padding:130px 0}.packaging-image{overflow:hidden;background:#e8ded1}.packaging-image img{aspect-ratio:1.1;object-fit:cover;object-position:38% center}.packaging-copy .lead{color:var(--muted)}.compare-teaser{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 0;display:flex;align-items:center;justify-content:space-between;gap:50px}.compare-teaser h2{margin-bottom:18px}.compare-teaser .lead{margin-bottom:0}.teaser-actions{display:flex;flex-direction:column;gap:14px;min-width:225px}.faq-section{padding:105px 0 120px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;cursor:pointer;font-size:1.09rem}summary::-webkit-details-marker{display:none}summary span{font-size:1.7rem;font-weight:300;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{max-width:76ch;color:var(--muted);margin:0 45px 27px 0;font-size:1rem}footer{background:var(--deep);color:var(--ivory);padding:65px 0 35px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top a{font-size:.9rem}.footer-top p{margin:0}.footer-wordmark{font-family:MicraSans,Arial,sans-serif;font-size:clamp(5rem,19vw,19rem);line-height:1.3;letter-spacing:.15em;text-align:center;margin:20px -1.5% 15px 0}.footer-bottom{border-top:1px solid #d8babb40;padding-top:17px;font-size:.8rem}.fine-print{font-size:.76rem;line-height:1.7;color:#bc9f9f;max-width:92ch;margin:20px 0 0}.page-intro{padding:105px 0 60px}.page-intro h1{max-width:900px}.page-intro .lead{max-width:53ch;color:var(--muted)}.product-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:4%;min-height:680px;padding:65px 0}.product-hero h1{font-size:clamp(4rem,6vw,6.8rem)}.product-hero-copy .lead{max-width:37ch;color:var(--muted)}.status-note{font-size:.8rem;color:var(--muted);margin:24px 0 0}.product-stage img{animation:product-breathe 12s ease-in-out infinite alternate;aspect-ratio:1;object-fit:cover}.spec-ribbon{background:var(--paper);border-block:1px solid var(--line)}.spec-ribbon>.wrap{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:35px 0}.spec-ribbon strong{display:block;font-size:2.5rem;font-weight:400;font-family:MicraSans,Arial,sans-serif}.spec-ribbon span{font-size:.87rem;color:var(--muted)}.detail-section{padding:110px 0}.detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:60px}.detail-cards article{padding-top:25px;border-top:1px solid var(--line)}.detail-cards h3{font-size:2.3rem}.detail-cards article>p:last-child{color:var(--muted)}.specs{padding:50px 0 90px;max-width:1000px}.spec-list{margin-top:40px;border-top:1px solid var(--line)}.spec-list>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.spec-list dd{margin:0;color:var(--muted)}.voice-demo{background:var(--wine);color:var(--ivory);padding:55px;border-radius:4px;margin-bottom:50px}.voice-demo .muted{color:#dcc4bf}.comparison{padding-bottom:90px}.compare-images{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0 0 50px}.compare-images a{background:#f1ebe2;text-align:center}.compare-images img{aspect-ratio:1.25;object-fit:cover;max-height:420px}.compare-images h2{font-size:2.3rem;padding:10px 20px 28px;margin:0}.check-label{display:flex;gap:14px;align-items:center;cursor:pointer;min-height:48px;line-height:1.4}input[type=checkbox],input[type=radio]{accent-color:var(--wine);width:20px;height:20px;flex-shrink:0}.table-scroll{overflow:auto;margin-top:24px}table{width:100%;border-collapse:collapse;font-size:.98rem;min-width:600px;text-align:left}caption{text-align:left;padding:0 0 18px;color:var(--muted);font-size:.86rem}th,td{padding:20px 18px;border-bottom:1px solid var(--line);width:33.33%;vertical-align:top}th{font-weight:400}thead th{background:var(--wine);color:var(--ivory);font-weight:400}tbody th{padding-left:0}td{color:var(--muted)}.comparison>.small{margin-top:25px}.fit-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-bottom:80px}.fit-image img{aspect-ratio:1;object-fit:cover}.fit-steps article{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.fit-steps h2{font-size:2rem;margin-bottom:15px}.fit-steps p{color:var(--muted)}.step-number{font-size:.82rem;color:var(--muted);margin-top:9px}.fit-check{border-top:1px solid var(--line);padding:60px 0 110px}.check-grid{display:grid;gap:12px;margin:25px 0}.check-grid label{border:1px solid var(--line);padding:18px 22px}.fit-check [role=status]{font-size:.88rem;color:var(--muted)}dialog{border:0;padding:50px;width:min(580px,92%);max-height:90svh;background:var(--ivory);color:var(--ink)}dialog::backdrop{background:#20060dbc;backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:none;font-size:2rem}dialog h2{font-size:3.3rem}.finder-result{background:var(--paper);padding:25px;margin-top:28px}.finder-result p{margin-bottom:7px;font-size:.85rem}.finder-result h3{font-size:2.2rem}.finder-result .button{width:100%}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:.9rem;margin-bottom:15px}fieldset label{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer}fieldset strong{font-size:1rem;font-weight:400}fieldset small{display:block;font-size:.83rem;color:var(--muted);margin-top:4px}.reveal{transition:opacity .7s var(--ease),transform .7s var(--ease)}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(25px)}body.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}
@keyframes hero-breathe{from{transform:scale(1.01)}to{transform:scale(1.065) translateX(-.6%)}}@keyframes product-breathe{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(min-width:1700px){.hero{height:960px}.hero-copy{padding-top:235px}.hero-media img{object-position:80% center}}
@media(max-width:1050px){.header{height:82px}.header nav{gap:18px}.nav-cta{display:none}.hero{min-height:720px}.hero-copy{padding-top:210px}.hero-copy h1{font-size:6.3rem}.hero-copy>p:not(.eyebrow){max-width:26ch}.hero-shade{background:linear-gradient(90deg,#300710d9,#34081130 73%,transparent)}.product-panel{gap:5%}.product-description h3{font-size:3rem}.editorial-grid{gap:5%}.footer-wordmark{letter-spacing:.11em}.packaging{gap:5%}}
@media(max-width:760px){html{scroll-padding-top:75px}.wrap{width:88%}.header{height:76px;padding:0 6%}.wordmark{font-size:1.5rem}.menu-toggle{display:flex;gap:15px;align-items:center;background:none;border:0;min-height:44px;padding:8px 0;font-size:.88rem}.menu-lines{display:block;width:22px;height:10px;border-block:1px solid}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--ivory);color:var(--wine);padding:22px 6% 28px;box-shadow:0 18px 30px #20050a25;flex-direction:column;align-items:stretch;gap:3px}.header nav.open{display:flex}.header nav>a{padding:12px 0}.language{border-left:0;padding-left:0!important}.header nav>.nav-cta{display:block;margin-top:10px}.hero{height:870px;min-height:870px;max-height:none}.hero-copy{padding-top:140px}.hero-copy .eyebrow{font-size:.72rem;letter-spacing:.14em;max-width:none}.hero-copy h1{font-size:clamp(4rem,15vw,6.2rem);line-height:.94;margin:20px 0}.hero-copy>p:not(.eyebrow){font-size:1rem;max-width:29ch;margin-bottom:25px}.hero-copy .button{min-height:48px;padding:12px 22px}.hero-media{top:350px;left:-77%;width:177%;height:470px;bottom:auto}.hero-media img,.hero-media video{object-fit:cover;object-position:83% center}.hero-shade{background:linear-gradient(180deg,#3b0b15 37%,transparent 60%,#3007104d 95%)}.hero-bottom{bottom:20px;left:6%;right:6%;padding-top:12px;font-size:.65rem;letter-spacing:.08em}.hero-bottom button{font-size:.74rem}.intro{padding:80px 0 70px}.intro .eyebrow{font-size:.71rem}.intro h2{font-size:3.65rem}.lead{font-size:1.07rem}.section-heading{display:block;margin-bottom:30px}.section-heading>.text-link{margin-top:22px}.section-heading h2{font-size:3rem}.tabs{margin-top:28px;width:fit-content}.tabs button{padding:11px 22px;font-size:.88rem}.collection{padding-bottom:75px}.product-panel{display:flex;flex-direction:column;gap:30px}.product-image{width:100%}.image-caption{font-size:.69rem;bottom:15px}.product-description{width:100%;padding-top:5px}.product-description h3{font-size:3.4rem}.product-description .eyebrow{margin-bottom:18px}.metrics{gap:60px}.editorial{padding:70px 0}.editorial-grid{display:flex;flex-direction:column;gap:40px}.editorial h2{font-size:3.8rem}.voice-visual{width:100%}.interaction-widget>p{min-height:90px}.packaging{padding:80px 0;display:flex;flex-direction:column;gap:35px}.packaging-image{width:100%}.packaging-image img{aspect-ratio:1.15}.packaging-copy{width:100%}.packaging h2{font-size:3.6rem}.compare-teaser{padding:50px 0;display:block}.compare-teaser h2{font-size:3rem}.teaser-actions{margin-top:28px;flex-direction:row;flex-wrap:wrap}.teaser-actions .button{flex:1;white-space:nowrap;padding-inline:18px}.faq-section{padding:70px 0}.faq-section h2{font-size:2.9rem}summary{padding:22px 0;font-size:1rem}details p{margin-right:12px;font-size:.95rem}footer{padding:40px 0 30px}.footer-top{display:block}.footer-top a{display:inline-block;margin-top:20px}.footer-wordmark{font-size:20vw;letter-spacing:.07em;margin:30px 0;line-height:1}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 23px}.footer-bottom button{padding-left:0}.fine-print{font-size:.73rem}.product-hero{display:flex;flex-direction:column;padding:55px 0 40px;gap:25px;min-height:0}.product-hero-copy{width:100%}.product-hero h1{font-size:4.1rem}.product-stage{width:100%}.status-note{font-size:.77rem}.spec-ribbon>.wrap{gap:15px;padding:25px 0}.spec-ribbon strong{font-size:2rem}.spec-ribbon span{font-size:.73rem;display:block;line-height:1.4}.detail-section{padding:70px 0}.detail-section h2{font-size:3rem}.detail-cards{grid-template-columns:1fr;gap:20px;margin-top:35px}.detail-cards h3{font-size:2.2rem}.specs{padding:30px 0 60px}.specs h2{font-size:3rem}.spec-list{font-size:.93rem}.spec-list>div{grid-template-columns:1fr 1fr;gap:15px}.voice-demo{padding:30px 25px}.voice-demo h2{font-size:2.7rem}.page-intro{padding:60px 0 35px}.page-intro h1{font-size:3.6rem}.compare-images{gap:12px;margin-bottom:30px}.compare-images h2{font-size:1.6rem;padding:10px 5px 20px}.compare-images img{aspect-ratio:.95}.table-scroll{margin-inline:0}.comparison{padding-bottom:60px}th,td{padding:17px 15px}.fit-layout{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.fit-steps h2{font-size:1.9rem}.fit-check{padding:45px 0 70px}.fit-check h2{font-size:2.8rem}.check-grid label{padding:16px}.fit-image{width:100%}dialog{padding:40px 25px 25px}dialog h2{font-size:3rem}.finder-result{padding:20px}}
@media(max-width:360px){.hero-copy h1{font-size:3.9rem}.tabs button{padding-inline:17px}.hero{height:845px;min-height:845px}.eyebrow{font-size:.75rem}.teaser-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media print{.header,.hero-media,footer,.menu-toggle,dialog{display:none}.hero{height:auto;min-height:0;background:white;color:black}.hero-copy{padding:20px 0}.hero-shade,.hero-bottom{display:none}.reveal{opacity:1!important;transform:none!important}body{color:black;background:white}.wrap{width:95%}section{break-inside:avoid}a{color:black}}
.hero-media video{position:absolute;inset:0}
.viewer-section{padding:20px 0 110px;scroll-margin-top:30px}.viewer-caption{color:var(--muted);max-width:26ch;margin-bottom:0}.viewer-stage{height:540px;position:relative;background:radial-gradient(ellipse at 50% 40%,#f9f6f0,#e6ded2);overflow:hidden}.viewer-stage canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab}.viewer-stage canvas:active{cursor:grabbing}.viewer-stage [data-viewer-poster]{height:100%}.viewer-stage img{height:100%;width:100%;object-fit:contain}.viewer-start{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);white-space:nowrap}.viewer-start:hover{transform:translateX(-50%) translateY(-2px)}.viewer-controls{padding:22px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.viewer-models,.viewer-actions{display:flex;gap:8px;flex-wrap:wrap}.viewer-controls button{padding:10px 16px;min-height:44px;border:1px solid var(--line);background:transparent;font-size:.88rem}.viewer-controls button[aria-pressed=true]{color:var(--ivory);background:var(--wine);border-color:var(--wine)}.viewer-status{font-size:.86rem;color:var(--muted);margin:20px 0 0;min-height:2.8em}
@media(max-width:760px){.viewer-section{padding-bottom:70px}.viewer-stage{height:390px}.viewer-caption{margin-top:22px;max-width:none}.viewer-controls{gap:12px}.viewer-controls button{padding:10px 13px}.viewer-start{bottom:24px}.viewer-status{font-size:.84rem}}
/* editorial.css */
/* MICRA studio edition. Layered over the portable kit's shared page styles. */
:root{--wine:#5a1119;--deep:#27080e;--ivory:#f4efe9;--ink:#2a2626;--muted:#71645f;--line:#dcd2c9;--paper:#eae2d9}
body{font-family:MicraSans,Arial,sans-serif}h1,h2,h3{letter-spacing:-.045em}h2{font-size:clamp(3rem,4.7vw,5rem)}em{color:inherit}.wrap{width:min(1280px,88%)}.eyebrow{font-size:.68rem;letter-spacing:.19em}.lead{font-size:1.06rem;line-height:1.8}.button{border-radius:999px;padding:16px 27px;gap:24px;font-size:.83rem;letter-spacing:.01em}.button svg{width:19px;height:19px}.text-link{font-size:.85rem}.header{height:86px}.header.on-dark{border-bottom:1px solid #ffffff21}.wordmark{font-size:1.6rem;letter-spacing:.32em}.nav-cta{border-radius:30px;padding-inline:22px}.header nav{font-size:.78rem;gap:28px}.language{font-size:.7rem}
.hero{height:max(760px,96svh);min-height:760px;max-height:1100px;background:#25070d}.hero-media{inset:0}.hero-media picture{display:block;width:100%;height:100%}.hero-media img{object-fit:cover;object-position:64% 54%;animation:none}.hero-shade{background:linear-gradient(90deg,#21060dc9 0%,#26081055 36%,transparent 67%),linear-gradient(0deg,#21070d66,transparent 25%)}.hero-copy{padding-top:clamp(205px,25vh,295px);width:min(1280px,88%)}.hero-copy h1{font-size:clamp(5rem,8.2vw,8.8rem);line-height:.94;margin:28px 0 30px;letter-spacing:-.055em}.hero-copy h1 em{color:#dbc1b8}.hero-copy>p:not(.eyebrow){font-size:.98rem;line-height:1.8;max-width:42ch;margin-bottom:30px;color:#ede0d8}.hero-actions{display:flex;align-items:center;gap:28px;max-width:none}.hero-secondary{font-size:.82rem;display:flex;align-items:center;gap:24px;min-height:48px}.hero-secondary span{font-size:1.25rem}.hero-product-note{position:absolute;right:8%;bottom:126px;display:flex;flex-direction:column;gap:6px;text-align:right;font-size:.6rem;letter-spacing:.16em;color:#edd8d1}.hero-product-note span+span{letter-spacing:.03em;font-size:.68rem;color:#d0b2ab}.hero-bottom{bottom:25px;font-size:.62rem;letter-spacing:.16em;padding-top:13px}.hero-bottom a{display:flex;align-items:center;gap:24px;min-height:44px}.hero-bottom a span{font-size:1.25rem}.hero-bottom button{font-size:.72rem}.intro{padding:120px 0 110px;max-width:1000px}.intro h2{font-size:clamp(3.1rem,4.8vw,5rem);line-height:1.08}.intro .lead{max-width:54ch;font-size:1.02rem}.intro .eyebrow{margin-bottom:26px}.rhythm-strip{display:flex;justify-content:center;gap:50px;margin-top:42px;color:var(--wine)}.rhythm-strip span{display:flex;align-items:center;gap:12px;font-size:.78rem}.rhythm-strip svg{width:22px;height:22px}.section-heading{gap:36px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:20px}.section-aside{color:var(--muted);font-size:.93rem;line-height:1.8;max-width:34ch;margin:0 0 8px}.collection{padding-bottom:120px}.product-panel{background:#eee7de;gap:5%;padding-right:5%;min-height:600px;border-radius:12px;overflow:hidden}.product-image{border:0;background:#eee7de}.product-image img{mix-blend-mode:multiply}.product-description h3{font-size:clamp(2.8rem,3.5vw,4rem);margin-bottom:20px}.product-description .lead{font-size:.97rem;max-width:40ch}.product-description .eyebrow{margin-bottom:18px}.feature-list{margin:20px 0}.feature-list li{padding:10px 0;font-size:.84rem}.metrics{margin:22px 0;gap:45px}.metrics strong{font-size:1.7rem}.metrics span{font-size:.71rem}.product-description>.small{font-size:.71rem}.tabs{padding:4px}.tabs button{font-size:.8rem;padding:11px 21px}.image-caption{font-size:.61rem}.app-section{padding:15px 0 110px}.experience-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:0 0 38px;padding-bottom:18px;overflow-x:auto;scrollbar-width:thin}.experience-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;border:1px solid transparent;border-radius:40px;padding:12px 20px;background:transparent;font-size:.8rem;min-height:48px}.experience-tabs svg{width:20px;height:20px}.experience-tabs button[aria-selected=true]{background:var(--wine);color:var(--ivory)}.experience-tabs button:hover{border-color:var(--line)}.experience-panel{display:grid;grid-template-columns:1.08fr 1fr;gap:9%;align-items:center;min-height:740px}.app-stage{background:radial-gradient(ellipse at 48% 67%,#a97b75,#d8c4b9 65%,#e6d9cc);border-radius:12px;position:relative;min-height:740px;display:flex;justify-content:center;align-items:center;isolation:isolate;overflow:hidden}.stage-note{position:absolute;top:27px;left:30px;font-size:.55rem;letter-spacing:.2em;color:#59363a}.phone{width:300px;border-radius:44px;border:6px solid #393232;background:#f8f5ef;padding:0 13px;box-shadow:1px 1px 0 2px #a39a8e,18px 35px 50px #4b242952;transform:rotate(-5deg);margin:45px 0 30px}.phone-top{height:40px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 12px;font:10px Arial,sans-serif;font-weight:600}.phone-island{width:80px;height:22px;background:#272222;border-radius:20px;position:absolute;top:5px;left:50%;transform:translateX(-50%)}.phone-content{padding:12px 8px 5px}.app-wordmark{display:flex;justify-content:space-between;align-items:center;font-size:17px;letter-spacing:.16em}.app-wordmark span{display:flex;background:#eae1d6;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center}.app-wordmark svg{width:16px;height:16px}.screen-kicker{font-size:11px;color:var(--muted);margin:21px 0 13px}.readiness-dial{width:151px;height:151px;border-radius:50%;margin:0 auto;background:conic-gradient(from 215deg,#7b3542 0 75%,#e4d7cb 75% 90%,transparent 90%);padding:9px;transform:rotate(0deg)}.readiness-dial>span{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f5ef;border-radius:50%;font:53px MicraSerif,Georgia,serif;line-height:1}.readiness-dial small{font:9px MicraSans,Arial,sans-serif;color:var(--muted);margin-top:8px}.value-caption{font-size:10px;text-align:center;color:var(--muted);margin:13px 0}.trend-chart{width:100%;height:56px;fill:none;stroke:#883e4c;stroke-width:1.8;margin:12px 0 6px}.trend-chart .chart-grid{stroke:#ded5cd;stroke-width:.7;stroke-dasharray:3 5}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0;border-block:1px solid #e2d9d0;gap:6px}.app-stats span{display:block;font-size:8px;color:var(--muted);line-height:1.5;margin-bottom:7px}.app-stats strong{font-weight:400;font-size:13px}.app-insight{display:flex;gap:9px;padding:16px 12px;margin:17px 0 10px;background:#ede6dc;border-radius:12px;font-size:10px}.app-insight>svg{width:18px;height:18px;flex-shrink:0;color:var(--wine)}.app-insight strong{font-weight:400;font-size:10px}.app-insight p{font-size:9px;line-height:1.6;color:#736058;margin:5px 0 0}.phone-nav{display:flex;justify-content:space-around;padding:12px 0 19px}.phone-nav svg{width:17px;height:17px;color:#8a6f68}.phone-nav::after{content:'';width:86px;height:3px;background:#332626;position:absolute;bottom:9px;border-radius:4px}.floating-insight{position:absolute;right:25px;bottom:135px;display:flex;align-items:center;gap:14px;background:#fffaf0e8;border:1px solid #ffffff99;box-shadow:0 8px 30px #4c202522;padding:16px 20px;border-radius:12px;backdrop-filter:blur(12px)}.floating-insight>svg{width:28px;height:28px;color:var(--wine)}.floating-insight span{font-size:9px;display:block;color:#73615a;margin-bottom:4px}.floating-insight strong{font-size:12px;font-weight:400}.experience-copy h3{font-size:clamp(3rem,4vw,4.5rem);line-height:1.05}.experience-copy .lead{color:var(--muted);margin-bottom:32px;max-width:37ch}.experience-detail{display:flex;align-items:center;gap:22px;padding:16px 0;border-bottom:1px solid var(--line)}.experience-detail span{color:#906f6c;font-size:.64rem}.experience-detail p{margin:0;font-size:.9rem}.concept-note{font-size:.73rem;line-height:1.7;color:var(--muted);margin:27px 0 0;max-width:55ch}.app-value{font:48px MicraSerif,Georgia,serif;text-align:center;margin:24px 0 10px;letter-spacing:-.04em}.sleep-chart{display:flex;align-items:center;height:119px;gap:3px;margin:18px 0}.sleep-chart i{height:var(--bar);flex:1;background:#957180;border-radius:3px}.sleep-chart i:nth-child(3n){background:#502538}.sleep-chart i:nth-child(3n + 1){background:#cdb6b1}.activity-chart{height:160px;display:flex;gap:10px;align-items:flex-end;padding-top:10px;margin:18px 0}.activity-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px}.activity-chart i{background:#804051;height:var(--bar);width:100%;border-radius:4px}.activity-chart span{font-size:8px;color:var(--muted)}.cycle-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:30px 0 20px}.cycle-chart i{font:9px MicraSans,sans-serif;font-style:normal;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;background:#eee5dc;color:#776057}.cycle-chart .logged{background:#a86a6b;color:white}.cycle-chart i:nth-child(12){background:var(--wine)}.coach-section{padding:110px 0;background:#e9e0d5}.coach-section h2{font-size:clamp(3rem,4.5vw,4.9rem)}.coach-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;margin-top:64px}.coach-chat{border:1px solid #d9cbbc;border-radius:18px;padding:30px;background:#f5eee5;box-shadow:0 20px 60px #5232320c}.chat-heading{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding-bottom:22px}.coach-avatar{background:var(--wine);color:var(--ivory);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font:30px MicraSerif,Georgia,serif}.chat-heading strong{font-weight:400;font-size:.9rem}.chat-heading>div>span{display:block;font-size:.63rem;color:var(--muted);margin-top:3px}.chat-heading>svg{width:22px;height:22px;margin-left:auto}.chat-date{margin:27px 0;text-align:center;font-size:.53rem;color:var(--muted);letter-spacing:.14em}.chat-bubble{font-size:.87rem;line-height:1.7;padding:17px 20px;border-radius:16px;max-width:90%;margin-bottom:16px}.from-person{background:#e5d8d1;margin-left:auto;border-bottom-right-radius:3px}.from-coach{background:white;border-bottom-left-radius:3px}.chat-options{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.chat-options button{font-size:.7rem;border:1px solid #b59f95;background:transparent;padding:9px 15px;min-height:44px;border-radius:24px}.chat-options button[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:white}.coach-reply{min-height:118px}.chat-caption{display:block;text-align:center;font-size:.6rem;color:var(--muted);margin-top:23px}.coach-stories article{margin:10px 0 40px}.coach-stories article>svg{width:29px;height:29px;color:var(--wine);margin-bottom:21px}.coach-stories h3{font-size:2.45rem;margin-bottom:16px}.coach-stories article>p{color:var(--muted);font-size:.97rem;line-height:1.8;max-width:39ch}.community-section{padding:120px 0 100px}.community-panel{display:grid;grid-template-columns:1fr 1fr;background:#ede5db;border-radius:12px;overflow:hidden;min-height:530px}.circle-art{position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#d5c1b7,#e6dbcf);display:grid;place-items:center;min-height:530px;overflow:hidden}.orbit{position:absolute;border:1px solid #ac888566;border-radius:50%;width:220px;height:220px}.orbit-two{width:365px;height:365px}.circle-center{height:90px;width:90px;display:grid;place-items:center;background:var(--wine);color:#f4efe9;border-radius:50%;font:65px MicraSerif,Georgia,serif;box-shadow:0 0 0 15px #5a11190c}.member{position:absolute;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font:23px MicraSerif,Georgia,serif;box-shadow:0 7px 19px #4c242221;border:4px solid #e7dbcd;background:#9d676a;color:#fff7ed}.member-a{top:22%;left:19%;background:#6f8074}.member-b{bottom:25%;right:22%;background:#9d676a}.member-c{top:18%;right:13%;background:#a18764}.member-d{bottom:18%;left:9%;background:#886964}.circle-caption{position:absolute;bottom:32px;font-size:.68rem;color:#6a4947;display:flex;align-items:center;gap:9px}.circle-caption svg{width:15px;height:15px}.community-copy{padding:60px 10%;display:flex;flex-direction:column;justify-content:center}.pill{font-size:.54rem;letter-spacing:.12em;color:#785256;margin-bottom:27px}.community-copy h3{font-size:clamp(2.7rem,3.2vw,3.6rem);margin-bottom:20px}.community-copy .lead{font-size:.93rem;line-height:1.85;color:var(--muted)}.community-points{list-style:none;padding:0;margin:10px 0 0}.community-points li{padding:11px 0;border-top:1px solid #d9cbc1;font-size:.76rem}.community-points li::before{content:'↗';margin-right:15px;color:#976969}.club-art{padding:45px 9%;background:#682d35;color:#f7e9db;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:530px}.club-kicker{position:absolute;top:30px;left:9%;font-size:.55rem;letter-spacing:.14em}.club-sun{position:absolute;right:-10%;top:14%;width:270px;height:270px;border-radius:50%;border:1px solid #d6a09365;box-shadow:0 0 0 32px #d6a0930b,0 0 0 64px #d6a0930b,0 0 0 96px #d6a0930b;z-index:-1;background:linear-gradient(145deg,#c99372,#9d596024)}.club-art h3{font-size:3.8rem;margin-bottom:20px;line-height:1}.club-art>p{font-size:.86rem;max-width:30ch;color:#e5c7bb}.club-tags{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}.club-tags span{padding:8px 13px;border:1px solid #c598885c;border-radius:30px;font-size:.65rem}.community-details{margin-top:28px}.community-details>div{padding:18px 0 24px;max-width:770px}.community-details h3{font-size:2rem}.community-details p{color:var(--muted);font-size:.92rem;line-height:1.8}.viewer-section{padding:20px 0 90px}.viewer-stage{border-radius:12px;height:570px;background:radial-gradient(ellipse at 50% 45%,#f9f6f0,#e9dfd2)}.viewer-stage img{mix-blend-mode:multiply}.viewer-caption{font-size:.94rem;max-width:27ch}.viewer-status{font-size:.71rem}.viewer-controls button{border-radius:24px;font-size:.76rem}.packaging{padding:60px 0 120px;gap:9%}.packaging-image{border-radius:12px}.packaging-image img{aspect-ratio:1.16}.packaging h2{font-size:clamp(3rem,4.5vw,5rem)}.closing-section{background:radial-gradient(ellipse at 90% 130%,#915958,#5a1119 65%,#340c14);color:var(--ivory);padding:95px 0;text-align:center;overflow:hidden}.closing-section h2{font-size:clamp(4.4rem,6vw,6.5rem);margin:25px 0 37px}.closing-section em{color:#d8b6ad}.faq-section{padding:95px 0}.faq-section h2{font-size:3.3rem}.faq-section summary{font-size:.97rem}.faq-section details p{color:var(--muted)}footer{background:#e8ded3;color:#49222a}.footer-wordmark{font-size:clamp(5rem,20vw,23rem);letter-spacing:.18em;margin:32px 0 25px;line-height:1.1}.footer-bottom{font-size:.75rem}.fine-print{font-size:.68rem;max-width:95ch}.product-stage img{animation:none}.product-stage{border-radius:12px}.product-hero h1{font-size:clamp(3.8rem,6vw,6.7rem)}.product-hero .lead{font-size:1.05rem}.voice-visual{border-radius:12px}.reveal{transition-duration:.8s}.motion-paused{scroll-behavior:auto}.phone,.floating-insight{transition:transform .8s var(--ease)}.app-stage:hover .phone{transform:rotate(-2deg) translateY(-5px)}.app-stage:hover .floating-insight{transform:translateY(-4px)}
@media(min-width:1700px){.hero-media img{object-position:center}.hero-copy{padding-top:260px}}
@media(max-width:1100px){.header nav{gap:20px}.hero-copy{padding-top:220px}.hero-copy h1{font-size:7rem}.hero-copy>p:not(.eyebrow){max-width:31ch}.hero-media img{object-position:58% center}.product-panel{padding-right:4%;gap:4%}.product-description h3{font-size:2.8rem}.experience-panel{gap:6%;grid-template-columns:1fr 1fr}.app-stage{min-height:690px}.experience-panel{min-height:690px}.phone{width:280px}.floating-insight{right:15px;bottom:110px}.experience-copy h3{font-size:3.4rem}.coach-grid{gap:6%}.coach-chat{padding:23px}.coach-stories h3{font-size:2.1rem}.community-copy{padding:45px 9%}.community-copy h3{font-size:3rem}.circle-art{min-height:560px}.community-panel{min-height:560px}}
@media(max-width:760px){.header{height:74px}.header nav{top:74px}.wordmark{font-size:1.45rem}.menu-toggle{font-size:.78rem}.hero{height:950px;min-height:950px;max-height:none}.hero-media{inset:0;width:100%;height:100%}.hero-media img{object-fit:cover;object-position:center;animation:none}.hero-shade{background:linear-gradient(180deg,#20070cbb 0%,#20070c33 37%,transparent 55%,#21070d88 100%)}.hero-copy{padding-top:133px;width:88%;text-align:center}.hero-copy>*{max-width:none}.hero-copy .eyebrow{font-size:.6rem;letter-spacing:.18em}.hero-copy h1{font-size:clamp(4.4rem,16vw,6rem);margin:26px 0;line-height:.94}.hero-copy>p:not(.eyebrow){font-size:.84rem;line-height:1.8;max-width:36ch;margin:0 auto 26px}.hero-actions{justify-content:center;gap:18px;flex-wrap:wrap}.hero-copy .button{font-size:.76rem;padding:13px 19px;gap:14px;min-height:48px}.hero-secondary{font-size:.76rem;gap:8px}.hero-product-note{bottom:107px;right:0;left:0;text-align:center;font-size:.56rem;gap:5px}.hero-product-note span+span{font-size:.62rem}.hero-bottom{bottom:18px;padding-top:10px;font-size:.49rem;letter-spacing:.1em;gap:8px}.hero-bottom a{gap:8px}.hero-bottom button{font-size:.63rem;padding:8px 0;white-space:nowrap}.hero-bottom a span{font-size:1rem}.intro{padding:75px 0}.intro .eyebrow{font-size:.59rem;line-height:1.9;max-width:36ch;margin:0 auto 23px}.intro h2{font-size:3rem;line-height:1.09}.intro .lead{font-size:.93rem}.rhythm-strip{gap:21px;margin-top:30px}.rhythm-strip span{flex-direction:column;font-size:.68rem;gap:9px}.rhythm-strip svg{width:21px;height:21px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:3.2rem}.section-heading .eyebrow{margin-bottom:18px;font-size:.61rem}.section-aside{font-size:.87rem;margin-top:24px;max-width:none}.tabs{margin-top:26px}.tabs button{font-size:.76rem;padding:11px 21px}.collection{padding-bottom:80px}.product-panel{padding:0 0 30px;gap:15px;display:flex;min-height:0}.product-description{padding:10px 8% 0}.product-description h3{font-size:3rem}.product-description .lead{font-size:.94rem}.product-description .eyebrow{font-size:.6rem}.product-description>.small{font-size:.67rem}.product-image img{aspect-ratio:1.05}.image-caption{font-size:.54rem}.metrics{gap:38px}.metrics span{font-size:.66rem}.app-section{padding:0 0 75px}.experience-tabs{gap:4px;margin-bottom:25px;padding-bottom:15px;margin-right:-6.8%;padding-right:6.8%}.experience-tabs button{font-size:.72rem;padding:11px 15px;gap:8px}.experience-tabs svg{width:17px;height:17px}.experience-panel{display:flex;flex-direction:column;min-height:0;gap:40px}.app-stage{width:100%;min-height:680px}.phone{width:274px;margin-top:60px}.stage-note{left:20px;top:22px;font-size:.47rem}.floating-insight{padding:13px 15px;bottom:92px;right:12px}.floating-insight span{font-size:8px}.floating-insight strong{font-size:11px}.floating-insight>svg{width:24px;height:24px}.experience-copy{width:100%}.experience-copy .eyebrow{font-size:.63rem}.experience-copy h3{font-size:3.2rem}.experience-copy .lead{font-size:.96rem;max-width:none}.experience-detail{padding:14px 0}.experience-detail p{font-size:.82rem}.concept-note{font-size:.68rem}.coach-section{padding:70px 0}.coach-section h2{font-size:2.85rem}.coach-grid{display:flex;flex-direction:column;gap:45px;margin-top:35px}.coach-chat{width:100%;padding:23px 18px;border-radius:14px}.chat-heading{gap:9px}.chat-heading>div>span{font-size:.57rem}.chat-heading strong{font-size:.83rem}.chat-bubble{font-size:.81rem;padding:14px 16px;max-width:94%}.chat-caption{font-size:.55rem}.chat-options{gap:6px}.chat-options button{font-size:.65rem;padding:9px 12px}.coach-stories article{margin-bottom:35px}.coach-stories h3{font-size:2.3rem}.coach-stories article>p{font-size:.92rem}.community-section{padding:75px 0 65px}.community-panel{display:flex;flex-direction:column;min-height:0}.circle-art{min-height:410px}.orbit-one{width:175px;height:175px}.orbit-two{width:300px;height:300px}.circle-center{width:73px;height:73px;font-size:54px}.member{height:50px;width:50px;font-size:19px;border-width:3px}.circle-caption{font-size:.6rem;bottom:23px}.community-copy{padding:32px 8% 35px}.community-copy h3{font-size:2.8rem}.community-copy .lead{font-size:.91rem}.pill{margin-bottom:21px}.community-points li{font-size:.73rem}.club-art{min-height:430px;padding:70px 8% 30px}.club-art h3{font-size:3.1rem}.club-sun{width:190px;height:190px;top:18%}.community-details summary{font-size:.91rem}.community-details h3{font-size:1.9rem}.community-details p{font-size:.87rem}.viewer-section{padding:5px 0 55px}.viewer-stage{height:380px}.viewer-caption{font-size:.88rem;margin-top:23px}.viewer-status{font-size:.67rem}.viewer-controls button{font-size:.7rem}.packaging{padding:35px 0 80px;gap:30px}.packaging-copy h2{font-size:3.2rem}.packaging-copy .lead{font-size:.95rem}.packaging-copy .eyebrow{font-size:.61rem}.closing-section{padding:70px 0}.closing-section h2{font-size:4.2rem}.closing-section .eyebrow{font-size:.59rem}.closing-section .button{font-size:.78rem}.faq-section{padding:70px 0}.faq-section h2{font-size:2.8rem}.faq-section summary{font-size:.91rem}.faq-section details p{font-size:.85rem}.footer-wordmark{letter-spacing:.1em;font-size:21vw}.footer-top .eyebrow{font-size:.59rem}.footer-bottom{font-size:.67rem;gap:12px 18px}.footer-bottom button{font-size:.67rem}.fine-print{font-size:.63rem}.product-hero h1{font-size:3.8rem}.product-stage{width:100%}.product-hero .lead{font-size:.99rem}}
@media(max-width:360px){.hero{height:940px;min-height:940px}.hero-copy h1{font-size:4.3rem}.hero-actions{gap:12px}.hero-secondary{font-size:.7rem}.hero-copy .button{font-size:.7rem;padding:12px 16px}.app-stage{min-height:645px}.phone{width:250px}.floating-insight{bottom:80px}.section-heading h2{font-size:2.8rem}.coach-section h2{font-size:2.6rem}.community-copy h3{font-size:2.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.phone,.floating-insight{transition:none}.app-stage:hover .phone{transform:rotate(-5deg)}.app-stage:hover .floating-insight{transform:none}}
@media print{[data-experience-panel][hidden],.product-panel[hidden]{display:block!important}.experience-tabs,.chat-options{display:none}.hero-copy{color:black}.hero-copy h1 em{color:inherit}.hero-product-note{display:none}.app-stage{height:auto;min-height:0}.phone{transform:none;box-shadow:none}.experience-panel,.community-panel{display:block}.closing-section{background:white;color:black}}

/* immersive.css */
@font-face{font-family:MicraSans;src:url('/assets/fonts/DMSans-Latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
.brand-crop{position:relative;display:block;width:160px;height:29px;overflow:hidden}.brand-crop img{position:absolute;width:185px;height:185px;max-width:none;left:-13px;top:-132px}.footer-brand{display:flex;justify-content:center;border-bottom:1px solid var(--line);margin:25px 0}.footer-brand img{width:230px;height:230px}.coach-avatar img,.circle-center img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.header.on-dark{background:#f4efe9c9!important;backdrop-filter:blur(12px)}
.scroll-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .9s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}.scroll-reveal.scroll-visible,.motion-paused .scroll-reveal{opacity:1;transform:none}.motion-paused .scroll-reveal{transition:none}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}}
body{font-weight:400}.header{height:86px}.header.on-dark{position:absolute;color:var(--wine);border-color:#5a11191a;background:transparent}.wordmark{display:flex;align-items:center;gap:16px;font-weight:400;letter-spacing:.26em}.brand-mark{width:35px;height:35px;flex-shrink:0}.header nav{font-weight:400;font-size:.76rem}.nav-cta{font-weight:400}.header nav>a:hover{border-color:transparent;color:#a15c5d}.button{overflow:hidden;position:relative;transition:transform .35s var(--ease),background .35s,box-shadow .35s}.button:hover{box-shadow:0 8px 24px #40122118;transform:translateY(-3px)}.button svg,.card-arrow{transition:transform .4s var(--ease)}.button:hover svg{transform:translateX(4px)}.button:active{transform:translateY(0) scale(.98)}
.photo-hero{height:clamp(730px,57.5vw,1000px);min-height:730px;background:#f4ede5;color:var(--wine)}.photo-hero .hero-media{z-index:-1}.photo-hero .hero-media img,.photo-hero .hero-media video{object-fit:cover;object-position:center}.photo-hero .hero-copy{padding-top:clamp(218px,17vw,335px)}.photo-hero .hero-copy h1{font-size:clamp(5rem,7.6vw,8.8rem);line-height:.94;letter-spacing:-.05em;margin:25px 0 28px}.photo-hero .hero-copy .eyebrow{font-size:.65rem;letter-spacing:.22em}.photo-hero .hero-copy>p:not(.eyebrow){color:#704d4c;font-size:1rem;max-width:32ch;margin-bottom:35px}.photo-hero .hero-actions{gap:28px}.photo-hero .hero-secondary{color:#4a2027;font-size:.82rem}.photo-hero .hero-bottom{border-color:#5a111925;bottom:23px;color:#694246;font-size:.56rem}.photo-hero .hero-bottom>a{font-size:.56rem}.hero-spin-target{position:absolute;right:5%;top:17%;width:42%;height:64%;touch-action:pan-y;cursor:grab;border-radius:35%;z-index:2;outline-offset:-5px!important}.hero-spin-target:active{cursor:grabbing}.spin-controls{position:absolute;left:58%;right:7%;bottom:87px;display:flex;justify-content:center;align-items:center;gap:17px;font-size:.68rem;color:#60343a;z-index:3}.spin-controls button{display:grid;place-items:center;border:1px solid #704b4c33;background:#f7f1e8bc;color:#5a1119;border-radius:50%;width:40px;height:40px;min-width:40px;transition:background .25s,transform .25s}.spin-controls button:hover{background:#fff9f0;transform:scale(1.07)}.spin-controls [data-spin-play]{margin-left:5px;font-size:.8rem}.spin-start{position:absolute;right:16%;bottom:88px;background:#f7f1e8d9;border:1px solid #704b4c33;border-radius:30px;padding:12px 20px;font-size:.75rem;z-index:3}.spin-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.compact-intro{padding:90px 0 75px}.compact-intro h2{font-size:clamp(3rem,4.4vw,4.5rem);line-height:1.07;margin-bottom:30px}.compact-intro .eyebrow{font-size:.61rem}.rhythm-strip a{display:flex;align-items:center;gap:10px;font-size:.8rem;transition:color .25s,transform .25s}.rhythm-strip a:hover{color:#a86a6b;transform:translateY(-2px)}.compact-collection{padding:25px 0 95px}.ring-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ring-card{background:#eee7de;border-radius:24px;overflow:hidden;position:relative;display:block;transition:box-shadow .45s,transform .45s var(--ease)}.ring-card:hover{box-shadow:0 16px 35px #43212c15;transform:translateY(-5px)}.ring-card-image{height:420px;overflow:hidden}.ring-card-image img{height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .8s var(--ease)}.ring-card:hover img{transform:scale(1.055) rotate(-2deg)}.ring-card-copy{padding:25px 35px 32px;position:relative}.ring-card-copy .eyebrow{font-size:.56rem;letter-spacing:.1em;display:block;margin-bottom:13px;color:#86635f}.ring-card-copy h3{font-family:MicraSans,Arial,sans-serif;letter-spacing:-.04em;font-size:2rem;margin-bottom:12px}.ring-card-copy p{margin:0;font-size:.84rem;color:var(--muted)}.card-arrow{position:absolute;right:32px;bottom:36px;border-radius:50%;border:1px solid #bca9a0;width:38px;height:38px;display:grid;place-items:center}.ring-card:hover .card-arrow{transform:rotate(45deg);background:var(--wine);color:white;border-color:var(--wine)}.collection-note{text-align:center;font-size:.65rem;color:var(--muted);margin:20px 0 0}.app-section{padding:20px 0 90px}.app-section .section-heading h2{font-size:4.2rem}.app-section .section-aside{font-size:.76rem}.experience-copy h3{font-size:3.4rem}.experience-copy .lead{font-size:1rem;max-width:32ch}.experience-panel{min-height:650px;gap:10%}.app-stage{min-height:650px;border-radius:24px}.phone{margin-block:45px 25px;width:270px}.phone-top{font-family:MicraSans,sans-serif}.app-stats strong{font-size:12px}.app-stage:hover .phone{transform:rotate(0) translateY(-5px)}.floating-insight{bottom:80px}.concept-note{font-size:.66rem;max-width:43ch}.experience-tabs{margin-bottom:28px}.experience-tabs button{font-size:.76rem}.experience-panel.is-entering,.community-panel.is-entering{animation:panel-enter .55s var(--ease) both}.coach-section{padding:80px 0;border-radius:36px;margin-inline:20px;background:#e8ded3}.coach-section h2{font-size:4.1rem}.coach-grid{margin-top:45px}.coach-chat{border-radius:24px}.coach-stories h3{font-size:2.35rem}.coach-stories article>p{max-width:29ch;font-size:.94rem}.chat-bubble{font-size:.8rem}.chat-options button{font-size:.67rem}.chat-heading strong{font-size:.86rem}.community-section{padding:90px 0 65px}.community-panel{border-radius:24px;min-height:480px}.circle-art{min-height:480px}.community-copy{padding:40px 10%}.community-copy h3{font-size:3rem}.community-copy .lead{font-size:.94rem;max-width:28ch}.community-points li{font-size:.72rem}.community-details>div{max-width:650px}.community-details p{font-size:.82rem}.community-section .section-heading h2{font-size:4.1rem}.packaging{padding:25px 0 90px}.packaging-image{border-radius:24px}.closing-section{padding:80px 0;border-radius:36px;margin-inline:20px}.closing-section h2{font-size:5.8rem}.faq-section{padding:75px 0}.faq-section h2{font-size:3rem}.faq-section details p{font-size:.86rem;max-width:70ch}.footer-top{font-size:.8rem}.footer-wordmark{font-weight:300;letter-spacing:.2em}.footer-bottom button{font-weight:400}.on-scroll-nav{position:fixed!important;height:72px!important;background:#f4efe9eb!important;color:var(--wine)!important;backdrop-filter:blur(14px);border-bottom:1px solid #5a111917!important;animation:nav-enter .35s var(--ease)}
@keyframes panel-enter{from{opacity:.4;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes nav-enter{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media(min-width:1100px){.coach-stories{position:sticky;top:135px;align-self:start;padding-top:10px}.community-copy{position:relative}.compact-collection .section-heading{margin-bottom:35px}.app-stage{position:sticky;top:100px;align-self:start}}
@media(max-width:1100px){.photo-hero{height:760px}.photo-hero .hero-copy{padding-top:235px}.photo-hero .hero-copy h1{font-size:5.8rem}.photo-hero .hero-copy>p:not(.eyebrow){font-size:.88rem;max-width:28ch}.photo-hero .hero-media img,.photo-hero .hero-media video{object-position:56% center}.ring-card-image{height:340px}.ring-card-copy{padding:22px 25px 30px}.ring-card-copy h3{font-size:1.7rem}.ring-card-copy p{font-size:.78rem;max-width:25ch}.card-arrow{right:20px;bottom:30px}.experience-copy h3{font-size:3rem}.coach-section h2{font-size:3.4rem}.community-section .section-heading h2,.app-section .section-heading h2{font-size:3.8rem}.coach-section{margin-inline:12px}.closing-section{margin-inline:12px}.header nav{gap:21px}.header .wordmark{gap:12px}}
@media(max-width:760px){.header.on-dark{height:74px;background:#f4efe9cc;color:var(--wine)}.header .wordmark{font-size:1.2rem;letter-spacing:.26em;gap:11px}.brand-mark{width:29px;height:29px}.header nav{font-size:.85rem;background:#f4efe9}.on-scroll-nav nav{top:72px}.photo-hero{height:910px;min-height:910px;background:#f4ece4}.photo-hero .hero-media{inset:auto 0 63px;height:490px;width:100%;overflow:hidden}.photo-hero .hero-media img,.photo-hero .hero-media video{object-fit:cover;object-position:center;height:100%;width:100%}.photo-hero .hero-copy{padding-top:133px}.photo-hero .hero-copy .eyebrow{font-size:.56rem;letter-spacing:.17em}.photo-hero .hero-copy h1{font-size:4.65rem;line-height:.96;margin:24px 0 22px}.photo-hero .hero-copy>p:not(.eyebrow){font-size:.86rem;max-width:none;margin-bottom:23px}.photo-hero .hero-actions{gap:21px}.photo-hero .hero-copy .button{font-size:.74rem;gap:13px;padding:14px 20px}.photo-hero .hero-secondary{font-size:.74rem;gap:10px}.photo-hero .hero-bottom{font-size:.46rem;letter-spacing:.1em;bottom:14px;gap:7px}.photo-hero .hero-bottom>a{font-size:.46rem}.hero-spin-target{top:auto;bottom:123px;left:8%;right:8%;height:355px;width:auto}.spin-controls{bottom:67px;left:0;right:0;gap:12px;font-size:.64rem}.spin-controls button{width:38px;height:38px;min-width:38px}.spin-start{right:auto;left:50%;transform:translateX(-50%);bottom:70px;white-space:nowrap;font-size:.68rem}.compact-intro{padding:60px 0 45px}.compact-intro h2{font-size:2.75rem;line-height:1.07}.compact-intro .eyebrow{font-size:.53rem}.rhythm-strip{margin-top:25px;gap:38px}.rhythm-strip a{font-size:.71rem;flex-direction:column;gap:8px}.compact-collection{padding:20px 0 65px}.compact-collection .section-heading h2{font-size:3rem}.compact-collection .section-heading>.text-link{margin-top:23px}.ring-cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-6.8%;padding-inline:6.8%;padding-bottom:12px;scroll-padding-left:6%;scrollbar-width:thin}.ring-card{flex:0 0 86%;border-radius:20px;scroll-snap-align:start}.ring-card-image{height:310px}.ring-card-copy{padding:20px 23px 28px}.ring-card-copy h3{font-size:1.65rem}.ring-card-copy .eyebrow{font-size:.49rem}.ring-card-copy p{font-size:.72rem;max-width:25ch}.card-arrow{width:31px;height:31px;right:18px;bottom:30px}.collection-note{font-size:.57rem;max-width:45ch;margin:15px auto 0}.app-section{padding:0 0 65px}.app-section .section-heading h2,.community-section .section-heading h2{font-size:3rem}.app-section .section-aside{font-size:.7rem;margin-top:20px}.experience-tabs button{font-size:.7rem}.app-stage{border-radius:20px;min-height:640px}.experience-panel{min-height:0;gap:28px}.experience-copy h3{font-size:2.7rem;margin-bottom:20px}.experience-copy .lead{font-size:.94rem;max-width:32ch;margin-bottom:20px}.experience-copy .eyebrow{font-size:.58rem;margin-bottom:17px}.experience-copy .concept-note{margin-top:18px;font-size:.6rem}.phone{width:264px;margin:50px 0 25px}.floating-insight{bottom:82px}.coach-section{padding:60px 0;border-radius:24px;margin-inline:10px}.coach-section>.wrap{width:88%}.coach-section h2{font-size:2.7rem}.coach-grid{margin-top:30px;gap:35px}.coach-chat{padding:19px 15px;border-radius:18px}.chat-bubble{font-size:.75rem;padding:13px 15px}.chat-options button{font-size:.62rem}.coach-stories{display:grid;grid-template-columns:1fr 1fr;gap:16px}.coach-stories article{margin:0}.coach-stories h3{font-size:1.75rem;line-height:1.1}.coach-stories article>p{font-size:.8rem;line-height:1.7}.coach-stories .concept-note{grid-column:1/-1;margin-top:0;font-size:.59rem}.coach-stories article>svg{width:24px;height:24px;margin-bottom:16px}.community-section{padding:65px 0 45px}.community-panel{border-radius:20px;min-height:0}.circle-art{min-height:350px}.community-copy{padding:30px 8%}.community-copy h3{font-size:2.55rem}.community-copy .lead{font-size:.9rem;max-width:none}.community-points li{font-size:.68rem}.community-details{margin-top:18px}.community-details summary{font-size:.84rem}.community-details p{font-size:.77rem}.packaging{padding:20px 0 60px;gap:28px}.packaging-copy h2{font-size:3rem}.packaging-image{border-radius:20px}.closing-section{padding:65px 0;border-radius:24px;margin-inline:10px}.closing-section h2{font-size:4.1rem;margin-bottom:32px}.faq-section{padding:60px 0}.faq-section h2{font-size:2.7rem}.faq-section summary{font-size:.85rem}.faq-section details p{font-size:.79rem}.footer-wordmark{font-size:20vw;letter-spacing:.13em}.footer-top .eyebrow{font-size:.56rem}.footer-bottom{font-size:.64rem}}
@media(max-width:360px){.photo-hero .hero-copy h1{font-size:4.15rem}.photo-hero .hero-actions{gap:15px}.photo-hero .hero-copy .button{font-size:.67rem;padding:13px 17px}.photo-hero .hero-secondary{font-size:.67rem}.photo-hero .hero-media{height:470px}.ring-card-image{height:270px}.phone{width:246px}.app-stage{min-height:615px}.coach-stories h3{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.ring-card,.ring-card img,.button,.card-arrow,.phone{transition:none!important}.ring-card:hover,.ring-card:hover img,.button:hover,.app-stage:hover .phone{transform:none}.on-scroll-nav{animation:none}}
.motion-paused .experience-panel,.motion-paused .community-panel{animation:none}.motion-paused .app-stage:hover .phone,.motion-paused .app-stage:hover .floating-insight{transform:none}
@media print{.hero-spin-target,.spin-controls,.spin-start{display:none!important}.photo-hero{height:auto;min-height:0;color:black}.photo-hero .hero-copy{padding:20px 0}.ring-cards{display:block}.ring-card{break-inside:avoid}.on-scroll-nav{display:none}}

/* type.css */
/* Owner preference: contemporary sans-serif throughout, no editorial serif. */
body,button,input{font-family:MicraSans,Arial,sans-serif}
h1,h2,h3,.metrics strong,.spec-ribbon strong,.app-value,.readiness-dial>span,.member,.coach-avatar,.circle-center{font-family:MicraSans,Arial,sans-serif;font-weight:450;letter-spacing:-.045em}
h1,h2,h3{line-height:1.07}h1 em,h2 em,h3 em{font-style:normal;font-weight:450}
.photo-hero .hero-copy h1{font-family:MicraSans,Arial,sans-serif;font-size:clamp(4.5rem,6.8vw,7.5rem);letter-spacing:-.045em;line-height:1.02;font-weight:450}
.compact-intro h2{font-size:clamp(2.7rem,3.8vw,4rem);font-weight:450;letter-spacing:-.045em}
.section-heading h2{font-size:clamp(2.7rem,3.8vw,4rem);font-weight:450;letter-spacing:-.045em}
.app-section .section-heading h2,.community-section .section-heading h2{font-size:3.6rem}.experience-copy h3{font-size:3rem;line-height:1.09;letter-spacing:-.045em}.coach-section h2{font-size:3.6rem}.coach-stories h3{font-size:2rem;line-height:1.16}.community-copy h3{font-size:2.6rem;line-height:1.1}.club-art h3{font-size:3.2rem;line-height:1.04}.packaging-copy h2{font-size:3.7rem}.closing-section h2{font-size:5rem;font-weight:400}.faq-section h2{font-size:2.8rem}.ring-card-copy h3{font-weight:450}.readiness-dial>span{font-size:48px;font-weight:400}.app-value{font-size:42px;font-weight:400}.product-hero h1{font-size:clamp(3.4rem,5vw,5.8rem);font-weight:450}.page-intro h1{font-size:clamp(3.3rem,5.5vw,6rem)}.detail-cards h3{font-size:2rem}.eyebrow{font-weight:500;letter-spacing:.17em}.hero-secondary,.header nav{font-weight:400}
@media(max-width:1100px){.photo-hero .hero-copy h1{font-size:5rem}.experience-copy h3{font-size:2.65rem}.coach-section h2{font-size:3.1rem}.app-section .section-heading h2,.community-section .section-heading h2{font-size:3.3rem}}
@media(max-width:760px){.photo-hero .hero-copy h1{font-size:3.55rem;line-height:1.02;letter-spacing:-.04em;margin-block:24px}.photo-hero .hero-copy{padding-top:135px}.photo-hero .hero-copy>p:not(.eyebrow){font-size:.8rem}.compact-intro h2{font-size:2.35rem;line-height:1.13}.compact-collection .section-heading h2,.section-heading h2,.app-section .section-heading h2,.community-section .section-heading h2{font-size:2.55rem;line-height:1.1}.experience-copy h3{font-size:2.3rem}.coach-section h2{font-size:2.35rem;line-height:1.1}.coach-stories h3{font-size:1.5rem}.community-copy h3{font-size:2.15rem}.club-art h3{font-size:2.65rem}.packaging-copy h2{font-size:2.7rem}.closing-section h2{font-size:3.6rem}.faq-section h2{font-size:2.35rem}.product-hero h1{font-size:3.2rem}.page-intro h1{font-size:3rem}.brand-crop{width:134px;height:25px}.brand-crop img{width:158px;height:158px;left:-11px;top:-113px}}
@media(max-width:360px){.photo-hero .hero-copy h1{font-size:3.2rem}.section-heading h2{font-size:2.3rem}.coach-section h2{font-size:2.1rem}}

/* mexico.css */
/* Mexico storefront: two products, direct navigation and readable policies. */
html{scroll-padding-top:110px}a,button{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--wine);outline-offset:5px}
.header{position:absolute;top:0;left:0;right:0}.header nav .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:145px;border:1px solid currentColor;background:transparent;color:inherit;letter-spacing:0}.header nav .nav-cta:hover{color:var(--ivory);background:var(--wine)}
.compact-collection{padding-top:88px}.ring-card-image{display:block}.ring-card-copy{padding-bottom:34px}.ring-card-copy .button{font-size:.78rem;margin-top:16px;gap:22px}.ring-card:hover .button{box-shadow:none}.ring-card-copy .product-price{margin-top:24px;color:var(--wine);max-width:none}.product-price strong{font-size:1.5rem;letter-spacing:-.03em;font-weight:500}.product-price strong small{font-size:.65rem;letter-spacing:.03em}.product-price>span{display:block;font-size:.64rem;letter-spacing:.02em;color:var(--muted);margin-top:5px}.home-comparison{border-block:1px solid var(--line);margin-top:32px}.home-comparison summary{font-size:.96rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:25px 0;list-style:none}.home-comparison summary>span{font-size:1.5rem;transition:transform .25s}.home-comparison[open] summary>span{transform:rotate(45deg)}.home-comparison table{min-width:480px;font-size:.86rem}.home-comparison caption{font-size:.75rem}.home-comparison .table-scroll{margin:0 0 24px}.product-hero h1 .product-name{display:block;font-size:.4em;letter-spacing:-.025em;margin-bottom:18px}.product-order{margin:24px 0 16px}.product-order .product-price{margin-bottom:20px}.product-order .small{max-width:42ch;font-size:.7rem;margin-top:12px}.product-hero-copy>.button-row{display:none}
.launch-section{padding:88px 0;display:grid;grid-template-columns:1fr 1fr;gap:12%;border-block:1px solid var(--line)}.launch-section h2{font-size:clamp(3rem,4vw,4.5rem);line-height:1.05}.launch-section>div>p:last-child{font-size:.95rem;color:var(--muted);max-width:27ch}.launch-form{display:flex;flex-direction:column;align-items:stretch;gap:10px}.launch-form>label{font-size:.8rem}.launch-form>input,.launch-form>select{padding:15px 17px;background:#faf7f2;border:1px solid #beaaa1;border-radius:10px;color:var(--ink);min-height:52px;margin-bottom:10px;width:100%;box-sizing:border-box}.launch-form .launch-consent{display:flex;align-items:flex-start;gap:12px;font-size:.72rem;line-height:1.6;margin:5px 0 14px}.launch-consent input{margin:2px 0 0;width:18px;height:18px}.launch-consent a,.form-note a{text-decoration:underline;text-underline-offset:3px}.launch-form .button{justify-content:space-between;min-height:54px}.launch-status{font-size:.8rem;line-height:1.6;margin:0;min-height:1.6em}.launch-status:empty{min-height:0}.launch-status.is-error{color:#a32332}.launch-form .form-note{font-size:.65rem;line-height:1.7;color:var(--muted);margin:0;overflow-wrap:anywhere}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-footer{background:#eae2d8;color:var(--wine);padding:70px 0 24px;margin:0}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:50px}.footer-grid h2{font-size:.76rem;font-weight:600;letter-spacing:.02em;margin:0 0 23px;line-height:1.4}.footer-grid>div>a,.footer-pending{display:block;font-size:.76rem;line-height:1.6;margin:0 0 12px;max-width:35ch}.footer-grid>div>a:hover{text-decoration:underline;text-underline-offset:4px}.footer-identity>p{font-size:.86rem;margin:25px 0 10px}.footer-identity>span{font-size:.65rem;color:#785e59}.footer-pending{color:#78625d;cursor:default}.footer-pending small{display:block;font-size:.58rem;letter-spacing:.04em;color:#78625d}.site-footer .footer-bottom{border-top:1px solid #5a111920;padding:24px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.66rem}.site-footer .fine-print{font-size:.6rem;line-height:1.6;color:#735b56;margin:15px 0 0}.site-footer .footer-bottom button{font-size:.68rem;color:var(--wine);min-height:44px}
.legal-page{padding:150px 0 100px;max-width:960px}.legal-intro{padding-bottom:35px;border-bottom:1px solid var(--line);margin-bottom:40px}.legal-intro h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1.1}.legal-intro>p:last-child{font-size:.77rem;color:var(--muted)}.legal-copy{max-width:75ch}.legal-copy section{margin:0 0 35px}.legal-copy h2{font-size:1.55rem;letter-spacing:-.03em;line-height:1.3;margin:0 0 15px}.legal-copy p{font-size:.95rem;line-height:1.85;color:var(--muted);overflow-wrap:anywhere}.legal-copy a{text-decoration:underline;color:var(--wine);text-underline-offset:3px}.legal-copy code{font-size:.85em}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .16s ease-out both}::view-transition-new(root){animation:page-in .24s ease-out both}@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.header nav{gap:23px}.footer-grid{gap:25px;grid-template-columns:1fr 1fr 1fr}.footer-identity{grid-column:1/-1;display:flex;gap:25px;align-items:center}.footer-identity>p,.footer-identity>span{margin:0}.footer-identity>a{margin:0!important}.photo-hero .hero-actions{gap:22px}.photo-hero .hero-secondary{font-size:.75rem}}
@media(max-width:760px){html{scroll-padding-top:95px}.photo-hero .hero-copy h1{font-size:clamp(3.2rem,9.2vw,4rem)}.photo-hero .hero-copy>p:not(.eyebrow){max-width:31ch}.photo-hero .hero-actions{gap:12px;align-items:flex-start;flex-direction:column}.photo-hero .hero-secondary{min-height:36px;font-size:.74rem}.photo-hero{height:940px;min-height:940px}.photo-hero .hero-media{height:460px;bottom:65px}.compact-collection{padding-top:60px}.compact-collection .section-aside{font-size:.78rem;margin:22px 0 0}.ring-cards{display:grid;grid-template-columns:1fr;overflow:visible;margin:0;padding:0;gap:20px}.ring-card{display:grid;grid-template-columns:43% 57%;border-radius:20px;align-items:center;min-width:0;box-shadow:none}.ring-card-image{height:270px}.ring-card-image img{object-fit:cover;width:100%;height:100%}.ring-card-copy{padding:28px 18px 28px 4px}.ring-card-copy .eyebrow{font-size:.5rem;line-height:1.6;margin-bottom:12px;max-width:23ch}.ring-card-copy h3{font-size:1.5rem;margin-bottom:10px}.ring-card-copy>p:not(.product-price){font-size:.7rem;line-height:1.6;max-width:24ch}.ring-card-copy .product-price{margin-top:16px}.product-price strong{font-size:1.25rem}.ring-card-copy .button{font-size:.61rem;padding:12px 14px;gap:10px;margin-top:14px;min-height:44px}.home-comparison summary{font-size:.8rem}.home-comparison table{font-size:.75rem;min-width:430px}.collection-note{font-size:.62rem;line-height:1.7}.launch-section{padding:60px 0;grid-template-columns:1fr;gap:30px}.launch-section h2{font-size:3rem}.launch-section>div>p:last-child{max-width:none;font-size:.86rem}.launch-form>label{font-size:.8rem}.launch-form .launch-consent{font-size:.7rem}.launch-form .form-note{font-size:.63rem}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px;padding-bottom:30px}.footer-identity{display:block}.footer-identity>p{margin:20px 0 7px}.footer-grid>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}.footer-grid>div:last-child>h2{grid-column:1/-1;margin-bottom:7px}.footer-grid>div>a,.footer-pending{font-size:.7rem}.site-footer{padding-top:50px}.site-footer .footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:.61rem}.site-footer .footer-bottom>span:nth-child(2){display:none}.site-footer .footer-bottom button{justify-self:end}.site-footer .fine-print{font-size:.58rem}.legal-page{padding:125px 0 65px}.legal-intro h1{font-size:2.8rem}.legal-copy h2{font-size:1.35rem}.legal-copy p{font-size:.85rem;line-height:1.85}}
.photo-hero .hero-copy h1{letter-spacing:-.035em}
.header{position:fixed!important;z-index:100;transform:translate3d(0,0,0);transition:transform .42s cubic-bezier(.22,1,.36,1),background .3s,height .3s;will-change:transform}.header.on-scroll-nav{animation:none!important}.header.header-hidden{transform:translate3d(0,-110%,0);pointer-events:none}.header.has-keyboard-focus{transform:translate3d(0,0,0);pointer-events:auto}.spin-controls,.spin-start{display:none!important}
@media(max-width:760px){.photo-hero .hero-actions{flex-direction:row;align-items:center;justify-content:center;gap:15px}.photo-hero .hero-copy .button{padding:14px 18px;font-size:.7rem}.photo-hero .hero-secondary{font-size:.65rem;gap:7px;max-width:145px;line-height:1.5}.photo-hero .hero-media{height:440px;mask-image:linear-gradient(to bottom,transparent,#000 38px)}.photo-hero .hero-copy h1{letter-spacing:-.035em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header{transition:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* app-demo.css */
.app-demo-section{padding:20px 0 90px}.app-demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.demo-stage{border-radius:28px;background:radial-gradient(ellipse at 50% 40%,#f7f2ec,#e7d9cd);min-height:790px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:42px 25px 30px;position:relative;isolation:isolate;overflow:hidden}.demo-stage-halo{position:absolute;width:540px;height:540px;border:1px solid #b1887822;box-shadow:0 0 0 50px #a8796407,0 0 0 110px #a8796405;border-radius:50%;z-index:-1}.demo-phone-slot{min-height:666px;display:grid;place-items:center}.demo-phone{width:316px;height:666px;background:#faf7f2;border:7px solid #2c2728;border-radius:43px;box-shadow:0 25px 45px #382a2538,0 0 0 1px #e0d5ca,0 0 0 2px #756762;display:flex;flex-direction:column;overflow:hidden;text-align:left;color:#3e2229;position:relative;flex:none;font-family:MicraSans,Arial,sans-serif;contain:layout style}.demo-phone button,.demo-phone input,.demo-phone a{touch-action:manipulation}.demo-statusbar{display:flex;justify-content:space-between;align-items:center;padding:10px 21px 5px;height:34px;position:relative;font-size:10px;color:#2c2728;flex:none}.demo-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:83px;height:23px;background:#211c1e;border-radius:20px}.demo-toolbar{height:48px;flex:none;display:flex;align-items:center;gap:9px;padding:0 19px}.demo-app-logo{font-size:16px;letter-spacing:.22em;font-weight:500;color:var(--wine)}.demo-badge{background:#e8dcd3;border-radius:4px;color:#765d56;padding:3px 5px;font-size:7px;letter-spacing:.08em}.demo-toolbar button{border:0;background:transparent;min-height:38px;min-width:32px;padding:5px;color:var(--wine);cursor:pointer}.demo-toolbar button:first-child:not(.demo-settings){margin-left:-8px;font-size:20px}.demo-settings{margin-left:auto}.demo-settings svg{width:19px;height:19px}.demo-screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:13px 19px 23px;scrollbar-width:thin;scrollbar-color:#c6b4aa transparent}.demo-screen:focus,.demo-screen h3:focus{outline:none}.demo-screen h3{font-size:26px;letter-spacing:-.045em;line-height:1.13;font-weight:500;margin:9px 0 20px;color:#4c1721}.demo-overline{font-size:8px;letter-spacing:.1em;color:#80655e;margin:0}.demo-muted{font-size:11px;line-height:1.75;color:#7b625d}.demo-small{font-size:9px;line-height:1.7;color:#806963;margin:16px 0 0}.demo-label{font-size:10px;font-weight:500;margin:20px 0 12px;color:#654840}.demo-dock{display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px 1px;flex:none;border-top:1px solid #bda89c3a;background:#faf7f2}.demo-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:51px;min-width:0;border:0;background:transparent;color:#8b7369;border-radius:10px;cursor:pointer;padding:3px 0}.demo-dock svg{width:18px;height:18px}.demo-dock span{font-size:8px;line-height:1}.demo-dock button[aria-current=page]{background:#eee1d7;color:#571522}.demo-dock button:hover{color:#571522;background:#eee1d799}.demo-home-bar{flex:none;width:90px;height:4px;border-radius:5px;background:#211c1e;margin:8px auto}.demo-expand{margin-top:25px;background:transparent;color:var(--wine);font-size:.75rem;border:0;cursor:pointer;min-height:44px}.demo-expand span{margin-left:15px}.demo-explainer h3{font-size:3.2rem;line-height:1.1;margin:20px 0 26px;letter-spacing:-.04em}.demo-explainer>.lead{font-size:1rem;line-height:1.85;max-width:35ch;color:var(--muted)}.demo-feature-rail{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:32px 0 24px}.demo-feature-rail button{border:1px solid #ad8f7c3d;border-radius:12px;background:transparent;text-align:left;color:#65443f;min-height:63px;padding:14px 13px;display:flex;gap:10px;align-items:center;cursor:pointer;font-size:.73rem;line-height:1.5;transition:background .2s,transform .2s}.demo-feature-rail button>svg{width:19px;height:19px;flex:none}.demo-feature-rail button>span:last-child{margin-left:auto}.demo-feature-rail button:hover,.demo-feature-rail button[aria-pressed=true]{background:#ede0d4;color:#5a1119}.demo-explainer .concept-note{font-size:.66rem;line-height:1.85;max-width:49ch}.demo-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.demo-dialog{padding:52px 16px 16px;background:transparent;border:0;max-width:430px;width:max-content;max-height:96svh;overflow:auto;border-radius:20px}.demo-dialog::backdrop{background:#1d0d14b8;backdrop-filter:blur(13px)}.demo-dialog .demo-phone{width:360px;height:min(760px,82svh)}.demo-dialog-close{position:absolute;top:3px;right:20px;color:#fff4e8;background:transparent;border:0;display:flex;align-items:center;gap:20px;font-size:14px;min-height:44px;cursor:pointer}.demo-dialog-close span{font-size:27px}.demo-dialog .demo-screen h3{font-size:29px}.demo-dialog .demo-muted,.demo-dialog .demo-insight p{font-size:12px}.demo-dialog .demo-small{font-size:10px}.demo-dialog .demo-metric>span{font-size:10px}.demo-dialog .demo-metric>small{font-size:8px}.demo-dialog .demo-row{font-size:12px}
.footer-identity .footer-logo-full{display:block;width:190px;max-width:100%;height:auto;margin-top:-22px}.footer-identity>a:has(.footer-logo-full){margin-bottom:0}.footer-identity:has(.footer-logo-full)>p{margin-top:5px}

/* ui.css */
/* Shared interaction language: wine, ivory, soft elevation, short purposeful motion. */
:root{--wine:#5a1119;--ivory:#f4efe9;--ink:#302326;--muted:#695955;--surface:#fcf8f3;--rose-soft:#eadbd6;--sage:#52614b;--shadow-soft:0 4px 15px #45212b08,0 18px 42px #45212b0a;--shadow-raised:0 6px 16px #45212b0a,0 24px 52px #45212b12;--motion-quick:160ms;--motion-ui:240ms;--motion-reveal:600ms;--ease-out:cubic-bezier(.22,1,.36,1)}
html{scrollbar-gutter:stable}button,a,input,select,summary{touch-action:manipulation}button:disabled{cursor:default;opacity:.58}.button:disabled{transform:none!important;box-shadow:none!important}.button,[role=tab],.demo-primary,.demo-feature-rail button,.chat-options button,.interaction-options button,.viewer-controls button{transition:transform var(--motion-ui) var(--ease-out),background-color var(--motion-ui),color var(--motion-ui),border-color var(--motion-ui),box-shadow var(--motion-ui)}
.button{position:relative;min-height:48px}.button svg,.button>span[aria-hidden],.text-link>span,.hero-secondary>span,.demo-row>span:last-child,.demo-feature-rail button>span:last-child{transition:transform var(--motion-ui) var(--ease-out)}
:where(a,button,input,select,summary,[tabindex="0"]):focus-visible{outline:2px solid #79303c;outline-offset:5px;box-shadow:0 0 0 4px #f4efe9}
.wine-section :focus-visible,.day-context :focus-visible,.demo-dialog-close:focus-visible{outline-color:#f4efe9;box-shadow:none}
.button:active:not(:disabled),.demo-primary:active,.demo-feature-rail button:active{transform:scale(.98)}
.header{transition:transform 420ms var(--ease-out),background-color 240ms,box-shadow 240ms!important}.header.on-scroll-nav{height:86px!important;box-shadow:0 4px 24px #48252b05}.header nav>a{position:relative;border-bottom:0!important;min-height:44px;display:inline-flex;align-items:center}.header nav>a:not(.nav-cta)::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--motion-ui) var(--ease-out)}.header nav>a[aria-current]::after{transform:scaleX(1)}.header.has-keyboard-focus{transform:translate3d(0,0,0)!important;pointer-events:auto}
body:not([data-page=home]) main{padding-top:86px}body:not([data-page=home]) .legal-page{padding-top:64px}.skip{z-index:150!important}.menu-toggle{gap:12px}.menu-lines{height:12px;border:0;position:relative}.menu-lines::before,.menu-lines::after{content:'';position:absolute;left:0;width:22px;height:1px;background:currentColor;transition:transform var(--motion-ui) var(--ease-out)}.menu-lines::before{top:2px}.menu-lines::after{bottom:2px}.menu-toggle[aria-expanded=true] .menu-lines::before{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines::after{transform:translateY(-3.5px) rotate(-45deg)}
.ring-card{border:1px solid #d9c7bb50;box-shadow:0 2px 3px #52313703;transition:transform 400ms var(--ease-out),box-shadow 400ms var(--ease-out)}.ring-card:focus-within{box-shadow:var(--shadow-raised)}.ring-card-copy .eyebrow{color:#78514e}.ring-card-image img{transition:transform 700ms var(--ease-out)}.demo-stage{box-shadow:inset 0 1px 0 #fff8ef}.demo-feature-rail button{background:#fbf6ee77;border-color:#b58f7d44}.demo-feature-rail button[aria-pressed=true]{background:#eadbd2;border-color:#ac7d7766;color:#5a1119;box-shadow:0 2px 8px #45212b06}.demo-metric,.demo-prompts button,.demo-row,.demo-segment button,.demo-mood button,.demo-cycle-grid button,.demo-week button,.demo-dock button{transition:background-color 180ms,color 180ms,border-color 180ms,transform 180ms var(--ease-out)}.demo-explainer h3{min-height:2.2em}.demo-explainer>.lead{min-height:5.6em}.demo-phone{box-shadow:0 3px 7px #382a2521,0 24px 44px #382a252c,0 52px 72px -40px #3b222f73,0 0 0 1px #e0d5ca,0 0 0 2px #756762}.demo-chart i{transform-origin:bottom;animation:chart-reveal 420ms var(--ease-out) both;animation-delay:calc(var(--i,0)*14ms)}@keyframes chart-reveal{from{transform:scaleY(.18);opacity:.4}to{transform:scaleY(1);opacity:1}}
.demo-toolbar button{min-width:36px;min-height:40px}.demo-segment button{min-height:40px}.demo-mood button{min-height:40px}.demo-dock button{min-height:51px}.demo-cycle-grid button{min-width:24px;min-height:28px}.demo-phone :focus-visible{outline-offset:2px;box-shadow:none}.demo-habit-list label:has(input:checked){color:#52614b}.demo-setting-list input{transition:background-color 180ms}.demo-setting-list input:focus-visible{outline-offset:4px}.demo-setting-list label{cursor:pointer}.demo-setting-list input{width:38px!important;height:23px!important}.demo-setting-list input::after{width:17px;height:17px}.demo-setting-list input:checked::after{transform:translateX(15px)}
.demo-dialog[open]{animation:dialog-reveal 360ms var(--ease-out) both}.demo-dialog[open]::backdrop{animation:backdrop-reveal 280ms ease both}.demo-dialog.is-closing::backdrop{animation:backdrop-dismiss 180ms ease both}.dialog-open{overflow:hidden}.demo-dialog{overscroll-behavior:contain}.demo-dialog-close{min-width:88px;border-radius:22px;padding:0 10px;transition:background-color 180ms}.demo-dialog .demo-phone{box-shadow:0 30px 100px #0c050a50,0 0 0 1px #f6e9db40}.demo-dialog-close:hover{background:#ffffff15}@keyframes dialog-reveal{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-reveal{from{opacity:0}to{opacity:1}}@keyframes backdrop-dismiss{from{opacity:1}to{opacity:0}}
.faq-list summary,.home-comparison summary{min-height:64px;transition:color 180ms,background-color 180ms}.faq-list summary span,.home-comparison summary span{transition:transform 240ms var(--ease-out)}.faq-list details[open]>p,.home-comparison[open]>.table-scroll{animation:answer-reveal 280ms var(--ease-out) both}@keyframes answer-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.launch-form>input,.launch-form>select{transition:border-color 180ms,background-color 180ms,box-shadow 180ms}.launch-form>input:focus,.launch-form>select:focus{border-color:#86545b;background:#fffaf4}.launch-consent input{min-width:20px;min-height:20px}.launch-consent{cursor:pointer}.launch-form[aria-busy=true] .button{cursor:progress}.launch-form[aria-busy=true] .button::after{content:'';width:15px;height:15px;border:1.5px solid #fff5;border-top-color:currentColor;border-radius:50%;animation:busy-turn .8s linear infinite}.launch-status:not(:empty){padding:12px 14px;background:#e8ecdf;border-radius:8px;color:#3d5037}.launch-status.is-error{background:#f0dedc;color:#872d3a}@keyframes busy-turn{to{transform:rotate(360deg)}}
.footer-grid>div>a{min-height:28px;width:fit-content}.footer-grid>div>a:not(:has(img)){text-decoration:none}.footer-grid>div>a:not(:has(img)):hover{text-decoration:underline;text-underline-offset:5px}.footer-pending{color:#725952}.site-footer{background:linear-gradient(155deg,#eae1d7,#e6dacf)}.footer-identity .footer-logo-full{filter:none}
/* These placeholders occupy the image's final box and never cover copy or navigation. */
.media-placeholder{position:relative;isolation:isolate}.media-placeholder[data-media-state=pending]{background:#e9e0d7}.media-placeholder[data-media-state=pending]::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 25%,#fff9ee65 49%,transparent 73%);transform:translateX(-100%);animation:skeleton-sweep 1.8s ease-in-out infinite;animation-play-state:paused}.media-placeholder.loading-in-view[data-media-state=pending]::after{animation-play-state:running}.media-placeholder[data-media-state=error]{background:#e9e0d7}.media-placeholder img{position:relative}.media-placeholder:not(.loading-in-view)::after{animation-play-state:paused!important}
.hero-loading{position:absolute;inset:18% 5% 12% 49%;display:grid;place-items:center;pointer-events:none;z-index:1}.hero-loading[hidden]{display:none}.micra-loader{width:min(270px,80%);text-align:center;opacity:1;transition:opacity 350ms ease,transform 350ms var(--ease-out)}.loader-mark{width:100%;height:auto;display:block;overflow:visible}.loader-wave{opacity:0;transition:opacity 180ms}.loader-wave-one{opacity:1}.loader-wave-two{animation:wave-await 2.2s ease-in-out infinite}.loader-wave-three{opacity:0}.loader-track{height:3px;border-radius:5px;background:#b7898a4a;position:relative;overflow:hidden;width:88%;margin:8px auto 0}.loader-track>span{display:block;width:100%;height:100%;transform:scaleX(.33);transform-origin:left;background:linear-gradient(90deg,#76091a,#bd1635,#ec7289);border-radius:5px;animation:track-await 2.2s ease-in-out infinite}.micra-loader>p{font-size:11px;line-height:1.65;color:#795453;margin:17px auto 0;max-width:27ch}.micra-loader[data-loader-phase=complete] .loader-wave{opacity:1;animation:none}.micra-loader[data-loader-phase=complete] .loader-track>span{animation:none;transform:scaleX(1);transition:transform 200ms var(--ease-out)}.hero-loading.is-complete .micra-loader{opacity:0;transform:translateY(-5px)}.hero-loading.load-failed{pointer-events:auto}.hero-loading.load-failed .loader-mark{opacity:.4;width:120px;margin:auto}.hero-loading.load-failed .loader-track{display:none}.hero-loading.load-failed .loader-wave{animation:none}.loader-retry{pointer-events:auto;background:transparent;color:#5a1119;border:1px solid #ad878a;border-radius:24px;padding:10px 17px;min-height:44px;margin-top:18px;font-size:12px;cursor:pointer}
.demo-skeleton{position:absolute;inset:88px 0 69px;padding:21px 20px;background:#faf7f2;z-index:4;overflow:hidden;pointer-events:none}.demo-skeleton[hidden]{display:none}.skeleton-line{height:12px;border-radius:6px;background:#e7dcd2;margin:0 0 13px;width:48%}.skeleton-line.title{height:29px;width:82%}.skeleton-line.subtitle{width:65%;margin-bottom:29px}.skeleton-circle{width:104px;height:104px;border-radius:50%;border:9px solid #e5d7ce;margin:19px 0 28px}.skeleton-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skeleton-cards>i{height:132px;background:#e9ded4;border-radius:15px}.skeleton-wide{height:70px;margin-top:19px;background:#e4e3d8;border-radius:13px}.demo-skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#fffaf485 50%,transparent 80%);animation:skeleton-sweep 1.8s ease-in-out infinite;transform:translateX(-100%)}.demo-stage:not(.loading-in-view) .demo-skeleton::after{animation-play-state:paused}.viewer-stage.is-loading::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent,#fff5,transparent);animation:skeleton-sweep 1.8s ease-in-out infinite}.viewer-stage.is-loading{overflow:hidden}@keyframes skeleton-sweep{to{transform:translateX(100%)}}@keyframes wave-await{0%,12%,88%,100%{opacity:.08}40%,64%{opacity:1}}@keyframes track-await{0%,12%,88%,100%{transform:scaleX(.33)}40%,64%{transform:scaleX(.67)}}
.page-hidden *,.page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}.motion-paused .scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-paused .hero-loading *{animation:none!important}.hero-loading:not(.loading-in-view) *{animation-play-state:paused}.motion-paused .media-placeholder::after,.motion-paused .demo-skeleton::after{animation:none!important}
@media(hover:hover) and (pointer:fine){.button.wine:hover{background:#752331;box-shadow:0 6px 20px #5a11191c;transform:translateY(-2px)}.button:hover svg,.button:hover>span[aria-hidden],.text-link:hover>span,.hero-secondary:hover>span,.demo-row:hover>span:last-child,.demo-feature-rail button:hover>span:last-child{transform:translateX(3px)}.header nav>a:not(.nav-cta):hover::after{transform:scaleX(1)}.ring-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-raised)}.ring-card:hover img{transform:scale(1.045)}.demo-feature-rail button:hover{transform:translateY(-2px);border-color:#ab7c7785;box-shadow:var(--shadow-soft)}.faq-list summary:hover,.home-comparison summary:hover{color:#8c3a45}}
@media(hover:none){.ring-card:hover,.ring-card:hover img,.button:hover{transform:none}.ring-card:hover{box-shadow:0 2px 3px #52313703}}
@media(max-width:760px){.header,.header.on-scroll-nav{height:74px!important}.header nav{top:74px}.header.has-ui nav{display:flex;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity 220ms ease,transform 280ms var(--ease-out),visibility 220ms;max-height:calc(100svh - 74px);overflow-y:auto;border-radius:0 0 20px 20px;box-shadow:0 18px 30px #20050a16}.header.has-ui nav.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.header nav>a{min-height:48px}.header nav>a::after{display:none}.header nav>a:active{background:#e8dcd3}.header nav .nav-cta{min-height:48px}.header.on-dark{backdrop-filter:blur(12px)}body:not([data-page=home]) main{padding-top:74px}body:not([data-page=home]) .legal-page{padding-top:46px}.hero-loading{inset:auto 0 105px;height:355px}.micra-loader{width:218px}.loader-mark{width:190px;margin:auto}.micra-loader>p{font-size:10px}.demo-explainer h3,.demo-explainer>.lead{min-height:0}.demo-explainer .concept-note{font-size:.72rem}.demo-feature-rail button{font-size:.72rem;min-height:66px}.ring-card-copy .eyebrow{font-size:.57rem}.ring-card-copy>p:not(.product-price){font-size:.75rem}.ring-card-copy .button{font-size:.65rem}.launch-form .launch-consent{font-size:.77rem}.launch-form .form-note{font-size:.72rem}.footer-grid>div>a,.footer-pending{font-size:.78rem}.site-footer .fine-print{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header,.micra-loader,.loader-wave,.loader-track>span{transition:none!important}.demo-dialog[open],.demo-dialog[open]::backdrop,.demo-dialog.is-closing::backdrop,.demo-chart i,.media-placeholder::after,.demo-skeleton::after,.loader-wave,.loader-track>span,.viewer-stage.is-loading::after,.launch-form[aria-busy=true] .button::after{animation:none!important}.loader-wave-two{opacity:.25}.loader-track>span{transform:scaleX(.5)}.hero-loading.is-complete .micra-loader{transform:none}.button:hover,.ring-card:hover,.ring-card:hover img,.demo-feature-rail button:hover{transform:none!important}.scroll-reveal{opacity:1!important;transform:none!important}}
@media(forced-colors:active){.demo-score,.demo-metric,.demo-primary,.button{border:1px solid ButtonText}.demo-dock button[aria-current],button[aria-pressed=true]{outline:2px solid Highlight}.demo-setting-list input{appearance:auto}.demo-setting-list input::after{display:none}.loader-mark{forced-color-adjust:none}.header{border-bottom:1px solid CanvasText}}

/* Contrast verified against every app-demo surface. */
.demo-badge{color:#694d47}.demo-dock button{color:#786158}.demo-setting-list small{color:#806151}.demo-habit-progress p{color:#795d4c}.demo-cycle-summary span{color:#7b5156}.demo-readiness>span+span>small{color:#7c5e55}.demo-sleep-stages span{color:#332536}.demo-sleep-stages span:nth-child(2),.demo-sleep-stages span:nth-child(3){color:#fff}.demo-chart-labels{color:#795f54}.demo-club-art p{color:#685450}

/* Contrast and readable labels across all fifteen app views. */
.demo-metric small{color:#74534e;font-size:9px}.demo-sleep-stages span{font-size:8px}.demo-sleep-stages span:nth-child(3){background:#785f80}.demo-cycle-grid button{color:#6b4f4c}.demo-cycle-grid button[aria-pressed=true]{color:#fff4ed}.demo-habit-progress strong>span{color:#795d4c}.demo-circle>p{color:#715053}.demo-chat-label{color:#55604e;font-size:8px}.demo-small{font-size:10px}.demo-overline{font-size:9px}

/* Put the actual product above the fold on small screens. */
@media(max-width:760px){.product-hero{display:grid;grid-template-columns:1fr;gap:19px;padding:30px 0 35px}.product-hero-copy{display:contents}.product-hero h1{grid-row:1;font-size:2.45rem;line-height:1.06;margin:0}.product-hero .product-name{font-size:.7rem;letter-spacing:.12em;margin-bottom:13px;text-transform:uppercase}.product-hero .product-stage{grid-row:2;width:100%;height:335px;border-radius:20px;overflow:hidden}.product-hero .product-stage img{width:100%;height:100%;object-fit:contain}.product-hero .image-caption{font-size:.48rem;bottom:12px}.product-hero .lead{grid-row:3;font-size:.88rem;line-height:1.7;margin:0;max-width:none}.product-hero .product-order{grid-row:4;display:grid;grid-template-columns:auto 1fr;gap:13px 18px;align-items:center;margin:0}.product-order .product-price{margin:0}.product-order .product-price strong{font-size:1.25rem}.product-order .button{font-size:.7rem;min-height:48px;padding:12px 18px;margin:0;text-align:center}.product-order .small{grid-column:1/-1;font-size:.68rem;line-height:1.65;margin:0;max-width:none}.product-hero-copy>.button-row{display:none}}
@media(max-width:360px){.product-hero h1{font-size:2.25rem}.product-hero .product-stage{height:300px}.product-order .button{font-size:.66rem;padding-inline:14px}.product-hero .product-order{gap:12px}}

/* navigation.css */
/* A quiet header, with one motion language for links and disclosures. */
.header{
  --nav-surface:#fcf7f2;
  position:fixed!important;inset:0 0 auto!important;z-index:100;
  height:86px;padding-inline:5.2%;border-radius:0!important;
  font-family:MicraDisplay,Helvetica,Arial,sans-serif;color:#432b30;
  background:var(--nav-surface);border-bottom:1px solid #5a111912;
  opacity:1;animation:none!important;
  transition:transform 280ms var(--ease-out),opacity 280ms var(--ease-out)!important;
}
.header.on-dark{color:#432b30}
.header.on-scroll-nav{background:#fcf7f2f2!important;backdrop-filter:blur(16px);box-shadow:0 4px 24px #48252b08}
.header.has-nav-preview,.header.is-menu-open{background:var(--nav-surface)!important;transform:translateY(0)!important;opacity:1;pointer-events:auto}
.header.header-hidden:not(.has-nav-preview):not(.is-menu-open):not(.has-keyboard-focus){transform:translate3d(0,calc(-100% - 26px),0);opacity:0;pointer-events:none}
.header.has-keyboard-focus{opacity:1;transition:none!important}
.header nav{gap:clamp(18px,2.4vw,36px);font-family:inherit;font-size:.85rem}
.header .wordmark{flex:none;border-radius:3px;transition:opacity 200ms ease}
.header .brand-crop{width:146px;height:25px;display:flex;align-items:center;overflow:visible}
.header .brand-crop img{position:static;width:100%;height:auto;max-width:100%;inset:auto}
.header :is(a,button):focus-visible{outline:2px solid #761e2a;outline-offset:5px;border-radius:4px}
.header .nav-main-link{position:relative;display:inline-flex;align-items:center;min-height:44px;padding-block:9px;white-space:nowrap;color:inherit}
.header .nav-main-link::after{content:"";position:absolute;inset:auto 0 5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ease-out)}
.header .nav-main-link[aria-current]::after{transform:scaleX(1)}
.nav-entry{display:flex;align-items:center;gap:0}
.nav-link-copy>small,.nav-mobile-thumb,.nav-mobile-note,.nav-mobile-arrow{display:none}
.nav-preview-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;margin-right:-12px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;transition:background-color 220ms ease}
.nav-preview-toggle[hidden],.menu-toggle[hidden]{display:none}
.nav-preview-toggle svg{transition:transform 280ms var(--ease-out)}
.nav-preview-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-arrow{flex:none;transition:transform 280ms var(--ease-out)}
.header nav .nav-cta,.nav-preview .button{
  display:inline-flex;align-items:center;justify-content:center;gap:22px;
  min-height:46px;padding:12px 22px;border-radius:40px;border:1px solid #ffffff16!important;
  font-family:inherit;font-size:.8rem;line-height:1.25;letter-spacing:0;color:#fff6ef;
  background:linear-gradient(145deg,#782631,#53121c);
  box-shadow:0 4px 14px #50131c10,inset 0 1px #ffffff12;
  transition:transform 280ms var(--ease-out),box-shadow 280ms ease;
}
.header nav .nav-cta:active,.nav-preview .button:active{transform:scale(.975);transition-duration:80ms}
.header :is(a,button){touch-action:manipulation}
.header :is(.nav-main-link,.menu-toggle,.nav-preview-toggle):active{opacity:.7;transition:opacity 80ms ease}
.nav-preview{position:absolute;inset:100% 0 auto;z-index:3;background:var(--nav-surface);color:#432b30;border-top:1px solid #5a11190c;border-radius:0 0 24px 24px;box-shadow:0 30px 45px #3c1b2518;overflow:hidden}
.nav-preview[hidden]{display:none}
.nav-preview-inner{width:min(1280px,89.6%);margin:auto;display:grid;grid-template-columns:minmax(210px,300px) minmax(220px,1fr) minmax(185px,240px);gap:6%;padding:34px 0 40px;align-items:center}
.nav-product-photo{position:relative;display:block;aspect-ratio:1.12;border-radius:16px;overflow:hidden;background:#eee5dc}
.nav-product-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform 650ms var(--ease-out)}
.nav-product-photo>span{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:.57rem;letter-spacing:.04em;color:#6a5152}
.nav-product-copy .eyebrow{font-size:.6rem;letter-spacing:.17em;color:#806063;margin:0 0 18px}
.nav-preview .nav-preview-title{font-family:MicraDisplay,Helvetica,Arial,sans-serif;font-size:clamp(2.35rem,3vw,3rem);font-weight:400;line-height:1.04;letter-spacing:-.045em;max-width:11ch;margin:0 0 17px;text-wrap:balance}
.nav-product-copy>p:not(.eyebrow):not(.nav-preview-title){font-size:.88rem;color:#695457;line-height:1.6;max-width:30ch;margin-bottom:20px}
.nav-preview .button{font-size:.78rem;min-height:46px;gap:20px}
.nav-quick-links{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #e4d6d0;padding-left:30px}
.nav-quick-links>.eyebrow{font-size:.55rem;letter-spacing:.15em;margin:0 0 12px;color:#806063}
.nav-quick-links>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;font-size:.82rem;border-radius:3px}
.nav-quick-links>a>.nav-arrow{width:15px}
.nav-quick-links>p{margin:24px 0 0;padding-top:20px;border-top:1px solid #e4d6d0}
.nav-quick-links strong{display:block;font-size:1.2rem;line-height:1.2;font-weight:400;letter-spacing:-.02em}
.nav-quick-links small{display:block;font-size:.61rem;color:#695457;margin-top:8px;line-height:1.5}
.nav-scrim{position:fixed;inset:0;z-index:90;background:#301e2738;backdrop-filter:blur(4px)}
.nav-scrim[hidden]{display:none}
.nav-scroll-lock{overflow:hidden}
@media(hover:hover) and (pointer:fine){
  .header .wordmark:hover{opacity:.72}
  .header .nav-main-link:hover::after{transform:scaleX(1)}
  .nav-preview-toggle:hover{background:#60212b0a}
  .header nav .nav-cta:hover,.nav-preview .button:hover{transform:translateY(-2px);color:#fff6ef;box-shadow:0 8px 20px #50131c20,inset 0 1px #ffffff25}
  .header :is(.nav-cta,.button,.nav-quick-links>a):hover .nav-arrow{transform:translate(2px,-2px)}
  .nav-product-photo:hover img{transform:scale(1.035)}
  .nav-quick-links>a:hover{color:#8c3a45}
}
@media(min-width:981px) and (max-width:1150px){
  .header{padding-inline:4%}.header nav{gap:18px;font-size:.8rem}
  .header .brand-crop{width:130px}
  .header nav .nav-cta{padding-inline:18px;gap:15px;font-size:.76rem}
  .nav-preview-inner{gap:4%;width:92%;grid-template-columns:230px 1fr 210px}
  .nav-quick-links{padding-left:24px}
}
@media(max-width:980px){
  .header,.header.on-scroll-nav{height:74px!important;padding-inline:6%}
  .header .brand-crop{width:130px;height:22px}
  .header .menu-toggle{display:inline-flex;align-items:center;gap:14px;min-width:86px;min-height:44px;justify-content:flex-end;font-size:.83rem;border:0;background:transparent;color:inherit;padding:10px 0}
  .header .menu-toggle[hidden]{display:none}
  [data-menu-label]{display:inline-block;min-width:38px;text-align:right}
  .menu-lines{display:block;position:relative;width:22px;height:12px;border:0}
  .header nav{position:absolute;top:74px;inset-inline:0;display:none;flex-direction:column;align-items:stretch;color:#432b30;background:var(--nav-surface);border-top:1px solid #5a11190a}
  .header.has-ui nav{display:flex;gap:3px;padding:18px 6% 28px;max-height:calc(100svh - 74px);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;border-radius:0 0 24px 24px;box-shadow:0 24px 35px #35131b12;transition:opacity 220ms ease,transform 320ms var(--ease-out),visibility 220ms}
  .header.has-ui nav.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  .header .nav-entry{display:block;width:100%}
  .header .nav-preview-toggle,.header .nav-preview{display:none!important}
  .header .nav-main-link{width:100%;gap:18px;min-height:54px;padding:11px 0;white-space:normal;font-size:1.18rem;letter-spacing:-.025em}
  .header .nav-main-link::after{display:none}
  .header .nav-entry .nav-main-link{border-bottom:1px solid #5a111910}
  .nav-mobile-thumb{display:block;flex:none;width:76px;height:76px;border-radius:12px;object-fit:cover;mix-blend-mode:multiply;background:#ede2d9}
  .nav-link-copy{display:flex;flex:1;flex-direction:column;gap:6px;line-height:1.2}
  .nav-link-copy>small{display:block;font-size:.72rem;letter-spacing:0;color:#796166}
  .nav-mobile-arrow{display:flex;margin-left:auto;color:#8d6b70}
  .header .nav-secondary-link{font-size:1.08rem;min-height:56px}
  .header .nav-secondary-link:first-of-type{margin-top:8px}
  .header nav .nav-cta{width:100%;min-height:50px;margin-top:16px!important;justify-content:space-between;padding:14px 23px;font-size:.9rem}
  .nav-mobile-note{display:block;margin-top:18px;font-size:.67rem;color:#7a6266;text-align:center;line-height:1.5}
  body:not([data-page=home]) main{padding-top:74px}
}
@media(max-width:980px) and (max-height:600px){
  .header.has-ui nav{padding-top:12px;padding-bottom:16px}
  .nav-mobile-thumb{width:52px;height:52px}
  .header .nav-main-link{min-height:48px;padding-block:7px}
  .header .nav-secondary-link{min-height:44px}
  .nav-mobile-note{margin-top:12px}
}
@media(scripting:none) and (max-width:980px){
  .header{position:relative!important;flex-wrap:wrap;height:auto!important;padding-top:20px}
  .header nav{position:static;display:flex;width:100%;margin-top:20px;padding-bottom:22px}
  .header nav .nav-main-link{min-height:44px;padding-block:5px}
  .header .nav-mobile-thumb{width:52px;height:52px}
  .header nav .nav-cta{margin-top:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .header,.header *,.nav-scrim{animation:none!important;transition:none!important}
}
.motion-paused .header,.motion-paused .header *,.motion-paused .nav-scrim{animation:none!important;transition:none!important}
@media(prefers-reduced-transparency:reduce){.header.on-scroll-nav{background:#fcf7f2!important;backdrop-filter:none}.nav-scrim{background:#301e2770;backdrop-filter:none}}
@media(prefers-contrast:more){.header.on-scroll-nav{background:#fcf7f2!important;backdrop-filter:none}.nav-preview{border:1px solid #5a1119}.header nav .nav-cta,.nav-preview .button{border-color:currentColor!important}.nav-scrim{backdrop-filter:none;background:#301e2770}}

/* anatomy.css */
/* One continuous component scene, with space reserved for every text layer. */
.anatomy-section{position:relative;margin:0 16px 100px;border-radius:28px;background:#eee7df;color:#5a1119;overflow:clip}
.anatomy-sticky{position:relative;padding:46px 5% 30px}
.anatomy-heading{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px}
.anatomy-heading .eyebrow{font-size:.65rem;margin:0;letter-spacing:.14em}.anatomy-heading h2{font-size:.8rem;color:#785c55;margin:0;font-weight:400;letter-spacing:0}.anatomy-skip{font-size:.73rem;min-height:44px;display:flex;align-items:center;gap:16px}
.anatomy-layout{display:grid;grid-template-columns:29% 71%;align-items:center;min-height:600px}
.anatomy-copy{position:relative;z-index:2}.anatomy-step{margin:35px 0}.anatomy-index{display:block;font-size:.65rem;color:#795c55;letter-spacing:.16em;margin-bottom:24px;font-variant-numeric:tabular-nums}
.anatomy-step h3{font-size:clamp(2.25rem,3.25vw,3.9rem);line-height:1.03;letter-spacing:-.047em;margin:0 0 22px}.anatomy-step>p{font-size:.9rem;line-height:1.65;color:#745751;max-width:28ch;margin:0}
.anatomy-visual{position:relative;isolation:isolate;width:100%;aspect-ratio:1000/800;margin:0;min-width:0}
.anatomy-ambient{position:absolute;inset:10% 0 7%;border-radius:50%;background:radial-gradient(ellipse,#fffaf5a8,transparent 69%);z-index:-1}
.anatomy-poster{position:absolute;inset:0;margin:auto;width:83%;height:90%;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 46%,transparent 73%)}
.anatomy-scene{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:none}
.anatomy-callout{pointer-events:none}.anatomy-callout text{font-family:MicraSans,Arial,sans-serif;font-size:18px;font-weight:450;fill:#5b272b;letter-spacing:0}.anatomy-callout rect{fill:#fbf7f0;stroke:#ccb7ad;stroke-width:.8}.anatomy-callout circle{fill:#5a1119;stroke:#fff9ef;stroke-width:2}.anatomy-leader{fill:none;stroke:#946963;stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.anatomy-scroll-cue{position:absolute;bottom:3%;left:0;right:0;text-align:center;color:#805e56;font-size:.58rem;letter-spacing:.12em}.anatomy-scroll-cue span{display:block;margin-top:12px;font-size:1rem}
.anatomy-section:not(.is-enhanced) .anatomy-layout{display:flex;flex-direction:column-reverse}.anatomy-section:not(.is-enhanced) .anatomy-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.anatomy-section:not(.is-enhanced) .anatomy-visual{max-height:600px}.anatomy-section:not(.is-enhanced) .anatomy-scroll-cue{display:none}
.anatomy-note{text-align:center;color:#735b53;font-size:.64rem;line-height:1.5;margin:22px 0 0}
.anatomy-section.is-enhanced{height:480svh;min-height:2800px}.is-enhanced .anatomy-sticky{height:100svh;min-height:650px;max-height:1100px;position:sticky;top:0;display:grid;grid-template-rows:44px minmax(0,1fr) 64px 30px;padding-block:26px 14px}
.is-enhanced .anatomy-layout{min-height:0}.is-enhanced .anatomy-copy{min-height:260px}.is-enhanced .anatomy-step{margin:0}.is-enhanced .anatomy-visual{height:100%;max-height:740px;aspect-ratio:auto}
.is-enhanced .anatomy-scene{display:block}.is-enhanced .anatomy-note{margin:14px 0 0}.is-enhanced .anatomy-step[hidden]{display:none}
.anatomy-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:min(840px,100%);margin:auto;gap:10px;z-index:3}
.anatomy-nav button{position:relative;min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 6px 16px;border:0;background:transparent;font-size:.68rem;color:#765b54;white-space:nowrap}
.anatomy-nav button::after,.anatomy-nav button i{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:#cdbab0;border-radius:2px}.anatomy-nav button i{background:#5a1119;transform:scaleX(0);transform-origin:left;z-index:1}.anatomy-nav button[aria-current]{color:#5a1119;font-weight:600}.anatomy-nav button:hover{color:#5a1119}.anatomy-nav button:hover::after{background:#ad837a}
.anatomy-section.is-static{height:auto;min-height:0}.is-static .anatomy-sticky{position:relative;height:850px;max-height:none}.is-static .anatomy-scroll-cue{display:none}
@media(min-width:761px) and (max-height:740px){.is-enhanced .anatomy-sticky{padding-top:14px;min-height:590px}.anatomy-step h3{font-size:2.9rem}.anatomy-step>p{font-size:.84rem}.anatomy-index{margin-bottom:18px}.anatomy-layout{grid-template-columns:30% 70%}}
@media(max-width:1000px) and (min-width:761px){.anatomy-sticky{padding-inline:4%}.anatomy-layout{grid-template-columns:32% 68%}.anatomy-step h3{font-size:2.5rem}.anatomy-step>p{font-size:.8rem}.anatomy-nav-label{font-size:.6rem}.anatomy-heading h2{display:none}}
@media(max-width:760px){
 .anatomy-section:not(.is-enhanced) .anatomy-copy{grid-template-columns:1fr}
 .anatomy-section{margin:0 10px 65px;border-radius:22px}.anatomy-sticky{padding:24px 6%}.anatomy-heading h2{display:none}.anatomy-heading .eyebrow{font-size:.54rem;letter-spacing:.11em}.anatomy-skip{font-size:.65rem;gap:9px}
 .anatomy-layout{grid-template-columns:1fr;min-height:0}.anatomy-step h3{font-size:2.45rem;line-height:1.02;margin-bottom:13px}.anatomy-step>p{font-size:.79rem;line-height:1.55;max-width:34ch}.anatomy-index{margin-bottom:13px;font-size:.56rem}.anatomy-copy{padding-top:16px}
 .anatomy-section.is-enhanced{height:430svh;min-height:2550px}.is-enhanced .anatomy-sticky{height:100svh;min-height:690px;max-height:1000px;grid-template-rows:36px minmax(0,1fr) 54px 33px;padding:16px 6% 12px}.is-enhanced .anatomy-layout{display:grid;grid-template-rows:205px minmax(0,1fr);align-items:stretch}.is-enhanced .anatomy-copy{min-height:0}.is-enhanced .anatomy-visual{width:calc(100% + 30px);margin-left:-15px;min-height:0;max-height:none}.anatomy-visual{aspect-ratio:1.2}.anatomy-callout text{font-size:28px}.anatomy-callout circle{r:6px}.anatomy-callout rect{rx:22px}.anatomy-scroll-cue{font-size:.49rem;bottom:0}.anatomy-scroll-cue span{margin-top:7px}
 .anatomy-nav{gap:8px}.anatomy-nav button{min-height:48px;font-size:.66rem;padding:8px 0 15px}.anatomy-nav-label{display:none}.anatomy-note{font-size:.56rem;max-width:43ch;margin-inline:auto!important}.is-enhanced .anatomy-note{margin-top:7px}.is-static .anatomy-sticky{height:780px;max-height:none}
}
@media(max-width:360px){.anatomy-step h3{font-size:2.2rem}.is-enhanced .anatomy-layout{grid-template-rows:200px minmax(0,1fr)}}
@media(max-width:760px){.anatomy-callout text{font-size:34px}}
@media(prefers-reduced-motion:reduce){.anatomy-section *{animation:none!important;transition:none!important}}
@media print{.anatomy-section.is-enhanced{height:auto;min-height:0}.is-enhanced .anatomy-sticky{display:block;position:static;height:auto;max-height:none}.is-enhanced .anatomy-layout{display:block}.anatomy-step[hidden]{display:block!important}.anatomy-step{margin-block:25px!important}.anatomy-visual{height:400px!important}.anatomy-nav,.anatomy-skip{display:none!important}}

/* lifestyle.css */
.life-section{padding:10px 0 110px}.life-section .section-heading{align-items:end;margin-bottom:38px}.life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.life-card{position:relative;height:560px;min-height:0;border:0;border-radius:24px;overflow:hidden;background:#362829;box-shadow:0 8px 22px #44201e09;transition:box-shadow 400ms,transform 400ms var(--ease-out)}.life-card summary{position:absolute;inset:0;display:block;padding:0;list-style:none;color:#fff9f1;min-height:0;line-height:1.12;cursor:pointer}.life-card summary::-webkit-details-marker{display:none}.life-card summary::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#24181730,transparent 30%,transparent 45%,#160e10aa 100%);pointer-events:none}.life-card img{height:100%;width:100%;object-fit:cover;transition:transform 800ms var(--ease-out),filter 500ms ease}.life-card:nth-child(1) img{object-position:60% center}.life-kicker{position:absolute;top:27px;left:25px;padding:8px 12px;border-radius:30px;background:#fff9f2e8;color:#513a35;font-size:.57rem;letter-spacing:.12em;z-index:1}.life-plus{position:absolute;right:22px;top:23px;width:40px;height:40px;display:grid;place-items:center;background:#fff9f2;color:var(--wine);border-radius:100%;z-index:2;font-size:1.7rem;font-weight:300;transition:transform 360ms var(--ease-out),background 200ms}.life-title{position:absolute;left:26px;right:25px;bottom:33px;font-size:clamp(1.8rem,2.5vw,2.6rem);letter-spacing:-.04em;line-height:1.12;z-index:1;transition:transform 600ms var(--ease-out),opacity 300ms}.life-card-body{position:absolute;bottom:0;inset-inline:0;padding:30px 26px 31px;min-height:240px;background:#4e1c25;color:#fff4ec;z-index:3;animation:life-body 420ms var(--ease-out) both}.life-card-body h3{font-size:1.4rem;letter-spacing:-.035em;margin-bottom:15px;line-height:1.15}.life-card-body p{color:#f1ded6;font-size:.85rem;line-height:1.75;margin:0 0 18px}.life-card-body a{display:flex;align-items:center;justify-content:space-between;font-size:.73rem;min-height:44px;border-top:1px solid #e3bdb341;padding-top:12px}.life-card-body a:hover{text-decoration:underline;text-underline-offset:5px}.life-card[open] .life-title{transform:translateY(-245px);opacity:0;pointer-events:none}.life-card[open] .life-plus{transform:rotate(45deg);background:#e8d7ce}.life-card[open] summary::after{background:linear-gradient(180deg,#24181730,transparent 40%,#4e1c2500 50%,#4e1c25 86%)}.life-card[open] img{transform:scale(1.045)}.life-note{font-size:.68rem;text-align:center;color:var(--muted);margin:22px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes life-body{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.life-card:not([open]):hover img{transform:scale(1.035)}.life-card:hover{box-shadow:0 16px 32px #44201e1c}.life-card:hover .life-plus{background:#e8d7ce}}
@media(max-width:1100px){.life-grid{gap:14px}.life-card{height:510px}.life-card-body{padding:24px 21px}.life-card-body p{font-size:.78rem}.life-title{left:21px;font-size:2rem}.life-kicker{left:20px}.life-plus{right:18px;width:36px;height:36px}}
@media(max-width:760px){.life-section{padding:0 0 70px}.life-section .section-heading{margin-bottom:28px}.life-section .section-aside{font-size:.78rem}.life-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;margin-inline:-6.8%;padding-inline:6.8%;padding-bottom:16px;scroll-padding-left:6%;gap:14px}.life-card{flex:0 0 89%;height:535px;border-radius:21px;scroll-snap-align:start}.life-kicker{top:25px;font-size:.56rem}.life-plus{width:44px;height:44px;top:20px;right:19px}.life-title{font-size:2.4rem;left:24px;bottom:29px}.life-card-body{padding:27px 24px;min-height:245px}.life-card-body h3{font-size:1.55rem}.life-card-body p{font-size:.85rem}.life-card-body a{font-size:.75rem}.life-note{font-size:.65rem;max-width:42ch;margin:15px auto 0}}
@media(prefers-reduced-motion:reduce){.life-card,.life-title,.life-plus,.life-card img{transition:none}.life-card-body{animation:none}}
.life-card[open] summary .life-kicker{transform:none}.motion-paused .life-card-body{animation:none}.motion-paused .life-card img{transition:none}

/* nature-hero.css */
/* A finite arrival with a short atmosphere loop in normal document flow. */
@font-face{font-family:MicraDisplay;src:url('/assets/fonts/NimbusSans-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
body[data-page="home"] main{padding-top:102px}
body[data-page="home"] .header.on-dark:not(.on-scroll-nav):not(.has-nav-preview):not(.is-menu-open){background:var(--ivory)!important;inset:0 0 auto!important;border-radius:0!important;backdrop-filter:none!important;border-bottom:0!important}
.nature-hero{--hero-card-height:min(680px,calc(100svh - 166px));position:relative;isolation:isolate;width:min(1440px,calc(100% - 96px));height:var(--hero-card-height);margin:0 auto 36px;color:#342527}
.nature-stage{position:relative;height:100%;border-radius:26px;overflow:clip;background:#f0d9d7;box-shadow:0 18px 48px #5a111909}
.nature-world,.nature-ground{position:absolute;inset:0;overflow:hidden}
.nature-ground picture,.nature-ground .hero-image,.nature-ground video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:53% 50%}
.nature-ground video{opacity:0;transition:opacity 240ms ease}
.nature-hero[data-motion-state="playing"] video,.nature-hero[data-motion-state="paused"] video,.nature-hero[data-motion-state="landed"] video:not([hidden]){opacity:1}
.nature-hero[data-ambient-state] .nature-ground video[data-nature-ambient]{opacity:0;pointer-events:none}
.nature-hero[data-ambient-state="playing"] .nature-ground video[data-nature-ambient],.nature-hero[data-ambient-state="paused"] .nature-ground video[data-nature-ambient]{opacity:1}
.nature-intro{position:absolute;inset:0 20px auto;padding-top:clamp(32px,5.3svh,58px);text-align:center;pointer-events:none;z-index:3}
.nature-intro .eyebrow{font-family:MicraDisplay,Helvetica,Arial,sans-serif;font-size:.6rem;line-height:1.5;font-weight:400;letter-spacing:.21em;margin:0 0 16px;color:#584044}
.nature-intro h1{font-family:MicraDisplay,Helvetica,Arial,sans-serif;font-size:clamp(2.8rem,min(4.8vw,7.6svh),4.8rem);font-weight:400;font-synthesis:none;line-height:1.025;letter-spacing:-.047em;max-width:20ch;margin:0 auto;text-wrap:balance}
.nature-title-word{display:block;vertical-align:top}.nature-title-reveal,.nature-kicker-reveal{display:inline-block}
.nature-actions{position:absolute;bottom:44px;left:0;right:0;display:flex;justify-content:center;z-index:4}.nature-action-reveal{display:inline-flex}
.nature-actions:has(.nature-play:not([hidden])){gap:10px;flex-wrap:wrap;padding-inline:14px}
.nature-play{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #5a111945;border-radius:40px;background:#fff7ef;color:#5a1119;font:400 .85rem MicraDisplay,Helvetica,Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.nature-play[hidden]{display:none}.nature-play:focus-visible{outline:2px solid #5a1119;outline-offset:4px}.nature-play[aria-busy="true"]{cursor:progress}
.nature-actions .button{position:relative;isolation:isolate;overflow:hidden;font-family:MicraDisplay,Helvetica,Arial,sans-serif;min-height:50px;min-width:158px;gap:28px;padding:14px 26px;font-size:.88rem;font-weight:400;letter-spacing:.005em;border-radius:40px;color:#fff7ef;background:linear-gradient(165deg,#741e2c,#51101b);border:1px solid #ffffff20;box-shadow:0 8px 24px #2e11142b,inset 0 1px #ffffff12;transition:transform 280ms cubic-bezier(.22,1,.36,1),box-shadow 280ms ease}
.nature-actions .button:focus-visible{outline:2px solid #fff7ef;outline-offset:5px}.nature-actions .button:active{transform:scale(.975);transition-duration:80ms}
.nature-action-arrow{flex:none;transition:transform 280ms cubic-bezier(.22,1,.36,1)}
.nature-caption{position:absolute;bottom:17px;left:10px;right:10px;text-align:center;font-size:.53rem;letter-spacing:.04em;color:#fff6ec;z-index:3;text-shadow:0 1px 5px #2a2626}
.nature-hero .hero-loading{inset:42% 29% 16%;z-index:7;height:auto}.nature-hero .micra-loader{width:180px}
@media(scripting:enabled){
 .nature-hero[data-copy-state="waiting"] :is(.nature-title-reveal,.nature-kicker-reveal){opacity:0;transform:translate3d(0,8px,0)}
 .nature-hero[data-copy-state="waiting"] :is(.nature-action-reveal,.nature-caption){opacity:0;transform:translate3d(0,12px,0)}
 .nature-hero[data-copy-state="waiting"] .nature-actions{visibility:hidden}
 .nature-hero[data-actions-state="waiting"] .nature-actions{visibility:hidden;pointer-events:none}
 .nature-hero[data-actions-state="waiting"] .nature-action-reveal{opacity:0;transform:translate3d(0,10px,0)}
}
.nature-title-reveal,.nature-kicker-reveal{transition:opacity 1100ms cubic-bezier(.22,1,.36,1),transform 1100ms cubic-bezier(.22,1,.36,1)}
.nature-action-reveal,.nature-caption{transition:opacity 850ms cubic-bezier(.22,1,.36,1),transform 850ms cubic-bezier(.22,1,.36,1)}
.nature-title-word+.nature-title-word .nature-title-reveal{transition-delay:120ms}.nature-action-reveal{transition-delay:220ms}.nature-caption{transition-delay:280ms}
.nature-hero[data-actions-state="ready"] .nature-action-reveal{transition-duration:650ms;transition-delay:100ms}
@media(hover:hover) and (pointer:fine){.nature-actions .button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #2e111438}.nature-actions .button:hover .nature-action-arrow{transform:translate3d(2px,-2px,0)}}
@media(min-width:761px) and (min-aspect-ratio:2/1){.nature-intro h1{max-width:28ch;font-size:clamp(2.8rem,7svh,4.9rem)}.nature-title-word{display:inline-block}}
@media(max-width:980px){body[data-page="home"] main{padding-top:88px}.nature-hero{width:calc(100% - 48px)}}
@media(max-width:760px){
 .nature-hero{--hero-card-height:min(600px,calc(100svh - 130px));width:calc(100% - 24px);margin-bottom:38px}
 .nature-stage{border-radius:20px}.nature-world{background:linear-gradient(#f5e7e4,#eed9d4)}
 .nature-ground{inset:auto 0 0;height:78%}.nature-ground :is(.hero-image,video){object-position:38% 50%;mask-image:linear-gradient(transparent,#000 20%)}
 .nature-intro{inset-inline:14px;padding-top:clamp(25px,4svh,36px)}
 .nature-intro .eyebrow{font-size:.51rem;letter-spacing:.19em;margin-bottom:15px}.nature-intro h1{font-size:clamp(2.3rem,11.8vw,3.3rem);line-height:1.025}
 .nature-actions{bottom:36px}.nature-actions .button{min-height:48px;min-width:148px;font-size:.85rem}
 .nature-caption{bottom:12px;font-size:.48rem}.nature-hero .hero-loading{inset:42% 13% 19%}
}
@media(min-width:761px) and (max-width:1050px) and (max-aspect-ratio:1/1){.nature-ground{height:84%;inset:auto 0 0}.nature-ground :is(.hero-image,video){mask-image:linear-gradient(transparent,#000 15%)}.nature-intro h1{font-size:clamp(3rem,7vw,4.2rem)}}
@media(max-height:540px) and (min-width:600px){body[data-page="home"] main{padding-top:82px}.nature-hero{--hero-card-height:calc(100svh - 108px);width:calc(100% - 32px)}.nature-stage{border-radius:18px}.nature-intro{padding-top:17px}.nature-intro .eyebrow{font-size:.48rem;margin-bottom:8px}.nature-intro h1{font-size:clamp(1.8rem,6.5svh,2.5rem)}.nature-title-word{display:inline-block}.nature-actions{bottom:27px}.nature-actions .button{min-height:42px;padding:10px 23px}.nature-caption{bottom:8px}}
@media(prefers-reduced-motion:reduce){.nature-hero *{transition:none!important;animation:none!important}.nature-ground video{display:none!important}.nature-hero :is(.nature-title-reveal,.nature-kicker-reveal,.nature-action-reveal,.nature-caption){opacity:1!important;transform:none!important}.nature-hero .nature-actions{visibility:visible!important;pointer-events:auto!important}}
.motion-paused .nature-hero *{transition:none!important;animation:none!important}
.motion-paused .nature-hero :is(.nature-title-reveal,.nature-kicker-reveal,.nature-action-reveal,.nature-caption){opacity:1!important;transform:none!important}
.motion-paused .nature-hero .nature-actions{visibility:visible!important;pointer-events:auto!important}
.nature-intro h1{font-optical-sizing:auto}
.nature-actions .button{touch-action:manipulation}
@media(prefers-contrast:more){.nature-actions .button{border:2px solid #fff7ef;box-shadow:0 0 0 1px #51101b}.nature-intro{color:#211315}.nature-intro .eyebrow{color:#342527}}
@media(scripting:none){body[data-page="home"] main{padding-top:16px}.nature-hero{height:var(--hero-card-height)}}

/* benefits.css */
.benefits-section{padding:clamp(52px,7vw,112px) 0 56px;scroll-margin-top:100px}.benefits-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:32px}.benefits-heading h2{font-size:clamp(2.4rem,4vw,4.4rem);font-weight:450;line-height:1.04;letter-spacing:-.04em;margin:0}.benefits-heading>p{font-size:.93rem;line-height:1.65;color:#755a57;margin:0 0 3px}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.benefit-card{position:relative;isolation:isolate;overflow:hidden;display:block;min-height:300px;border-radius:22px;color:#5a1119;background:#eee6df;padding:25px;transition:transform 180ms var(--ease),box-shadow 180ms ease}.benefit-card:focus-visible{outline:3px solid #a86a6b;outline-offset:5px}.benefit-card:active{transform:scale(.985)}.benefit-wide{grid-column:span 2;min-height:365px}.benefit-wide>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 47%;transition:transform 600ms var(--ease)}.benefit-wide::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#231d28cc 0%,#231d2850 46%,transparent 75%)}.benefit-sleep{color:#faf5ee}.benefit-activity{color:#fff7ed}.benefit-activity>img{object-position:center 34%}.benefit-activity::before{background:linear-gradient(90deg,#271c1ed6 0%,#271c1e70 44%,transparent 85%)}.benefit-copy h3{font-size:clamp(1.5rem,1.8vw,2rem);font-weight:450;line-height:1.1;letter-spacing:-.04em;margin:0 0 12px}.benefit-wide .benefit-copy h3{font-size:clamp(2.2rem,3.15vw,3.6rem)}.benefit-copy>span{display:block;font-size:.7rem;line-height:1.5;max-width:23ch}.benefit-arrow{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:36px;height:36px;font-size:1.1rem;border:1px solid currentColor;border-radius:50%;transition:transform 180ms var(--ease),background 180ms}.benefit-sleep-widget,.benefit-activity-widget{position:absolute;bottom:24px;left:25px;width:min(47%,255px)}.benefit-sleep-widget>span,.benefit-activity-widget>span{font-size:.63rem;display:block;margin-bottom:7px}.benefit-sleep-widget>strong,.benefit-activity-widget>strong{font-weight:450;font-size:2rem;letter-spacing:-.035em;display:block}.benefit-sleep-widget strong small,.benefit-activity-widget strong small{font-size:.8rem;letter-spacing:0}.benefit-sleep-widget>small,.benefit-activity-widget>small{font-size:.55rem;display:block;margin-top:10px}.benefit-night-bars{height:33px;display:flex;align-items:center;gap:3px;margin-top:12px}.benefit-night-bars i{display:block;height:var(--bar);width:7px;border-radius:4px;background:#ecd3d7;transform-origin:center;transition:transform 250ms var(--ease)}.benefit-activity-widget svg{height:46px;width:100%;margin-top:6px;overflow:visible}.benefit-wellness{background:#e8ded2}.benefit-habit-widget{margin-top:30px;display:grid;gap:8px;font-size:.68rem}.benefit-habit-widget>span{width:fit-content;border:1px solid #5a11191f;background:#f8f2e7;padding:10px 14px;border-radius:22px}.benefit-habit-widget>span:nth-child(2){margin-left:22px}.benefit-habit-widget>span:nth-child(3){background:transparent;color:#765957}.benefit-cycle{background:#e9cdd0}.benefit-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:33px;max-width:250px}.benefit-calendar i{display:grid;place-items:center;aspect-ratio:1;font-size:.65rem;font-style:normal;border-radius:50%}.benefit-calendar .selected{background:#5a1119;color:#fff1e6}.benefit-calendar .selected+ .selected{background:#a86a6b;color:#fff}.benefit-heart{background:#59151f;color:#f7e9df}.benefit-heart-widget{margin-top:20px}.benefit-heart-widget>strong{font-size:2.3rem;font-weight:450;letter-spacing:-.04em}.benefit-heart-widget strong small{font-size:.8rem;font-weight:400;letter-spacing:0}.benefit-heart-widget svg{width:100%;height:60px;margin-top:8px;color:#e5b4b7}.benefit-heart-widget>small{font-size:.54rem}.benefit-stress{background:#e3e7e1;color:#334a43}.benefit-breathe{width:130px;height:130px;margin:20px auto 0;position:relative;display:grid;place-items:center}.benefit-breathe i{position:absolute;width:100%;height:100%;border:1px solid #6e837880;border-radius:50%;transition:transform 500ms var(--ease)}.benefit-breathe i+ i{width:75%;height:75%;background:#c9d2c880}.benefit-breathe>span{position:relative;font-size:.66rem}.benefit-note{font-size:.75rem;line-height:1.7;color:#755a57;margin:22px 0 0;max-width:95ch}.micra-concept{padding:68px 0 92px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;border-top:1px solid #5a111920}.micra-concept h2{font-size:clamp(2.2rem,3.5vw,3.8rem);line-height:1.08;letter-spacing:-.05em;margin:16px 0 0}.concept-story>.lead{font-size:1.02rem;line-height:1.75;margin:0 0 26px;max-width:55ch}.concept-points>div{padding:18px 0;border-top:1px solid #5a11191c}.concept-points h3{font-size:.92rem;font-weight:550;letter-spacing:-.02em;margin:0 0 7px}.concept-points p{font-size:.8rem;line-height:1.7;color:#765a58;margin:0;max-width:58ch}.concept-story>.text-link{margin-top:20px;display:inline-flex}.compact-collection{scroll-margin-top:0}
@media(hover:hover) and (pointer:fine){.benefit-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #3c171318}.benefit-card:hover>img{transform:scale(1.035)}.benefit-card:hover .benefit-arrow{transform:rotate(45deg)}.benefit-card:hover .benefit-breathe i:first-child{transform:scale(1.08)}.benefit-card:hover .benefit-night-bars i{transform:scaleY(1.1)}}
@media(max-width:1024px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-wide{grid-column:span 1;min-height:390px}.benefits-heading{align-items:flex-start}.benefits-heading>p{max-width:28ch}.benefit-card{min-height:270px}.benefit-wide{min-height:365px}.benefit-wide .benefit-copy h3{font-size:2.4rem}.benefit-sleep-widget,.benefit-activity-widget{width:70%}.micra-concept{gap:45px}}
@media(max-width:760px){.benefits-section{padding-top:48px}.benefits-heading{display:block;margin-bottom:25px}.benefits-heading h2{font-size:2.5rem;line-height:1.07}.benefits-heading>p{font-size:.8rem;margin-top:18px;max-width:none}.benefit-grid{gap:10px}.benefit-card{border-radius:18px;padding:19px;min-height:272px}.benefit-wide{grid-column:span 2;min-height:340px}.benefit-wide .benefit-copy h3{font-size:2.45rem}.benefit-copy h3{font-size:1.38rem}.benefit-copy>span{font-size:.58rem;max-width:21ch}.benefit-arrow{width:30px;height:30px;right:15px;bottom:15px;font-size:1rem}.benefit-sleep-widget,.benefit-activity-widget{left:19px;width:58%;bottom:24px}.benefit-habit-widget{font-size:.55rem;gap:7px;margin-top:26px}.benefit-habit-widget>span{padding:9px 10px}.benefit-habit-widget>span:nth-child(2){margin-left:10px}.benefit-calendar{grid-template-columns:repeat(7,1fr);gap:1px;margin-top:30px}.benefit-calendar i{font-size:.5rem}.benefit-breathe{width:105px;height:105px;margin-top:29px}.benefit-heart-widget>strong{font-size:2rem}.benefit-heart-widget svg{height:48px}.benefit-note{font-size:.7rem}.micra-concept{grid-template-columns:1fr;gap:26px;padding:48px 0 65px}.micra-concept h2{font-size:2.5rem}.concept-story>.lead{font-size:.93rem}.concept-points p{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.benefit-card,.benefit-card *{transition:none!important;transform:none!important}}

/* Four portrait photographs complement the two wide editorial cards. */
.benefit-photo{min-height:390px;color:#fff8f0}
.benefit-photo>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 600ms var(--ease)}
.benefit-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#241719b8,transparent 53%,#211619cf)}
.benefit-photo .benefit-copy>span{color:#fff8f0}
.benefit-photo .benefit-habit-widget,.benefit-photo .benefit-calendar,.benefit-photo .benefit-heart-widget{position:absolute;left:23px;right:52px;bottom:29px;margin:0}
.benefit-photo .benefit-habit-widget{font-size:.62rem;gap:6px}
.benefit-photo .benefit-habit-widget>span{background:#f8f2e7eb;color:#5a1119;padding:8px 11px;border:0}
.benefit-photo .benefit-calendar{background:#fff4e8e8;padding:9px;border-radius:14px;color:#5a1119;gap:2px}
.benefit-photo .benefit-heart-widget>strong{font-size:2.1rem}
.benefit-photo .benefit-heart-widget svg{height:35px;margin-top:3px;color:#fff0e8}
.benefit-photo .benefit-breathe{position:absolute;left:23px;bottom:24px;width:100px;height:100px;margin:0}
.benefit-photo .benefit-breathe i{border-color:#fff5e99c}
.benefit-photo .benefit-breathe i+i{background:#f8f1e41f}
.demo-breath-guide{position:relative;isolation:isolate;display:grid;place-items:center;height:175px;color:#5a1119;font-size:.75rem}
.demo-breath-guide i{position:absolute;width:145px;height:145px;background:#ebd7d1;border:1px solid #b98685;border-radius:50%;z-index:-1;transition:transform 750ms ease,background 750ms ease}
.demo-breath-guide[data-breath="1"] i{transform:scale(.77);background:#f2e7de}
.demo-breath-guide[data-breath="2"] i{transform:scale(.86);background:#e4e7dd}
@media(max-width:1024px){.benefit-photo{min-height:385px}.benefit-photo>img{object-position:center 40%}}
@media(max-width:760px){.benefit-photo{min-height:330px;padding:17px}.benefit-photo .benefit-copy h3{font-size:1.32rem}.benefit-photo .benefit-copy>span{font-size:.58rem}.benefit-photo .benefit-habit-widget,.benefit-photo .benefit-calendar,.benefit-photo .benefit-heart-widget{left:16px;right:16px;bottom:62px}.benefit-photo .benefit-habit-widget{font-size:.54rem}.benefit-photo .benefit-habit-widget>span{padding:7px 8px}.benefit-photo .benefit-breathe{left:18px;bottom:53px;width:85px;height:85px}.benefit-photo .benefit-calendar{padding:7px 5px}.benefit-photo .benefit-heart-widget>strong{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){.benefit-photo>img,.demo-breath-guide i{transition:none!important}}
.motion-paused .demo-breath-guide i{transition:none}

/* checkout.css */
.checkout-page{padding-top:133px;padding-bottom:95px;min-height:85vh}.checkout-back{font-size:.75rem}.checkout-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:42px 0}.checkout-heading h1{font-size:clamp(3rem,5vw,5.5rem);font-weight:450;letter-spacing:-.055em;line-height:1.02;margin:18px 0 0}.checkout-preview{text-align:right;font-size:.73rem;line-height:1.8;color:#5a1119}.checkout-preview>span{color:#795c58;font-size:.65rem}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:65px;align-items:start}.bag-item{padding:26px 0;border-top:1px solid #5a111925;display:grid;grid-template-columns:150px 1fr;gap:24px}.bag-photo{display:block;background:#eee6dc;border-radius:17px;align-self:start;overflow:hidden}.bag-photo img{width:100%;height:auto;mix-blend-mode:multiply}.bag-item-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.bag-item h2{font-size:1.32rem;font-weight:500;letter-spacing:-.025em;margin:0}.bag-remove{background:transparent;border:0;font-size:.65rem;color:#785855;text-decoration:underline;text-underline-offset:4px;padding:12px 0 12px 12px;min-height:44px}.bag-item-content>p{font-size:.73rem;color:#775652;line-height:1.6;margin:4px 0 12px}.bag-finish{font-size:.65rem;display:flex;align-items:center;gap:7px;color:#745854}.bag-finish i{width:14px;height:14px;border:1px solid #957e72;border-radius:50%;background:linear-gradient(120deg,#c6b5a2,#f8f2e9 45%,#79414b)}.bag-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:19px 0 17px}.bag-item-bottom>strong{font-size:.88rem;font-weight:500;white-space:nowrap}.bag-quantity{display:flex;align-items:center;border:1px solid #5a111926;border-radius:25px;overflow:hidden}.bag-quantity button{background:transparent;border:0;color:#5a1119;width:42px;height:42px;font-size:1rem}.bag-quantity button:disabled{opacity:.3}.bag-quantity output{min-width:20px;text-align:center;font-size:.8rem;font-variant-numeric:tabular-nums}.bag-item-content>.bag-size-note{font-size:.6rem;margin:0;max-width:45ch}.bag-empty{padding:30px 0 40px;border-top:1px solid #5a111925}.bag-empty h2{font-size:1.6rem;letter-spacing:-.035em}.bag-empty p{font-size:.85rem;line-height:1.7;color:#765855;max-width:48ch}.bag-choices{padding-top:28px;border-top:1px solid #5a111925}.bag-choices h2{font-size:.83rem;font-weight:500;margin:0 0 15px}.bag-add{width:100%;display:flex;align-items:center;gap:20px;border:0;background:#eee6dc;border-radius:14px;margin-bottom:9px;padding:8px 20px 8px 5px;text-align:left;color:#5a1119;transition:background 160ms,transform 160ms}.bag-add img{width:74px;height:74px;mix-blend-mode:multiply}.bag-add>span:not(:last-child){display:grid;gap:7px}.bag-add strong{font-size:.8rem;font-weight:500}.bag-add small{font-size:.6rem;color:#795c58}.bag-add>span:last-child{margin-left:auto;font-size:1.5rem}.bag-add:disabled{opacity:.5}.bag-add:active{transform:scale(.985)}.checkout-summary{position:sticky;top:110px;padding:34px;background:#eae1d6;border-radius:22px}.checkout-summary>.eyebrow{font-size:.57rem;margin:0 0 15px}.checkout-summary h2{font-size:2rem;letter-spacing:-.045em;font-weight:450;margin:0 0 28px}.checkout-summary dl>div{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px;font-size:.73rem}.checkout-summary dd{margin:0;text-align:right}.checkout-summary .bag-total{border-top:1px solid #5a111925;padding-top:22px;margin-top:25px;font-size:.82rem;font-weight:500}.bag-total dd{font-size:1.2rem;white-space:nowrap}.bag-estimate{font-size:.62rem;line-height:1.7;color:#785d56;margin:0 0 25px}.checkout-summary>.button{width:100%;font-size:.68rem;padding:16px 10px;min-height:50px;border-radius:30px;cursor:not-allowed;background:#896668;color:#fff4eb;box-shadow:none;transform:none;opacity:1}.checkout-summary>.text-link{font-size:.67rem;margin:23px auto 0;display:block;text-align:center}.checkout-status{font-size:.64rem;line-height:1.6;min-height:1.6em;color:#735751;margin:15px 0 0}.checkout-help{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #5a111925;margin-top:12px;padding-top:20px;font-size:.64rem}.checkout-help a{text-decoration:underline;text-underline-offset:4px}.checkout-next{border-top:1px solid #5a111925;margin-top:30px;padding:20px 0}.checkout-next summary{display:flex;justify-content:space-between;gap:15px;min-height:44px;font-size:.83rem;align-items:center;cursor:pointer}.checkout-next summary>span{font-size:.62rem;color:#7b615b}.checkout-next p{font-size:.78rem;line-height:1.8;color:#765c57;max-width:65ch}.checkout-next a{font-size:.72rem;text-decoration:underline;text-underline-offset:4px}.order-close{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding:40px 0 90px}.order-close-image{border-radius:22px;overflow:hidden;background:#eae1d7}.order-close-image img{width:100%;height:auto;mix-blend-mode:multiply}.order-close h2{font-size:clamp(2.6rem,4vw,4rem);line-height:1.08;letter-spacing:-.055em;font-weight:450;margin:15px 0 17px}.order-close p{font-size:.93rem;color:#795c59}.order-close .order-close-price{font-size:1.5rem;font-weight:500;color:#5a1119;margin:30px 0 22px}.order-close-price span{font-size:.65rem;font-weight:400}.order-close .small{font-size:.64rem;line-height:1.6;max-width:42ch}.order-close .button{border-radius:35px;font-size:.8rem;min-height:49px}.checkout-nojs{font-size:.82rem;line-height:1.8;margin-top:30px}
@media(hover:hover) and (pointer:fine){.bag-add:not(:disabled):hover{background:#e3d7ca}.bag-remove:hover{color:#5a1119}.bag-quantity button:not(:disabled):hover{background:#e6dad0}}
@media(max-width:1000px){.checkout-layout{gap:28px}.checkout-summary{padding:26px}.bag-item{grid-template-columns:110px 1fr;gap:17px}.bag-item-bottom{flex-wrap:wrap}}
@media(max-width:760px){.checkout-page{padding-top:107px;padding-bottom:45px}.checkout-heading{display:block;margin:33px 0 28px}.checkout-heading h1{font-size:3rem}.checkout-preview{text-align:left;margin:20px 0 0}.checkout-layout{display:block}.bag-item{grid-template-columns:92px 1fr;gap:15px;padding:22px 0}.bag-item h2{font-size:1.1rem}.bag-item-content>p{font-size:.67rem}.bag-item-heading{gap:4px}.bag-remove{font-size:.59rem}.bag-finish{font-size:.57rem}.bag-item-bottom>strong{font-size:.77rem}.bag-quantity button{width:38px;height:40px}.bag-item-content>.bag-size-note{font-size:.58rem}.checkout-summary{position:static;margin-top:26px;padding:27px}.checkout-summary>.button{font-size:.75rem}.checkout-summary>.text-link{font-size:.74rem}.checkout-summary dl>div{font-size:.78rem}.checkout-summary .bag-total{font-size:.83rem}.checkout-help{font-size:.72rem}.order-close{grid-template-columns:1fr;gap:28px;padding:20px 0 55px}.order-close h2{font-size:2.8rem}.order-close-image{max-height:350px}.order-close-image img{height:350px;object-fit:contain}.order-close .button{width:100%;justify-content:center}.order-close .small{max-width:none}.checkout-next p{font-size:.75rem}}

/* interests.css */
/* Transparent photography stays independent of every card background. */
.product-cutout{object-fit:contain!important;mix-blend-mode:normal!important}
.angle-pair{position:relative;display:block;width:100%;height:100%;isolation:isolate}
.angle-pair .product-cutout{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity 260ms ease,transform 460ms cubic-bezier(.2,.75,.25,1)}
.angle-pair .product-cutout:first-child{opacity:1;transform:none}
.angle-pair .product-cutout:last-child{opacity:0;transform:translateY(5px) scale(.98)}
.ring-card-image .angle-pair{height:100%}.ring-card-image{background:radial-gradient(ellipse at 50% 60%,#eadbd1,#f0e7de 75%)}
/* A photographed horizontal view crossfades without distorting either ring. */
.ring-card .angle-pair .product-cutout{transform:none;transition:opacity 260ms cubic-bezier(.23,1,.32,1)}
.product-stage .product-cutout,.product-image .product-cutout,.compare-images .product-cutout,.fit-image .product-cutout,[data-viewer-poster] .product-cutout{object-fit:contain;mix-blend-mode:normal;padding:4%}
.nav-product-photo img,.nav-mobile-thumb{mix-blend-mode:normal!important;object-fit:contain!important}.nav-product-copy>.eyebrow{text-transform:none}
.interest-section{padding:0 0 72px;--interest-ease:cubic-bezier(.22,1,.36,1)}
.interest-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:27px}
.interest-heading .eyebrow{font-size:.56rem;letter-spacing:.16em;margin:0 0 14px;color:#78514e}
.interest-heading h2{font-family:MicraDisplay,Helvetica,Arial,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.2;letter-spacing:-.015em;margin:0;color:#5a1119}
.interest-heading>p{font-size:.8rem;line-height:1.6;color:#725f58;margin:0 0 3px}
.interest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.interest-card{--card-hover:#e4d6c3;--card-ink:#5a1119;--card-arrow:#5a11190c;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:358px;padding:26px 25px 20px;border-radius:24px;overflow:hidden;background:#eee7dc;color:#482b29;text-decoration:none;border:1px solid #5a111908;transition:color 220ms ease,background-color 300ms ease,box-shadow 300ms ease}
.interest-card:nth-child(even){--card-hover:#5a1119;--card-ink:#fff6eb;--card-arrow:#ffffff18}
.interest-card::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 70%,#fffc,transparent 75%);opacity:.38;transition:opacity 300ms ease}
.interest-category{font-size:.7rem;letter-spacing:.01em;font-weight:500;display:block;margin:0 0 14px;color:inherit}
.interest-card h3{position:relative;z-index:2;font-family:MicraDisplay,Helvetica,Arial,sans-serif;font-size:1.85rem;font-weight:400;letter-spacing:-.033em;line-height:1.04;max-width:10ch;min-height:2.08em;margin:0}
.interest-art{position:relative;width:100%;height:185px;margin:10px auto 12px;pointer-events:none;z-index:0}
.interest-art .angle-pair{position:absolute;inset:0}.interest-art .product-cutout{width:100%;height:100%}
.interest-chart{position:absolute;width:125px;right:38px;bottom:2px;stroke:currentColor;stroke-width:1.5;opacity:.23;transform:rotate(-6deg);transition:transform 600ms var(--interest-ease),opacity 300ms}
.interest-chart .chart-baseline{stroke-opacity:.3}.interest-habits .interest-chart rect{fill:currentColor;stroke:none}
.interest-card-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;font-size:.72rem;font-weight:400}
.interest-time{display:none}.interest-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#5a111909;transition:background-color 250ms}.interest-arrow svg{transition:transform 300ms cubic-bezier(.2,.75,.25,1)}
.interest-note{margin:15px 0 0;font-size:.62rem;line-height:1.6;color:#78675e}
.interest-card:focus-visible{outline:2px solid #5a1119;outline-offset:4px;background:var(--card-hover);color:var(--card-ink)}
.interest-card:active{background:var(--card-hover);color:var(--card-ink);box-shadow:inset 0 0 0 2px #5a111930;transition-duration:80ms}
@media(hover:hover) and (pointer:fine){
 .interest-card:hover{background:var(--card-hover);color:var(--card-ink);box-shadow:0 8px 24px #30151a0e}
 .interest-card:hover::before{opacity:0}.interest-card:hover .interest-arrow{background:var(--card-arrow)}.interest-card:hover .interest-arrow svg{transform:translate(2px,-2px)}
 .interest-card:hover .interest-chart{opacity:.36;transform:rotate(0deg) translateX(-4px)}
 :is(.interest-card,.interest-studio-panel):hover .angle-pair .product-cutout:first-child{opacity:0;transform:translateY(-3px) scale(1.025)}
 :is(.interest-card,.interest-studio-panel):hover .angle-pair .product-cutout:last-child{opacity:1;transform:translateY(-3px) scale(1.025)}
 .ring-card:hover .angle-pair[data-hover-state=ready] .product-cutout:first-child{opacity:0}
 .ring-card:hover .angle-pair[data-hover-state=ready] .product-cutout:last-child{opacity:1}
}
.interest-card:focus-visible .angle-pair .product-cutout:first-child{opacity:0}
.interest-card:focus-visible .angle-pair .product-cutout:last-child{opacity:1;transform:none}
.ring-card:has(:focus-visible) .angle-pair .product-cutout{transition:none}
.ring-card:has(:focus-visible) .angle-pair[data-hover-state=ready] .product-cutout:first-child{opacity:0}
.ring-card:has(:focus-visible) .angle-pair[data-hover-state=ready] .product-cutout:last-child{opacity:1}
/* Editorial mosaic: a clear featured interest and three equal entry points. */
.interest-layout-b .interest-grid{grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:210px 210px;gap:14px}
.interest-layout-b .interest-card{min-height:0;padding:30px}
.interest-layout-b .interest-art{position:absolute;margin:0}
.interest-layout-b .interest-card:first-child{grid-row:span 2;background:#e6dacb}
.interest-layout-b .interest-card:first-child h3{font-size:2.65rem;max-width:9ch;line-height:1.02}
.interest-layout-b .interest-card:first-child .interest-art{width:300px;height:290px;right:5%;bottom:39px}
.interest-layout-b .interest-card:first-child .interest-chart{width:250px;right:85px}
.interest-layout-b .interest-card:nth-child(2){grid-column:span 2;background:#eee4da}
.interest-layout-b .interest-card:nth-child(2) h3{font-size:2.35rem;max-width:13ch;margin-bottom:20px}
.interest-layout-b .interest-card:nth-child(2) .interest-art{height:210px;width:230px;right:35px;bottom:10px}
.interest-layout-b .interest-card:nth-child(2) .interest-time{display:inline}
.interest-layout-b .interest-card:nth-child(3){background:#e4dacc}
.interest-layout-b .interest-card:nth-child(4){background:#eee6d9}
.interest-layout-b .interest-card:nth-child(n+3) h3{font-size:1.45rem;max-width:10ch;margin-bottom:40px}
.interest-layout-b .interest-card:nth-child(n+3) .interest-art{height:125px;width:110px;right:3px}
.interest-layout-b .interest-card:focus-visible{background:var(--card-hover);color:var(--card-ink)}
@media(hover:hover) and (pointer:fine){.interest-layout-b .interest-card:hover{background:var(--card-hover);color:var(--card-ink)}}
/* Studio: native buttons allow one theme to take the stage. */
.interest-studio{border:1px solid #5a111913;border-radius:26px;overflow:hidden;background:#e9ded3}
.interest-selector{display:flex;gap:6px;justify-content:center;padding:16px;background:#eee6dd}
.interest-selector button{background:transparent;color:#70504b;min-height:44px;padding:10px 22px;border:1px solid transparent;border-radius:30px;font-size:.77rem;transition:background-color 250ms,color 250ms}
.interest-selector button[aria-pressed=true]{background:#5a1119;color:#fff4e8;box-shadow:0 3px 12px #5a111914}
.interest-selector button:focus-visible{outline:2px solid #5a1119;outline-offset:2px}
.interest-studio-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:410px;padding:20px 7% 30px;background:radial-gradient(ellipse at 26% 50%,#dcbcac55,transparent 55%)}
.interest-studio-art{height:360px;position:relative}.studio-art-view{position:absolute;inset:0}.interest-studio-copy{max-width:370px}
.interest-studio-copy h3{font-family:MicraDisplay,Helvetica,Arial,sans-serif;font-size:3rem;line-height:1.03;letter-spacing:-.038em;font-weight:400;margin:16px 0 22px}
.interest-studio-copy p{font-size:.79rem;color:#775b54;margin-bottom:30px}
.interest-studio-copy .button{font-size:.75rem;gap:24px;border-radius:30px}
.interest-studio-copy>small{display:block;font-size:.63rem;color:#775b54;margin-top:13px}
/* Preference dialog: answers remain in memory for this open session only. */
body.interest-open{overflow:hidden}
.interest-dialog{box-sizing:border-box;border:1px solid #ffffff88;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;margin:auto;border-radius:26px;background:#f7f1e9;color:#332725;box-shadow:0 32px 110px #24131555;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.interest-dialog::backdrop{background:#21141770;backdrop-filter:blur(5px)}
.interest-dialog-shell{padding:24px 36px 30px}
.interest-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}
.interest-dialog-top>span{font-size:.63rem;letter-spacing:.02em;color:#765950}
.interest-close{border:1px solid #5a111920;border-radius:50%;width:42px;height:42px;flex:none;background:#eadfd5;color:#5a1119;font-size:1.6rem;line-height:1;transition:background-color 180ms,transform 180ms}
.interest-close:hover{background:#e1cfc2;transform:rotate(8deg)}
.interest-close:active{transform:scale(.94);transition-duration:80ms}
.interest-back:active,.interest-selector button:active{opacity:.7;transition-duration:80ms}
.interest-progress{height:3px;background:#dfcfc4;border-radius:4px;overflow:hidden;margin:0 0 28px}
.interest-progress>span{height:100%;display:block;width:0;background:#5a1119;transition:width 300ms ease}
.interest-step-label{display:flex;justify-content:space-between;gap:12px;font-size:.64rem;color:#7a514e;margin:0 0 18px}
.interest-dialog h2{font-family:MicraDisplay,Helvetica,Arial,sans-serif;font-size:clamp(1.8rem,4vw,2.55rem);font-weight:400;letter-spacing:-.035em;line-height:1.07;margin:0 0 16px}
.interest-dialog h2:focus{outline:none}
.interest-question-hint,.interest-result>p:not(.interest-step-label){font-size:.8rem;line-height:1.5;color:#745f57;margin:0 0 22px}
.interest-dialog fieldset{border:0;margin:0;padding:0;display:grid;gap:10px}
.interest-answer{position:relative;display:flex;align-items:center;gap:16px;min-height:64px;padding:16px 19px;border:1px solid #5a11191b;border-radius:15px;background:#efe5da;cursor:pointer;transition:background-color 220ms,color 220ms,border-color 220ms;line-height:1.45;font-size:.83rem}
.interest-answer input{position:absolute;opacity:0;width:1px;height:1px}
.interest-answer>span{flex:1}.interest-answer i{width:18px;height:18px;flex:none;border:1px solid #886660;border-radius:50%;position:relative}
.interest-answer:has(input:checked){background:#5a1119;color:#fff4e8;border-color:#5a1119}
.interest-answer:has(input:checked) i{border-color:#fff4e8}.interest-answer:has(input:checked) i::after{content:'';position:absolute;inset:4px;border-radius:50%;background:currentColor}
.interest-answer:has(input:focus-visible){outline:2px solid #5a1119;outline-offset:3px}
.interest-question-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:28px}
.interest-question-actions .button{margin-left:auto;min-height:48px;border-radius:30px;gap:28px;font-size:.78rem}
.interest-question-actions .button:disabled{background:#dfd3c7;color:#705c55;border-color:transparent;cursor:not-allowed;box-shadow:none;opacity:.75}
.interest-back{min-height:44px;background:transparent;border:0;color:#694441;font-size:.74rem;text-align:left;padding:7px 0}
.interest-privacy{font-size:.59rem;color:#7b675e;margin:20px 0 0}
.interest-summary{list-style:none;margin:20px 0 28px;padding:0;display:grid;gap:11px}
.interest-summary li{display:flex;gap:14px;font-size:.8rem;line-height:1.5;padding-bottom:11px;border-bottom:1px solid #5a111913}
.interest-summary li>span{color:#80524e;font-size:.61rem;padding-top:3px}
.interest-result h3{font-family:MicraDisplay,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:-.015em;margin:0 0 13px}
.interest-result-products{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.interest-result-products>a{display:flex;flex-direction:column;align-items:center;background:#eadecf;border-radius:17px;padding:14px 17px 18px;color:#5a1119;border:1px solid #5a11190a;transition:background-color 250ms,transform 250ms}
.interest-result-products img{width:115px;height:115px;object-fit:contain;margin:0 0 10px}
.interest-result-products>a>span{width:100%;display:flex;flex-direction:column;flex:1}
.interest-result-products strong{font-weight:500;font-size:.92rem}.interest-result-products small{font-size:.69rem;line-height:1.5;margin:7px 0 14px}.interest-result-products b{font-size:.65rem;font-weight:500;margin-top:auto}
.interest-result .interest-result-note{font-size:.59rem;margin:14px 0 8px}
@media(hover:hover){.interest-answer:hover:not(:has(input:checked)){background:#e9dbcd;border-color:#b19386}.interest-result-products>a:hover{transform:translateY(-2px);background:#e0cbbb}}
/* Review-only design comparison. */
.design-review-intro{padding:68px 0 65px}.design-review-intro h1{font:400 clamp(2.5rem,5vw,4.7rem)/1.03 MicraDisplay,Helvetica,Arial,sans-serif;letter-spacing:-.045em;margin:16px 0 23px}.design-review-intro>p:not(.eyebrow){font-size:.95rem;color:#725f58}
.design-options{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:35px 0 25px}
.design-options>a{display:flex;gap:15px;align-items:center;padding:20px;border:1px solid #5a111920;border-radius:16px;color:#5a1119;background:#eee5db;font-size:.83rem;transition:background-color 250ms}
.design-options b{font-size:.65rem;font-weight:400;color:#987870}.design-options span{flex:1}.design-options small{display:block;font-size:.61rem;color:#745e57;margin-top:5px}.design-options>a:hover{background:#e5d4c5}
body[data-page="proposals"] .interest-section{padding-top:50px;padding-bottom:72px;border-top:1px solid #5a111915;scroll-margin-top:100px}
.design-review-plan{padding:0 0 80px}.design-review-plan h2{font:400 2rem/1.1 MicraDisplay,Helvetica,Arial,sans-serif;letter-spacing:-.025em}.design-review-plan>div{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}.design-review-plan>div p{font-size:.83rem;line-height:1.7;color:#755d55}.design-review-plan strong{color:#5a1119;font-weight:500}
@media(max-width:1050px){.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interest-card{min-height:215px}.interest-art{width:170px;height:180px;right:5px}.interest-time{display:inline}.interest-layout-b .interest-card{padding:24px}.interest-layout-b .interest-card:first-child .interest-art{width:235px}.interest-layout-b .interest-card:first-child h3{font-size:2.15rem}.interest-layout-b .interest-card:nth-child(2) .interest-art{right:5px;width:175px}.interest-studio-copy h3{font-size:2.5rem}.design-options{grid-template-columns:1fr}.design-options>a{padding:16px 20px}}
@media(max-width:760px){
 .interest-section{padding-bottom:48px}.interest-heading{display:block;margin-bottom:21px}.interest-heading h2{font-size:2rem;max-width:18ch}.interest-heading>p{font-size:.74rem;margin-top:15px;line-height:1.6}.interest-heading .eyebrow{margin-bottom:12px}
 .interest-grid{gap:10px}.interest-card{min-height:225px;border-radius:19px;padding:20px 15px 13px}.interest-card h3{font-size:1.29rem;max-width:9ch;margin-bottom:88px}.interest-category{font-size:.58rem;margin-bottom:11px}.interest-card-foot{font-size:.57rem}.interest-arrow{width:27px;height:27px}.interest-arrow svg{width:16px}.interest-time{display:none}
 .interest-card h3{margin-bottom:6px}.interest-art{position:relative;height:110px;width:100%;right:auto;bottom:auto;margin:0 0 6px}.interest-chart{width:90px;right:32px}.interest-note{font-size:.59rem;max-width:50ch}
 .interest-layout-b .interest-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.interest-layout-b .interest-card:first-child{grid-column:span 2;grid-row:auto;min-height:270px}.interest-layout-b .interest-card:first-child h3{font-size:2.4rem;max-width:9ch}.interest-layout-b .interest-card:first-child .interest-art{width:225px;height:230px;right:-5px;bottom:17px}.interest-layout-b .interest-card:first-child .interest-chart{width:160px;right:55px}
 .interest-layout-b .interest-card:nth-child(2){grid-column:span 2;min-height:200px}.interest-layout-b .interest-card:nth-child(2) h3{font-size:2rem;max-width:8ch}.interest-layout-b .interest-card:nth-child(2) .interest-art{right:0;width:170px;height:170px;bottom:20px}.interest-layout-b .interest-card:nth-child(n+3){padding:20px 15px 14px;min-height:215px}.interest-layout-b .interest-card:nth-child(n+3) h3{font-size:1.29rem;margin-bottom:80px}
 .interest-layout-b .interest-card:nth-child(n){min-height:0}.interest-layout-b .interest-card:nth-child(n) h3{margin-bottom:0;max-width:100%}.interest-layout-b .interest-card:nth-child(n) .interest-art{position:relative;inset:auto;width:100%;height:160px;margin:8px 0 14px}.interest-layout-b .interest-card:first-child .interest-art{height:190px}.interest-layout-b .interest-card:nth-child(n+3) .interest-art{height:110px;margin-bottom:6px}
 .interest-selector{gap:2px;padding:9px 6px}.interest-selector button{min-height:42px;font-size:.61rem;padding:8px 10px}.interest-studio-panel{grid-template-columns:1fr;min-height:0;padding:15px 27px 32px}.interest-studio-art{height:230px}.interest-studio-copy h3{font-size:2.55rem;max-width:12ch;margin-top:10px}.interest-studio-copy p{font-size:.72rem;margin-bottom:24px}
 .interest-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 24px);margin:auto auto 8px;border-radius:25px}.interest-dialog-shell{padding:17px 23px 24px}.interest-dialog-top{margin-bottom:12px}.interest-progress{margin-bottom:24px}.interest-dialog h2{font-size:2rem}.interest-answer{font-size:.8rem;min-height:62px;padding:15px}.interest-question-actions{margin-top:24px}.interest-result-products{gap:9px}.interest-result-products>a{padding:10px 12px 15px}.interest-result-products img{width:90px;height:90px}.interest-result-products small{font-size:.64rem}
 .design-review-intro{padding:32px 0 40px}.design-review-intro h1{font-size:3rem}.design-review-intro>p:not(.eyebrow){font-size:.83rem}.design-options{margin-top:24px}.design-review-plan>div{grid-template-columns:1fr}.design-review-plan{padding-bottom:50px}body[data-page="proposals"] .interest-section{padding-top:36px;padding-bottom:45px}
}
@media(max-width:360px){.interest-card{padding-inline:12px}.interest-card h3{font-size:1.17rem}.interest-art{width:105px}.interest-dialog-shell{padding-inline:18px}.interest-dialog h2{font-size:1.85rem}.interest-selector button{padding-inline:8px;font-size:.57rem}}
@media(prefers-reduced-motion:reduce){.interest-section *,.interest-dialog *,.angle-pair *{transition:none!important;animation:none!important}.interest-card:hover{transform:none}}
.motion-paused :is(.interest-section *,.interest-dialog *,.angle-pair *){transition:none!important;animation:none!important}
@media(scripting:none){.interest-selector{display:none}.interest-dialog{display:none}}
@media(prefers-reduced-transparency:reduce){.interest-dialog::backdrop{backdrop-filter:none;background:#21141799}}
@media(prefers-contrast:more){.interest-card,.interest-answer,.interest-result-products>a{border:1px solid currentColor}.interest-dialog{border:2px solid #5a1119}.interest-dialog::backdrop{backdrop-filter:none;background:#211417aa}.interest-card:focus-visible{outline-width:3px}.interest-dialog :focus-visible{outline-width:3px}}

/* progressive.css */
/* A short, one-time entrance; typography and product photography stay sharp. */
.appear-transition{transition:opacity 560ms cubic-bezier(.22,1,.36,1),translate 680ms cubic-bezier(.22,1,.36,1);transition-delay:var(--appear-delay,0ms)}
[data-appear-state=waiting]{opacity:0;translate:0 18px}
[data-appear-state=visible]{opacity:1;translate:0 0}
[data-appear-state=waiting]:focus-within{opacity:1;translate:0 0;transition:none}
/* Preserve the immediate colour feedback while the card is arriving. */
.interest-card.appear-transition{transition:opacity 560ms cubic-bezier(.22,1,.36,1),translate 680ms cubic-bezier(.22,1,.36,1),color 220ms ease,background-color 300ms ease,box-shadow 300ms ease;transition-delay:var(--appear-delay,0ms),var(--appear-delay,0ms),0ms,0ms,0ms}
.interest-card:active{transition-duration:80ms;transition-delay:0ms}
.interest-time{display:inline}
.interest-arrow{width:36px;height:36px;flex:none}
.interest-card{touch-action:manipulation}
.widget-angle-pair:not([data-hover-state=ready]) .product-cutout:first-child{opacity:1!important;transform:none!important}
.widget-angle-pair:not([data-hover-state=ready]) .product-cutout:last-child{opacity:0!important}
.widget-angle-pair[data-art-state=pending] .product-cutout:first-child{opacity:0!important}
.widget-angle-pair[data-art-state=pending]::before{content:'';position:absolute;inset:24% 26%;border:1px solid currentColor;border-radius:50%;opacity:.12}
.widget-angle-pair[data-art-state=error]::before{display:none}
.demo-load-retry{border:0;background:none;min-height:44px;margin-top:18px;color:var(--wine);cursor:pointer}
[data-open-demo][aria-busy=true]{cursor:progress}
html:has(body.motion-paused){scroll-behavior:auto}
.motion-paused [data-appear-state]{opacity:1!important;translate:none!important;transition:none!important}
@media(max-width:760px){.interest-time{display:none}.interest-arrow{width:30px;height:30px}.appear-transition{transition-duration:460ms,560ms}}
@media(prefers-reduced-motion:reduce){[data-appear-state]{opacity:1!important;translate:none!important;transition:none!important}}
@media print{[data-appear-state]{opacity:1!important;translate:none!important;transition:none!important}}

/* app-preview.css */
/* App preview shell (design v28, Noche): stage, phone frame, explainer and dialog. The app UI itself lives in app-polish.css. */
.app-demo-section{padding:75px 0 95px}.app-demo-layout{gap:7%;grid-template-columns:1fr 1fr;align-items:center}
.demo-stage{background:#e9dfd2;border-radius:28px;min-height:830px;padding:42px 22px 24px}
.demo-stage-halo{width:550px;height:550px;border-color:#fff8;box-shadow:0 0 0 55px #fff3,0 0 0 110px #fff1}
.demo-phone-slot{min-height:718px}
.demo-phone.ma-app{width:344px;height:718px;border:6px solid #1c1718;border-radius:44px;box-shadow:0 3px 7px #2a1c1f2a,0 24px 44px #2a1c1f3a,0 52px 72px -40px #3b222f80,0 0 0 1px #4a3a3d,0 0 0 2px #625450}
.demo-explainer h3{font-family:MicraDisplay,Arial,sans-serif;font-size:clamp(2.5rem,3.8vw,3.7rem);font-weight:400;line-height:1.06;letter-spacing:-.04em;margin:18px 0 25px}
.demo-explainer>.lead{font-size:1rem;line-height:1.75;max-width:39ch;color:#6f5a53}
.demo-feature-rail{grid-template-columns:1fr 1fr;gap:9px}.demo-feature-rail button{background:#f0e7dc;border:1px solid #5a11190c;border-radius:15px;min-height:64px;font-size:.8rem;padding:14px;gap:9px;color:#614039}
.demo-feature-rail button:hover{background:#e8d9c9}.demo-feature-rail button[aria-pressed=true]{background:#591d29;color:#fff8ef;border-color:#591d29}.demo-feature-rail button:active{transform:scale(.98);transition-duration:70ms}
.demo-feature-rail button>svg{width:17px;height:17px}.demo-explainer .concept-note{font-size:.74rem;line-height:1.65;color:#746057;max-width:54ch}
.demo-expand{font-size:.84rem;margin-top:20px}
.demo-exit{display:none}.demo-phone.ma-app .demo-toolbar [hidden]{display:none}
.demo-dialog .demo-phone.ma-app{width:390px;height:min(820px,calc(100dvh - 90px))}.demo-dialog{max-height:100dvh;padding-bottom:14px}.demo-dialog::backdrop{background:#120a0dcc;backdrop-filter:blur(7px)}
@media(max-width:1100px){.app-demo-layout{gap:5%}.demo-stage{padding-inline:15px}.demo-phone.ma-app{width:326px}.demo-explainer h3{font-size:2.7rem}.demo-feature-rail{grid-template-columns:1fr}.demo-feature-rail button{min-height:50px}}
@media(max-width:760px){.app-demo-section{padding:50px 0 65px}.app-demo-layout{grid-template-columns:1fr;gap:34px}.demo-stage{min-height:788px;padding:29px 10px 17px}.demo-phone.ma-app{width:min(340px,100%);height:702px;border-radius:41px}.demo-phone-slot{min-height:702px}.demo-explainer h3{font-size:2.6rem}.demo-feature-rail{grid-template-columns:1fr 1fr;gap:8px}.demo-feature-rail button{font-size:.74rem;padding:12px 10px;min-height:62px;gap:7px}.demo-feature-rail button>svg{width:16px;height:16px}.demo-explainer .concept-note{font-size:.72rem}.demo-dialog .demo-phone.ma-app{width:min(390px,calc(100vw - 24px));height:calc(100dvh - 76px)}.demo-dialog{padding-inline:12px}}
@media(max-width:360px){.demo-stage{padding-inline:7px}.demo-phone.ma-app{width:100%}.demo-feature-rail button{font-size:.69rem}}
@media(prefers-reduced-transparency:reduce){.demo-dialog::backdrop{backdrop-filter:none;background:#120a0df2}}
@media(prefers-contrast:more){.demo-feature-rail button{border:1px solid currentColor}}

/* app-trends.css */
/* Shared metric detail, with native range interaction and explicit missing data. */
.app-trend-chart{position:relative;padding:13px 0 0;margin:18px 0 0}
.app-trend-chart svg{display:block;width:100%;height:auto;overflow:visible}
.app-trend-scale{display:flex;justify-content:space-between;color:#765951;font-size:10px;margin-bottom:8px}.app-trend-scale span:last-child{order:-1}
.app-trend-dates{display:flex;justify-content:space-between;font-size:10px;color:#765951;margin-top:8px}
.app-chart-control{display:block;font-size:11px;color:#64443d;margin:14px 0 20px}
.app-chart-control>span{display:block;margin-bottom:1px}
.app-chart-control input{display:block;width:100%;height:44px;margin:0;accent-color:#6b3043;cursor:ew-resize;touch-action:pan-x}
.app-period-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0;border-block:1px solid #dacabe}
.app-period-summary span{display:block;font-size:10px;line-height:1.4;color:#75594d}.app-period-summary strong{display:block;font-size:16px;font-weight:400;line-height:1.4;margin-top:7px;color:#542d37}
.app-empty{padding:23px 18px;margin:24px 0;border:1px dashed #b59c90;border-radius:18px;color:#6b4b43}.app-empty>span{font-size:30px}.app-empty h4{font-size:20px;margin:10px 0}.app-empty p{font-size:12px;line-height:1.7;margin:0}
.app-disclosure{border-bottom:1px solid #ddcfc4}.app-disclosure summary{cursor:pointer;min-height:48px;padding:15px 1px;font-size:12px;line-height:1.5;color:#5c363d}.app-disclosure p{font-size:12px;line-height:1.7;color:#72574d;margin:0 0 16px}
.app-reading-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.5;margin:7px 0 20px}.app-reading-table caption{text-align:left;font-size:10px;color:#72564d;padding-bottom:10px}.app-reading-table th,.app-reading-table td{text-align:left;padding:10px 3px;border-bottom:1px solid #ddcfc4;font-weight:400;white-space:normal}.app-reading-table thead th{font-weight:500}.app-reading-table td:last-child{text-align:right}
.app-scenario{display:block;font-size:10px;line-height:1.6;color:#72564d;margin:22px 0 0}.app-scenario select{display:block;width:100%;font:inherit;font-size:12px;min-height:44px;margin-top:8px;padding:10px 30px 10px 12px;background:#f3ebe0;color:#603943;border:1px solid #c5ad9b;border-radius:11px}
.demo-wide-link{display:inline-flex;align-items:center;gap:20px;margin:4px 0 14px;min-height:48px;color:#652e3c;font-size:.88rem;text-decoration:underline;text-underline-offset:5px}
.app-note-form{margin:20px 0;padding:20px 16px;border-radius:20px;background:#ede2d5}.app-note-form label{display:block;font-size:13px;line-height:1.5;margin-bottom:10px;color:#65433e}.app-note-form textarea{resize:vertical;width:100%;min-height:110px;border:1px solid #bba496;border-radius:11px;padding:12px;color:#523038;background:#fbf7f1;font:inherit;font-size:16px;line-height:1.6}.app-note-form button{margin-top:12px}.app-note-form small{display:block;font-size:10px;color:#795a50;line-height:1.6;margin:10px 0}
.app-local-status{min-height:1.6em;font-size:11px;line-height:1.6;color:#754c43;margin:10px 0 0}
.app-plan-choice{display:grid;gap:8px;margin:18px 0}.app-plan-choice button{background:#ede1d4;border:1px solid #cbb29f;color:#634139;border-radius:13px;min-height:52px;padding:12px;font-size:12px;text-align:left}.app-plan-choice button[aria-pressed=true]{background:#673544;color:#fff8f0;border-color:#673544}
.app-challenge-days{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.app-challenge-days label{display:flex;align-items:center;gap:6px;min-height:44px;min-width:65px;font-size:12px}.app-challenge-days input{width:19px;height:19px;accent-color:#693444}
.app-device-art{display:block;width:180px;height:180px;object-fit:contain;margin:10px auto 18px}.app-device-status{display:flex;gap:9px;align-items:center;font-size:12px;color:#715247}.app-device-status::before{content:'';width:7px;height:7px;border:1px solid currentColor;border-radius:50%;flex:none}
.app-moods button{min-height:44px}
.app-calendar button{position:relative}.app-note-dot{display:block;position:absolute;left:calc(50% - 2px);bottom:3px;width:4px;height:4px;border-radius:50%;background:currentColor}

/* app-polish.css */
/* MICRA app UI, design v28. Noche (dark) by default, Claro (beige) from Anillo > Apariencia. Scoped to .ma-app. */
.demo-phone.ma-app{--ma-bg:#0a0708;--ma-s1:#140e0f;--ma-s2:#1a1213;--ma-line:#2a2023;--ma-l2:#3d2f32;--ma-l3:#4a3a3d;--ma-fg:#f4efe9;--ma-t1:#e7dcd8;--ma-t2:#bfaea9;--ma-t3:#8f7c78;--ma-acc:#e9b8ae;--ma-acc2:#c0727a;--ma-acc3:#8d2f3d;--ma-ok:#7fbf8f;--ma-warn:#e05a66;--ma-btn:#f4efe9;--ma-btn-t:#5a1119;--ma-wine:#5a1119;--ma-on-wine:#f4efe9;--ma-card:#f4efe9;--ma-ink:#2a2626;--ma-scrim:rgba(10,2,4,.62);--ma-rec:#2a1215;--ma-rec-b:#5a2a30;--ma-ease:cubic-bezier(.22,1,.36,1);
 background:var(--ma-bg);color:var(--ma-fg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;transition:background-color .4s ease,color .4s ease;position:relative}
.demo-phone.ma-app[data-theme=light]{--ma-bg:#f4efe9;--ma-s1:#ece4dc;--ma-s2:#e6dcd3;--ma-line:#dccfc5;--ma-l2:#cbbaaf;--ma-l3:#b9a79c;--ma-fg:#2a2626;--ma-t1:#4a3e3c;--ma-t2:#65555a;--ma-t3:#75625f;--ma-acc:#8d2f3d;--ma-acc2:#b0505c;--ma-acc3:#e2a9a2;--ma-ok:#3a7d4f;--ma-warn:#b8333f;--ma-btn:#5a1119;--ma-btn-t:#f4efe9;--ma-card:#fbf8f4;--ma-scrim:rgba(42,38,38,.32);--ma-rec:#f1dcd8;--ma-rec-b:#e0b7b2}
.ma-app *,.ma-app *::before,.ma-app *::after{box-sizing:border-box}
.ma-app button,.ma-app input,.ma-app textarea{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.ma-app button{cursor:pointer;transition:transform 120ms ease-out,background-color 200ms ease,color 200ms ease,border-color 200ms ease}
.ma-app button:active{transform:scale(.97)}
.ma-app :focus-visible{outline:2px solid var(--ma-acc);outline-offset:2px;box-shadow:none}
.ma-app .demo-screen:focus,.ma-app [data-demo-screen-title]:focus,.ma-app #ma-sheet-t:focus{outline:none}
.ma-app a{color:var(--ma-acc)}
/* chrome */
.demo-phone.ma-app .demo-statusbar{color:var(--ma-fg);background:var(--ma-bg)}.ma-app .demo-island{background:#000}
.demo-phone.ma-app .demo-toolbar{height:38px;min-height:38px;padding:0 16px;gap:6px;background:var(--ma-bg);border:0;color:var(--ma-fg);display:flex;align-items:center}
.demo-phone.ma-app .demo-toolbar button{min-width:40px;min-height:38px;margin-left:-10px;padding:6px;border:0;background:none;color:var(--ma-acc);display:grid;place-items:center;border-radius:12px}
.demo-phone.ma-app .demo-toolbar svg{width:20px;height:20px}
.demo-phone.ma-app .demo-badge{margin-left:auto;background:var(--ma-s2);color:var(--ma-t2);border:1px solid var(--ma-line);border-radius:999px;padding:3px 9px;font-size:10px;letter-spacing:.02em;text-transform:none}
.demo-phone.ma-app .demo-screen{padding:6px 18px 28px;background:var(--ma-bg);scrollbar-width:none;overscroll-behavior:contain;position:relative}
.demo-phone.ma-app .demo-screen::-webkit-scrollbar{display:none}
.demo-phone.ma-app .demo-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px 8px 2px;background:var(--ma-bg);border-top:1px solid var(--ma-s2);backdrop-filter:none;box-shadow:none}
.demo-phone.ma-app .demo-dock button{display:grid;justify-items:center;align-content:center;gap:3px;height:52px;min-height:50px;padding:4px 0 0;border:0;border-radius:14px;background:none;color:var(--ma-t3);font-size:10.5px;font-weight:500}
.demo-phone.ma-app .demo-dock button span{font-size:10.5px;line-height:1}
.demo-phone.ma-app .demo-dock button[aria-current=page]{background:var(--ma-s2);color:var(--ma-fg)}
.demo-phone.ma-app .demo-dock button:hover{color:var(--ma-fg)}
.demo-phone.ma-app .demo-dock svg{width:21px;height:21px}
.demo-phone.ma-app .demo-home-bar{background:var(--ma-fg);opacity:.85;margin:6px auto 7px}
.demo-phone.ma-app.ma-onboarding .demo-dock{display:none}
/* narrow phone (home preview): same layout, tighter type */
.demo-phone.ma-app .demo-screen{container-type:inline-size;container-name:mascreen}
@container mascreen (max-width:320px){.ma-app .ma-head{gap:4px;grid-template-columns:1fr auto auto}.ma-app .ma-mark{display:none}.ma-app h3.ma-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}.ma-app .ma-batt{padding:0 2px;font-size:12px}.ma-app .ma-batt svg{width:24px}.ma-app .ma-pill{font-size:11px;padding-inline:10px}.ma-app .ma-score{gap:10px}.ma-app .ma-score-n{font-size:82px}.ma-app .ma-score{grid-template-columns:auto minmax(0,1fr)}.ma-app .ma-spark-l{font-size:9.5px;white-space:nowrap}.ma-app .ma-spark-l span:nth-child(2){display:none}.ma-app .ma-icon{width:36px}.ma-app .ma-batt{gap:4px}.ma-app .ma-seg{gap:4px}.ma-app .ma-meter{grid-template-columns:90px 1fr 24px;font-size:13px}.ma-app .ma-insight{font-size:17.5px}.ma-app .ma-big{font-size:66px}.ma-app .ma-big--md{font-size:56px}.ma-app .ma-headline{font-size:22px}.ma-app .ma-seg-b{font-size:11px;padding:0 2px}.ma-app .ma-gauge svg{width:70px;height:40px}.ma-app .ma-gauge strong{font-size:20px}.ma-app .ma-gauge span{font-size:11px}.ma-app .ma-hyp{grid-template-columns:56px 1fr}.ma-app .ma-hyp-x{padding-left:64px}.ma-app .ma-hyp-l{font-size:10px}.ma-app .ma-stages strong{font-size:14px}.ma-app .ma-act-c strong{font-size:17px}}
/* static (no JS) */
.ma-static{display:grid;gap:10px;padding-top:6px}.ma-static-date{margin:0;font-size:13px;color:var(--ma-t2)}.ma-static-pill{margin:0;justify-self:start;padding:8px 12px;border-radius:999px;border:1px solid var(--ma-line);background:var(--ma-s1);font-size:11.5px;color:var(--ma-t2)}.ma-static-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ma-ok);margin-right:7px}
.ma-static-score{margin:8px 0 0;font-size:92px;font-weight:500;letter-spacing:-.065em;line-height:.86;display:grid}.ma-static-score span{font-size:13px;letter-spacing:0;color:var(--ma-t2);margin-top:8px}
.ma-static-meters{list-style:none;margin:8px 0 0;padding:12px 0 0;border-top:1px solid var(--ma-line);display:grid;gap:8px;font-size:13.5px}.ma-static-meters li{display:flex;justify-content:space-between}
.ma-static-insight{margin:6px 0 0;padding-top:14px;border-top:1px solid var(--ma-line);font-size:18px;line-height:1.35}.ma-static-fine{margin:0;font-size:11px;color:var(--ma-t3)}
/* type */
.ma-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ma-app h3.ma-title{margin:6px 0 10px;font-family:inherit;font-size:26px;font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--ma-fg)}
.ma-app h3.ma-title--md{font-size:22px;margin:4px 0 6px}.ma-app h3.ma-title--sm{font-size:15px;font-weight:450;letter-spacing:0;margin:2px 0 4px}.ma-app h3.ma-title.ma-muted{color:var(--ma-t2);font-size:14px;min-height:40px;display:flex;align-items:center;margin:0}
.ma-app .ma-title--ob,.ma-app h3.ma-title--ob{font-size:30px;font-weight:500;line-height:1.08;letter-spacing:-.035em;margin:0 0 10px}
.ma-app .ma-t{font-size:14.5px;color:var(--ma-fg);line-height:1.3}.ma-app .ma-t--b{font-weight:550}
.ma-app small{font-size:12px;color:var(--ma-t2);line-height:1.4}
.ma-app .ma-sub{font-size:12.5px;line-height:1.5;color:var(--ma-t2);margin:0}
.ma-app .ma-fine{font-size:11.5px;line-height:1.5;color:var(--ma-t3);margin:10px 0 0}
.ma-app .ma-body{font-size:14px;line-height:1.5;color:var(--ma-t1);margin:0}
.ma-app .ma-lead{font-size:14.5px;line-height:1.5;color:var(--ma-t1);margin:8px 0 0}.ma-app .ma-lead--sm{font-size:13.5px;margin-top:6px}
.ma-app .ma-headline{margin:6px 0 4px;font-size:24px;line-height:1.15;letter-spacing:-.02em;font-weight:450}.ma-app .ma-headline--sm{font-size:21px;margin-top:18px}
.ma-app .ma-accent{color:var(--ma-acc)}.ma-app .ma-t3{color:var(--ma-t3)}.ma-app .ma-ok{color:var(--ma-ok)}.ma-app .ma-bad{color:var(--ma-warn)}.ma-app .ma-center{text-align:center;justify-self:center}
.ma-app h4.ma-sec{margin:24px 0 6px;font-family:inherit;font-size:14px;font-weight:450;letter-spacing:0;color:var(--ma-t2)}.ma-app h4.ma-sec--flat{margin:0;color:var(--ma-fg);font-size:15px}.ma-app h4.ma-sec--accent{color:var(--ma-acc);font-size:13px;margin-top:22px}
.ma-mt8{margin-top:8px!important}.ma-mt12{margin-top:12px!important}.ma-mt14{margin-top:14px!important}.ma-mt18{margin-top:18px!important}.ma-mt22{margin-top:22px!important}.ma-mt24{margin-top:24px!important}.ma-mt28{margin-top:28px!important}
.ma-app .ma-split{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ma-app .ma-split>span:first-child{display:grid;gap:2px}
/* controls */
.ma-app .ma-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--ma-btn);color:var(--ma-btn-t);font-size:14px;font-weight:550;white-space:nowrap}
.ma-app .ma-btn--sm{min-height:42px;padding:0 15px;font-size:13px}.ma-app .ma-btn--wine{background:var(--ma-wine);color:var(--ma-on-wine)}.ma-app .ma-btn--xl{display:flex;width:100%;min-height:54px;border-radius:15px;font-size:15.5px;margin-top:18px}.ma-app .ma-btn--block{display:flex;width:100%;border-radius:13px;margin-top:12px}.ma-app .ma-btn--danger{background:var(--ma-warn);color:#fff}
.ma-app .ma-self{justify-self:start;margin:6px 0 10px}
.ma-app .ma-btn[aria-disabled=true],.ma-app .ma-ob-cta[aria-disabled=true]{background:var(--ma-l2);color:var(--ma-t2);cursor:not-allowed}
.ma-app .ma-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;color:var(--ma-acc);font-size:13px;text-decoration:none;text-align:left}.ma-app .ma-link--muted{color:var(--ma-t3)}
.ma-app .ma-back{display:flex;align-items:center;gap:4px;min-height:44px;padding:0;border:0;background:none;color:var(--ma-acc);font-size:14px;margin:-4px 0 0 -4px}
.ma-app .ma-chips{display:flex;flex-wrap:wrap;gap:6px}.ma-app .ma-chips--pad{padding:6px 0 18px}
.ma-app .ma-chip{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 13px;border-radius:999px;border:1px solid var(--ma-line);background:transparent;color:var(--ma-t1);font-size:13px;white-space:nowrap}
.ma-app .ma-chip[aria-pressed=true]{background:var(--ma-btn);border-color:var(--ma-btn);color:var(--ma-btn-t)}
.ma-app .ma-chip--sm{min-height:40px;font-size:12px}.ma-app .ma-chip--av{padding-left:5px;font-size:12.5px}.ma-app .ma-chip--av .ma-av{width:28px;height:28px;font-size:9.5px}
.ma-app .ma-seg{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:5px;margin-top:4px}
.ma-app .ma-seg-b{min-height:42px;padding:0 4px;border-radius:12px;border:1px solid var(--ma-line);background:transparent;color:var(--ma-t1);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-app .ma-seg-b[aria-pressed=true]{background:var(--ma-btn);border-color:var(--ma-btn);color:var(--ma-btn-t)}.ma-app .ma-seg--sm .ma-seg-b{font-size:12px}
.ma-app .ma-icon{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:var(--ma-fg);border-radius:12px}
.ma-app .ma-dashed{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;min-height:50px;margin-top:16px;border:1px dashed var(--ma-l3);border-radius:14px;background:none;color:var(--ma-fg);font-size:14px}
.ma-app .ma-outline{display:flex;width:100%;align-items:center;justify-content:center;min-height:48px;margin-top:10px;border:1px solid var(--ma-line);border-radius:14px;background:none;color:var(--ma-acc);font-size:14px}
.ma-app .ma-card{display:grid;gap:8px;padding:15px;border-radius:17px;background:var(--ma-s1);color:var(--ma-t1);font-size:13.5px;line-height:1.5;margin:14px 0 0}
.ma-app .ma-note{margin:0 0 14px;font-size:12.5px;color:var(--ma-t2);border-radius:12px;padding:12px 14px}
.ma-app .ma-meter-t{position:relative;display:block;height:4px;border-radius:4px;background:var(--ma-line);overflow:hidden}.ma-app .ma-meter-t--thin{height:3px}
.ma-app .ma-meter-t>i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--v));background:var(--ma-acc);animation:ma-meter .9s var(--ma-ease) backwards}
@keyframes ma-meter{from{transform:scaleX(0)}}
/* switches and rows */
.ma-app .ma-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;min-height:58px;padding:7px 0;border-top:1px solid var(--ma-line);cursor:pointer}
.ma-app .ma-row>span{display:grid;gap:2px}
.ma-app .ma-sw{appearance:none;-webkit-appearance:none;width:46px;height:28px;margin:0;border-radius:999px;background:var(--ma-line);position:relative;cursor:pointer;flex:none;transition:background-color 220ms ease}
.ma-app .ma-sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ma-t2);transition:transform 300ms cubic-bezier(.32,.72,0,1),background-color 220ms ease}
.ma-app .ma-sw:checked{background:var(--ma-acc)}.ma-app .ma-sw:checked::after{transform:translateX(18px);background:var(--ma-bg)}
.ma-app .ma-sw:disabled{opacity:.45;cursor:default}.ma-app .ma-switch.off{opacity:.55}
.ma-app .ma-check input{width:24px;height:24px;accent-color:var(--ma-acc);cursor:pointer}
.ma-app .ma-list-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;min-height:64px;padding:8px 0;border:0;border-top:1px solid var(--ma-line);background:none;color:var(--ma-fg);text-align:left;text-decoration:none;font-size:14.5px}
.ma-app .ma-list-row>span{display:grid;gap:2px;min-width:0}.ma-app .ma-list-row>span.ma-accent{display:flex;align-items:center;gap:4px;white-space:nowrap}.ma-app .ma-chips+.ma-list-row{margin-top:10px}.ma-app .ma-list-row--split{grid-template-columns:minmax(0,1fr) auto}
.ma-app .ma-list-row.ma-danger .ma-t{color:var(--ma-acc)}.ma-app .ma-list-row>svg{color:var(--ma-t2)}
.ma-app .ma-plain{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:56px;padding:0;border:0;background:none;color:var(--ma-fg);text-align:left}.ma-app .ma-plain>span:last-child{display:grid;gap:2px}
.ma-app .ma-tile{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--ma-acc3),var(--ma-l2));color:var(--ma-fg);font-size:18px;font-weight:500}
.ma-app .ma-tile--soft{width:44px;height:44px;background:var(--ma-s2);color:var(--ma-acc)}.ma-app .ma-tile--round{border-radius:50%}.ma-app .ma-tile--lg{width:60px;height:60px;border-radius:18px;font-size:24px}
.ma-app .ma-badge{padding:4px 10px;border-radius:999px;border:1px solid var(--ma-l3);color:var(--ma-fg);font-size:11.5px;white-space:nowrap}.ma-app .ma-badge--acc{color:var(--ma-acc);border-color:var(--ma-l2)}
.ma-app .ma-av{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--ma-line);color:var(--ma-fg);font-size:12px;font-weight:600;letter-spacing:.02em}
.ma-app .ma-av--sm{width:28px;height:28px;font-size:9.5px}.ma-app .ma-av--lg{width:52px;height:52px;font-size:14px;box-shadow:0 0 0 2px var(--ma-bg),0 0 0 4px var(--ma-l2)}
.ma-app .ma-person{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center}.ma-app .ma-person>span{display:grid;gap:2px;min-width:0}.ma-app .ma-inline{font-size:12px;color:var(--ma-t3)}
/* HOY */
.ma-app .ma-head{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;min-height:46px}
.ma-app .ma-mark{width:28px;height:28px;object-fit:cover;object-position:50% 12%;clip-path:inset(4% 14% 30% 14%);transform:scale(1.35)}
.ma-app h3.ma-date{margin:0;font-family:inherit;font-size:13px;font-weight:400;letter-spacing:0;color:var(--ma-t2);line-height:1.2}
.ma-app .ma-batt{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;border:0;background:none;color:var(--ma-t1);font-size:12.5px}.ma-app .ma-batt svg{color:var(--ma-t2)}.ma-app .ma-acc-fill{fill:var(--ma-acc)}
.ma-app .ma-badge-dot{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--ma-acc);box-shadow:0 0 0 2px var(--ma-bg)}
.ma-app .ma-pill{text-align:left;display:flex;align-items:center;gap:8px;justify-self:start;min-height:42px;margin-top:2px;padding:0 13px 0 11px;border-radius:999px;border:1px solid var(--ma-line);background:var(--ma-s1);color:var(--ma-t2);font-size:11.5px;max-width:100%}
.ma-app .ma-dot-ok{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ma-ok)}
.ma-app .ma-score{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:14px;padding:16px 0}
.ma-app .ma-score-b{display:grid;gap:6px;justify-items:start;padding:0;border:0;background:none;text-align:left}
.ma-app .ma-score-n{font-size:96px;font-weight:500;letter-spacing:-.065em;line-height:.86;font-variant-numeric:tabular-nums;animation:ma-num .7s cubic-bezier(.16,1,.3,1) backwards}
.ma-app .ma-score-l{display:flex;align-items:center;gap:6px;min-height:28px;font-size:13px;color:var(--ma-t2);white-space:nowrap}.ma-app .ma-q{padding:3px 8px;border-radius:999px;border:1px solid var(--ma-l2);color:var(--ma-acc);font-size:11.5px}
.ma-app .ma-spark{display:grid;gap:4px;padding-bottom:4px}.ma-app .ma-spark svg{width:100%;height:64px}.ma-app .ma-spark-l{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ma-t3);gap:4px}
.ma-app .ma-area{fill:var(--ma-acc);opacity:.14}.ma-app .ma-line{fill:none;stroke:var(--ma-acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ma-app .ma-draw{stroke-dasharray:1;animation:ma-draw 1.25s cubic-bezier(.65,0,.35,1) backwards}
@keyframes ma-draw{from{stroke-dashoffset:1}}
.ma-app .ma-meters{display:grid;gap:11px;padding:14px 0 18px;border-top:1px solid var(--ma-line)}
.ma-app .ma-meter{display:grid;grid-template-columns:96px 1fr 26px;align-items:center;gap:12px;font-size:13.5px}.ma-app .ma-meter>span:last-child{text-align:right;font-variant-numeric:tabular-nums}
.ma-app .ma-insight{margin:0;padding:16px 0 20px;border-top:1px solid var(--ma-line);font-size:19px;line-height:1.35;letter-spacing:-.015em;font-weight:450}
.ma-app .ma-w{display:inline-block;animation:ma-blurin 1.1s cubic-bezier(.16,1,.3,1) backwards}
@keyframes ma-blurin{from{opacity:0;filter:blur(10px);transform:translateY(.32em)}}
.ma-app .ma-sub2{font-size:13px;color:var(--ma-t2)}
.ma-app .ma-moment{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;width:100%;min-height:60px;padding:10px 0;border:0;border-top:1px solid var(--ma-line);background:none;color:var(--ma-fg);text-align:left}
.ma-app .ma-moment>span:nth-child(2){display:grid;gap:2px}.ma-app .ma-mt{font-size:12.5px;color:var(--ma-t2);font-variant-numeric:tabular-nums}.ma-app .ma-moment strong{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}
.ma-app .ma-report{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:16px;padding:15px;border-radius:14px;background:var(--ma-card);color:var(--ma-ink);font-size:13.5px;line-height:1.4}
/* SALUD */
.ma-app .ma-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:12px}
.ma-app .ma-days button{display:grid;justify-items:center;gap:1px;min-height:50px;padding:6px 0;border:0;border-radius:12px;background:var(--ma-s1);color:var(--ma-t1)}
.ma-app .ma-days span{font-size:10.5px;opacity:.8}.ma-app .ma-days strong{font-size:15.5px;font-weight:500;font-variant-numeric:tabular-nums}
.ma-app .ma-days button[aria-pressed=true]{background:var(--ma-btn);color:var(--ma-btn-t)}
.ma-app .ma-gauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px}
.ma-app .ma-gauge{display:grid;justify-items:center;gap:1px;padding:11px 3px 10px;border-radius:17px;border:1px solid var(--ma-line);background:var(--ma-s1);color:var(--ma-fg)}
.ma-app .ma-gauge svg{width:78px;height:44px}.ma-app .ma-arc-bg,.ma-app .ma-arc{fill:none;stroke-width:7;stroke-linecap:round}.ma-app .ma-arc-bg{stroke:var(--ma-line)}
.ma-app .ma-arc{animation:ma-arc .9s var(--ma-ease) backwards}@keyframes ma-arc{from{stroke-dasharray:0 100}}
.ma-app .ma-gauge strong{margin-top:-20px;font-size:22px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ma-app .ma-gauge span{margin-top:5px;font-size:12px}.ma-app .ma-gauge small{font-size:11px}
.ma-app .ma-reason{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--ma-line)}
.ma-app .ma-reason>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ma-s1);font-size:14px}.ma-app .ma-reason>span:last-child{display:grid;gap:2px}
.ma-app .ma-todo-i{display:grid;grid-template-columns:20px 1fr;gap:8px;color:var(--ma-t1)}.ma-app .ma-todo-i b{color:var(--ma-acc);font-weight:500}
.ma-app .ma-legend{display:flex;flex-wrap:wrap;gap:6px 14px;padding:6px 0 10px;font-size:11px;color:var(--ma-t2)}.ma-app .ma-legend span{display:inline-flex;align-items:center;gap:6px}
.ma-app .lg-band{width:20px;height:9px;border-radius:5px;background:var(--ma-l2)}.ma-app .lg-avg{width:2px;height:13px;background:var(--ma-t3)}.ma-app .lg-dot{width:9px;height:9px;border-radius:50%;background:var(--c)}
.ma-app .lg-avgd{width:16px;border-top:1px dashed var(--ma-t3)}.ma-app .lg-ghost{width:14px;height:8px;border-radius:3px;box-shadow:inset 0 0 0 1.5px var(--ma-ok)}.ma-app .lg-sq{width:9px;height:9px;border-radius:2px;background:var(--c)}.ma-app .lg-ring{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--ma-acc)}.ma-app .lg-ma{width:16px;border-top:2px solid var(--ma-fg)}
.ma-app .ma-legend--detail{padding-top:8px}
.ma-app .ma-bullet,.ma-app .ma-signal{display:grid;gap:5px;width:100%;padding:14px 0 13px;border:0;border-top:1px solid var(--ma-line);background:none;color:var(--ma-fg);text-align:left}
.ma-app .ma-bl-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.ma-app .ma-bl-head>span:first-child{display:grid;gap:3px;min-width:0}
.ma-app .ma-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--c)}.ma-app .ma-status i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.ma-app .ma-bl-v{font-size:24px;font-weight:500;letter-spacing:-.03em;line-height:1;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ma-app .ma-bl-v small{font-size:12px;font-weight:400;letter-spacing:0;margin-left:3px}.ma-app .ma-bl-v--lg{font-size:28px}
.ma-app .ma-bl-track{position:relative;display:block;height:26px;margin-top:4px}
.ma-app .ma-bl-track::before{content:"";position:absolute;left:0;right:0;top:10px;height:6px;border-radius:6px;background:var(--ma-s2)}
.ma-app .ma-bl-band{position:absolute;top:7px;height:12px;border-radius:6px;background:var(--ma-l2)}.ma-app .ma-bl-avg{position:absolute;top:3px;width:2px;height:20px;margin-left:-1px;border-radius:1px;background:var(--ma-t3)}
.ma-app .ma-bl-dot{position:absolute;top:5px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px var(--ma-bg);transition:left .65s var(--ma-ease)}
.ma-app .ma-bl-scale{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--ma-t3);font-variant-numeric:tabular-nums}
.ma-app .ma-tagline{display:block;font-size:11.5px;line-height:1.45;color:var(--ma-acc)}
.ma-app .ma-act{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}
.ma-app .ma-act-c{display:grid;gap:4px;padding:12px 10px;border-radius:15px;background:var(--ma-s1)}.ma-app .ma-act-c>span:first-child{font-size:11.5px;color:var(--ma-t2)}
.ma-app .ma-act-c strong{font-size:19px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ma-app .ma-act-c strong small{font-size:10.5px;font-weight:400;margin-left:2px}.ma-app .ma-act-c>small{font-size:10.5px;color:var(--ma-t3)}
.ma-app .ma-bigline{display:flex;align-items:baseline;gap:8px;margin-top:18px;font-variant-numeric:tabular-nums}
.ma-app .ma-big{font-size:76px;font-weight:500;letter-spacing:-.06em;line-height:.9}.ma-app .ma-big--md{font-size:64px}.ma-app .ma-big--xl{font-size:86px}
.ma-app .ma-num-in{animation:ma-num .7s cubic-bezier(.16,1,.3,1) backwards}@keyframes ma-num{from{opacity:0;transform:translateY(10px);filter:blur(6px)}}
.ma-app .ma-hyp{display:grid;grid-template-columns:62px 1fr;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ma-line)}
.ma-app .ma-hyp-l{display:grid;grid-template-rows:repeat(4,26px);align-items:center;font-size:11px;color:var(--ma-t2)}
.ma-app .ma-hyp-c{position:relative;height:104px;background:repeating-linear-gradient(180deg,transparent 0 25px,var(--ma-s2) 25px 26px)}.ma-app .ma-hyp-c i{position:absolute;height:14px;border-radius:3px}
.ma-app .ma-hyp-x{display:flex;justify-content:space-between;padding:6px 0 0 70px;font-size:10.5px;color:var(--ma-t3);font-variant-numeric:tabular-nums}
.ma-app .ma-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.ma-app .ma-stages>div{display:grid;gap:3px}.ma-app .ma-stages strong{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.ma-app .ma-stages small{font-size:10.5px;color:var(--ma-t3)}
.ma-app .ma-help{font-size:13px}.ma-app .ma-help b{font-weight:600}.ma-app .ma-help small{color:var(--ma-t3)}
.ma-app .ma-reveal{animation:ma-reveal .26s var(--ma-ease) backwards}@keyframes ma-reveal{from{opacity:0;transform:translateY(-6px)}}
.ma-app svg.ma-hr{width:100%;height:auto;margin-top:8px;overflow:visible}.ma-app .ma-hr line{stroke:var(--ma-s2)}.ma-app .ma-hr text,.ma-app .ma-sig-svg text{fill:var(--ma-t3);font-size:10px}.ma-app .ma-hr-dot{fill:var(--ma-bg);stroke:var(--ma-fg);stroke-width:2}
.ma-app .ma-nights{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;align-items:end;height:136px;margin-top:10px}
.ma-app .ma-nights::before{content:"";position:absolute;left:0;right:0;bottom:72px;border-top:1px dashed var(--ma-l2)}
.ma-app .ma-nights button{display:grid;gap:5px;justify-items:center;align-content:end;height:136px;padding:0 2px;border:0;background:none;color:var(--ma-t3);position:relative}
.ma-app .ma-nights small{font-size:10px;color:inherit;font-variant-numeric:tabular-nums}.ma-app .ma-nights i{width:100%;border-radius:4px 4px 2px 2px;background:var(--ma-line)}.ma-app .ma-nights span{font-size:10.5px}
.ma-app .ma-nights button[aria-pressed=true]{color:var(--ma-fg)}.ma-app .ma-nights button[aria-pressed=true] i{background:var(--ma-acc)}
.ma-app .ma-grow{transform-origin:50% 100%;animation:ma-bar .85s var(--ma-ease) backwards}@keyframes ma-bar{from{transform:scaleY(0);opacity:.2}}
.ma-app .ma-reg{display:grid;grid-template-columns:34px repeat(7,minmax(0,1fr));gap:6px;height:182px;margin-top:10px}
.ma-app .ma-reg-y{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));font-size:9.5px;color:var(--ma-t3)}
.ma-app .ma-reg-c{position:relative;height:160px;border-radius:6px;background:var(--ma-s1)}.ma-app .ma-reg-c i{position:absolute;left:22%;right:22%;border-radius:6px;background:var(--ma-l2)}.ma-app .ma-reg-c i.on{background:var(--ma-acc)}
.ma-app .ma-reg-c span{position:absolute;left:-8px;right:-8px;bottom:-19px;text-align:center;font-size:10px;color:var(--ma-t3)}.ma-app .ma-reg-c span.on{color:var(--ma-fg)}
.ma-app .ma-sig-svg{width:100%;height:auto;margin-top:8px;overflow:visible}.ma-app .ma-band{fill:var(--ma-s2)}
.ma-app .ma-pt{fill:var(--ma-bg);stroke:var(--ma-acc);stroke-width:1.5}.ma-app .ma-pt.on{fill:var(--ma-acc)}
.ma-app .ma-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--ma-t3)}
.ma-app .ma-impact{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:13px 0;border-top:1px solid var(--ma-line)}.ma-app .ma-impact>span:first-child{display:grid;gap:2px}.ma-app .ma-impact strong{font-size:14px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.ma-app .ma-impact-t{grid-column:1/-1;position:relative;height:8px;border-radius:8px;background:var(--ma-s2)}.ma-app .ma-impact-mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--ma-l2)}
.ma-app .ma-impact-b{position:absolute;top:0;bottom:0;border-radius:8px;animation:ma-hbar .85s var(--ma-ease) backwards}@keyframes ma-hbar{from{transform:scaleX(0)}}
.ma-app .ma-impact>.ma-sub{grid-column:1/-1}
/* metric detail */
.ma-app h3.ma-title.ma-title--sm{color:var(--ma-t2)}
.ma-app .ma-cmp{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.ma-app .ma-chart{position:relative;margin-top:14px}.ma-app .ma-chart svg{display:block;width:100%;height:210px;overflow:visible}
.ma-app .ma-scrub{position:absolute;inset:0;touch-action:pan-y;cursor:pointer;border-radius:10px}
.ma-app .ma-band2{fill:var(--ma-s1)}.ma-app .ma-avgline{stroke:var(--ma-l3);stroke-dasharray:4 4}
.ma-app .ma-bar{fill:var(--ma-l2);transform-box:fill-box;transform-origin:50% 100%;animation:ma-bar .85s var(--ma-ease) backwards}.ma-app .ma-bar.on{fill:var(--ma-acc)}
.ma-app .ma-vl{fill:var(--ma-t2);font-size:10.5px;font-variant-numeric:tabular-nums}.ma-app .ma-vl.on{fill:var(--ma-fg);font-weight:600}
.ma-app .ma-stack{opacity:.75}.ma-app .ma-stack.on{opacity:1}
.ma-app .ma-db-l{stroke:var(--ma-l3);stroke-width:2}.ma-app .ma-db-s{fill:var(--ma-acc2)}.ma-app .ma-db-s.on{fill:var(--ma-acc)}.ma-app .ma-db-d{fill:var(--ma-bg);stroke:var(--ma-acc2);stroke-width:2}.ma-app .ma-db-d.on{stroke:var(--ma-acc)}
.ma-app .ma-ghost{fill:none;stroke:var(--ma-ok);stroke-width:1.5}.ma-app .ma-ghost-l{fill:none;stroke:var(--ma-ok);stroke-width:2;stroke-dasharray:4 4}
.ma-app .ma-ma{fill:none;stroke:var(--ma-fg);stroke-width:1.6;opacity:.8}
.ma-app .ma-xl{fill:var(--ma-t3);font-size:10.5px}.ma-app .ma-xl.on{fill:var(--ma-fg)}
.ma-app .ma-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;border-top:1px solid var(--ma-line);border-bottom:1px solid var(--ma-line)}.ma-app .ma-stats--3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}
.ma-app .ma-stats>div{display:grid;gap:3px;padding:12px 0}.ma-app .ma-stats strong{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}.ma-app .ma-stats span{font-size:11px;color:var(--ma-t2)}
.ma-app .ma-hours{position:relative;height:128px;margin-top:12px}
.ma-app .ma-hours-b{position:absolute;inset:0 0 18px 0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:2px;align-items:end}.ma-app .ma-hours-b i{border-radius:3px 3px 1px 1px;background:var(--ma-l2)}.ma-app .ma-hours-b i.on{background:var(--ma-acc)}
.ma-app .ma-hours-x{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:2px;font-size:9.5px;color:var(--ma-t3);text-align:center}
.ma-app .ma-tip{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:11px 0;border-top:1px solid var(--ma-line);font-size:13.5px;line-height:1.45}.ma-app .ma-tip b{color:var(--ma-acc);font-weight:600}.ma-app .ma-tip>span{display:grid;gap:2px}
.ma-app .ma-dayrow{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;min-height:44px;border-top:1px solid var(--ma-line);font-size:14px}.ma-app .ma-dayrow>span:last-child{min-width:64px;text-align:right;font-variant-numeric:tabular-nums}.ma-app .ma-dayrow small{font-variant-numeric:tabular-nums}
/* VOZ */
.ma-app .ma-voz-h{min-height:48px}
.ma-app .ma-live{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border-radius:999px;border:1px solid var(--ma-line);background:transparent;color:var(--ma-fg);font-size:12px;white-space:nowrap}
.ma-app .ma-live i{width:8px;height:8px;border-radius:50%;background:var(--ma-l3)}.ma-app .ma-live.on{background:var(--ma-rec);border-color:var(--ma-rec-b)}.ma-app .ma-live.on i{background:var(--ma-warn);animation:ma-pulse 1.2s ease-in-out infinite}
@keyframes ma-pulse{50%{opacity:.35}}
.ma-app .ma-voz-h+.ma-sub{margin:2px 0 12px}
.ma-app .ma-seg+.ma-card.ma-note,.ma-app .ma-seg+.ma-chips{margin-top:12px}
.ma-app .ma-rec{justify-self:end;margin:0 0 12px auto;width:92%;padding:13px 15px;border-radius:20px 20px 6px 20px;background:var(--ma-rec);border:1px solid var(--ma-rec-b);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.ma-app .ma-rec>span:nth-child(2){display:grid;gap:2px}
.ma-app .ma-recdot{width:10px;height:10px;border-radius:50%;background:var(--ma-warn);animation:ma-pulse 1.2s ease-in-out infinite}
.ma-app .ma-eq{display:flex;gap:3px;align-items:center;height:26px}.ma-app .ma-eq i{width:3px;height:10px;border-radius:2px;background:var(--ma-acc);animation:ma-eq .9s ease-in-out infinite}.ma-app .ma-eq i:nth-child(2){animation-delay:.15s}.ma-app .ma-eq i:nth-child(3){animation-delay:.3s}.ma-app .ma-eq i:nth-child(4){animation-delay:.45s}.ma-app .ma-eq i:nth-child(5){animation-delay:.6s}
@keyframes ma-eq{0%,100%{height:6px}50%{height:24px}}
.ma-app .ma-daychip{display:table;margin:8px auto 12px;padding:4px 12px;border-radius:999px;background:var(--ma-s1);font-size:11px;color:var(--ma-t2)}
.ma-app .ma-bubble{display:grid;gap:9px;width:94%;margin:0 0 12px auto;padding:14px;border-radius:20px 20px 6px 20px;background:var(--ma-s2)}
.ma-app .ma-player{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}
.ma-app .ma-play{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:var(--ma-btn);color:var(--ma-btn-t)}
.ma-app .ma-wave{display:flex;gap:2px;align-items:center;height:32px}.ma-app .ma-wave i{flex:1;border-radius:2px;background:var(--ma-l3);transition:background-color .2s}.ma-app .ma-wave i.on{background:var(--ma-acc)}
.ma-app .ma-player small{font-variant-numeric:tabular-nums}
.ma-app .ma-trans{display:grid;gap:4px;padding-top:2px}.ma-app .ma-line-t{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:8px 0;border-top:1px solid var(--ma-line);font-size:13.5px;line-height:1.5}
.ma-app .ma-pick{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--ma-line)}
/* LECTURA */
.ma-app .ma-reading{display:grid;gap:6px;padding:30px 0 18px}.ma-app .ma-trace{width:100%;height:auto}.ma-app .ma-trace path{fill:none;stroke:var(--ma-line);stroke-width:1.8;stroke-linejoin:round}.ma-app .ma-trace.on path{stroke:var(--ma-acc)}
/* COMUNIDAD */
.ma-app .ma-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;margin-top:22px}.ma-app .ma-podium>div{display:grid;justify-items:center;align-content:end;gap:5px;min-width:0}
.ma-app .ma-step{display:grid;place-items:center;width:100%;margin-top:4px;border-radius:12px 12px 4px 4px;font-size:22px;font-weight:600}.ma-app .ma-step.p1{background:var(--ma-fg);color:var(--ma-btn-t)}.ma-app .ma-step.p2{background:var(--ma-acc2);color:var(--ma-bg)}.ma-app .ma-step.p3{background:var(--ma-acc3);color:var(--ma-fg)}
.ma-app .ma-me-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;margin-top:14px;padding:13px;border-radius:14px;background:var(--ma-s2);font-size:14px}.ma-app .ma-me-row b{color:var(--ma-acc)}.ma-app .ma-me-row span:last-child{font-variant-numeric:tabular-nums}
.ma-app .ma-label{display:block;margin:16px 0 8px;font-size:13px;color:var(--ma-t2)}
.ma-app .ma-field{position:relative;display:flex;align-items:center;min-height:48px;border-radius:13px;border:1px solid var(--ma-line);background:var(--ma-s1);padding:0 14px}
.ma-app .ma-field input{flex:1;min-width:0;min-height:46px;border:0;background:none;color:var(--ma-fg);font-size:15px;outline:none}.ma-app .ma-field:focus-within{border-color:var(--ma-acc)}
.ma-app .ma-field--at>span{color:var(--ma-t3);margin-right:4px}.ma-app .ma-field.ok{border-color:var(--ma-ok)}.ma-app .ma-field.bad{border-color:var(--ma-warn)}
.ma-app .ma-results{display:grid;margin-top:8px}
.ma-app .ma-ref{margin-top:20px}.ma-app .ma-code{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--ma-bg);border:1px solid var(--ma-line)}.ma-app .ma-code span{display:grid}.ma-app .ma-code strong{font-size:17px;letter-spacing:.06em;color:var(--ma-fg)}
.ma-app .ma-thread-r{display:grid;justify-items:end;gap:4px}.ma-app .ma-thread-r b{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--ma-acc);color:var(--ma-bg);font-size:11px;display:grid;place-items:center}
.ma-app .ma-option{display:grid;gap:3px;width:100%;margin-top:8px;padding:13px 15px;border-radius:14px;border:1px solid var(--ma-line);background:transparent;color:var(--ma-fg);text-align:left}
.ma-app .ma-option[aria-pressed=true],.ma-app .ma-option[aria-checked=true]{border-color:var(--ma-acc);background:var(--ma-s1)}
.ma-app .ma-comm-h{display:grid;grid-template-columns:60px 1fr;gap:4px 14px;align-items:center;margin-top:4px}.ma-app .ma-comm-h .ma-tile{grid-row:span 2}.ma-app .ma-comm-h h3{margin:0}
.ma-app .ma-preview{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;min-height:52px;border-top:1px solid var(--ma-line);font-size:13.5px;line-height:1.4}
.ma-app .ma-rank{display:grid;grid-template-columns:24px 34px 1fr auto;gap:10px;align-items:center;min-height:54px;padding:0 8px;border-top:1px solid var(--ma-line);font-size:14px}.ma-app .ma-rank .ma-av{width:34px;height:34px;font-size:11px}.ma-app .ma-rank.me{background:var(--ma-s2);border-radius:12px;border-color:transparent}.ma-app .ma-rank b{color:var(--ma-t3)}.ma-app .ma-rank>span:last-child{font-variant-numeric:tabular-nums}
.ma-app .ma-pending{margin:0 0 12px}.ma-app .ma-person-row{display:grid;grid-template-columns:40px 1fr auto auto;gap:8px;align-items:center}.ma-app .ma-person-row>span:nth-child(2){display:grid;gap:1px}
.ma-app .ma-chat-h{display:grid;grid-template-columns:auto 1fr;gap:0 6px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--ma-line)}.ma-app .ma-chat-h .ma-icon{grid-row:span 2;color:var(--ma-acc);margin-left:-10px}
.ma-app h3.ma-chat-title{margin:0;font-family:inherit;font-size:16px;font-weight:500;letter-spacing:0;color:var(--ma-fg)}
.ma-app .ma-msgs{display:flex;flex-direction:column;gap:8px;padding:16px 0;min-height:300px}
.ma-app .ma-msg{display:flex;gap:8px;align-items:flex-end;align-self:flex-start;max-width:86%;animation:ma-msg .5s var(--ma-ease) backwards}.ma-app .ma-msg>div{display:grid;gap:4px;justify-items:start;min-width:0}
.ma-app .ma-msg.me{align-self:flex-end}.ma-app .ma-msg.me>div{justify-items:end}
.ma-app .ma-msg-b{padding:10px 14px;border-radius:18px 18px 18px 4px;background:var(--ma-s2);font-size:14px;line-height:1.4;overflow-wrap:anywhere}.ma-app .ma-msg.me .ma-msg-b{border-radius:18px 18px 4px 18px;background:var(--ma-card);color:var(--ma-ink)}
@keyframes ma-msg{from{opacity:0;transform:translateY(14px) scale(.94)}}
.ma-app .ma-typing{display:flex;gap:4px;align-items:center;height:38px;padding:0 14px;border-radius:18px 18px 18px 4px;background:var(--ma-s2)}.ma-app .ma-typing i{display:block;width:7px;height:7px;border-radius:50%;background:var(--ma-t2);animation:ma-dot 1.1s ease-in-out infinite}.ma-app .ma-typing i:nth-child(2){animation-delay:.15s}.ma-app .ma-typing i:nth-child(3){animation-delay:.3s}
@keyframes ma-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.ma-app .ma-composer{position:sticky;bottom:-28px;display:grid;grid-template-columns:1fr 46px;gap:8px;padding:10px 0;background:var(--ma-bg)}
.ma-app .ma-composer input{min-height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--ma-line);background:var(--ma-s1);color:var(--ma-fg);font-size:15px;min-width:0}
.ma-app .ma-send{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;background:var(--ma-btn);color:var(--ma-btn-t)}
/* ANILLO */
.ma-app .ma-battery{display:grid;justify-items:center;gap:10px;padding:12px 0 18px}.ma-app .ma-battery svg{width:200px;height:auto}.ma-app .ma-battery>span{font-size:13.5px;color:var(--ma-t1)}
.ma-app .ma-bat-o{stroke:var(--ma-l2)}.ma-app .ma-bat-n{fill:var(--ma-l2)}.ma-app .ma-bat-bg{fill:var(--ma-s1)}.ma-app .ma-bat-t{fill:var(--ma-fg);font-size:30px;font-weight:600;font-family:inherit}
.ma-app .ma-bat-fill{transform-box:fill-box;transform-origin:0 50%;animation:ma-hbar 1.1s var(--ma-ease) backwards}
.ma-app .ma-sep{border-top:1px solid var(--ma-line);padding-top:14px;margin-top:4px}.ma-app .ma-pad{padding-bottom:14px}
.ma-app .ma-batbars{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end;height:112px;margin:12px 0 8px}
.ma-app .ma-batbars>div{position:relative;display:grid;gap:4px;justify-items:center;align-content:end;height:112px}.ma-app .ma-batbars small{font-size:10.5px;color:var(--ma-t1)}.ma-app .ma-batbars i{width:100%;border-radius:4px 4px 2px 2px;background:var(--ma-l2)}.ma-app .ma-batbars i.on{background:var(--ma-acc)}.ma-app .ma-batbars span{font-size:10px;color:var(--ma-t3);white-space:nowrap}
.ma-app .ma-batband{position:absolute;left:0;right:0;border-radius:6px;background:var(--ma-s1);box-shadow:inset 0 0 0 1px var(--ma-line)}
.ma-app .ma-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ma-app .ma-theme{display:grid;justify-items:center;gap:6px;min-height:74px;padding:10px 0;border-radius:14px;border:1px solid var(--ma-line);background:transparent;color:var(--ma-t1);font-size:12.5px}
.ma-app .ma-theme i{width:40px;height:26px;border-radius:7px;box-shadow:inset 0 0 0 1px var(--ma-l2)}.ma-app .t-dark i{background:linear-gradient(135deg,#0a0708 50%,#2a2023 50%)}.ma-app .t-light i{background:linear-gradient(135deg,#f4efe9 50%,#e6dcd3 50%)}.ma-app .t-auto i{background:linear-gradient(135deg,#0a0708 50%,#f4efe9 50%)}
.ma-app .ma-theme[aria-checked=true]{background:var(--ma-btn);border-color:var(--ma-btn);color:var(--ma-btn-t)}
.ma-app .ma-member{display:grid;gap:10px;padding:14px 0;border-top:1px solid var(--ma-line)}.ma-app .ma-member>.ma-split>span:last-child{font-size:12px}
.ma-app .ma-member-d{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ma-app .ma-member-d>span{display:grid;gap:2px;padding:12px;border-radius:12px;background:var(--ma-s1)}.ma-app .ma-member-d strong{font-size:14.5px;font-weight:500;font-variant-numeric:tabular-nums}.ma-app .ma-member-d small{font-size:11px}
.ma-app .ma-row2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:8px 0 6px}
.ma-app .ma-radios{display:grid;gap:0;margin:2px 0 12px}
.ma-app .ma-confirm{border:1px solid var(--ma-warn)}
.ma-app .ma-spec{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--ma-line);font-size:13px;line-height:1.4}.ma-app .ma-spec>span:first-child{color:var(--ma-t2)}
/* BIENVENIDA */
.ma-app .ma-ob{display:grid;align-content:start;min-height:100%;padding-top:20px}
.ma-app .ma-ob--center{place-items:center;align-content:center;text-align:center;gap:24px;min-height:calc(100% - 10px)}
.ma-app .ma-ob--end{grid-template-rows:1fr auto;min-height:calc(100% - 10px)}
.ma-app .ma-ob-actions{display:grid;gap:10px;margin-top:22px}
.ma-app .ma-logo{display:grid;justify-items:center;gap:0}.ma-app .ma-logo img{width:150px;height:150px;object-fit:cover;object-position:50% 5%;clip-path:inset(0 0 33% 0);margin-bottom:-46px;animation:ma-sweep 1.4s cubic-bezier(.65,0,.35,1) .2s backwards}
.ma-app .ma-logo span{font-size:34px;letter-spacing:.42em;margin-right:-.42em;font-weight:300;color:var(--ma-fg);animation:ma-word .9s cubic-bezier(.16,1,.3,1) 1.2s backwards}
@keyframes ma-sweep{from{opacity:0;transform:rotate(-80deg) scale(.8)}}@keyframes ma-word{from{opacity:0;transform:translateY(10px)}}
.ma-app .ma-ob-skip{position:absolute;bottom:24px;left:0;right:0;margin-inline:auto;width:max-content;justify-content:center}
.ma-app .ma-ob-hero{display:grid;place-items:center;align-content:center;gap:24px}
.ma-app .ma-ob-mark{width:110px;height:110px;object-fit:cover;object-position:50% 5%;clip-path:inset(0 0 33% 0)}
.ma-app .ma-ob-tag{margin:0;max-width:13ch;text-align:center;font-size:31px;font-weight:500;line-height:1.08;letter-spacing:-.035em}
.ma-app .ma-ob-google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;border-radius:16px;border:0;background:#f4efe9;color:#2a2626;font-size:15.5px;font-weight:600}
.ma-app .ma-ob-apple{min-height:50px;border-radius:16px;border:1px solid var(--ma-line);background:none;color:var(--ma-fg);font-size:14.5px;font-weight:500}
.ma-app .ma-ob-cta{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:16px;border:0;background:var(--ma-btn);color:var(--ma-btn-t);font-size:15.5px;font-weight:600}
.ma-app .ma-rise{animation:ma-rise .7s cubic-bezier(.16,1,.3,1) .16s backwards}@keyframes ma-rise{from{opacity:0;transform:translateY(14px);filter:blur(8px)}}
.ma-app .ma-orbit-w{position:relative;width:120px;height:120px}.ma-app .ma-orbit{animation:ma-spin 1.1s linear infinite}.ma-app .ma-orbit-bg{stroke:var(--ma-line)}.ma-app .ma-orbit-fg{stroke:var(--ma-acc)}
.ma-app .ma-orbit-w img{position:absolute;left:30px;top:26px;width:60px;height:60px;object-fit:cover;object-position:50% 5%;clip-path:inset(0 0 33% 0)}
@keyframes ma-spin{to{transform:rotate(360deg)}}
.ma-app .ma-ob-hello{margin:0;font-size:19px;font-weight:500;letter-spacing:-.02em}
.ma-app .ma-ob--terms{grid-template-rows:auto auto minmax(0,1fr) auto;height:calc(100% - 4px);min-height:0;padding-top:8px}
.ma-app .ma-terms{min-height:0;overflow-y:auto;margin-top:12px;padding:0 4px 16px 0;border-top:3px solid var(--ma-line);scrollbar-width:thin;scrollbar-color:var(--ma-l2) transparent}
.ma-app .ma-terms ul{margin:0;padding-left:18px;color:var(--ma-t1);font-size:13px;line-height:1.5}.ma-app .ma-terms li{margin-bottom:6px}
.ma-app .ma-terms h4{margin:18px 0 4px;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:0;color:var(--ma-fg)}.ma-app .ma-terms p{margin:0;font-size:13px;line-height:1.55;color:var(--ma-t1)}
.ma-app .ma-ob--terms .ma-ob-actions{margin-top:10px;padding-top:10px;border-top:1px solid var(--ma-line)}
.ma-app .ma-code-in{width:100%;min-height:58px;padding:0 14px;border-radius:16px;border:1px solid var(--ma-line);background:var(--ma-s1);color:var(--ma-fg);font-size:20px;font-weight:500;letter-spacing:.1em;text-align:center;font-variant-numeric:tabular-nums}
.ma-app .ma-code-in.ok{border-color:var(--ma-ok)}.ma-app .ma-code-in.bad{border-color:var(--ma-warn)}.ma-app .ma-code-in:focus{outline:2px solid var(--ma-acc);outline-offset:2px}
.ma-app .ma-code-h{display:block;min-height:18px;margin-top:8px;font-size:12.5px}
.ma-app .ma-pings{position:relative;display:grid;place-items:center;width:200px;height:200px}.ma-app .ma-pings i{position:absolute;width:130px;height:130px;border-radius:50%;border:1.5px solid var(--ma-acc);animation:ma-ping 2.2s cubic-bezier(.16,1,.3,1) infinite}.ma-app .ma-pings i:nth-child(2){animation-delay:.73s}.ma-app .ma-pings i:nth-child(3){animation-delay:1.46s}
.ma-app .ma-pings img{width:78px;height:78px;object-fit:cover;object-position:50% 5%;clip-path:inset(0 0 33% 0)}
@keyframes ma-ping{0%{transform:scale(.4);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.ma-app .ma-feat{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;min-height:50px;border-top:1px solid var(--ma-line);font-size:14.5px}.ma-app .ma-feat svg{color:var(--ma-acc)}
.ma-app .ma-ob-member{margin:0;border:1px solid var(--ma-line)}
/* sheets */
.ma-layer{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden;border-radius:inherit}
.ma-layer>*{pointer-events:auto}
.ma-app .ma-scrim{position:absolute;inset:0;background:var(--ma-scrim);animation:ma-fade .36s ease backwards}@keyframes ma-fade{from{opacity:0}}
.ma-app .ma-sheet{position:absolute;left:0;right:0;bottom:0;max-height:92%;display:grid;grid-template-rows:auto auto minmax(0,1fr);border-radius:26px 26px 0 0;background:var(--ma-s1);box-shadow:0 -1px 0 var(--ma-line);color:var(--ma-fg);animation:ma-sheet .56s cubic-bezier(.32,.72,0,1) backwards}
.ma-app .ma-sheet--diary,.ma-app .ma-sheet--gloss,.ma-app .ma-sheet--health{height:92%;background:var(--ma-bg)}
@keyframes ma-sheet{from{transform:translateY(100%)}}
.ma-app .ma-grab{justify-self:center;width:40px;height:5px;margin-top:9px;border-radius:3px;background:var(--ma-l2)}
.ma-app .ma-sheet-h{display:flex;justify-content:space-between;align-items:center;padding:4px 20px 8px;border-bottom:1px solid var(--ma-line)}.ma-app .ma-sheet-h h4{margin:0;font-family:inherit;font-size:19px;font-weight:500;letter-spacing:-.01em;color:var(--ma-fg)}
.ma-app .ma-sheet-b{overflow-y:auto;padding:4px 20px 24px;scrollbar-width:none;overscroll-behavior:contain}
.ma-app .ma-note-r{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:start;padding:13px 0;border-top:1px solid var(--ma-line)}.ma-app .ma-note-r:first-child{border-top:0}.ma-app .ma-note-r>i{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--ma-l2)}.ma-app .ma-note-r>i.new{background:var(--ma-acc)}.ma-app .ma-note-r>span{display:grid;gap:3px}
.ma-app .ma-base{grid-template-columns:auto 1fr;align-items:center;background:var(--ma-s2);margin-top:12px}.ma-app .ma-base>span:last-child{display:grid;gap:5px}
.ma-app .ma-why{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:11px 0;border-top:1px solid var(--ma-line)}.ma-app .ma-why strong{font-size:13.5px;font-variant-numeric:tabular-nums}
.ma-app .ma-why-t{position:relative;width:92px;height:6px;border-radius:6px;background:var(--ma-line);overflow:hidden}.ma-app .ma-why-t i{position:absolute;top:0;bottom:0;border-radius:6px}
.ma-app .ma-gloss{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid var(--ma-line)}
.ma-app .ma-sheet-b>.ma-seg{margin-top:12px}.ma-app .ma-sheet-b>.ma-seg+.ma-sub{margin-top:8px}
.ma-app .ma-stepper{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;min-height:62px;border-top:1px solid var(--ma-line)}.ma-app .ma-stepper>span:first-child{display:grid;gap:2px}
.ma-app .ma-step-c{display:flex;align-items:center;gap:4px}.ma-app .ma-step-c>span{min-width:46px;text-align:center;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}
.ma-app .ma-round{width:44px;height:44px;border-radius:50%;border:1px solid var(--ma-line);background:none;color:var(--ma-fg);font-size:20px;display:grid;place-items:center}.ma-app .ma-round--fill{border:0;background:var(--ma-btn);color:var(--ma-btn-t)}
.ma-app .ma-choice{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--ma-line)}
.ma-app .ma-textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--ma-line);background:var(--ma-s1);color:var(--ma-fg);font-size:14.5px;resize:none}
.ma-app .ma-label.ma-accent{color:var(--ma-acc)}
/* motion: re-renders stay still; only navigation animates */
.ma-app.ma-quiet .ma-w,.ma-app.ma-quiet .ma-draw,.ma-app.ma-quiet .ma-grow,.ma-app.ma-quiet .ma-bar,.ma-app.ma-quiet .ma-arc,.ma-app.ma-quiet .ma-num-in,.ma-app.ma-quiet .ma-meter-t>i,.ma-app.ma-quiet .ma-impact-b,.ma-app.ma-quiet .ma-score-n,.ma-app.ma-quiet .ma-bat-fill,.ma-app.ma-quiet .ma-rise,.ma-app.ma-quiet .ma-msg:not(:last-child),.ma-app.ma-quiet .ma-logo img,.ma-app.ma-quiet .ma-logo span{animation:none}
@media(hover:hover){.ma-app .ma-chip:not([aria-pressed=true]):hover,.ma-app .ma-seg-b:not([aria-pressed=true]):hover{border-color:var(--ma-l3)}.ma-app .ma-list-row:hover .ma-t,.ma-app .ma-moment:hover .ma-t{color:var(--ma-acc)}}
@media(prefers-reduced-motion:reduce){.ma-app *,.ma-app *::before,.ma-app *::after{animation:none!important;transition:none!important}.ma-app .ma-w{opacity:1;filter:none;transform:none}}
@media(prefers-contrast:more){.demo-phone.ma-app{--ma-t2:#d8cbc7;--ma-t3:#b3a29e;--ma-line:#5a4a4c}.demo-phone.ma-app[data-theme=light]{--ma-t2:#4a3e3c;--ma-t3:#5a4a48;--ma-line:#9a877d}}
@media(forced-colors:active){.ma-app .ma-chip[aria-pressed=true],.ma-app .ma-seg-b[aria-pressed=true],.ma-app .ma-days button[aria-pressed=true],.demo-phone.ma-app .demo-dock button[aria-current=page]{outline:2px solid Highlight}}
@media(max-width:360px){.demo-phone.ma-app .demo-screen{padding-inline:14px}.ma-app .ma-score-n{font-size:78px}.ma-app .ma-meter{grid-template-columns:86px 1fr 24px}.ma-app .ma-big{font-size:64px}.ma-app .ma-seg-b{font-size:12px}.demo-phone.ma-app .demo-dock button span{font-size:9.5px}}

/* refinement.css */
/* October review: restrained hierarchy, native scrolling, immediate feedback. */
:root{--surface-paper:#faf6f0;--surface-sand:#ede3d6;--ink-wine:#591d29;--ink-soft:#69554f;--motion-ease:cubic-bezier(.22,1,.36,1)}
.lazy-angle-pair:not([data-hover-state=ready]) .product-cutout:first-child{opacity:1!important;transform:none!important}
.lazy-angle-pair:not([data-hover-state=ready]) .product-cutout:last-child{opacity:0!important}
body{background:var(--surface-paper)}
h1,h2,h3{font-optical-sizing:auto;text-wrap:balance}
p{text-wrap:pretty}
.button{touch-action:manipulation}
.button:active{transform:scale(.975);transition-duration:70ms!important}
.header{inset:14px max(24px,calc((100% - 1328px)/2)) auto!important;height:70px;padding-inline:28px;border-radius:22px!important;background:#fcf8f2f5!important;border:1px solid #5a11190c;box-shadow:0 3px 18px #30151a06}
body[data-page=home] .header.on-dark:not(.on-scroll-nav):not(.has-nav-preview):not(.is-menu-open){inset:14px max(24px,calc((100% - 1328px)/2)) auto!important;border-radius:22px!important;background:#fcf8f2f5!important;border:1px solid #5a11190c!important}
.header.on-scroll-nav{height:70px!important;background:#fcf8f2f5!important;box-shadow:0 8px 30px #30151a0c}
.header .brand-crop{width:123px}
.header nav{gap:22px;font-size:.87rem}
.header .nav-main-link::after{height:2px;border-radius:2px;bottom:4px;background:#7d3843}
.header nav .nav-cta{min-height:42px;padding:11px 20px;font-size:.8rem;background:#591d29;box-shadow:none;gap:15px}
.header.header-hidden:not(.has-nav-preview):not(.is-menu-open):not(.has-keyboard-focus){transform:translate3d(0,calc(-100% - 26px),0)}
.nav-preview{top:calc(100% + 10px);border-radius:24px;border:1px solid #5a11190c;box-shadow:0 18px 70px #2f171a1f}
.nav-preview-inner{width:auto;grid-template-columns:220px 1fr 210px;gap:38px;padding:28px}
.nav-product-photo{aspect-ratio:1;border-radius:17px;background:#efe7dc}
.nav-product-photo img{padding:4%}
.nav-preview .nav-preview-title{font-size:2.3rem;max-width:15ch;margin-bottom:12px}
.nav-product-copy .eyebrow{margin-bottom:10px;font-size:.72rem;letter-spacing:0}
.nav-product-copy>p:not(.eyebrow):not(.nav-preview-title){font-size:.84rem;max-width:34ch;margin-bottom:18px}
.nav-preview .button{background:#591d29;box-shadow:none}
.nav-quick-links{padding-left:24px}.nav-quick-links>p{margin-top:12px;padding-top:14px}
.nav-scrim{background:#30242825;backdrop-filter:blur(3px)}
.nature-intro h1{letter-spacing:-.045em;line-height:1.02}
.nature-intro .eyebrow{letter-spacing:.13em;font-size:.65rem}
.nature-actions .button{background:#591d29;box-shadow:0 5px 18px #30151a20}
.nature-stage{box-shadow:none}
.interest-card{background:#eee5d9;border:0;border-radius:22px;min-height:340px;padding:25px 24px 18px;--card-hover:#dfccb6;--card-ink:#501d27}
.interest-card:nth-child(even){background:#e7dcd1;--card-hover:#591d29;--card-ink:#fff8ef}
.interest-card::before{display:none}
.interest-category{font-size:.75rem;margin-bottom:11px}
.interest-card h3{font-size:clamp(1.7rem,2.15vw,2.1rem);line-height:1.06;letter-spacing:-.03em}
.interest-art{height:185px;margin:12px 0 2px}
.interest-card-foot{font-size:.75rem}.interest-time{display:inline;font-size:.65rem}
.interest-arrow{width:36px;height:36px}
.interest-section{padding-bottom:45px}
.section-heading h2,.benefits-heading h2,.anatomy-heading h2{letter-spacing:-.04em}
.compact-collection{padding-top:62px;padding-bottom:90px}
.compact-collection .section-aside{max-width:31ch;font-size:.94rem;line-height:1.6;color:var(--ink-soft)}
.ring-card{border-radius:26px;overflow:hidden;background:#f0e7dc}
.ring-card-image{background:transparent;min-height:290px}
.ring-card-copy{padding:0 36px 34px}
.ring-card-copy>.eyebrow{font-size:.64rem;letter-spacing:.07em}
.ring-card-copy h3{font-size:2.35rem;letter-spacing:-.03em}
.ring-card-copy>p:not(.product-price){max-width:38ch;font-size:.93rem;line-height:1.6;color:var(--ink-soft);min-height:3.2em}
.ring-card-copy .button{min-height:48px;border-radius:30px;background:#591d29}
.collection-note,.benefit-note{font-size:.73rem;line-height:1.65;color:#6e5a54}
.benefits-section{padding-block:40px 100px}.benefits-heading>p{max-width:35ch}
.benefit-card{border-radius:24px}.benefit-copy h3{letter-spacing:-.035em}
.benefit-note{max-width:85ch;margin-top:20px}
.interest-dialog-shell{padding:23px 32px 28px}
.interest-dialog-top>span,.interest-step-label{font-size:.74rem;color:#6b4e49}
.interest-question-hint{font-size:.88rem}.interest-answer{font-size:.93rem;min-height:66px;border-radius:16px}
.interest-answer:active{transform:scale(.992);transition-duration:70ms}
.interest-privacy{font-size:.71rem;line-height:1.5}
.interest-question-actions .button{font-size:.85rem;min-height:48px}
.interest-back{font-size:.8rem}
.interest-guide-intro{padding:19px 20px;background:#eadccf;border-radius:18px;margin:20px 0}
.interest-guide-intro strong{display:block;font-size:1.02rem;font-weight:500;color:#591d29}
.interest-guide-intro p{margin:7px 0 0;font-size:.89rem;line-height:1.6;color:#664b46}
.interest-plan{list-style:none;padding:0;margin:22px 0;display:grid;gap:18px;counter-reset:guide}
.interest-plan li{display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:.88rem;line-height:1.65;color:#67514a;counter-increment:guide}
.interest-plan li::before{content:counter(guide);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eaddcf;font-size:.73rem;color:#591d29}
.interest-plan strong{font-weight:500;color:#3c2a29}
.interest-metric{border:1px solid #baa495;border-radius:16px;padding:17px 19px;font-size:.87rem;line-height:1.6}
.interest-metric>span{display:block;font-size:.72rem;color:#745650;margin-bottom:5px}
.interest-metric p{margin:0}.interest-metric a{display:inline-block;margin-top:10px;color:#591d29;text-decoration:underline;text-underline-offset:4px;min-height:30px}
.interest-product-fit{margin-top:22px;display:flex;gap:17px;align-items:center;border-top:1px solid #d4c1b4;padding-top:20px}
.interest-product-fit img{width:90px;height:90px;object-fit:contain;flex:none}
.interest-product-fit h3{font-size:1.2rem;margin:0 0 5px}.interest-product-fit p{font-size:.8rem;line-height:1.6;margin:0}.interest-product-fit a{display:inline-block;min-height:40px;padding-top:9px;color:#591d29;font-size:.83rem}
.interest-voice-choice{display:flex;align-items:center;gap:12px;margin:20px 0 6px;font-size:.83rem;line-height:1.5;cursor:pointer;min-height:44px}
.interest-voice-choice input{accent-color:#591d29;width:19px;height:19px;flex:none}
.interest-result .interest-result-note{font-size:.72rem;line-height:1.6;color:#6b5750;margin:12px 0}
.interest-guide-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:14px}
.interest-save{border:1px solid #bca695;border-radius:24px;background:transparent;color:#591d29;padding:10px 18px;min-height:44px;font-size:.8rem}
.anatomy-section{margin:0 24px 35px;background:#ede3d6;border-radius:28px}
.anatomy-section.is-enhanced{height:350svh;min-height:2200px}
.is-enhanced .anatomy-sticky{height:100svh;min-height:570px;grid-template-rows:44px minmax(0,1fr) 60px 29px;padding:26px 5% 18px}
.anatomy-layout{grid-template-columns:32% 68%}.anatomy-step h3{font-family:MicraDisplay,Arial,sans-serif;font-size:clamp(2.2rem,3.35vw,3.75rem);font-weight:400;line-height:1.04;letter-spacing:-.04em}
.anatomy-step>p{font-size:.9rem;line-height:1.65;max-width:31ch;color:#70564b}.anatomy-index{font-size:.7rem;letter-spacing:.09em;margin-bottom:20px}
.anatomy-heading .eyebrow{letter-spacing:.09em;color:#654038}.anatomy-heading h2{font-size:.8rem;color:#70564b}.anatomy-note{font-size:.69rem;color:#6d5047}
.anatomy-poster{mix-blend-mode:normal;mask-image:none;width:75%;height:88%;filter:none;object-fit:contain;transform-origin:center}
.anatomy-nav{gap:10px;width:min(850px,100%)}.anatomy-nav button{font-size:.73rem;border-radius:12px;padding-bottom:14px}.anatomy-nav button[aria-current]{background:#fff5;color:#5a1119}.anatomy-nav button:active{background:#d6beae;transition-duration:60ms}.anatomy-nav-number{font-variant-numeric:tabular-nums}
.anatomy-callout rect{fill:#fbf6ee;stroke:#bd9f90}.anatomy-callout text{font-size:18px;fill:#542b32}
.anatomy-macro{position:absolute;inset:4% 5% 7%;opacity:0;pointer-events:none;display:none}
.is-enhanced .anatomy-macro{display:block}.anatomy-macro img{height:100%;width:100%;object-fit:contain;mix-blend-mode:normal}
.anatomy-macro-label{position:absolute;display:flex;gap:10px;align-items:center;background:#faf5ed;border:1px solid #c6a99a;border-radius:30px;padding:9px 14px;font-size:.7rem;line-height:1.3;color:#592b32;white-space:nowrap}
.anatomy-macro-label i{display:block;width:7px;height:7px;border-radius:50%;background:#783b48;box-shadow:0 0 0 4px #783b481a}.anatomy-macro-label.label-one{right:4%;top:28%}.anatomy-macro-label.label-two{left:0;bottom:17%}
.anatomy-macro-label.label-one::after,.anatomy-macro-label.label-two::after{content:'';position:absolute;width:36px;height:1px;background:#8c5e53;top:50%}.anatomy-macro-label.label-one::after{right:100%;transform:rotate(-20deg);transform-origin:right}.anatomy-macro-label.label-two::after{left:100%;transform:rotate(-25deg);transform-origin:left}
.anatomy-section.is-static{height:auto;min-height:0}.is-static .anatomy-sticky{height:780px;max-height:none}
@media(max-width:1100px) and (min-width:981px){.header nav{gap:14px}.nav-preview-inner{grid-template-columns:190px 1fr 180px;gap:24px}.header{padding-inline:22px}.header .brand-crop{width:115px}}
@media(max-width:980px){
 .header,.header.on-scroll-nav{inset:12px 18px auto!important;height:62px!important;padding-inline:21px;border-radius:20px!important}
 body[data-page=home] .header.on-dark:not(.on-scroll-nav):not(.has-nav-preview):not(.is-menu-open){inset:12px 18px auto!important;border-radius:20px!important}
 .header .brand-crop{width:117px}.header.has-ui nav{top:calc(100% + 9px);padding:15px 24px 23px;border-radius:22px;border:1px solid #5a111910;max-height:calc(100dvh - 98px);gap:0}
 .header nav .nav-cta{font-size:.9rem;min-height:48px;padding-inline:19px}.header .nav-main-link{font-size:1.15rem}
 .nav-mobile-thumb{width:72px;height:72px;border-radius:15px}.nav-link-copy>small{font-size:.76rem}
 .nav-mobile-note{font-size:.73rem}.interest-card{min-height:285px}.interest-art{height:170px}.interest-card h3{font-size:2rem}
}
@media(max-width:760px){
 .header,.header.on-scroll-nav{inset:10px 12px auto!important;height:60px!important;padding-inline:20px;border-radius:19px!important}
 body[data-page=home] .header.on-dark:not(.on-scroll-nav):not(.has-nav-preview):not(.is-menu-open){inset:10px 12px auto!important;border-radius:19px!important}
 body[data-page=home] main{padding-top:83px}.nature-intro .eyebrow{font-size:.57rem;letter-spacing:.1em}
 .nature-intro h1{font-size:clamp(2.4rem,11.5vw,3.25rem)}
 .interest-card{min-height:235px;padding:20px 15px 14px;border-radius:20px}.interest-card h3{font-size:1.4rem;max-width:10ch}
 .interest-category{font-size:.67rem;margin-bottom:10px}.interest-art{height:115px;margin:7px 0 4px}
 .interest-card-foot{font-size:.66rem}.interest-time{display:none}.interest-arrow{width:30px;height:30px}
 .interest-section{padding-bottom:15px}.compact-collection{padding-top:44px;padding-bottom:52px}.compact-collection .section-aside{font-size:.87rem}
 .ring-card-copy{padding:0 25px 28px}.ring-card-image{min-height:240px}.ring-card-copy h3{font-size:2rem}.ring-card-copy>p:not(.product-price){font-size:.88rem;min-height:0}
 .benefits-section{padding-block:28px 56px}.benefit-card{border-radius:20px}.benefit-note,.collection-note{font-size:.7rem}
 .interest-dialog-shell{padding:17px 22px 25px}.interest-dialog h2{font-size:1.95rem}.interest-answer{font-size:.87rem}
 .interest-guide-intro{padding:16px}.interest-plan{gap:14px}.interest-plan li{font-size:.84rem}.interest-metric{font-size:.83rem}
 .interest-product-fit{gap:12px}.interest-product-fit img{width:75px;height:75px}
 .anatomy-section{margin:0 10px 12px;border-radius:23px}.anatomy-section.is-enhanced{height:340svh;min-height:2150px}
 .is-enhanced .anatomy-sticky{height:100svh;min-height:590px;max-height:950px;padding:17px 6% 13px;grid-template-rows:35px minmax(0,1fr) 49px 30px}
 .is-enhanced .anatomy-layout{grid-template-columns:1fr;grid-template-rows:205px minmax(0,1fr)}
 .anatomy-step h3{font-size:2.35rem;margin-bottom:14px}.anatomy-step>p{font-size:.81rem;line-height:1.55;max-width:38ch}.anatomy-index{margin-bottom:13px;font-size:.61rem}.anatomy-heading .eyebrow{font-size:.57rem}.anatomy-callout text{font-size:32px}
 .anatomy-poster{width:83%;height:94%}.anatomy-note{font-size:.59rem}.anatomy-nav button{font-size:.71rem;min-height:44px}.anatomy-nav{gap:8px}.anatomy-macro{inset:0 5%}.anatomy-macro-label{font-size:.6rem;padding:6px 9px;gap:7px}.anatomy-macro-label.label-one{right:0;top:24%}.anatomy-macro-label.label-two{left:0;bottom:8%}
 .anatomy-section.is-static{height:auto;min-height:0}.is-static .anatomy-sticky{height:780px;max-height:none}
}
@media(max-height:660px){.is-enhanced .anatomy-sticky{min-height:510px}.anatomy-step h3{font-size:1.85rem;margin-bottom:9px}.anatomy-step>p{font-size:.73rem}.anatomy-index{margin-bottom:8px}}
@media(max-height:660px) and (max-width:760px){.is-enhanced .anatomy-layout{grid-template-rows:155px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.header,.interest-card,.interest-answer,.button{transition:none!important}}
@media(prefers-reduced-transparency:reduce){.header,.header.on-scroll-nav{background:#fcf8f2!important;backdrop-filter:none}.nav-scrim{backdrop-filter:none}}
@media(prefers-contrast:more){.header,.interest-card{border:1px solid currentColor}.interest-guide-intro,.interest-answer{border:1px solid #591d29}}
@media(scripting:none) and (max-width:980px){.header{inset:auto!important;position:relative!important;height:auto!important;margin:12px}.header nav{top:auto;border:0}.nature-hero{margin-top:15px}}

/* Sizing how-to: size-specific tracking, rem rhythm, numbers that line up */
.fit-howto{padding:4.5rem 0 1.5rem}
.fit-howto h2{margin:.5rem 0 1.75rem;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}
.fit-howto-steps{list-style:none;counter-reset:step;margin:0 0 2.5rem;padding:0;display:grid;gap:1rem;max-width:66ch}
.fit-howto-steps li{counter-increment:step;display:grid;grid-template-columns:2.25rem 1fr;gap:.75rem;line-height:1.6;color:#4f3d3b}
.fit-howto-steps li::before{content:counter(step);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#5a1119;color:#f4efe9;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:0;margin-top:-.1rem}
.fit-howto-steps strong{color:#2a2626;font-weight:600}
.fit-howto-caption{font-size:.8125rem;letter-spacing:.005em;color:#6d5a55;margin:0 0 .75rem;max-width:66ch}
.fit-howto .table-scroll{max-width:55rem;border:1px solid #e3d6cb;border-radius:1rem;overflow:auto}
.fit-howto table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin:0}
.fit-howto th,.fit-howto td{padding:.7rem 1rem;border-bottom:1px solid #eadfd5;text-align:left}
.fit-howto tbody tr:last-child>*{border-bottom:0}
.fit-howto tbody th{font-weight:600;color:#5a1119}
.fit-howto-note{margin:1.25rem 0 0;max-width:66ch;line-height:1.6;color:#4f3d3b}
.fit-howto-faq-title{margin:3.5rem 0 1.125rem;font-size:clamp(1.6rem,2.4vw,2.1rem);letter-spacing:-.03em;line-height:1.1}
.fit-howto .faq-list{max-width:55rem}
@media (prefers-contrast:more){.fit-howto .table-scroll{border-color:#5a1119}.fit-howto th,.fit-howto td{border-bottom-color:#8a6f68}}

/* Comparison guides: readable measure, quiet citations, tables that line up */
.guide{padding:1rem 0 3rem}.guide .table-scroll,.guide h2{max-width:58rem}
.guide h2{margin:3.25rem 0 1rem;font-size:clamp(1.6rem,2.6vw,2.3rem);letter-spacing:-.032em;line-height:1.08;text-wrap:balance}
.guide>p,.guide-list{max-width:66ch;line-height:1.65;color:#4f3d3b}
.guide-list{margin:0;padding:0;list-style:none;display:grid;gap:.75rem}
.guide-list li{padding-left:1.25rem;position:relative}.guide-list li::before{content:"";position:absolute;left:0;top:.65em;width:.45rem;height:.45rem;border-radius:50%;background:#a86a6b}
.guide-list strong,.guide>p strong{color:#2a2626;font-weight:600}
.guide .table-scroll{margin:1.25rem 0 1rem;border:1px solid #e3d6cb;border-radius:1rem;overflow:auto}
.guide table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin:0}
.guide th,.guide td{padding:.75rem 1rem;border-bottom:1px solid #eadfd5;text-align:left;vertical-align:top;line-height:1.45}
.guide tbody tr:last-child>*{border-bottom:0}.guide tbody th{font-weight:600;color:#2a2626}
.guide a{color:#5a1119;text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
.guide-cite{font-size:.8125rem;white-space:nowrap}
.guide-note{margin-top:2.5rem;font-size:.8125rem;line-height:1.6;color:#6d5a55;max-width:70ch}
.guide .faq-list{max-width:58rem}
@media (prefers-contrast:more){.guide .table-scroll{border-color:#5a1119}.guide th,.guide td{border-bottom-color:#8a6f68}}

.guide-flag{display:inline-block;margin-top:.2rem;font-size:.72rem;font-weight:500;letter-spacing:.01em;color:#7a4a4f;background:#f1e6e1;border-radius:.4rem;padding:.08rem .4rem;white-space:nowrap}
.guide-flag-note{font-size:.875rem;color:#6d5a55;margin:.25rem 0 1rem}
.guide td strong{white-space:nowrap}

/* Apple design pass (WWDC "Designing Fluid Interfaces"): feedback on press, no sticky hover on touch,
   hover response near 0.4s instead of 0.7-0.9s, and 44px touch targets. */
.button,.ring-card,.menu-toggle,.nav-preview-toggle,[data-anatomy-go],[data-motion-toggle],.faq-list summary,.interest-close,.spin-controls button{-webkit-tap-highlight-color:transparent}
.button:active,.menu-toggle:active,.nav-preview-toggle:active,[data-anatomy-go]:active,[data-motion-toggle]:active,.interest-close:active,.spin-controls button:active{transform:scale(.97);transition:transform 100ms ease-out}
.ring-card:active{transform:scale(.985);transition:transform 100ms ease-out}
.viewer-start:active{transform:translateX(-50%) scale(.97);transition:transform 100ms ease-out}
.faq-list summary:active{opacity:.62;transition:opacity 80ms ease-out}
.product-image img,.ring-card-image img,.nav-product-photo img,.life-card img,.phone,.floating-insight{transition-duration:.4s}
@media (hover:none){
 .button:hover,.ring-card:hover,.ring-card:hover img,.product-image:hover img,.rhythm-strip a:hover,.spin-controls button:hover,.interest-close:hover{transform:none}
 .viewer-start:hover{transform:translateX(-50%)}
 .button:hover svg,.ring-card:hover .card-arrow{transform:none}
}
.demo-settings,.app-device-button{min-width:44px;min-height:44px}
@media (prefers-reduced-motion:reduce){
 .button:active,.ring-card:active,.menu-toggle:active,.nav-preview-toggle:active,[data-anatomy-go]:active,[data-motion-toggle]:active,.interest-close:active,.spin-controls button:active{transform:none}
 .viewer-start:active{transform:translateX(-50%)}
}

/* Blog */
.blog{padding:.5rem 0 3.5rem}
.blog-section-title{margin:2.5rem 0 1rem;font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:-.03em}
.post-grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}
.post-card a{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:1.4rem 1.4rem 1.2rem;border-radius:1.25rem;background:#fffaf6;border:1px solid #eadfd5;color:#2a2626;text-decoration:none;transition:border-color .2s ease,transform .25s cubic-bezier(.22,1,.36,1)}
.post-card a:hover{border-color:#c9a9a9}
@media (hover:hover){.post-card a:hover{transform:translateY(-2px)}}
.post-card a:active{transform:scale(.985);transition:transform 100ms ease-out}
.post-kicker{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a86a6b}
.post-card h2{margin:0;font-size:1.3rem;line-height:1.2;letter-spacing:-.02em}
.post-card p{margin:0;color:#4f3d3b;line-height:1.5}
.post-more{margin-top:auto;padding-top:.5rem;font-weight:600;color:#5a1119}
.post .page-intro{padding-bottom:.5rem}
.post-meta{margin:.25rem 0 1rem;font-size:.875rem;color:#7a6560}
@media (prefers-reduced-motion:reduce){.post-card a,.post-card a:hover,.post-card a:active{transform:none;transition:none}}

/* large-screens.css */
/* Large monitors: scale the 1920x1080 composition proportionally instead of leaving a small island.
   The step is the smaller of width/1920 and height/1080, so ultrawides scale by height.
   Under CSS zoom, viewport units are multiplied too; --z compensates the few rules that size by them. */
:root{--z:1}
@media (min-width:2160px) and (min-height:1200px){:root{--z:1.125}}
@media (min-width:2400px) and (min-height:1340px){:root{--z:1.25}}
@media (min-width:2560px) and (min-height:1420px){:root{--z:1.3333}}
@media (min-width:2880px) and (min-height:1600px){:root{--z:1.5}}
@media (min-width:3400px) and (min-height:1900px){:root{--z:1.75}}
@media (min-width:3800px) and (min-height:2100px){:root{--z:2}}
@media (min-width:2160px) and (min-height:1200px){
 html{zoom:var(--z)}
 html body[data-page=app] main{height:calc(100dvh / var(--z))}
 html body[data-page=app] .demo-explainer{max-height:calc(100dvh / var(--z) - 100px)}
 dialog{max-height:calc(90svh / var(--z))}
 .nature-hero{--hero-card-height:min(680px,calc(100svh / var(--z) - 166px))}
}

/* privacy-notice.css */
/* First-visit privacy notice: a floating material card that rises from where it rests (bottom), and leaves the same way. */
.privacy-notice{position:fixed;z-index:60;left:50%;bottom:max(16px,env(safe-area-inset-bottom));width:min(560px,calc(100% - 24px));display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:start;padding:16px 16px 14px;border-radius:22px;color:#2a2626;background:rgba(250,246,240,.86);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 50px rgba(64,18,33,.16),0 2px 6px rgba(64,18,33,.06);transform:translate(-50%,calc(100% + 32px));opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease-out}
.privacy-notice.is-visible{transform:translate(-50%,0);opacity:1}
.privacy-notice.is-leaving{transform:translate(-50%,calc(100% + 32px));opacity:0;transition:transform .32s cubic-bezier(.4,0,1,1),opacity .2s ease-in}
.privacy-notice-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#5a1119;color:#fbeef1}
.privacy-notice-icon svg{width:20px;height:20px}
.privacy-notice-copy strong{display:block;font-size:15px;letter-spacing:-.01em;line-height:1.25;margin:1px 0 3px}
.privacy-notice-copy p{margin:0;font-size:13.5px;line-height:1.45;color:#4f3d3b;max-width:52ch}
.privacy-notice-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:6px}
.privacy-notice-link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:14px;color:#5a1119;font-size:14px;font-weight:600;text-decoration:none}
.privacy-notice-ok{min-height:44px;padding:0 20px;border:0;border-radius:14px;background:#5a1119;color:#fbeef1;font:inherit;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
.privacy-notice-ok:active,.privacy-notice-link:active{transform:scale(.97);transition:transform 100ms ease-out}
.privacy-notice-link:focus-visible,.privacy-notice-ok:focus-visible{outline:2px solid #5a1119;outline-offset:2px}
@media (min-width:720px){.privacy-notice{grid-template-columns:auto 1fr auto;align-items:center}.privacy-notice-actions{grid-column:auto}}
@media (prefers-reduced-motion:reduce){.privacy-notice,.privacy-notice.is-leaving{transform:translate(-50%,0);transition:opacity .2s ease}.privacy-notice-ok:active,.privacy-notice-link:active{transform:none}}
@media (prefers-reduced-transparency:reduce){.privacy-notice{background:#faf6f0;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.privacy-notice{background:#fff;border:2px solid #5a1119}}
@media print{.privacy-notice{display:none}}
@media (min-width:720px){.privacy-notice{width:min(780px,calc(100% - 48px));padding:14px 14px 14px 16px}.privacy-notice-copy p{max-width:none}}
/* Reject has the same size and weight as Accept: refusing must be as easy as accepting. */
.privacy-notice-alt{min-height:44px;padding:0 20px;border:1.5px solid #5a1119;border-radius:14px;background:transparent;color:#5a1119;font:inherit;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
.privacy-notice-alt:active{transform:scale(.97);transition:transform 100ms ease-out}
.privacy-notice-alt:focus-visible{outline:2px solid #5a1119;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.privacy-notice-alt:active{transform:none}}
.consent-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
/* Bottom-left card (Mario, 2026-10-02): slides up from the corner it lives in. */
.privacy-notice{left:max(16px,env(safe-area-inset-left));right:auto;width:min(400px,calc(100% - 32px));grid-template-columns:auto 1fr;transform:translateY(calc(100% + 32px))}
.privacy-notice.is-visible{transform:none}
.privacy-notice.is-leaving{transform:translateY(calc(100% + 32px))}
.privacy-notice .privacy-notice-actions{grid-column:1/-1;justify-content:flex-end}
@media (min-width:720px){
  .privacy-notice{left:24px;bottom:24px;width:400px;grid-template-columns:auto 1fr;align-items:start;padding:16px}
  .privacy-notice.is-leaving{transform:translateY(12px)}
}
@media (max-width:480px){.privacy-notice{left:12px;width:calc(100% - 24px)}}

/* stories.css */
/* Casos de éxito. Palette: wine #5A1119, rose taupe #A86A6B, ivory #F4EFE9, graphite #2A2626.
   Apple design: instant press feedback, 44px targets, inline validation, visible focus, reduced motion. */
.stories{padding:.5rem 0 3.5rem}
.story-soon{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));margin:0 0 1rem}
.story-card{position:relative;padding:1.5rem;border-radius:1.5rem;background:#fffaf6;border:1px solid #eadfd5;color:#2a2626}
.story-card--soon{grid-column:1/-1;background:linear-gradient(140deg,#5a1119,#7a3346);color:#f4efe9;border:0;padding:2rem 1.75rem}
@media (min-width:860px){.story-card--soon{grid-column:span 2}}
.story-kicker{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#e9c9cf;margin-bottom:.75rem}
.story-card--soon h2{margin:0 0 .6rem;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.08;letter-spacing:-.035em;color:#f4efe9}
.story-card--soon p{margin:0 0 1.4rem;max-width:56ch;line-height:1.55;color:#f1dfe3}
.story-cta.button.wine{background:#f4efe9;color:#5a1119}
.story-card--ghost{display:grid;gap:.7rem;align-content:start;min-height:11rem}
.story-avatar{width:3rem;height:3rem;border-radius:50%;background:#efe6df}
.story-line{height:.7rem;border-radius:.35rem;background:#f1e9e2}.story-line.short{width:60%}
.story-rules{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem;max-width:62rem}
.story-rules li{display:grid;grid-template-columns:2.4rem 1fr;gap:.9rem;align-items:start}
.story-step{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#a86a6b;color:#f4efe9;font-weight:600;font-variant-numeric:tabular-nums}
.story-rules h3{margin:.2rem 0 .3rem;font-size:1.1rem;letter-spacing:-.015em;color:#2a2626}
.story-rules p{margin:0;line-height:1.55;color:#4f3d3b;max-width:62ch}
.story-form-wrap{display:grid;gap:1.5rem;margin:3rem 0;padding:clamp(1.25rem,3vw,2.25rem);border-radius:1.75rem;background:#f4efe9;border:1px solid #e6d9cf;scroll-margin-top:6rem}
@media (min-width:960px){.story-form-wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}}
.story-form-intro h2{margin:.4rem 0 .7rem;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1;letter-spacing:-.03em;color:#2a2626}
.story-form-intro p:not(.eyebrow){margin:0;line-height:1.55;color:#4f3d3b}
.story-form{display:grid;gap:1.15rem}
.story-field{display:grid;gap:.45rem;margin:0;padding:0;border:0;min-width:0}
.story-field label,.story-field legend{font-size:.95rem;font-weight:600;color:#2a2626;padding:0}
.story-form input[type=text],.story-form input:not([type]),.story-form textarea{width:100%;min-height:48px;padding:.75rem 1rem;border:1.5px solid #dccdc2;border-radius:.9rem;background:#fffaf6;color:#2a2626;font:inherit;font-size:1rem;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease}
.story-form textarea{resize:vertical;min-height:6rem}
.story-form input:focus-visible,.story-form textarea:focus-visible{outline:none;border-color:#5a1119;box-shadow:0 0 0 3px rgba(90,17,25,.15)}
.story-form [aria-invalid=true]{border-color:#8a1c2b}
.story-choices{display:flex;flex-wrap:wrap;gap:.5rem}
.story-choice{position:relative}
.story-choice input{position:absolute;opacity:0;pointer-events:none}
.story-choice span{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border:1.5px solid #dccdc2;border-radius:999px;background:#fffaf6;color:#2a2626;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}
.story-choice span:active{transform:scale(.97);transition:transform 100ms ease-out}
.story-choice input:checked+span{background:#5a1119;border-color:#5a1119;color:#f4efe9}
.story-choice input:focus-visible+span{outline:2px solid #5a1119;outline-offset:2px}
.story-hint{margin:0;font-size:.8rem;color:#85727e;text-align:right;font-variant-numeric:tabular-nums}
.story-consent{display:flex;gap:.75rem;align-items:flex-start;min-height:44px;line-height:1.5;color:#3f3133;cursor:pointer}
.story-consent input{width:1.25rem;height:1.25rem;margin-top:.15rem;flex:none;accent-color:#5a1119}
.story-error{display:none;margin:0;font-size:.85rem;color:#8a1c2b}.story-error.is-visible{display:block}
.story-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.story-actions .button{min-height:48px}
.story-actions .button:active{transform:scale(.97);transition:transform 100ms ease-out}
.story-alt.button{background:transparent;border:1.5px solid #5a1119;color:#5a1119}
.story-status{margin:0;min-height:1.4em;font-size:.9rem;color:#4f3d3b}
@media (prefers-reduced-motion:reduce){.story-choice span:active,.story-actions .button:active{transform:none}.story-form input,.story-form textarea,.story-choice span{transition:none}}
@media (prefers-contrast:more){.story-form input,.story-form textarea,.story-choice span{border-color:#2a2626}}
.story-choice{display:inline-block;border:0!important;padding:0!important;margin:0;background:none!important;box-shadow:none!important;min-height:0}.story-choice::before,.story-choice::after{content:none!important}
/* "Sigue leyendo" related links (blog.py related()): same card as the blog index, h3 under the section h2. */
.related-links{padding:1rem 0 3rem}
.related-links .blog-section-title{margin-top:1rem}
.post-card h3{margin:0;font-size:1.2rem;line-height:1.2;letter-spacing:-.02em;color:#2a2626}

/* interest guide auto-advance hint (Claude) */
.interest-auto-hint{margin-left:auto;font-size:.82rem;color:#7a6866}
.interest-answer input:checked~span{transition:color .2s ease}

/* checkout-live.css */
/* Real checkout (Claude). Palette: wine #5A1119, rose taupe #A86A6B, ivory #F4EFE9, graphite #2A2626.
   Shown only when /api/store says test|live (root gets .is-store-open). 3 panels, one visible at a time,
   beside an always-visible order card (sticky aside on desktop, mini bar on phones). */

/* --- Open-store layout: hide the long preview cart, keep everything in one screen --- */
.is-store-open .checkout-preview,.is-store-open .checkout-next,.is-store-open .co-closed-only,
.is-store-open .bag-item,.is-store-open .bag-choices,.is-store-open .bag-empty,.is-store-open .bag-estimate{display:none!important}
.is-store-open .checkout-heading h1{font-size:clamp(2rem,4vw,3rem)}
.is-store-open .checkout-heading{margin-bottom:1rem}
.is-store-open .checkout-summary{top:96px}

.co{display:grid;gap:1rem;margin:0}
.co[hidden]{display:none}
.co-test{margin:0;padding:.7rem 1rem;border-radius:.9rem;background:#fbeee6;border:1px solid #e9c9b8;color:#5a1119;font-size:.88rem}

/* --- Panels + transitions (direction-aware) --- */
.co-viewport{position:relative;display:grid;overflow:hidden;border:1px solid #e6d9cf;border-radius:1.5rem;background:#fffaf6}
.co-panel{grid-area:1/1;padding:clamp(1.15rem,2.6vw,1.9rem);min-width:0}
.co-panel[hidden]{display:none}
.co-in-right{animation:co-in-right .38s cubic-bezier(.22,1,.36,1) both}
.co-in-left{animation:co-in-left .38s cubic-bezier(.22,1,.36,1) both}
.co-out-left{animation:co-out-left .3s cubic-bezier(.4,0,1,1) both;pointer-events:none}
.co-out-right{animation:co-out-right .3s cubic-bezier(.4,0,1,1) both;pointer-events:none}
@keyframes co-in-right{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes co-in-left{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes co-out-left{to{opacity:0;transform:translateX(-28px)}}
@keyframes co-out-right{to{opacity:0;transform:translateX(28px)}}
.co-title{margin:0 0 .35rem;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.15;letter-spacing:-.025em;color:#2a2626;outline:none}
.co-lead{margin:.1rem 0 1rem;color:#4f3d3b;line-height:1.5;max-width:62ch}
.co-block{margin:.4rem 0 1.1rem}
.co-label{display:block;margin:0 0 .45rem;font-size:.9rem;font-weight:600;color:#2a2626}

/* --- Fields --- */
.co-grid{display:grid;gap:.85rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.co-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.co-wide{grid-column:1/-1}
@media (max-width:640px){.co-grid,.co-grid-3{grid-template-columns:1fr}}
.co-field{display:grid;gap:.32rem;min-width:0;align-content:start}
.co-field label{display:block;font-size:.88rem;font-weight:600;color:#2a2626;border:0!important;padding:0!important;margin:0;background:none!important;box-shadow:none!important;min-height:0}
.co-field label::before,.co-field label::after{content:none!important}
.co input:not([type=checkbox]):not([type=radio]),.co select{width:100%;min-height:48px;padding:.7rem .95rem;border:1.5px solid #dccdc2;border-radius:.85rem;background:#fff;color:#2a2626;font:inherit;font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease,background-color .6s ease}
.co input:focus-visible,.co select:focus-visible{outline:none;border-color:#5a1119;box-shadow:0 0 0 3px rgba(90,17,25,.14)}
.co [aria-invalid=true]{border-color:#8a1c2b!important}
.co input.co-filled{background-color:#fbefe9}
#co-rfc{text-transform:uppercase;letter-spacing:.04em}
.co-hint{font-size:.78rem;color:#7a6866;line-height:1.4}
.co-error{margin:0;font-size:.82rem;color:#8a1c2b}.co-error:empty{display:none}
.co-sizes{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr))}
.co-search{margin-bottom:.9rem}
gmp-place-autocomplete{color-scheme:light;width:100%;background-color:#fff;border:1.5px solid #dccdc2;border-radius:.85rem;font-family:inherit;font-size:1rem}
gmp-place-autocomplete::part(prediction-item-match){color:#5a1119;font-weight:600}
gmp-place-autocomplete::part(focus-ring){outline:2px solid #5a1119;outline-offset:2px}

/* --- Invoice switch --- */
.co-invoice{margin-top:1.1rem;padding-top:1rem;border-top:1px solid #eadfd5}
.co-switch{position:relative;display:inline-flex;align-items:center;gap:.7rem;min-height:44px;cursor:pointer;font-weight:600;color:#2a2626}
.co-switch input{position:absolute;opacity:0;width:1px;height:1px}
.co-switch-ui{position:relative;width:2.6rem;height:1.5rem;border-radius:999px;background:#d8c7bb;transition:background .25s ease;flex:none}
.co-switch-ui::after{content:"";position:absolute;top:3px;left:3px;width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.co-switch input:checked+.co-switch-ui{background:#5a1119}
.co-switch input:checked+.co-switch-ui::after{transform:translateX(1.1rem)}
.co-switch input:focus-visible+.co-switch-ui{outline:2px solid #5a1119;outline-offset:2px}
.co-invoice-fields{margin-top:.8rem;animation:co-in-right .35s cubic-bezier(.22,1,.36,1) both}
.co-invoice-fields[hidden]{display:none}

/* --- Step navigation --- */
.co-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.3rem}
.co-next,.co-pay{min-height:52px;padding-inline:1.4rem}
.co-next:active,.co-pay:active,.co-back:active{transform:scale(.97);transition:transform 100ms ease-out}
.co-back{min-height:44px;padding:0 .4rem;border:0;background:none;color:#5a1119;font:inherit;font-weight:600;cursor:pointer}
.co-back:focus-visible{outline:2px solid #5a1119;outline-offset:2px;border-radius:.5rem}
.co-pay:disabled{opacity:.7;cursor:progress}

/* --- Shipping rates --- */
.co-rates{display:grid;gap:.55rem}
.co-rate{display:flex;align-items:center;gap:.85rem;min-height:56px;padding:.7rem 1rem;border:1.5px solid #dccdc2;border-radius:1rem;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent;animation:co-in-right .35s cubic-bezier(.22,1,.36,1) both}
.co-rate:nth-child(2){animation-delay:.04s}.co-rate:nth-child(3){animation-delay:.08s}.co-rate:nth-child(4){animation-delay:.12s}
.co-rate:active{transform:scale(.99)}
.co-rate input{width:1.2rem;height:1.2rem;flex:none;accent-color:#5a1119}
.co-rate:has(input:checked){border-color:#5a1119;background:#fbf3ef}
.co-rate:has(input:focus-visible){outline:2px solid #5a1119;outline-offset:2px}
.co-rate-main{display:grid;gap:.1rem;flex:1;min-width:0;color:#2a2626}
.co-rate-main small{color:#7a6866;font-size:.8rem}
.co-rate-price{font-weight:600;font-variant-numeric:tabular-nums;color:#2a2626;white-space:nowrap}
.co-rate-skeleton{height:56px;border-radius:1rem;background:linear-gradient(90deg,#f3ebe5 25%,#faf5f1 50%,#f3ebe5 75%);background-size:200% 100%;animation:co-shimmer 1.2s ease-in-out infinite}
@keyframes co-shimmer{from{background-position:150% 0}to{background-position:-50% 0}}

/* --- Payment methods --- */
.co-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.6rem 0 1rem}
@media (max-width:640px){.co-methods{grid-template-columns:1fr}}
.co-method{position:relative;display:flex;min-height:64px;padding:.75rem .9rem;border:1.5px solid #dccdc2;border-radius:1rem;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}
.co-method:active{transform:scale(.98)}
.co-method input{position:absolute;opacity:0}
.co-method span{display:grid;gap:.15rem}
.co-method strong{font-size:.95rem;color:#2a2626}
.co-method small{font-size:.76rem;color:#7a6866}
.co-method:has(input:checked){border-color:#5a1119;background:#fbf3ef;box-shadow:inset 0 0 0 1px #5a1119}
.co-method:has(input:focus-visible){outline:2px solid #5a1119;outline-offset:2px}
.co-pay-area{min-height:2rem}
.co-info{padding:1rem 1.1rem;border-radius:1rem;background:#f8f1ec;border:1px solid #eadfd5;animation:co-in-right .35s cubic-bezier(.22,1,.36,1) both}
.co-info strong{color:#2a2626}.co-info p{margin:.35rem 0 0;color:#4f3d3b;line-height:1.5}
.co-consent{display:flex;gap:.75rem;align-items:flex-start;min-height:44px;margin:1rem 0 .25rem;line-height:1.5;color:#3f3133;cursor:pointer;font-size:.92rem}
.co-consent input{width:1.25rem;height:1.25rem;margin-top:.15rem;flex:none;accent-color:#5a1119}
.co-secure{display:flex;align-items:center;gap:.45rem;margin:.8rem 0 0;font-size:.8rem;color:#7a6866}
.co-secure svg{width:1rem;height:1rem;flex:none;color:#5a1119}
.co-status{margin:.4rem 0 0;min-height:1.2em;font-size:.9rem;color:#4f3d3b}

/* --- Progress (wine, animated) --- */
.co-progress{position:sticky;top:96px;z-index:5;padding:.8rem 1rem .7rem;border:1px solid #e6d9cf;border-radius:1.2rem;background:rgba(255,250,246,.92);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 6px 24px rgba(42,38,38,.06)}
.co-progress-track{position:relative;height:6px;border-radius:999px;background:#eadfd5;overflow:hidden}
.co-progress-fill{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,#5a1119,#7a2230);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.co-progress-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 35%,rgba(255,255,255,.35) 50%,transparent 65% 100%);background-size:200% 100%;animation:co-sheen 2.4s ease-in-out infinite}
.co-progress.is-paying .co-progress-fill{transform:scaleX(1)!important}
.co-progress.is-paying .co-progress-fill::after{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.2) 0 10px,transparent 10px 20px);background-size:28px 28px;animation:co-stripes .9s linear infinite}
@keyframes co-sheen{0%{background-position:150% 0}100%{background-position:-50% 0}}
@keyframes co-stripes{from{background-position:0 0}to{background-position:28px 0}}
.co-progress-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;margin:.55rem 0 0;padding:0;list-style:none}
.co-progress-steps li:nth-child(2){justify-self:center}.co-progress-steps li:nth-child(3){justify-self:end}
.co-progress-btn{display:flex;align-items:center;gap:.45rem;min-height:36px;padding:0;border:0;background:none;font:inherit;font-size:.85rem;font-weight:500;color:#8a7774;cursor:pointer;transition:color .3s ease}
.co-progress-btn:disabled{cursor:default}
.co-progress-btn:focus-visible{outline:2px solid #5a1119;outline-offset:3px;border-radius:.5rem}
.co-progress-dot{display:inline-grid;place-items:center;flex:none;width:1.45rem;height:1.45rem;border-radius:50%;border:1.5px solid #d8c7bb;background:#fff;font-size:.72rem;font-variant-numeric:tabular-nums;transition:background .35s ease,border-color .35s ease,color .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.is-current .co-progress-btn{color:#2a2626;font-weight:600}
.is-current .co-progress-dot{border-color:#5a1119;color:#5a1119;transform:scale(1.1);box-shadow:0 0 0 4px rgba(90,17,25,.1)}
.is-done .co-progress-btn{color:#5a1119}
.is-done .co-progress-dot{background:#5a1119;border-color:#5a1119;color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23F4EFE9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:70%;background-position:center;background-repeat:no-repeat}
.co-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- Order card (in the sticky aside) + mobile mini bar --- */
.co-order{display:grid;gap:.75rem;margin:.6rem 0 1rem;padding-bottom:1rem;border-bottom:1px solid rgba(42,38,38,.12)}
.co-line{display:grid;grid-template-columns:64px 1fr auto;gap:.8rem;align-items:center;animation:co-in-right .35s cubic-bezier(.22,1,.36,1) both}
.co-line img{width:64px;height:64px;object-fit:contain;border-radius:.9rem;background:#f4efe9}
.co-line-text{display:grid;gap:.15rem;min-width:0}
.co-line-text strong{font-size:.98rem;color:#2a2626}
.co-line-text>span:not(.co-qty){font-size:.8rem;color:#6f5d5b}
.co-line-price{font-weight:600;font-variant-numeric:tabular-nums;color:#2a2626;white-space:nowrap}
.co-qty{display:inline-flex;align-items:center;gap:.15rem;margin-top:.2rem;border:1px solid rgba(42,38,38,.16);border-radius:999px;width:max-content}
.co-qty button{width:30px;height:30px;border:0;background:none;border-radius:50%;font-size:1rem;color:#2a2626;cursor:pointer}
.co-qty button:disabled{opacity:.35;cursor:default}
.co-qty button:not(:disabled):active{transform:scale(.9)}
.co-qty output{min-width:1.3rem;text-align:center;font-variant-numeric:tabular-nums;font-size:.9rem}
.co-mini{display:none}
@media (max-width:900px){
  .co-mini{position:sticky;top:76px;z-index:6;display:flex;align-items:center;gap:.7rem;width:100%;min-height:56px;padding:.45rem .9rem .45rem .5rem;border:1px solid #e6d9cf;border-radius:1rem;background:rgba(234,225,214,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:inherit;color:#2a2626;cursor:pointer}
  .co-mini:empty{display:none}
  .co-mini img{width:40px;height:40px;object-fit:contain;border-radius:.6rem;background:#f4efe9}
  .co-mini span{flex:1;text-align:left;font-size:.88rem}
  .co-mini strong{font-variant-numeric:tabular-nums}
  .co-progress{top:140px}
}

/* --- Animated card (checkout-card.js) --- */
.cc{display:grid;gap:1.1rem}
.cc-stage{perspective:1200px;display:flex;justify-content:center}
.cc-card{position:relative;width:min(100%,340px);aspect-ratio:1.586;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.cc-card.is-flipped{transform:rotateY(180deg)}
.cc-face{position:absolute;inset:0;padding:1.1rem 1.25rem;border-radius:1.1rem;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;color:#f4efe9;box-shadow:0 18px 40px rgba(42,38,38,.22),inset 0 1px 0 rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.cc-back{transform:rotateY(180deg);justify-content:flex-start;gap:.9rem;padding:1.2rem 0}
.cc-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 140% at 0% 0%,#7a2230 0%,#5a1119 45%,#2a2626 100%);transition:filter .5s ease}
.cc-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 85% 15%,rgba(255,255,255,.16),transparent 60%)}
.cc-card[data-brand=visa] .cc-bg{filter:hue-rotate(-115deg) saturate(.9)}
.cc-card[data-brand=mastercard] .cc-bg{filter:saturate(.6) brightness(.75)}
.cc-card[data-brand=amex] .cc-bg{filter:hue-rotate(-150deg) saturate(.7) brightness(1.05)}
.cc-card[data-brand=carnet] .cc-bg{filter:hue-rotate(150deg) saturate(.8)}
.cc-top{display:flex;justify-content:space-between;align-items:center;height:32px}
.cc-chip{width:42px;height:30px;border-radius:6px;background:linear-gradient(135deg,#e9d3a6,#b9935a 55%,#e6cf9f);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.cc-logo{display:flex;align-items:center;height:30px;opacity:0;transform:translateY(6px) scale(.9);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.cc-logo.is-in{opacity:1;transform:none}
.cc-logo svg{height:28px;width:auto}
.cc-number{display:flex;gap:.7rem;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:clamp(1rem,4.6vw,1.3rem);letter-spacing:.06em;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.cc-group{display:inline-flex}
.cc-d{display:inline-block;opacity:.55}
.cc-d.is-typed{opacity:1}
.cc-d.is-new{animation:cc-pop .28s cubic-bezier(.22,1,.36,1)}
@keyframes cc-pop{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
.cc-bottom{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.cc-bottom small{display:block;font-size:.6rem;opacity:.7;letter-spacing:.08em}
.cc-bottom span{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-card[data-focus=number] .cc-number,.cc-card[data-focus=name] [data-cc-name],.cc-card[data-focus=exp] [data-cc-exp]{text-shadow:0 0 12px rgba(255,255,255,.55)}
.cc-stripe{height:42px;background:#1b1717}
.cc-sign{margin:0 1.25rem;height:38px;border-radius:4px;background:repeating-linear-gradient(90deg,#f4efe9 0 8px,#e9e1d8 8px 16px);display:flex;align-items:center;justify-content:flex-end;padding:0 .8rem;color:#2a2626;font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.2em}
.cc-back p{margin:auto 1.25rem 0;font-size:.62rem;opacity:.7}
.cc-card.is-cvc:not(.is-flipped) .cc-front{box-shadow:0 18px 40px rgba(42,38,38,.22),0 0 0 3px rgba(168,106,107,.6)}
.cc-test{padding:.55rem .8rem;border-radius:.7rem;background:#fbeee6}

/* --- Thank-you voucher --- */
.co-voucher{margin:1.2rem 0;padding:1.2rem 1.4rem;border:1px dashed #a86a6b;border-radius:1.2rem;background:#fffaf6;max-width:30rem}
.co-voucher[hidden]{display:none}
.co-voucher-ref{margin:.2rem 0 .6rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.35rem;letter-spacing:.08em;color:#2a2626;word-break:break-all}
.co-result-list{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.2rem;margin:1.5rem 0;padding:1.2rem 1.4rem;border:1px solid #e6d9cf;border-radius:1.2rem;background:#fffaf6;max-width:30rem}
.co-result-list dt{color:#7a6866}.co-result-list dd{margin:0;font-weight:600;color:#2a2626;font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:reduce){
  .co-in-right,.co-in-left,.co-out-left,.co-out-right,.co-rate,.co-info,.co-line,.co-invoice-fields{animation:none}
  .co-progress-fill,.cc-card,.cc-logo,.co-progress-dot,.co-switch-ui::after{transition:none}
  .co-progress-fill::after,.co-rate-skeleton,.cc-d.is-new{animation:none}
}
@media (prefers-reduced-transparency:reduce){.co-progress,.co-mini{background:#fffaf6;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.co input,.co select,.co-rate,.co-method,.co-viewport{border-color:#2a2626}}
/* "Pausar movimiento" (body.motion-paused) freezes animations on frame 0; entrance animations would stay invisible. */
body.motion-paused .co-in-right,body.motion-paused .co-in-left,body.motion-paused .co-out-left,body.motion-paused .co-out-right,
body.motion-paused .co-rate,body.motion-paused .co-info,body.motion-paused .co-line,body.motion-paused .co-invoice-fields,
body.motion-paused .cc-d.is-new,body.motion-paused .co-progress-fill::after,body.motion-paused .co-rate-skeleton{animation:none!important}
body.motion-paused .cc-card,body.motion-paused .co-progress-fill{transition:none!important}
/* Compact page header while checking out, so steps + summary fit in one screen. */
.is-store-open.checkout-page{padding-top:clamp(96px,12vh,118px)}
.is-store-open .checkout-back{margin-bottom:.4rem}
.is-store-open .checkout-heading .eyebrow{display:none}
/* Other site styles pause animations outside their own "in view" logic; checkout animations always run (or are off). */
.co-in-right,.co-in-left,.co-out-left,.co-out-right,.co-rate,.co-info,.co-line,.co-invoice-fields,.cc-d.is-new,.co-progress-fill::after,.co-rate-skeleton{animation-play-state:running!important}
/* One-screen checkout: the progress bar is the header; hints appear on focus; tighter rhythm. */
.is-store-open .checkout-back{display:none}
.is-store-open .checkout-heading{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.is-store-open.checkout-page{padding-top:96px}
.checkout-page.is-store-open+.launch-section{display:none}
.is-store-open .checkout-layout{align-items:start}
.co-test{padding:.45rem .8rem;font-size:.8rem}
.co-panel{padding:clamp(1rem,2vw,1.5rem)}
.co-title{margin-bottom:.6rem}
.co-block{margin:.2rem 0 .8rem}
.co-grid{gap:.7rem 1rem}
.co-field:not(:focus-within) .co-hint{display:none}
.co-block>.co-hint,.co-invoice-fields>.co-hint{display:block}
.co-invoice{margin-top:.8rem;padding-top:.7rem}
.co-nav{margin-top:1rem}
.co-sizes{grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr))}
@media (min-height:820px){.co-field .co-hint{display:block}}
/* main already clears the floating header (86px); the page itself needs only a little air. */
.is-store-open.checkout-page{padding-top:12px}
.is-store-open .checkout-summary{top:96px}
/* Size pickers: label and select on one line. */
.co-sizes .co-field{grid-template-columns:auto minmax(6.5rem,1fr);align-items:center;gap:.6rem}
.co-sizes .co-field label{font-weight:500}
.co-sizes{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}
/* Address: 4-column rhythm so step 2 fits one screen. */
@media (min-width:641px){
  .co-grid-3{grid-template-columns:repeat(4,minmax(0,1fr))}
  .co-grid-3>.co-field.co-wide{grid-column:auto}
  .co-grid-3>.co-field:has(#co-street),.co-grid-3>.co-field:has(#co-neighborhood){grid-column:span 2}
  .co-grid-3>.co-field:has(#co-reference){grid-column:span 3}
}
/* Step 2 compaction */
.co-label-note{font-weight:400;color:#7a6866}
.co-rates{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.co-rates>.co-lead,.co-rates>.co-sr{grid-column:1/-1}
@media (min-width:641px){.co-grid-3>.co-field:has(#co-state){grid-column:span 2}.co-grid-3>.co-field:has(#co-reference){grid-column:span 2}}
.co input:not([type=checkbox]):not([type=radio]),.co select{min-height:46px;padding:.6rem .9rem}
.co-progress .co-test{display:inline-block;margin:0 0 .5rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}
.co-panel{padding:clamp(1rem,1.8vw,1.35rem)}
/* Pay step: card preview beside its fields on wide panels. */
@media (min-width:1000px){
  .cc{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;column-gap:1.4rem}
  .cc-stage{position:sticky;top:0}
  .cc-test{grid-column:1/-1}
}
.cc-card{width:min(100%,300px)}
.cc-fields{gap:.6rem .8rem}
.co-methods{margin:.3rem 0 .8rem}
.co-method{min-height:56px;padding:.6rem .8rem}
.co-consent{margin:.7rem 0 .1rem;font-size:.85rem}
.co-secure{margin-top:.5rem}
/* Steps fit one screen, so the progress bar stays in flow (a sticky bar covered the first fields when scrolled). */
.co-progress{position:relative;top:auto}
@media (max-width:900px){.co-progress{position:relative;top:auto}}
.cc-test{font-size:.72rem;padding:.4rem .7rem}
/* Pay step compaction: MSI, security note and test hint live under the card preview. */
.cc-side{display:grid;gap:.6rem;align-content:start}
.cc-side .co-secure{margin:0}
@media (min-width:1000px){.cc{grid-template-columns:minmax(0,270px) minmax(0,1fr)}.cc-card{width:100%}}
.co-method{min-height:50px;padding:.5rem .75rem}
.co-consent{margin:.6rem 0 0}
.cc-tail .co-consent{margin:.3rem 0 0;font-size:.8rem}
.cc-tail .co-nav{margin-top:.6rem}
.co-method{min-height:46px;padding:.45rem .7rem}
.co-method small{font-size:.72rem}
[data-co-panel="2"] .co-title{margin-bottom:.45rem}
.co-turnstile:empty{display:none}
.co-turnstile{margin:.4rem 0 0}

.co-consent[hidden],.co-hint[hidden]{display:none}

/* cloud-story.css */
/* One continuous frame. Only transform/opacity participate in motion. */
.cs-wrap{--cs-wine:#5a1119;--cs-rose:#a86a6b;--cs-ivory:#f4efe9;--cs-ink:#2a2626;--cs-ease:cubic-bezier(.23,1,.32,1);color:var(--cs-ink);scroll-margin-top:90px}
.cs-intro{padding:clamp(44px,6vw,80px) 0 20px}.cs-intro h2{margin:12px 0 16px;font-size:clamp(38px,5vw,72px);line-height:1.04;letter-spacing:-.045em;font-weight:500}.cs-intro>p:not(.eyebrow){max-width:480px;margin:0;font-size:16px;line-height:1.6;color:#735d61}
.cs-skip{position:absolute;left:-9999px}.cs-skip:focus{position:relative;left:auto;display:inline-block;padding:12px 18px;margin-top:12px;border-radius:999px;background:var(--cs-ivory);outline:2px solid var(--cs-wine)}
html[data-cs-film-lock],html[data-cs-film-lock] body{overflow:hidden!important;overscroll-behavior:none!important;scroll-behavior:auto!important}html[data-cs-film-lock]{scrollbar-gutter:stable}
.cloud-story{position:relative;height:460svh;padding:0 12px}
.cs-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 0 12px;width:min(100%,calc((100svh - 84px)*1.775925926));margin:auto}
.cs-visual{position:relative;width:100%;flex:none}
.cs-stage{position:relative;isolation:isolate;width:100%;height:auto;aspect-ratio:3836/2160;overflow:hidden;border-radius:24px;background:#31070d;contain:layout paint;box-shadow:0 1px 2px #270a1510,0 18px 60px #5a11190b}
.cs-board{position:absolute;width:3836px;height:2160px;transform-origin:0 0}.cs-frame{position:absolute;inset:0;display:block;width:3836px;height:2160px;max-width:none;object-fit:fill;opacity:0;transition:none!important}
.cs-final{z-index:1}.cs-inspection{z-index:2}.cs-end{z-index:3}.cs-poster{z-index:4;opacity:1}.cs-film{z-index:5}
.cs-leaders{position:absolute;inset:0;width:100%;height:100%;z-index:6;opacity:0;pointer-events:none;color:#fff8f0;overflow:visible;transition:opacity 260ms var(--cs-ease)}.cs-leaders circle,.cs-leaders g{transform-origin:0 0;transform-box:view-box}
.cs-line{stroke:#fff3e8;stroke-opacity:.92;stroke-linecap:round;fill:none;stroke-dasharray:0 1;filter:drop-shadow(0 0 2px #ffffff80)}
.cs-light{stroke:#ffffff;stroke-linecap:round;fill:none;opacity:0;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px #f6c9bd)}
.cs-light.cs-light-idle{opacity:1;animation:cs-light-run 2.8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes cs-light-run{0%{stroke-dashoffset:.12;opacity:0}12%{opacity:1}70%{stroke-dashoffset:-.88;opacity:1}100%{stroke-dashoffset:-.88;opacity:0}}
.cs-glow{opacity:0;mix-blend-mode:screen;transition:opacity 200ms var(--cs-ease)}
.cs-halo{stroke-opacity:.7;transform-box:fill-box;transform-origin:center;animation:cs-halo 2.4s ease-in-out infinite}
@keyframes cs-halo{0%,100%{transform:scale(1);stroke-opacity:.7}50%{transform:scale(1.35);stroke-opacity:.15}}
.cs-pins circle{opacity:0;color:#fde7dc;filter:drop-shadow(0 0 4px #fff);transition:opacity 300ms var(--cs-ease)}
.cs-callout{position:absolute;z-index:7;top:24px;left:24px;transform:none;display:flex;flex-direction:column;gap:6px;width:min(330px,30%);padding:16px 20px 14px;border:1px solid #dbaba86b;border-radius:18px;background:#2a0d12e6;backdrop-filter:blur(8px);box-shadow:0 2px 8px #21050818,0 16px 40px #21050830;opacity:0;pointer-events:none;color:var(--cs-ivory);transition:opacity 260ms var(--cs-ease)}
.cs-callout p{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:#ead6d1}.cs-callout:not(:has(p:not(:empty))) p{display:none}
.cs-steps{display:none;margin:10px 0 0;padding:0;list-style:none;gap:6px}.cs-steps li{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#bf9a95;transition:color 200ms var(--cs-ease)}.cs-steps li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;border:1px solid #bf9a95}.cs-steps li[data-state=seen]{color:#ead6d1}.cs-steps li[data-state=seen]::before{background:#f6c9bd;border-color:#f6c9bd}.cs-steps li[data-state=current]{color:#fff;font-weight:600}.cs-steps li[data-state=current]::before{background:#fff;border-color:#fff;box-shadow:0 0 8px #fff}
.cs-callout-foot{margin-top:6px;padding-top:8px;border-top:1px solid #f4efe926;font-size:10px;line-height:1.4;color:#d4b5b0}
.cs-callout-kicker{font-size:10px;line-height:1.4;font-weight:500;letter-spacing:.08em;color:#e2babc;font-variant-numeric:tabular-nums}.cs-callout strong{font-size:21px;line-height:1.15;font-weight:500;letter-spacing:-.025em}.cs-callout [data-value]{font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;color:#f6c9bd}
.cs-callout[data-side=right]{left:auto;right:24px}
.cs-film-skip,.cs-film-play{position:absolute;z-index:8;min-height:44px;border:1px solid #f4efe954;border-radius:999px;background:#5a1119;color:var(--cs-ivory);font:inherit;cursor:pointer;touch-action:manipulation}
.cs-film-skip{top:18px;right:18px;padding:10px 17px;font-size:12px;background:#2a0619d9}.cs-film-play{left:50%;top:50%;transform:translate(-50%,-50%);min-height:48px;padding:13px 20px;font-size:14px;white-space:nowrap;box-shadow:0 4px 20px #24060830}
.cs-film-play:focus-visible,.cs-film-skip:focus-visible{outline:2px solid var(--cs-ivory);outline-offset:4px}
.cs-hint{position:absolute;z-index:7;bottom:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fff4e9;font-size:12px;text-shadow:0 1px 6px #1d010580;opacity:0;pointer-events:none}.cs-hint svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.cs-status{position:absolute;z-index:7;bottom:18px;left:20px;margin:0;padding:9px 13px;border-radius:20px;background:#310c18ed;color:#f4efe9;font-size:12px}
.cs-tabs{position:absolute;z-index:8;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:4px;max-width:calc(100% - 40px);width:max-content;margin:0;padding:6px;border:1px solid #ffffff60;border-radius:999px;background:var(--cs-ivory);box-shadow:0 4px 24px #21050830;overflow-x:auto;scrollbar-width:none;transition:opacity 220ms var(--cs-ease)}.cs-tabs::-webkit-scrollbar{display:none}.cs-tabs[data-available=false]{opacity:0;pointer-events:none}
.cs-tabs button{position:relative;isolation:isolate;flex:none;min-height:44px;padding:10px 14px;white-space:nowrap;border:0;border-radius:999px;background:transparent;color:#624b4e;font:inherit;font-size:12px;line-height:1.2;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 150ms var(--cs-ease)}
.cs-tabs button::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#5a1119;opacity:0;transition:opacity 180ms var(--cs-ease)}.cs-tabs button[aria-pressed=true]{color:var(--cs-ivory)}.cs-tabs button[aria-pressed=true]::before{opacity:1}.cs-tabs button:active,.cs-film-skip:active{transform:scale(.97)}.cs-tabs button:focus-visible{outline:2px solid var(--cs-wine);outline-offset:2px}
.cs-track{position:absolute;z-index:7;bottom:0;left:24px;right:24px;height:2px;overflow:hidden;background:#f4efe929;border-radius:2px;pointer-events:none}.cs-track>span{position:absolute;inset:0;background:#f4efe9;transform:scaleX(0);transform-origin:left}.cs-ticks{display:none}
.cs-specs{padding:clamp(40px,6vw,80px) 0 clamp(56px,7vw,100px);scroll-margin-top:90px}.cs-specs h3{margin:0 0 22px;font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-.035em}.cs-specs dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin:0 0 18px}.cs-specs dl>div{padding:20px 22px;border:1px solid #e6d9cf;border-radius:16px;background:#fffaf6}.cs-specs dt{font-weight:600;color:var(--cs-ink)}.cs-specs dd{margin:7px 0 0;color:#6f5d5b;font-size:14px;line-height:1.55}.cs-specs dd span{display:block;margin-top:9px;color:var(--cs-wine);font-size:13px;font-weight:500}
.cloud-story[data-static]{height:auto}.cloud-story[data-static] .cs-sticky{position:relative;height:auto;width:100%;padding:20px 0}.cloud-story[data-static] .cs-stage{height:auto;min-height:0;aspect-ratio:3836/2160}
@media(hover:hover) and (pointer:fine){.cs-tabs button:not([aria-pressed=true]):hover::before{opacity:.08}.cs-tabs button:hover{transform:translateY(-1px)}.cs-film-skip:hover{background:var(--cs-wine)}}
@media(max-width:1000px),(max-height:700px){
 .cs-sticky{width:min(100%,calc((100svh - 160px)*1.775925926))}
 .cs-callout{position:relative;top:auto;left:auto;right:auto;transform:none;width:auto;max-width:none;margin:12px 0 0;opacity:1;background:#2a0d12;backdrop-filter:none}.cs-callout[data-side=right]{right:auto}
 .cs-tabs{position:relative;left:auto;bottom:auto;transform:none;width:max-content;max-width:100%;margin:12px auto 0;background:#eae0d9;border-color:#5a111919;box-shadow:none}.cs-tabs button{padding-inline:12px}
 .cs-track{bottom:-5px;left:10px;right:10px;background:#5a11191a}.cs-track>span{background:var(--cs-wine)}
}
@media(max-width:700px){
 .cloud-story{height:400svh;padding:0 10px}.cs-sticky{width:100%;padding:70px 0 12px;justify-content:flex-start;gap:0}
 .cs-visual{display:flex;flex-direction:column;height:100%}
 .cs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #f4efe91f}.cs-callout .cs-callout-foot{margin-top:auto}
 .cs-callout{flex:1 1 auto;min-height:0;overflow:hidden;padding:16px 18px;border-radius:18px}.cs-callout strong{font-size:22px}.cs-callout p{font-size:13.5px}
 .cs-stage,.cloud-story[data-static] .cs-stage{height:auto;min-height:0;aspect-ratio:3836/2160;border-radius:18px}
 .cs-tabs{width:100%;justify-content:flex-start;border-radius:16px;padding:5px}.cs-tabs button{font-size:12px;padding:10px 13px;border-radius:12px}
.cs-hint{font-size:11px;left:14px;right:14px;bottom:14px}.cs-film-skip{top:10px;right:10px}.cs-status{max-width:calc(100% - 28px);left:14px;bottom:12px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.cloud-story{height:auto}.cs-sticky{position:relative;height:auto}.cs-tabs,.cs-callout,.cs-tabs button,.cs-tabs button::before,.cs-leaders{transition:none}.cs-halo,.cs-light.cs-light-idle{animation:none}.cs-tabs button:active,.cs-tabs button:hover,.cs-film-skip:active{transform:none}}
body.motion-paused :is(.cs-tabs,.cs-callout,.cs-tabs button,.cs-halo,.cs-light),body.motion-paused .cs-tabs button::before{transition:none}body.motion-paused .cs-tabs button,body.motion-paused .cs-film-skip:active{transform:none}body.motion-paused .cs-halo,body.motion-paused .cs-light{animation:none}
@media(prefers-contrast:more){.cs-callout p{color:#fff}.cs-tabs{border:1px solid var(--cs-wine)}.cs-callout{background:#321318;border-color:var(--cs-ivory)}}
html:not([data-cloud-js]) .cloud-story{height:auto}html:not([data-cloud-js]) .cs-sticky{position:relative;height:auto;width:100%}html:not([data-cloud-js]) .cs-stage{height:auto;aspect-ratio:3836/2160}
html:not([data-cloud-js]) .cs-board{position:relative;width:100%;height:100%}html:not([data-cloud-js]) .cs-poster{width:100%;height:100%;object-fit:contain}
html:not([data-cloud-js]) :is(.cs-film,.cs-inspection,.cs-final,.cs-end,.cs-leaders,.cs-callout,.cs-tabs,.cs-track,.cs-hint){display:none}

/* product-story.css */
/* Product storytelling (Claude): photo chapters on /ring/ and /voice/. Palette: wine #5A1119, rose taupe #A86A6B,
   ivory #F4EFE9, graphite #2A2626. Apple-style: large imagery, generous rhythm, reveal on scroll, subtle hover. */
.ps{--ps-ease:cubic-bezier(.22,1,.36,1);padding:clamp(48px,7vw,96px) 0 0;color:#2a2626}
.ps figure{margin:0;position:relative;overflow:hidden}
.ps figcaption{position:absolute;right:12px;bottom:10px;padding:3px 9px;border-radius:999px;background:rgba(42,38,38,.38);color:#f4efe9;font-size:10px;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ps img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ps-ease)}

/* Hero: full-bleed photograph with the headline over the empty side of the frame */
.ps-hero{position:relative;margin:0 clamp(12px,2vw,28px);border-radius:28px;overflow:hidden;min-height:clamp(420px,62vw,760px);display:grid}
.ps-hero-media{position:absolute;inset:0}
.ps-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,239,233,.86) 0%,rgba(244,239,233,.55) 34%,rgba(244,239,233,0) 60%)}
.ps-hero-copy{position:relative;z-index:1;align-self:center;max-width:1280px;padding-block:48px}
.ps-hero-copy h2{max-width:13ch;margin:12px 0 16px;font-size:clamp(36px,5.4vw,76px);line-height:1.02;letter-spacing:-.05em;font-weight:480;color:#2a2626}
.ps-hero-copy>p:not(.eyebrow){max-width:44ch;margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:#4f3d3b}
@media (max-width:760px){.ps-hero{min-height:620px;align-items:end}.ps-hero-media::after{background:linear-gradient(0deg,rgba(244,239,233,.95) 0%,rgba(244,239,233,.7) 38%,rgba(244,239,233,0) 70%)}.ps-hero-copy{align-self:end;padding-bottom:36px}}

/* Chapters: alternating image / text, big type, chips with the real specs */
.ps-chapters{display:grid;gap:clamp(56px,8vw,120px);padding-block:clamp(64px,9vw,132px)}
.ps-chapter{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,5vw,88px)}
.ps-chapter.ps-flip .ps-media{order:2}
.ps-media{border-radius:26px;aspect-ratio:4/5;box-shadow:0 30px 70px -40px rgba(90,17,25,.45)}
.ps-text h3{margin:10px 0 14px;font-size:clamp(30px,3.6vw,52px);line-height:1.04;letter-spacing:-.04em;font-weight:500}
.ps-text>p:not(.eyebrow){margin:0;max-width:46ch;font-size:clamp(15px,1.15vw,17px);line-height:1.65;color:#5d4a49}
.ps-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 22px;padding:0;list-style:none}
.ps-chips li{padding:7px 13px;border-radius:999px;background:#fbf3ef;border:1px solid #ead8d2;color:#5a1119;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;transition:background .25s ease,transform .25s var(--ps-ease)}
.ps-more{font-weight:600}
@media (max-width:860px){.ps-chapter{grid-template-columns:1fr}.ps-chapter.ps-flip .ps-media{order:0}.ps-media{aspect-ratio:4/4.6}}

/* Wide band with the hardware line */
.ps-band{position:relative;margin:0 clamp(12px,2vw,28px) clamp(40px,6vw,80px);border-radius:28px;overflow:hidden}
.ps-band figure{aspect-ratio:16/7;min-height:280px}
.ps-band>p{position:absolute;left:0;right:0;bottom:clamp(18px,3vw,40px);margin:0 auto;color:#f4efe9;font-size:clamp(18px,2.2vw,30px);font-weight:500;letter-spacing:-.02em;line-height:1.25;text-shadow:0 2px 18px rgba(42,8,14,.6);max-width:1280px}
.ps-band::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(42,8,14,.62) 0%,rgba(42,8,14,0) 55%)}

/* Hover: photos breathe, chips lift (pointer devices only) */
@media (hover:hover) and (pointer:fine){
  .ps-chapter:hover .ps-media img,.ps-band:hover img,.ps-hero:hover .ps-hero-media img{transform:scale(1.035)}
  .ps-chips li:hover{background:#f4e3df;transform:translateY(-2px)}
}

/* Reveal on scroll (added by product-story.js; content is visible without JS) */
.ps-js [data-ps-reveal]{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ps-ease),transform 1.1s var(--ps-ease)}
.ps-js [data-ps-reveal].is-in{opacity:1;transform:none}
.ps-js .ps-chapter[data-ps-reveal] .ps-media img{transform:scale(1.08)}
.ps-js .ps-chapter[data-ps-reveal].is-in .ps-media img{transform:scale(1)}
.ps-js .ps-chapter[data-ps-reveal] .ps-chips li{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .6s var(--ps-ease)}
.ps-js .ps-chapter[data-ps-reveal].is-in .ps-chips li{opacity:1;transform:none}
.ps-js .ps-chapter.is-in .ps-chips li:nth-child(2){transition-delay:.08s}.ps-js .ps-chapter.is-in .ps-chips li:nth-child(3){transition-delay:.16s}
@media (prefers-reduced-motion:reduce){.ps img,.ps-chips li{transition:none!important}.ps-js [data-ps-reveal],.ps-js [data-ps-reveal] .ps-chips li{opacity:1!important;transform:none!important;transition:none!important}}
body.motion-paused .ps-js [data-ps-reveal]{opacity:1;transform:none}
.ps .ps-hero-media{position:absolute;inset:0}

/* articles.css */
/* Function guides, card thumbnails, home guide strip and photo bands (Claude, 2026-10-02).
   Palette: wine #5A1119, rose taupe #A86A6B, ivory #F4EFE9, graphite #2A2626. */
:root{--art-ease:cubic-bezier(.22,1,.36,1)}

/* Card thumbnails: the photo bleeds to the card edges */
.post-card a{overflow:hidden}
.post-thumb{display:block;margin:-1.4rem -1.4rem .6rem;aspect-ratio:16/10;overflow:hidden;background:#efe4dc}
.post-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--art-ease)}
@media (hover:hover) and (pointer:fine){.post-card a:hover .post-thumb img{transform:scale(1.04)}}

/* Article header: title and photo side by side, stacked on phones */
.art-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(28px,5vw,64px) 0 clamp(24px,4vw,48px)}
.art-head h1{margin:12px 0 16px;font-size:clamp(34px,4.6vw,64px);line-height:1.04;letter-spacing:-.045em;font-weight:480;text-wrap:balance}
.art-hero{position:relative;margin:0;border-radius:26px;overflow:hidden;aspect-ratio:4/4.4;box-shadow:0 30px 70px -40px rgba(90,17,25,.45)}
.art-hero img{display:block;width:100%;height:100%;object-fit:cover}
.art-hero figcaption,.photo-band small,.gs-note{font-size:10px;letter-spacing:.02em}
.art-hero figcaption{position:absolute;right:12px;bottom:10px;padding:3px 9px;border-radius:999px;background:rgba(42,38,38,.38);color:#f4efe9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.art-measures{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:6px 12px 6px 6px;border-radius:999px;background:#fbf3ef;border:1px solid #ead8d2;color:#5a1119;font-size:13px;font-weight:500}
.art-measures span{padding:3px 9px;border-radius:999px;background:#5a1119;color:#f4efe9;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.art-measures--no span{background:#a86a6b}
@media (max-width:860px){.art-head{grid-template-columns:1fr}.art-hero{aspect-ratio:4/3.4;order:-1}}

/* Answer-first block: quotable in one read */
.art-body{max-width:760px}
.art-answer{margin:0 0 28px;padding:22px 24px;border-radius:20px;background:#f7ece6;color:#2a2626;font-size:clamp(16px,1.3vw,18.5px);line-height:1.6}
.art-answer strong{color:#5a1119}
.art-toc{margin:0 0 8px;padding:16px 20px;border:1px solid #eadfd5;border-radius:16px}
.art-toc p{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a86a6b}
.art-toc ol{margin:0;padding-left:20px;display:grid;gap:4px}
.art-toc a{color:#5a1119;text-decoration:none}.art-toc a:hover{text-decoration:underline}
.art-body h2{scroll-margin-top:96px}
.art-sources{padding-left:20px;display:grid;gap:6px;font-size:14px;line-height:1.5}
.art-sources a{color:#5a1119;overflow-wrap:anywhere}

/* Home: four photo cards into the guides */
.guides-strip{padding:clamp(56px,7vw,104px) 0 clamp(24px,3vw,40px)}
.gs-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 32px;margin-bottom:clamp(20px,3vw,36px)}
.gs-head .eyebrow{width:100%;margin:0}
.gs-head h2{margin:0;font-size:clamp(32px,4.2vw,58px);line-height:1.04;letter-spacing:-.045em;font-weight:480}
.gs-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.gs-card{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:3/4;color:#f4efe9;text-decoration:none;isolation:isolate}
.gs-card .post-thumb{position:absolute;inset:0;margin:0;aspect-ratio:auto;z-index:-1}
.gs-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(42,8,14,.78) 0%,rgba(42,8,14,.2) 46%,rgba(42,8,14,0) 70%)}
.gs-copy{position:absolute;left:0;right:0;bottom:0;display:grid;gap:6px;padding:clamp(14px,1.6vw,22px)}
.gs-copy .post-kicker{color:#f1cfc8}
.gs-title{font-size:clamp(16px,1.35vw,20px);line-height:1.2;font-weight:500;letter-spacing:-.02em}
.gs-note{margin:12px 0 0;color:#8a7473}
@media (hover:hover) and (pointer:fine){.gs-card:hover .post-thumb img{transform:scale(1.05)}}
.gs-card:focus-visible{outline:2px solid #5a1119;outline-offset:3px}
@media (max-width:980px){.gs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.gs-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}.gs-grid li{flex:0 0 72%;scroll-snap-align:start}}

/* Wide photo with one line of copy (size guide, FAQ) */
.photo-band{position:relative;margin:0 auto clamp(28px,4vw,56px);border-radius:26px;overflow:hidden;aspect-ratio:16/6.2;padding:0}
.photo-band img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pb-pos,50% 45%)}
.photo-band::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(42,8,14,.66) 0%,rgba(42,8,14,0) 58%);pointer-events:none}
.photo-band figcaption{position:absolute;z-index:1;left:clamp(18px,3vw,40px);right:clamp(18px,3vw,40px);bottom:clamp(16px,2.6vw,32px);display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:8px 24px;color:#f4efe9}
.photo-band figcaption span{max-width:30ch;font-size:clamp(18px,2.2vw,30px);line-height:1.2;font-weight:500;letter-spacing:-.02em}
.photo-band small{opacity:.8}
@media (max-width:760px){.photo-band{aspect-ratio:4/3.6;border-radius:20px}}
@media (prefers-reduced-motion:reduce){.post-thumb img{transition:none!important}}

/* Metrics glossary: definition list (Claude, 2026-10-03) */
.metric-defs{margin:0 0 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.metric-defs div{padding:14px 16px;border:1px solid #eadfd5;border-radius:16px;background:#fffaf7}
.metric-defs dt{margin:0 0 4px;color:#5a1119;font-weight:600;font-size:15px}
.metric-defs dd{margin:0;color:#2a2626;font-size:14.5px;line-height:1.5}
@media (max-width:640px){.metric-defs{grid-template-columns:1fr}}

/* product-hero.css */
/* Product hero v2 (Claude): drenched surface, floating render, ivory type. Wine for MICRA Ring, graphite for MICRA Voice. */
.ph{--ph-bg1:#7d1a26;--ph-bg2:#5a1119;--ph-bg3:#2c070c;--ph-glow:rgba(255,190,170,.30);--ph-ink:#f4efe9;--ph-mute:rgba(244,239,233,.72);
  position:relative;isolation:isolate;overflow:hidden;margin:0 clamp(10px,1.4vw,20px);border-radius:clamp(22px,2.4vw,36px);color:var(--ph-ink);
  background:radial-gradient(120% 90% at 70% 42%,var(--ph-bg1) 0%,var(--ph-bg2) 42%,var(--ph-bg3) 100%)}
.ph--voice{--ph-bg1:#4a3d3d;--ph-bg2:#2a2626;--ph-bg3:#141111;--ph-glow:rgba(168,106,107,.42)}
.ph-light{position:absolute;z-index:-1;width:min(70vw,980px);aspect-ratio:1;right:-6%;top:50%;transform:translateY(-50%);border-radius:50%;
  background:radial-gradient(closest-side,var(--ph-glow),transparent 70%);filter:blur(10px);pointer-events:none}
.ph-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(16px,3vw,48px);
  min-height:min(calc(100svh - 120px),860px);padding-block:clamp(96px,10vw,140px) clamp(16px,2vw,32px)}
.ph h1{margin:0;display:grid;gap:clamp(10px,1.2vw,18px)}
.ph-name{font-size:clamp(13px,1vw,15px);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ph-mute)}
.ph-tag{font-size:clamp(46px,7.2vw,112px);line-height:.96;letter-spacing:-.055em;font-weight:460;color:var(--ph-ink);text-wrap:balance}
.ph-lead{max-width:40ch;margin:clamp(16px,1.8vw,26px) 0 clamp(22px,2.4vw,34px);font-size:clamp(16px,1.25vw,19px);line-height:1.55;color:var(--ph-mute)}
.ph .product-order{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:0}
.ph .product-price{margin:0;display:grid;gap:2px}
.ph .product-price strong{font-size:clamp(26px,2.4vw,34px);font-weight:500;letter-spacing:-.03em;color:var(--ph-ink)}
.ph .product-price small{font-size:.45em;letter-spacing:.06em;color:var(--ph-mute)}
.ph .product-price span{font-size:12px;color:var(--ph-mute)}
.ph .product-order .button.wine{background:var(--ph-ink);color:#5a1119;border-color:var(--ph-ink);box-shadow:0 14px 34px -16px rgba(0,0,0,.6)}
.ph .product-order .button.wine:hover{background:#fff}
.ph .product-order .small{flex-basis:100%;margin:0;font-size:12px;color:var(--ph-mute)}
.ph-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;font-size:14px}
.ph-links a{color:var(--ph-ink);text-decoration:none;border-bottom:1px solid rgba(244,239,233,.35);padding-bottom:2px;transition:border-color .2s ease}
.ph-links a:hover{border-color:var(--ph-ink)}

/* Stage: the render floats above a soft reflection */
.ph-stage{position:relative;margin:0;display:grid;place-items:center;perspective:1200px}
.ph-float{position:relative;width:min(100%,640px);aspect-ratio:1;transform-style:preserve-3d;will-change:transform;
  filter:drop-shadow(0 50px 60px rgba(0,0,0,.45));animation:ph-in 1.4s cubic-bezier(.16,1,.3,1) both}
.ph-float img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ph-float .ph-alt{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1)}
.ph-stage:hover .ph-alt{opacity:1}
.ph-stage:hover .ph-alt+*,.ph-stage:hover .ph-float img:first-child{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1)}
.ph-float img:first-child{transition:opacity .9s cubic-bezier(.22,1,.36,1)}
.ph-floor{position:relative;width:min(80%,520px);height:clamp(40px,6vw,90px);margin-top:clamp(-70px,-5vw,-30px);overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.28),transparent 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,.28),transparent 80%)}
.ph-floor img{width:100%;height:auto;transform:scaleY(-1) translateY(18%);filter:blur(3px)}
.ph-floor::before{content:"";position:absolute;inset:0 10% auto;height:24px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent)}
.ph-stage figcaption{margin-top:6px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ph-mute)}
@keyframes ph-in{from{opacity:0;transform:translateY(40px) scale(.94) rotate(-4deg)}to{opacity:1;transform:none}}
.ph-float.is-floating{animation:ph-bob 7s ease-in-out infinite}
@keyframes ph-bob{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* Spec line under the fold edge */
.ph-specs{list-style:none;margin:0 auto;padding:clamp(18px,2vw,26px) 0 clamp(22px,2.6vw,34px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(244,239,233,.16)}
.ph-specs li{display:grid;gap:4px;padding:0 clamp(10px,1.6vw,24px)}
.ph-specs li+li{border-left:1px solid rgba(244,239,233,.16)}
.ph-specs strong{font-size:clamp(16px,1.5vw,22px);font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ph-specs span{font-size:12px;color:var(--ph-mute)}

@media (max-width:860px){
  .ph-grid{grid-template-columns:1fr;min-height:0;padding-top:96px;gap:0}
  .ph-stage{order:-1;margin-bottom:8px}.ph-float{width:min(78vw,420px)}
  .ph-tag{font-size:clamp(44px,13vw,72px)}
  .ph-specs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  .ph-specs li:nth-child(3){border-left:0}
}
@media (max-width:420px){.ph{margin:0 8px}.ph .product-order .button.wine{flex:1 1 100%;justify-content:center;text-align:center}}
@media (prefers-reduced-motion:reduce){.ph-float,.ph-float.is-floating{animation:none}.ph-float img,.ph-alt{transition:none}}
body.motion-paused .ph-float{animation:none}

/* metrics.css */
/* Metrics explainer (Claude, 2026-10-03): /blog/etapas-del-sueno-rem-profundo-y-mas/.
   Palette: wine #5A1119, rose taupe #A86A6B, ivory #F4EFE9, graphite #2A2626. Motion: transform/opacity only. */
.mx{--mx-wine:#5a1119;--mx-rose:#a86a6b;--mx-ivory:#f4efe9;--mx-ink:#2a2626;--mx-soft:#f7ece6;--mx-line:#eadfd5;--mx-light:#e3c7c0;--mx-ease:cubic-bezier(.22,1,.36,1);color:var(--mx-ink)}
.mx .s-despierta{fill:var(--mx-ink);background:var(--mx-ink)}
.mx .s-rem{fill:var(--mx-rose);background:var(--mx-rose)}
.mx .s-ligero{fill:var(--mx-light);background:var(--mx-light)}
.mx .s-profundo{fill:var(--mx-wine);background:var(--mx-wine)}

/* Hero */
.mx-hero{padding:clamp(40px,7vw,112px) 0 clamp(24px,4vw,48px);max-width:1100px}
.mx-hero h1{margin:14px 0 18px;font-size:clamp(40px,6.4vw,92px);line-height:.98;letter-spacing:-.05em;font-weight:480;text-wrap:balance}
.mx-answer{max-width:68ch;margin:28px 0 0;padding:22px 24px;border-radius:22px;background:var(--mx-soft);font-size:clamp(17px,1.4vw,20px);line-height:1.6}
.mx-answer strong{color:var(--mx-wine)}
.mx-photo{position:relative;margin:0;border-radius:28px;overflow:hidden;background:#efe4dc}
.mx-photo img{display:block;width:100%;height:100%;object-fit:cover}
.mx-photo figcaption{position:absolute;right:12px;bottom:10px;padding:3px 9px;border-radius:999px;background:rgba(42,38,38,.42);color:var(--mx-ivory);font-size:10px;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mx-photo--hero{aspect-ratio:16/7.5;box-shadow:0 40px 90px -50px rgba(90,17,25,.5)}
.mx-photo--side{aspect-ratio:4/5}
.mx-toc{margin-top:clamp(28px,4vw,48px)}
.mx-toc p{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mx-rose)}
.mx-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mx-toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--mx-line);border-radius:999px;color:var(--mx-wine);text-decoration:none;font-size:15px}
.mx-toc a:hover{background:var(--mx-soft)}

/* Sections */
.mx-sec{padding:clamp(64px,10vw,152px) 0 0;scroll-margin-top:80px}
.mx-sec>.eyebrow{margin:0;color:var(--mx-rose)}
.mx-sec h2{margin:10px 0 18px;max-width:16ch;font-size:clamp(36px,5.4vw,76px);line-height:1;letter-spacing:-.05em;font-weight:480;text-wrap:balance}
.mx-sec h3{margin:0 0 12px;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em;line-height:1.1;font-weight:500}
.mx-lede{max-width:62ch;margin:0 0 clamp(28px,4vw,48px);font-size:clamp(18px,1.6vw,22px);line-height:1.55;color:#4f3d3b}
.mx-sec p,.mx-sec li{line-height:1.65}
.mx-copy{max-width:62ch}.mx-copy p{color:#4f3d3b}
.mx a:not(.button):not(.mx-toc a){color:var(--mx-wine)}
.mx-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:center;margin-top:clamp(40px,6vw,88px)}
.mx-split--rev>.mx-photo{order:-1}
@media (max-width:860px){.mx-split{grid-template-columns:1fr}.mx-split .mx-photo--side{aspect-ratio:4/3.4}}

/* Widget shell */
.mx-widget{margin:0 0 clamp(20px,3vw,32px);padding:clamp(20px,3vw,36px);border-radius:28px;background:#fffaf7;border:1px solid var(--mx-line)}
.mx-wtitle{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:20px}
.mx-wtitle span{font-size:clamp(18px,1.6vw,22px);font-weight:500;letter-spacing:-.02em}
.mx-wtitle small{font-size:12.5px;color:#8a7473}
.mx-wnote{margin:16px 0 0;font-size:14px;color:#6b5856}
.mx-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0;font-size:13px;color:#6b5856}
.mx-legend span{display:inline-flex;align-items:center;gap:8px}
.mx-lg-band,.mx-lg-dot,.mx-lg-avg{display:inline-block;width:18px;height:10px;border-radius:5px;background:rgba(168,106,107,.28)}
.mx-lg-dot{width:12px;height:12px;border-radius:50%;background:var(--mx-wine)}
.mx-lg-avg{width:3px;height:14px;border-radius:2px;background:var(--mx-ink)}

/* Hypnogram */
.mx-hyp-chart{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px}
.mx-hyp-rows{display:grid;grid-template-rows:repeat(4,1fr);font-size:13px;color:#6b5856}
.mx-hyp-rows span{display:flex;align-items:center;background:none!important}
.mx-hyp svg{display:block;width:100%;height:clamp(160px,22vw,220px)}
.mx-hyp rect{transition:opacity .35s var(--mx-ease);cursor:pointer}
.mx-hyp .mx-grid line{stroke:var(--mx-line);stroke-width:1;vector-effect:non-scaling-stroke}
.mx-hyp-axis{grid-column:2;display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:#8a7473;font-variant-numeric:tabular-nums}
.mx-hyp[data-active]:not([data-active=""]) rect{opacity:.16}
.mx-hyp[data-active="despierta"] rect.s-despierta,.mx-hyp[data-active="rem"] rect.s-rem,.mx-hyp[data-active="ligero"] rect.s-ligero,.mx-hyp[data-active="profundo"] rect.s-profundo{opacity:1}
.mx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 4px}
.mx-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--mx-line);border-radius:999px;background:#fff;color:var(--mx-ink);font:inherit;font-size:15px;cursor:pointer;transition:transform .2s var(--mx-ease)}
.mx-chip i{width:12px;height:12px;border-radius:50%}
.mx-chip[aria-pressed="true"]{border-color:var(--mx-wine);box-shadow:inset 0 0 0 1px var(--mx-wine)}
.mx-chip:active{transform:scale(.97)}
.mx-chip:focus-visible,.mx-toc a:focus-visible,.mx-slider input:focus-visible{outline:2px solid var(--mx-wine);outline-offset:3px}
.mx-hyp-defs{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;max-width:70ch}
.mx-hyp-defs li{font-size:15.5px;line-height:1.6}
.mx-hyp-defs em{font-style:normal;color:var(--mx-wine)}
.mx-sample{display:block;color:#6b5856;font-size:14px}
.mx-hyp:not(.is-js) .mx-hint,.mx-hyp:not(.is-js) .mx-chips{display:none}
.mx-hyp.is-js .mx-hyp-defs li{display:none}
.mx-hyp.is-js .mx-hyp-defs li.is-on{display:block;animation:mx-fade .35s var(--mx-ease)}
@keyframes mx-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Stage share */
.mx-stack{display:flex;height:44px;border-radius:14px;overflow:hidden}
.mx-stack span{display:flex;align-items:center;padding:0 10px;min-width:0}
.mx-stack b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-stack .s-ligero b{color:var(--mx-ink)}.mx-stack .s-profundo b,.mx-stack .s-rem b{color:var(--mx-ivory)}
.mx-sh-rows{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.mx-sh-rows li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:4px 14px;align-items:center}
.mx-sh-label{font-size:14px;font-weight:500}
.mx-track{position:relative;height:14px;border-radius:7px;background:#f1e6e0}
.mx-ref{position:absolute;top:0;bottom:0;border-radius:7px;background:rgba(168,106,107,.32)}
.mx-ref--tick{width:3px;margin-left:-1.5px;top:-4px;bottom:-4px;border-radius:2px;background:var(--mx-rose)}
.mx-dot{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(42,38,38,.3)}
.mx-sh-val{grid-column:2;font-size:13px;color:#6b5856}

/* Tu rango (bullet) */
.mx-bullet{position:relative;height:56px;margin:8px 0 6px}
.mx-bullet::before{content:"";position:absolute;left:0;right:0;top:22px;height:12px;border-radius:6px;background:#f1e6e0}
.mx-b-band{position:absolute;top:22px;height:12px;border-radius:6px;background:rgba(168,106,107,.38);transform-origin:left center}
.mx-b-avg{position:absolute;top:14px;width:3px;height:28px;margin-left:-1.5px;border-radius:2px;background:var(--mx-ink)}
.mx-b-today{position:absolute;top:18px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--mx-wine);border:3px solid #fff;box-shadow:0 2px 8px rgba(90,17,25,.35)}
.mx-b-today b{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:13px;color:var(--mx-wine);font-variant-numeric:tabular-nums}
.mx-b-scale{display:flex;justify-content:space-between;font-size:12px;color:#8a7473}
.mx-b-legend{margin:18px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mx-b-legend dt{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
.mx-b-legend dd{margin:4px 0 0;font-size:14px;color:#6b5856;line-height:1.5}
@media (max-width:640px){.mx-b-legend{grid-template-columns:1fr}}

/* Strain scale */
.mx-zones{position:relative;display:flex;height:56px;border-radius:16px;overflow:visible}
.mx-zones>span:not(.mx-z-marker){display:flex;flex-direction:column;justify-content:center;padding:0 10px;min-width:0;color:var(--mx-ivory)}
.mx-zones>span:first-child{border-radius:16px 0 0 16px}.mx-zones>span:nth-child(4){border-radius:0 16px 16px 0}
.mx-zones b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-zones small{font-size:11px;opacity:.85}
.z-ligero{background:#d9b3ad;color:var(--mx-ink)!important}.z-moderado{background:var(--mx-rose)}.z-alto{background:#7d2a33}.z-maximo{background:var(--mx-wine)}
.mx-z-marker{position:absolute;top:-6px;bottom:-6px;width:4px;margin-left:-2px;border-radius:2px;background:var(--mx-ink);box-shadow:0 0 0 2px #fff}
.mx-slider{display:grid;gap:6px;margin:22px 0 0;font-size:14px;color:#6b5856}
.mx-slider input{width:100%;min-height:44px;accent-color:var(--mx-wine)}
.mx-out{margin:6px 0 0;font-size:16px}
.mx-zone-list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mx-zone-list li{padding:12px 14px;border-radius:14px;background:#f8efea;font-size:14.5px;line-height:1.5;transition:opacity .3s var(--mx-ease)}
.mx-zone-list li.is-on{box-shadow:inset 0 0 0 1.5px var(--mx-wine)}
.mx-curve{display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);gap:20px;align-items:center;margin-top:22px}
.mx-curve svg{width:100%;height:auto}
.mx-curve polyline{fill:none;stroke:var(--mx-wine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mx-curve line{stroke:var(--mx-line);stroke-width:2}
.mx-curve p{margin:0;font-size:15px;color:#4f3d3b}
.mx-curve small{color:#8a7473}
@media (max-width:640px){.mx-zone-list{grid-template-columns:1fr}.mx-curve{grid-template-columns:1fr}.mx-zones small{display:none}}

/* Recovery gauge */
.mx-gauge{position:relative;max-width:320px;margin:0 auto}
.mx-gauge svg{display:block;width:100%;height:auto}
.mx-gauge path{fill:none;stroke-width:16;stroke-linecap:round}
.mx-gauge .g-low{stroke:#e3c7c0}.mx-gauge .g-mid{stroke:var(--mx-rose)}.mx-gauge .g-high{stroke:var(--mx-wine)}
.mx-gauge circle{fill:var(--mx-ink)}
.mx-needle{transform-box:view-box;transform-origin:100px 100px;transform:rotate(var(--a))}
.mx-needle line{stroke:var(--mx-ink);stroke-width:3.5;stroke-linecap:round}
.mx-g-val{margin:10px 0 0;display:flex;justify-content:center;align-items:baseline;gap:10px}
.mx-g-val strong{font-size:clamp(40px,5vw,56px);line-height:1;letter-spacing:-.04em;font-weight:500;color:var(--mx-wine);font-variant-numeric:tabular-nums}
.mx-g-val span{font-size:15px;color:#6b5856}
.mx-g-legend{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:8px}
.mx-g-legend li{display:flex;align-items:center;gap:10px;font-size:14.5px}
.mx-g-legend i{flex:none;width:12px;height:12px;border-radius:50%}
.mx-g-legend .g-low{background:#e3c7c0}.mx-g-legend .g-mid{background:var(--mx-rose)}.mx-g-legend .g-high{background:var(--mx-wine)}

/* Stats, cards, facts */
.mx-stats{list-style:none;margin:clamp(40px,6vw,80px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.mx-stats li{padding:22px;border-radius:22px;background:var(--mx-soft)}
.mx-stats strong{display:block;font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:-.04em;font-weight:500;color:var(--mx-wine);font-variant-numeric:tabular-nums}
.mx-stats span{display:block;margin:8px 0 6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mx-rose)}
.mx-stats p{margin:0;font-size:14.5px;line-height:1.55;color:#4f3d3b}
.mx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.mx-cards article{padding:24px;border-radius:24px;border:1px solid var(--mx-line);background:#fff}
.mx-cards p{margin:0;font-size:15.5px;color:#4f3d3b}
.mx-facts{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mx-facts li{padding:18px 20px;border-radius:20px;background:var(--mx-soft);font-size:15px}
.mx-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:32px 0 0}
.mx-ctas .text-link{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:980px){.mx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-cards,.mx-facts{grid-template-columns:1fr}}
@media (max-width:520px){.mx-stats{grid-template-columns:1fr}.mx-photo--hero{aspect-ratio:4/3.2}.mx-sh-rows li{grid-template-columns:64px minmax(0,1fr)}}
#preguntas.guide{padding-bottom:0}
.mx-copy ul+p{margin-top:16px}
.mx-dot.s-ligero{border-color:var(--mx-rose)}
@media (max-width:520px){.mx-stack .mx-nm{display:none}}

/* Reveal (only when JS adds .mx-anim, never with reduced motion) */
@media (prefers-reduced-motion:no-preference){
  .mx-anim [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--mx-ease),transform .7s var(--mx-ease)}
  .mx-anim [data-reveal].is-in{opacity:1;transform:none}
  .mx-anim .mx-b-band{transform:scaleX(.2);transition:transform .9s .15s var(--mx-ease)}
  .mx-anim .is-in .mx-b-band{transform:none}
  .mx-anim .mx-needle{transform:rotate(-90deg);transition:transform 1.1s .2s var(--mx-ease)}
  .mx-anim .is-in .mx-needle{transform:rotate(var(--a))}
}
@media (prefers-reduced-motion:reduce){.mx *{transition:none!important;animation:none!important}}