.auria-scope{--au-ink: #26344A;          
  --au-ink-2: #4E5A70;
  --au-mute: #7D8698;
  --au-line: #ECE6E4;
  --au-bg: #F4F0EE;           
  --au-card: #FFFFFF;
  --au-blush: #D9A898;        
  --au-blush-deep: #B98574;
  --au-blush-soft: #F7EAE5;
  --au-lilac: #A79BEA;
  --au-lilac-soft: #EEEBFB;
  --au-good: #3FA37F;
  --au-mid: #C98A1C;
  --au-high: #D24F63;
  --au-display: "Marcellus", Optima, "Candara", "Palatino Linotype", serif;
  --au-body: "Manrope", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --au-r-lg: 28px;
  --au-r-md: 20px;
  --au-r-sm: 14px;
  --au-shadow: 0 1px 2px rgba(38, 52, 74, .04), 0 12px 32px -12px rgba(38, 52, 74, .12);
  --au-shadow-btn: 0 10px 24px -10px rgba(38, 52, 74, .55);
  color-scheme: light;}
.auria-scope, .auria-scope *, .auria-scope *::before, .auria-scope *::after{box-sizing: border-box;}
.auria-scope{font-family: var(--au-body); color: var(--au-ink); font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; text-align: left;}
.auria-scope h1, .auria-scope h2, .auria-scope h3, .auria-scope p, .auria-scope ul, .auria-scope ol, .auria-scope li, .auria-scope figure{margin: 0; padding: 0; letter-spacing: normal; text-transform: none;}
.auria-scope ul, .auria-scope ol{list-style: none;}
.auria-scope li::before, .auria-scope li::marker{content: none;}
.auria-scope button, .auria-scope input, .auria-scope a{font: inherit; letter-spacing: normal; text-transform: none; text-decoration: none; box-shadow: none; margin: 0;}
.auria-scope button{background: none; border: 0; padding: 0; color: inherit; cursor: pointer; line-height: inherit; min-height: 0; border-radius: 0; width: auto;}
.auria-scope a{color: inherit;}
.auria-scope img, .auria-scope canvas, .auria-scope svg{max-width: 100%; display: block;}
.auria-scope :focus-visible{outline: 2px solid var(--au-lilac); outline-offset: 2px; border-radius: 10px;}
.auria-scope [hidden]{display: none !important;}
.au-noscroll, .au-noscroll body{overflow: hidden !important;}
.auria-app{background: var(--au-bg); border-radius: 32px; container-type: inline-size; container-name: au;}
.auria-scope .au-shell{padding: 18px 16px 28px; display: grid; gap: 18px; max-width: 1320px; margin: 0 auto;}
.auria-scope .au-h1{font-family: var(--au-display); font-weight: 400; font-size: clamp(32px, 8.2cqi, 58px); line-height: 1.04; letter-spacing: -.01em; text-wrap: balance; color: var(--au-ink);}
.auria-scope .au-h1 em{font-style: normal; color: var(--au-blush-deep);}
.auria-scope .au-h2{font-family: var(--au-display); font-weight: 400; font-size: 26px; line-height: 1.15; text-wrap: balance;}
.auria-scope .au-h3{font-family: var(--au-display); font-weight: 400; font-size: 21px; line-height: 1.2;}
.auria-scope .au-eyebrow{font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--au-blush-deep);}
.auria-scope .au-lead{color: var(--au-ink-2); font-size: 16px; max-width: 56ch;}
.auria-scope .au-sub{color: var(--au-mute); font-size: 13px; margin-top: 2px;}
.auria-scope .au-muted{color: var(--au-mute); font-size: 14px;}
.auria-scope .au-disclaimer{color: var(--au-mute); font-size: 12px; text-align: center; max-width: 70ch; margin: 4px auto 0;}
.auria-scope .au-foot{color: var(--au-mute); font-size: 11.5px;}
.auria-scope .au-ic{width: 20px; height: 20px; flex: none;}
.auria-scope .au-btn{display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 20px; border-radius: 999px; font-weight: 700; font-size: 14.5px; white-space: nowrap; transition: transform .18s ease, box-shadow .18s ease, background .18s ease;}
.auria-scope .au-btn:active{transform: scale(.97);}
.auria-scope .au-btn-primary{background: linear-gradient(135deg, #2F3F5A, #26344A 55%, #3B4A6B); color: #fff; box-shadow: var(--au-shadow-btn);}
.auria-scope .au-btn-primary:hover{background: linear-gradient(135deg, #3A4B69, #2B3A52 55%, #46567A); color: #fff;}
.auria-scope .au-btn-ghost{background: var(--au-card); color: var(--au-ink); border: 1px solid var(--au-line);}
.auria-scope .au-btn-ghost:hover{background: var(--au-blush-soft); color: var(--au-ink);}
.auria-scope .au-btn-lg{min-height: 56px; padding: 0 26px; font-size: 15.5px;}
.auria-scope .au-btn[disabled]{opacity: .6; pointer-events: none;}
.auria-scope .au-w100{width: 100%;}
.auria-scope .au-icon-btn{width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--au-card); border: 1px solid var(--au-line); color: var(--au-ink);}
.auria-scope .au-icon-btn:hover{background: var(--au-blush-soft);}
.auria-scope .au-cta-row{display: flex; flex-wrap: wrap; gap: 10px;}
.auria-scope .au-cta-row .au-btn{flex: 1 1 200px;}
.auria-scope .au-center-row{justify-content: center;}
.auria-scope .au-top{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
.auria-scope .au-logo{height: 38px; width: auto;}
.auria-scope .au-wordmark{font-family: var(--au-display); font-size: 26px; letter-spacing: .2em;}
.auria-scope .au-pill-soft{display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; background: var(--au-card); border: 1px solid var(--au-line); font-size: 12.5px; font-weight: 700; color: var(--au-ink-2);}
.auria-scope .au-pill-soft .au-ic{width: 16px; height: 16px; color: var(--au-blush-deep);}
.auria-scope .au-hero{display: grid; gap: 22px; background: var(--au-card); border-radius: var(--au-r-lg); padding: 24px 20px; box-shadow: var(--au-shadow); overflow: hidden;}
.auria-scope .au-hero-copy{display: grid; gap: 16px; align-content: start; min-width: 0;}
.auria-scope .au-field{display: grid; gap: 6px; font-size: 13px; font-weight: 700; color: var(--au-ink-2);}
.auria-scope .au-field small{font-weight: 500; color: var(--au-mute);}
.auria-scope .au-field input{width: 100%; height: 50px; border: 1px solid var(--au-line); border-radius: var(--au-r-sm); padding: 0 16px; font-size: 16px; font-weight: 500; color: var(--au-ink); background: #FBF9F8; outline: none; transition: border-color .2s, background .2s;}
.auria-scope .au-field input:focus{border-color: var(--au-lilac); background: #fff;}
.auria-scope .au-privacy{display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: var(--au-ink-2); background: var(--au-lilac-soft); padding: 12px 14px; border-radius: var(--au-r-sm);}
.auria-scope .au-privacy .au-ic{width: 18px; height: 18px; color: #6E62C9; margin-top: 1px;}
.auria-scope .au-hero-visual{display: grid; place-items: center; background: radial-gradient(120% 90% at 50% 20%, #FBEFEA 0%, #F3EDF6 60%, #EDF3F4 100%); border-radius: 22px; padding: 22px 12px; min-height: 300px;}
.auria-scope .au-demo{position: relative; width: min(280px, 78%);}
.auria-scope .au-demo .au-face{width: 100%; height: auto;}
.auria-scope .au-demo .au-fz-fill{fill: rgba(230, 120, 120, .0);}
.auria-scope .au-demo .au-fz[data-zone="cheekR"] .au-fz-fill, .auria-scope .au-demo .au-fz[data-zone="cheekL"] .au-fz-fill{fill: rgba(232, 88, 84, .55);}
.auria-scope .au-demo .au-fz[data-zone="nose"] .au-fz-fill{fill: rgba(132, 104, 222, .45);}
.auria-scope .au-demo .au-fz[data-zone="forehead"] .au-fz-fill{fill: rgba(72, 128, 226, .28);}
.auria-scope .au-demo .au-fz[data-zone="chin"] .au-fz-fill{fill: rgba(236, 178, 44, .35);}
.auria-scope .au-demo-scan{position: absolute; left: -6%; right: -6%; height: 2px; top: 10%; background: linear-gradient(90deg, transparent, var(--au-lilac), transparent); box-shadow: 0 0 18px 4px rgba(167, 155, 234, .45); animation: au-scan 3.6s ease-in-out infinite;}
@keyframes au-scan{ 0%, 100% { top: 6%; opacity: 0 } 10% { opacity: 1 } 50% { top: 92%; opacity: 1 } 60% { opacity: 0 } }
.auria-scope .au-demo-tag{position: absolute; display: grid; background: rgba(255, 255, 255, .92); backdrop-filter: blur(6px); border-radius: 12px; padding: 6px 10px; box-shadow: var(--au-shadow); font-size: 11px; line-height: 1.25; animation: au-float 5s ease-in-out infinite;}
.auria-scope .au-demo-tag b{font-size: 12px;}
.auria-scope .au-demo-tag span{color: var(--au-mute);}
.auria-scope .au-t1{left: -14%; top: 52%;}
.auria-scope .au-t2{right: -12%; top: 40%; animation-delay: -1.6s}
.auria-scope .au-t3{right: -6%; top: 6%; animation-delay: -3.2s}
@keyframes au-float{ 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-6px) } }
.auria-scope .au-tips, .auria-scope .au-measures{display: grid; gap: 12px;}
.auria-scope .au-tip-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.auria-scope .au-tip{display: flex; flex-direction: column; gap: 10px; align-items: flex-start; background: var(--au-card); border-radius: var(--au-r-md); padding: 14px; border: 1px solid var(--au-line);}
.auria-scope .au-tip .au-ic{width: 38px; height: 38px; padding: 9px; border-radius: 12px; background: var(--au-blush-soft); color: var(--au-blush-deep);}
.auria-scope .au-tip b{display: block; font-size: 14px;}
.auria-scope .au-tip span{font-size: 13px; color: var(--au-mute);}
.auria-scope .au-chips-static{display: flex; flex-wrap: wrap; gap: 8px;}
.auria-scope .au-chip-static{display: inline-flex; align-items: center; gap: 8px; background: var(--au-card); border: 1px solid var(--au-line); padding: 8px 12px; border-radius: 999px; font-size: 13px; font-weight: 600;}
.auria-scope .au-chip-static i{width: 9px; height: 9px; border-radius: 50%;}
.auria-scope .au-hidden-input{position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none;}
.auria-scope .au-an-grid{display: grid; gap: 18px;}
.auria-scope .au-an-photo{position: relative; border-radius: var(--au-r-lg); overflow: hidden; aspect-ratio: 4 / 5; max-height: 62vh; width: 100%; max-width: 520px; margin: 0 auto; background: #1d2433; box-shadow: var(--au-shadow);}
.auria-scope .au-an-photo img{width: 100%; height: 100%; object-fit: cover; filter: saturate(.92);}
.auria-scope .au-an-mesh{position: absolute; inset: 0; width: 100%; height: 100%;}
.auria-scope .au-an-scan{position: absolute; left: 0; right: 0; height: 26%; top: -26%; background: linear-gradient(180deg, transparent, rgba(167, 155, 234, .28) 70%, rgba(255, 255, 255, .85) 99%, transparent); animation: au-sweep 2.2s cubic-bezier(.45, 0, .3, 1) infinite; mix-blend-mode: screen;}
@keyframes au-sweep{ to { top: 100%; } }
.auria-scope .au-an-side{display: grid; gap: 14px; align-content: center; background: var(--au-card); border-radius: var(--au-r-lg); padding: 22px 20px; box-shadow: var(--au-shadow);}
.auria-scope .au-an-bar{height: 8px; border-radius: 99px; background: var(--au-line); overflow: hidden;}
.auria-scope .au-an-bar span{display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--au-blush), var(--au-lilac)); transition: width .5s ease;}
.auria-scope .au-an-steps{display: grid; gap: 10px;}
.auria-scope .au-an-steps li{display: flex; align-items: center; gap: 12px; font-size: 14.5px; color: var(--au-mute); transition: color .3s;}
.auria-scope .au-an-steps li i{width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--au-line); display: grid; place-items: center; flex: none; transition: all .3s;}
.auria-scope .au-an-steps li i .au-ic{width: 14px; height: 14px; opacity: 0; color: #fff;}
.auria-scope .au-an-steps li.au-active{color: var(--au-ink);}
.auria-scope .au-an-steps li.au-active i{border-color: var(--au-lilac); border-top-color: transparent; animation: au-spin .8s linear infinite;}
.auria-scope .au-an-steps li.au-done{color: var(--au-ink);}
.auria-scope .au-an-steps li.au-done i{background: var(--au-ink); border-color: var(--au-ink); animation: none;}
.auria-scope .au-an-steps li.au-done i .au-ic{opacity: 1;}
@keyframes au-spin{ to { transform: rotate(360deg); } }
.auria-scope .au-card{background: var(--au-card); border-radius: var(--au-r-lg); padding: 20px 18px; box-shadow: var(--au-shadow); min-width: 0;}
.auria-scope .au-center{text-align: center; display: grid; gap: 14px; justify-items: center; padding: 36px 22px;}
.auria-scope .au-big-ic{width: 72px; height: 72px; border-radius: 22px; display: grid; place-items: center; background: var(--au-blush-soft); color: var(--au-blush-deep);}
.auria-scope .au-big-ic .au-ic{width: 34px; height: 34px;}
.auria-scope .au-results{opacity: 0; transform: translateY(8px); transition: opacity .5s ease, transform .5s ease;}
.auria-scope .au-results.au-in{opacity: 1; transform: none;}
.auria-scope .au-hello{display: flex; align-items: center; gap: 12px; min-width: 0;}
.auria-scope .au-mark{width: 44px; height: 44px; border-radius: 50%; object-fit: contain; background: var(--au-card); padding: 5px 9px; border: 1px solid var(--au-line);}
.auria-scope .au-hello small{display: block; font-size: 12px; color: var(--au-mute);}
.auria-scope .au-hello b{display: block; font-family: var(--au-display); font-weight: 400; font-size: 21px; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.auria-scope .au-top-actions{display: flex; gap: 8px; align-items: center;}
.auria-scope .au-hide-sm{display: none !important;}
.auria-scope .au-vsep{width: 1px; height: 34px; background: var(--au-line);}
.auria-scope .au-jump{position: sticky; top: env(safe-area-inset-top, 0px); z-index: 5; display: flex; gap: 6px; padding: 6px; background: rgba(255, 255, 255, .86); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius: 999px; border: 1px solid var(--au-line); overflow-x: auto; scrollbar-width: none;}
.auria-scope .au-jump::-webkit-scrollbar{display: none;}
.auria-scope .au-jump a{flex: 1 0 auto; text-align: center; padding: 8px 14px; border-radius: 999px; font-size: 13.5px; font-weight: 700; color: var(--au-ink-2);}
.auria-scope .au-jump a:hover{background: var(--au-blush-soft); color: var(--au-ink);}
.auria-scope .au-grid{display: grid; gap: 18px; align-items: start;}
.auria-scope .au-col{display: grid; gap: 18px; min-width: 0;}
.auria-scope .au-photo-card{padding: 14px; display: grid; gap: 12px; scroll-margin-top: 70px;}
.auria-scope .au-photo-head{display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 2px 4px 0;}
.auria-scope .au-badge{display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; padding: 7px 11px; border-radius: 10px; background: var(--au-bg);}
.auria-scope .au-badge .au-ic{width: 15px; height: 15px;}
.auria-scope .au-rel{font-size: 12.5px; font-weight: 700; color: var(--au-good); background: #E9F6F0; padding: 6px 10px; border-radius: 999px;}
.auria-scope .au-stage{position: relative; width: 100%; aspect-ratio: 4 / 5; max-width: 100%; border-radius: 22px; overflow: hidden; background: #EDE7E4;}
.auria-scope .au-stage canvas{position: absolute; inset: 0; width: 100%; height: 100%;}
.auria-scope .au-overlay{transition: opacity .25s ease;}
.auria-scope .au-overlay.au-fade{opacity: 0;}
.auria-scope .au-overlay.au-off, .auria-scope .au-pins.au-off{opacity: 0 !important; pointer-events: none;}
.auria-scope .au-pins{position: absolute; inset: 0; transition: opacity .25s;}
.auria-scope .au-pin{position: absolute; transform: translate(-9px, -9px); display: flex; align-items: center; gap: 8px; animation: au-pop .45s cubic-bezier(.3, 1.5, .5, 1) both; animation-delay: calc(var(--i) * 90ms + 150ms);}
.auria-scope .au-pin i{animation: au-dot .5s cubic-bezier(.3, 1.6, .5, 1) both; animation-delay: inherit; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px color-mix(in srgb, var(--pc) 35%, transparent), 0 2px 8px rgba(0,0,0,.25); position: relative; flex: none;}
.auria-scope .au-pin i::after{content: ""; position: absolute; inset: 5px; border-radius: 50%; background: var(--pc);}
.auria-scope .au-pin span{position: relative; top: var(--dy, 0px); background: rgba(255, 255, 255, .94); backdrop-filter: blur(6px); padding: 5px 9px; border-radius: 10px; font-size: 11.5px; line-height: 1.2; white-space: nowrap; box-shadow: 0 4px 14px rgba(20, 30, 50, .18); color: var(--au-ink-2); text-align: left;}
.auria-scope .au-pin span b{display: block; color: var(--au-ink); font-size: 12px;}
.auria-scope .au-pin i em{display: none;}
.auria-scope .au-compact .au-pin span{display: none;}
.auria-scope .au-compact .au-pin i{width: 24px; height: 24px; display: grid; place-items: center;}
.auria-scope .au-compact .au-pin i::after{display: none;}
.auria-scope .au-compact .au-pin i em{display: block; font-style: normal; font-size: 12px; font-weight: 800; color: var(--pc);}
.auria-scope .au-compact .au-pin{transform: translate(-12px, -12px);}
.auria-scope .au-pin-legend{display: flex; flex-wrap: wrap; gap: 6px;}
.auria-scope .au-pin-legend button{display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px 5px 5px; border-radius: 999px; background: var(--au-bg); font-size: 12.5px; color: var(--au-ink-2);}
.auria-scope .au-pin-legend em{width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 11.5px; font-weight: 800; color: #fff; background: var(--pc);}
.auria-scope .au-pin-legend b{color: var(--au-ink);}
.auria-scope .au-pin.au-pin-l{flex-direction: row-reverse; transform: translate(calc(-100% + 9px), -9px);}
@keyframes au-pop{ from { opacity: 0 } to { opacity: 1 } }
@keyframes au-dot{ from { transform: scale(.4) } to { transform: scale(1) } }
.auria-scope .au-stage-tools{position: absolute; right: 10px; bottom: 10px; display: flex; gap: 6px;}
.auria-scope .au-tool{display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 999px; background: rgba(255, 255, 255, .88); backdrop-filter: blur(8px); font-size: 12.5px; font-weight: 700; color: var(--au-ink); box-shadow: 0 2px 10px rgba(20, 30, 50, .15);}
.auria-scope .au-tool .au-ic{width: 16px; height: 16px;}
.auria-scope .au-tool[aria-pressed="true"]{background: var(--au-ink); color: #fff;}
.auria-scope .au-layers{display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x proximity; padding: 2px 2px 6px; margin: 0 -2px; scrollbar-width: none;}
.auria-scope .au-layers::-webkit-scrollbar{display: none;}
.auria-scope .au-layer{flex: none; scroll-snap-align: center; display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border-radius: 999px; background: var(--au-bg); font-size: 13px; font-weight: 700; color: var(--au-ink-2); border: 1px solid transparent; transition: all .2s;}
.auria-scope .au-layer i{width: 9px; height: 9px; border-radius: 50%;}
.auria-scope .au-dot-grad{background: conic-gradient(#7ED6B2, #F6D66E, #F39292, #E23C56, #7ED6B2);}
.auria-scope .au-layer b{font-weight: 800; font-size: 11.5px; color: var(--au-mute);}
.auria-scope .au-layer.au-on{background: var(--au-ink); color: #fff; box-shadow: var(--au-shadow-btn);}
.auria-scope .au-layer.au-on b{color: rgba(255, 255, 255, .7);}
.auria-scope .au-scale{display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; font-size: 11.5px; color: var(--au-mute); padding: 0 4px;}
.auria-scope .au-scale-bar{position: relative; height: 8px; border-radius: 99px; transition: background .3s;}
.auria-scope .au-scale-thumb{position: absolute; top: 50%; left: var(--pos, 50%); width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; background: #fff; border: 4px solid var(--au-ink); box-shadow: 0 2px 8px rgba(0, 0, 0, .2); transition: left .5s cubic-bezier(.3, 1.3, .5, 1);}
.auria-scope .au-layer-caption{font-size: 13.5px; color: var(--au-ink-2); padding: 0 4px; min-height: 2.9em;}
.auria-scope .au-facts{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.auria-scope .au-facts div{background: var(--au-bg); border-radius: var(--au-r-sm); padding: 10px 12px; min-width: 0;}
.auria-scope .au-facts small{display: block; font-size: 11px; color: var(--au-mute);}
.auria-scope .au-facts b{display: block; font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.auria-scope .au-card-head{display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; margin-bottom: 16px;}
.auria-scope .au-summary, .auria-scope .au-routine, .auria-scope .au-soins{scroll-margin-top: 70px;}
.auria-scope .au-delta{display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; padding: 6px 10px; border-radius: 999px;}
.auria-scope .au-delta .au-ic{width: 15px; height: 15px;}
.auria-scope .au-up{color: var(--au-good); background: #E9F6F0;}
.auria-scope .au-down{color: var(--au-high); background: #FBEAEC;}
.auria-scope .au-rings{display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 14px 10px; align-items: center;}
.auria-scope .au-ring:first-child{grid-row: span 2;}
.auria-scope .au-ring:first-child svg, .auria-scope .au-ring:first-child .au-ring-num{max-width: 150px;}
.auria-scope .au-ring:not(:first-child) svg, .auria-scope .au-ring:not(:first-child) .au-ring-num{max-width: 84px;}
.auria-scope .au-ring{position: relative; display: grid; justify-items: center; gap: 6px;}
.auria-scope .au-ring svg{width: 100%; max-width: 104px; transform: rotate(-90deg); overflow: visible;}
.auria-scope .au-ring-track{fill: none; stroke: #F0EBEA; stroke-width: 7;}
.auria-scope .au-ring-val{fill: none; stroke-width: 7; stroke-linecap: round; stroke-dashoffset: var(--c); animation: au-ring 1.3s cubic-bezier(.3, .8, .3, 1) forwards; animation-delay: var(--d);}
@keyframes au-ring{ to { stroke-dashoffset: var(--off); } }
.auria-scope .au-ring-num{position: absolute; top: 0; left: 0; right: 0; aspect-ratio: 1; max-width: 104px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.auria-scope .au-ring-num b{font-family: var(--au-display); font-weight: 400; font-size: clamp(20px, 5.4cqi, 28px); font-variant-numeric: tabular-nums;}
.auria-scope .au-ring:first-child .au-ring-num b{font-size: clamp(34px, 10cqi, 44px);}
.auria-scope .au-ring-num small{font-size: 11px; font-weight: 700; margin: 8px 0 0 1px; color: var(--au-mute);}
.auria-scope .au-ring-label{font-size: 12px; color: var(--au-ink-2); font-weight: 600; text-align: center;}
.auria-scope .au-ring:first-child .au-ring-num b{color: var(--au-ink);}
.auria-scope .au-verdict{margin-top: 16px; padding: 14px 16px; border-radius: var(--au-r-md); background: linear-gradient(120deg, var(--au-blush-soft), var(--au-lilac-soft)); font-size: 14.5px; color: var(--au-ink);}
.auria-scope .au-summary .au-foot{margin-top: 10px;}
.auria-scope .au-concern-grid{display: grid; gap: 18px;}
.auria-scope .au-bars{display: grid; gap: 4px;}
.auria-scope .au-bar-row{width: 100%; display: grid; gap: 8px; padding: 10px 10px; border-radius: var(--au-r-sm); text-align: left; transition: background .2s;}
.auria-scope .au-bar-row:hover, .auria-scope .au-bar-row.au-on{background: var(--au-bg);}
.auria-scope .au-bar-top{display: flex; justify-content: space-between; align-items: baseline; gap: 8px;}
.auria-scope .au-bar-name{font-weight: 700; font-size: 14px;}
.auria-scope .au-lvl{font-size: 12px; color: var(--au-mute); white-space: nowrap; font-variant-numeric: tabular-nums;}
.auria-scope .au-lvl b{color: var(--au-ink); font-size: 15px; margin-left: 4px;}
.auria-scope .au-lvl small{font-size: 10px;}
.auria-scope .au-lvl.au-high{color: var(--au-high);}
.auria-scope .au-lvl.au-mid{color: var(--au-mid);}
.auria-scope .au-lvl.au-low{color: var(--au-good);}
.auria-scope .au-bar{position: relative; height: 6px; border-radius: 99px; background: #F1ECEB;}
.auria-scope .au-bar-fill{position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--c1), var(--c2)); animation: au-grow 1.1s cubic-bezier(.3, .8, .3, 1) .2s forwards;}
.auria-scope .au-bar-fill i{position: absolute; right: -6px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: #fff; border: 3px solid var(--c2);}
@keyframes au-grow{ to { width: var(--w); } }
.auria-scope .au-facemap{display: grid; justify-items: center; gap: 8px; background: linear-gradient(180deg, #FBF9F8, #F6F2F1); border-radius: var(--au-r-md); padding: 16px 10px 12px;}
.auria-scope .au-facemap .au-face{width: min(240px, 80%); height: auto;}
.auria-scope .au-face-line{stroke: #9AA2B1; stroke-width: 1.2;}
.auria-scope .au-fz{cursor: pointer; outline: none;}
.auria-scope .au-fz-fill{fill: transparent; transition: fill .45s ease;}
.auria-scope .au-fz-hatch{opacity: .9; pointer-events: none;}
.auria-scope .au-fz:hover .au-fz-fill, .auria-scope .au-fz:focus-visible .au-fz-fill{stroke: var(--au-ink); stroke-width: 1.2;}
.auria-scope .au-facemap-cap{font-size: 12px; color: var(--au-mute);}
.auria-scope .au-facemap-cap b{color: var(--au-ink); font-weight: 700;}
.auria-scope .au-warn{display: flex; gap: 14px; background: #FFF8EC; box-shadow: none; border: 1px solid #F3E2BF;}
.auria-scope .au-warn-ic .au-ic{width: 24px; height: 24px; color: var(--au-mid);}
.auria-scope .au-warn b{font-size: 14px;}
.auria-scope .au-warn ul{margin-top: 4px; display: grid; gap: 3px; font-size: 13px; color: var(--au-ink-2);}
.auria-scope .au-tip-cards{display: grid; gap: 10px;}
.auria-scope .au-tipc{display: flex; gap: 12px; align-items: flex-start; padding: 12px; border-radius: var(--au-r-md); border: 1px solid var(--au-line);}
.auria-scope .au-tipc > .au-ic{width: 40px; height: 40px; padding: 10px; border-radius: 12px; background: var(--au-lilac-soft); color: #6E62C9;}
.auria-scope .au-tipc b{display: block; font-size: 14px;}
.auria-scope .au-tipc span{display: block; font-size: 13px; color: var(--au-mute);}
.auria-scope .au-seg{display: inline-flex; padding: 4px; background: var(--au-bg); border-radius: 999px; gap: 2px;}
.auria-scope .au-seg button{display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 16px; border-radius: 999px; font-size: 13.5px; font-weight: 700; color: var(--au-ink-2);}
.auria-scope .au-seg button .au-ic{width: 16px; height: 16px;}
.auria-scope .au-seg button.au-on{background: var(--au-card); color: var(--au-ink); box-shadow: 0 2px 8px rgba(38, 52, 74, .12);}
.auria-scope .au-prods{display: grid; gap: 10px; counter-reset: au-step;}
.auria-scope .au-prod{display: grid; grid-template-columns: 76px 1fr; gap: 12px 14px; align-items: center; padding: 12px; border-radius: var(--au-r-md); border: 1px solid var(--au-line); background: var(--au-card); transition: border-color .2s, transform .2s, box-shadow .2s; counter-increment: au-step; color: var(--au-ink);}
.auria-scope a.au-prod:hover{border-color: var(--au-blush); box-shadow: var(--au-shadow); transform: translateY(-1px); color: var(--au-ink);}
.auria-scope .au-prod-art{width: 76px; height: 76px; border-radius: 16px; background: linear-gradient(160deg, #FBF6F4, #F1ECEF); display: grid; place-items: center; overflow: hidden;}
.auria-scope .au-prod-art svg{width: 66px; height: 66px;}
.auria-scope .au-prod-art img{width: 100%; height: 100%; object-fit: cover;}
.auria-scope .au-prod-body{display: grid; gap: 3px; min-width: 0;}
.auria-scope .au-step{font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--au-blush-deep);}
.auria-scope .au-step::before{content: counter(au-step) " · ";}
.auria-scope .au-prod-name{font-size: 15px; line-height: 1.25;}
.auria-scope .au-prod-desc{font-size: 13px; color: var(--au-mute); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.auria-scope .au-why{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px;}
.auria-scope .au-why-chip{display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; padding: 3px 8px; border-radius: 999px; background: var(--au-bg); color: var(--au-ink-2);}
.auria-scope .au-why-chip i{width: 7px; height: 7px; border-radius: 50%;}
.auria-scope .au-prod-side{grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; justify-content: space-between; border-top: 1px dashed var(--au-line); padding-top: 10px;}
.auria-scope .au-match{display: inline-flex; align-items: baseline; gap: 4px; font-weight: 800; font-size: 15px; color: var(--au-good); font-variant-numeric: tabular-nums;}
.auria-scope .au-match small{font-size: 11px; font-weight: 600; color: var(--au-mute);}
.auria-scope .au-price{font-weight: 800; font-size: 15px; font-variant-numeric: tabular-nums; margin-left: auto;}
.auria-scope .au-prod-go{width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--au-ink); color: #fff;}
.auria-scope .au-prod-go .au-ic{width: 16px; height: 16px;}
.auria-scope .au-soin-grid{display: grid; gap: 10px;}
.auria-scope .au-soin{display: flex; gap: 14px; padding: 14px; border-radius: var(--au-r-md); background: linear-gradient(150deg, #FBF4F1, #F4F1FB);}
.auria-scope .au-soin-ic{width: 48px; height: 48px; border-radius: 15px; background: var(--au-card); display: grid; place-items: center; flex: none; color: var(--au-blush-deep); box-shadow: 0 4px 12px -6px rgba(38, 52, 74, .3);}
.auria-scope .au-soin-ic .au-ic{width: 24px; height: 24px;}
.auria-scope .au-soin-body{display: grid; gap: 6px; min-width: 0; flex: 1;}
.auria-scope .au-soin-head{display: flex; justify-content: space-between; gap: 10px; align-items: baseline;}
.auria-scope .au-soin-head b{font-size: 15px;}
.auria-scope .au-soin p{font-size: 13px; color: var(--au-ink-2);}
.auria-scope .au-soin-meta{display: flex; flex-wrap: wrap; gap: 6px;}
.auria-scope .au-soin-meta > span:not(.au-why-chip){font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: var(--au-card);}
.auria-scope .au-link{display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 13.5px; color: var(--au-ink); margin-top: 2px;}
.auria-scope .au-link .au-ic{width: 16px; height: 16px; transition: transform .2s;}
.auria-scope .au-link:hover .au-ic{transform: translateX(3px);}
.auria-scope .au-next{display: grid; gap: 16px; background: var(--au-ink); color: #fff;}
.auria-scope .au-next .au-h3{color: #fff;}
.auria-scope .au-next p{color: rgba(255, 255, 255, .78); font-size: 14px; margin-top: 6px; max-width: 60ch;}
.auria-scope .au-next-actions{display: flex; flex-wrap: wrap; gap: 10px; align-items: center;}
.auria-scope .au-next-actions .au-btn{flex: 1 1 220px;}
.auria-scope .au-next .au-btn-primary{background: linear-gradient(135deg, #E7BCAE, var(--au-blush)); color: var(--au-ink); box-shadow: none;}
.auria-scope .au-next .au-btn-ghost{background: transparent; color: #fff; border-color: rgba(255, 255, 255, .28);}
.auria-scope .au-next .au-btn-ghost:hover{background: rgba(255, 255, 255, .08); color: #fff;}
.auria-scope .au-phone{display: inline-flex; gap: 8px; align-items: center; font-weight: 700; user-select: all;}
.auria-scope .au-sticky{position: sticky; bottom: 0; z-index: 6; display: flex; gap: 10px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); margin: 0 -16px -28px; background: rgba(244, 240, 238, .9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-top: 1px solid var(--au-line);}
.auria-scope .au-sticky .au-btn{flex: 1;}
.auria-portal{position: relative; z-index: 2147483000;}
.auria-scope .au-sheet-wrap{position: fixed; inset: 0; display: flex; align-items: flex-end; justify-content: center;}
.auria-scope .au-sheet-bg{position: absolute; inset: 0; background: rgba(20, 26, 40, .45); opacity: 0; transition: opacity .25s;}
.auria-scope .au-sheet{position: relative; width: 100%; max-width: 520px; max-height: 88vh; overflow-y: auto; background: var(--au-card); border-radius: 28px 28px 0 0; padding: 26px 20px calc(22px + env(safe-area-inset-bottom, 0px)); display: grid; gap: 14px; transform: translateY(100%); transition: transform .3s cubic-bezier(.3, .9, .3, 1);}
.auria-scope .au-sheet::before{content: ""; position: absolute; top: 9px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: var(--au-line);}
.auria-scope .au-open .au-sheet-bg{opacity: 1;}
.auria-scope .au-open .au-sheet{transform: none;}
.auria-scope .au-sheet-x{position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--au-bg);}
.auria-scope .au-zone-list{display: grid; gap: 12px; margin: 4px 0 6px;}
.auria-scope .au-zone-list li{display: grid; grid-template-columns: 1fr 90px 46px; gap: 12px; align-items: center; font-size: 14px; font-weight: 600;}
.auria-scope .au-zone-list .au-lvl{text-align: right; font-weight: 800;}
.auria-scope .au-mini{height: 6px; border-radius: 99px; background: #F1ECEB; overflow: hidden;}
.auria-scope .au-mini i{display: block; height: 100%; border-radius: inherit;}
.auria-scope .au-form{display: grid; gap: 12px;}
.auria-scope .au-check{display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: var(--au-ink-2);}
.auria-scope .au-check input{width: 20px; height: 20px; margin-top: 1px; accent-color: var(--au-ink); flex: none;}
.auria-scope .au-form-msg{font-size: 13px; min-height: 1em; color: var(--au-ink-2);}
.auria-scope .au-form-msg.au-err{color: var(--au-high);}
.auria-scope .au-sent{display: grid; justify-items: center; gap: 6px; text-align: center; padding: 20px 0;}
.auria-scope .au-sent .au-ic{width: 44px; height: 44px; padding: 10px; border-radius: 50%; background: #E9F6F0; color: var(--au-good);}
.auria-scope .au-export-img{width: 100%; max-width: 360px; margin: 0 auto; border-radius: 18px; box-shadow: var(--au-shadow);}
.auria-scope .au-center-txt{text-align: center;}
.auria-scope .au-cam{position: fixed; inset: 0; background: #0C1019; color: #fff; overflow: hidden;}
.auria-scope .au-cam-video{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.auria-scope .au-cam-video.au-mirror{transform: scaleX(-1);}
.auria-scope .au-cam-mask{position: absolute; inset: 0; width: 100%; height: 100%;}
.auria-scope .au-cam-oval{stroke: rgba(255, 255, 255, .85); transition: stroke .3s;}
.auria-scope .au-cam-oval.au-good{stroke: #8FE3C3; stroke-dasharray: none; stroke-width: .8;}
.auria-scope .au-cam-top{position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 14px;}
.auria-scope .au-cam-status{flex: 1; text-align: center; font-weight: 700; font-size: 14.5px; padding: 9px 14px; border-radius: 999px; background: rgba(12, 16, 25, .5); backdrop-filter: blur(8px); transition: background .3s;}
.auria-scope .au-cam-status.au-good{background: rgba(63, 163, 127, .85);}
.auria-scope .au-cam-icon{width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .16); backdrop-filter: blur(8px); color: #fff; flex: none;}
.auria-scope .au-cam-icon:hover{background: rgba(255, 255, 255, .26); color: #fff;}
.auria-scope .au-cam-bottom{position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-around; align-items: center; padding: 20px 20px calc(28px + env(safe-area-inset-bottom, 0px));}
.auria-scope .au-cam-spacer{width: 48px;}
.auria-scope .au-shutter{width: 78px; height: 78px; border-radius: 50%; border: 4px solid #fff; display: grid; place-items: center;}
.auria-scope .au-shutter span{width: 60px; height: 60px; border-radius: 50%; background: #fff; transition: transform .15s;}
.auria-scope .au-shutter:active span{transform: scale(.88);}
.auria-scope .au-flash{position: fixed; inset: 0; background: #fff; animation: au-flash .35s ease-out forwards;}
@keyframes au-flash{ from { opacity: .9 } to { opacity: 0 } }
.auria-scope .au-toast{position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translate(-50%, 20px); opacity: 0; max-width: calc(100vw - 32px); background: var(--au-ink); color: #fff; padding: 12px 18px; border-radius: 14px; font-size: 14px; font-weight: 600; transition: all .3s; box-shadow: var(--au-shadow-btn);}
.auria-scope .au-toast.au-show{opacity: 1; transform: translate(-50%, 0);}
@container au (min-width: 560px){.auria-scope .au-shell{padding: 24px 24px 32px; gap: 22px;}
.auria-scope .au-rings{grid-template-columns: repeat(5, 1fr); align-items: start;}
.auria-scope .au-ring:first-child{grid-row: auto;}
.auria-scope .au-ring:first-child svg, .auria-scope .au-ring:first-child .au-ring-num, .auria-scope .au-ring:not(:first-child) svg, .auria-scope .au-ring:not(:first-child) .au-ring-num{max-width: 110px;}
.auria-scope .au-ring:first-child .au-ring-num b{font-size: clamp(24px, 4.2cqi, 34px);}
.auria-scope .au-concern-grid{grid-template-columns: 1.15fr .85fr; align-items: center;}
.auria-scope .au-hide-sm{display: inline-flex !important;}
.auria-scope img.au-hide-sm, .auria-scope span.au-hide-sm{display: block !important;}
.auria-scope .au-show-sm{display: none !important;}
.auria-scope .au-soin-grid{grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}
.auria-scope .au-prod{grid-template-columns: 84px 1fr auto;}
.auria-scope .au-prod-art{width: 84px; height: 84px;}
.auria-scope .au-prod-side{grid-column: auto; flex-direction: column; align-items: flex-end; border: 0; padding: 0; gap: 6px;}
.auria-scope .au-price{margin-left: 0;}
.auria-scope .au-tip-cards{grid-template-columns: repeat(3, 1fr);}
.auria-scope .au-tipc{flex-direction: column;}
.auria-scope .au-sticky{display: none;}
.auria-scope .au-an-grid{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center;}
.auria-scope .au-an-photo{max-height: none;}
.auria-scope .au-hero{padding: 30px;}

}
@container au (min-width: 900px){.auria-scope .au-shell{padding: 28px 28px 36px;}
.auria-scope .au-hero{grid-template-columns: 1.1fr .9fr; align-items: stretch; padding: 36px; gap: 32px;}
.auria-scope .au-hero-copy{align-content: center;}
.auria-scope .au-tip-grid{grid-template-columns: repeat(4, 1fr);}
.auria-scope .au-jump{display: none;}
.auria-scope .au-grid{grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);}
.auria-scope .au-photo-card{position: sticky; top: calc(16px + env(safe-area-inset-top, 0px));}
.auria-scope .au-prods{grid-template-columns: repeat(2, 1fr);}
.auria-scope .au-soin-grid{grid-template-columns: repeat(3, 1fr);}
.auria-scope .au-next{grid-template-columns: 1fr auto; align-items: center; padding: 28px 30px;}
.auria-scope .au-next-actions{justify-content: flex-end; max-width: 520px;}
.auria-scope .au-card{padding: 22px 22px;}

}
@media (min-width: 700px){.auria-scope .au-sheet-wrap{align-items: center;}
.auria-scope .au-sheet{border-radius: 28px; transform: translateY(24px) scale(.98); opacity: 0; transition: transform .3s, opacity .25s;}
.auria-scope .au-open .au-sheet{opacity: 1;}
.auria-scope .au-sheet::before{display: none;}

}
@media (prefers-reduced-motion: reduce){.auria-scope *, .auria-scope *::before, .auria-scope *::after{animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;}
.auria-scope .au-demo-scan, .auria-scope .au-an-scan{display: none;}

}