/* DeGlanze — AI Skin Scan */
.sc{background:var(--ink);color:var(--ivory);min-height:100vh;min-height:100svh}
.sc-step[hidden]{display:none}
.sc-intro{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:calc(var(--hdr) + 30px) 0 70px;background:radial-gradient(70% 80% at 72% 45%,#2C4236 0%,#1A2820 42%,var(--ink-2) 100%);overflow:hidden}
.sc-intro__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.sc-title{margin:24px 0 26px}
.sc-intro .lead{color:var(--on-dark)}
.sc-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.sc-ctas label{cursor:pointer}
.sc-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:36px;max-width:560px}
.sc-tips li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line-dark);background:rgba(243,241,234,.03);font-size:12.5px;color:var(--on-dark)}
.sc-tips svg{font-size:18px;color:var(--sage-2)}
.sc-tips li:last-child svg{width:18px;height:18px}
.sc-note{margin-top:22px;max-width:560px;font-size:11.5px;line-height:1.6;color:var(--on-dark-2)}
.sc-note a{color:var(--sage-2);text-decoration:underline;text-underline-offset:3px}
.sc-err{min-height:22px;margin-top:12px;color:#E8A08E;font-size:13px}
.sc-demo{position:relative;justify-self:center}
.sc-demo__arch{height:min(68vh,660px);aspect-ratio:.6;box-shadow:0 80px 140px -50px rgba(0,0,0,.85)}
.sc-demo__arch img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.sc-demo__dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(227,229,224,.75) 1px,transparent 1.6px);background-size:18px 18px;mask-image:radial-gradient(ellipse 46% 52% at 55% 55%,#000 40%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 46% 52% at 55% 55%,#000 40%,transparent 72%);opacity:.32}
.sc-scanline{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(214,236,224,.95),transparent);box-shadow:0 0 18px rgba(159,227,184,.8);animation:scan 3.2s var(--ease-io) infinite;z-index:3}
@keyframes scan{0%{top:6%}50%{top:94%}100%{top:6%}}
.sc-demo__card{position:absolute;left:-32%;top:22%;z-index:4;width:200px;padding:16px 18px;border-radius:16px;background:rgba(19,29,23,.62);border:1px solid var(--line-dark-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.sc-demo__card--2{left:auto;right:-26%;top:auto;bottom:18%}
.sc-demo__card span{display:block;font-size:9.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--on-dark-2)}
.sc-demo__card b{display:block;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.1;margin:4px 0}
.sc-demo__card small{font-size:11px;color:var(--sage-2)}

.sc-cam,.sc-an{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:calc(var(--hdr) + 16px) 16px 30px}
.sc-cam__stage,.sc-an__stage{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}
.sc-cam__arch,.sc-an__arch{height:min(68vh,680px);aspect-ratio:.72;max-width:92vw;box-shadow:0 60px 120px -40px rgba(0,0,0,.8)}
.sc-cam__arch video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.sc-guide{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.sc-guide ellipse{fill:none;stroke:rgba(243,241,234,.55);stroke-width:.5;stroke-dasharray:2 2;transition:stroke .4s}
.sc-cam.is-good .sc-guide ellipse{stroke:#9FE3B8;stroke-dasharray:none;stroke-width:.7}
.sc-count{position:absolute;inset:0;z-index:3;display:grid;place-items:center;font-family:var(--serif);font-weight:300;font-size:120px;color:var(--ivory);text-shadow:0 10px 40px rgba(0,0,0,.6)}
.sc-status{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;border:1px solid var(--line-dark-2);background:rgba(243,241,234,.04);font-size:13px}
.sc-status i{width:8px;height:8px;border-radius:50%;background:#E6C58E}
.sc-cam.is-good .sc-status i{background:#9FE3B8}
.sc-cam__acts{display:flex;align-items:center;gap:22px}
.sc-cam__acts label{cursor:pointer}
.sc-shutter{width:78px;height:78px;border-radius:50%;border:2px solid var(--silver-light);display:grid;place-items:center;transition:transform .3s var(--ease),opacity .3s}
.sc-shutter i{width:60px;height:60px;border-radius:50%;background:var(--silver-grad)}
.sc-shutter:hover{transform:scale(1.05)}
.sc-shutter[disabled]{opacity:.35;pointer-events:none}
.sc-an__arch canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-an__list{display:grid;gap:8px;min-width:min(340px,90vw)}
.sc-an__list li{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--on-dark-2);transition:color .4s}
.sc-an__list li::before{content:'';width:16px;height:16px;border-radius:50%;border:1px solid var(--line-dark-2);flex:none;transition:.4s}
.sc-an__list li.is-on{color:var(--ivory)}
.sc-an__list li.is-on::before{border-color:var(--sage-2);border-top-color:transparent;animation:spin 1s linear infinite}
.sc-an__list li.is-done{color:var(--sage-2)}
.sc-an__list li.is-done::before{background:var(--sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%23131D17' stroke-width='2.4'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--sage);animation:none}

.sc-res{padding:calc(var(--hdr) + 40px) 0 0;background:var(--ivory);color:var(--text)}
.sc-res__hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.sc-res__acts{display:flex;gap:10px;flex-wrap:wrap}
.sc-res__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,4vw,64px);align-items:start}
.sc-photo{position:sticky;top:100px}
.sc-photo__frame{position:relative;border-radius:999px 999px 26px 26px;overflow:hidden;background:var(--forest-deep);aspect-ratio:.72;box-shadow:var(--shadow)}
.sc-photo__frame canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-layers{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;justify-content:center}
.sc-sum{display:grid;gap:22px}
.sc-score{display:flex;align-items:center;gap:26px;padding:26px 28px;border-radius:var(--r);background:var(--ink);color:var(--ivory)}
.sc-ring{width:120px;height:120px;transform:rotate(-90deg);flex:none}
.sc-ring circle{fill:none;stroke:var(--line-dark);stroke-width:6}
.sc-ring circle+circle{stroke:url(#none);stroke:var(--sage-2);stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1.6s var(--ease)}
.sc-score b{display:block;font-family:var(--serif);font-weight:300;font-size:64px;line-height:1}
.sc-score span{font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--on-dark-2)}
.sc-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sc-facts div{position:relative;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.sc-facts span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.sc-facts b{display:block;font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.15;margin-top:6px}
.sc-swatch{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.sc-light{font-size:12.5px;color:var(--body);min-height:1px}
.sc-light:empty{display:none}
.sc-light{padding:12px 14px;border-radius:12px;background:rgba(185,138,62,.12)}
.sc-metrics{display:grid;gap:10px}
.sc-m{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);text-align:left;transition:border-color .3s,box-shadow .3s;width:100%}
.sc-m:hover,.sc-m.is-on{border-color:var(--forest);box-shadow:0 10px 30px -18px rgba(19,29,23,.35)}
.sc-m b{display:block;font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.2;margin-top:4px}
.sc-m em{font-style:normal;font-family:var(--serif);font-size:26px;line-height:1;color:var(--forest)}
.sc-m i{grid-column:span 2;height:5px;border-radius:5px;background:var(--ivory-2);overflow:hidden}
.sc-m i::after{content:'';display:block;height:100%;width:var(--w,0%);border-radius:5px;background:var(--c,var(--forest));transition:width 1.4s var(--ease)}
.sc-m p{grid-column:span 2;font-size:12.5px;color:var(--body)}
.sc-m small{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.sc-rit__cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sc-rit__col{padding:28px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.sc-rit__col h4{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:400;font-size:28px;margin-bottom:16px}
.sc-rit__col h4 svg{font-size:22px;color:var(--forest)}
.sc-rit__item{display:grid;grid-template-columns:24px 52px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.sc-rit__item .num{font-size:18px;text-align:center}
.sc-rit__item img{width:52px;height:64px;border-radius:10px;object-fit:cover}
.sc-rit__item b{display:block;font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.1}
.sc-rit__item small{font-size:11.5px;color:var(--muted)}
.sc-rit__item .why{display:block;font-size:11.5px;color:var(--forest)}
.sc-try{margin-top:clamp(70px,8vw,120px);padding:clamp(80px,9vw,140px) 0}
.sc-try__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,110px);align-items:center}
.sc-try__arch{height:min(78vh,780px);aspect-ratio:.58;box-shadow:0 80px 140px -50px rgba(0,0,0,.85)}
.sc-try__ctrl{margin-top:30px;display:grid;gap:24px}
.sc-try__ctrl h6{font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--on-dark-2);margin-bottom:12px}
.sc-try__ctrl .range{color:var(--silver-light)}
.sc-chips{display:flex;flex-wrap:wrap;gap:8px}
.sc-legal{padding:40px 0 60px;font-size:11.5px;color:var(--muted);max-width:820px}

@media (max-width:1024px){
  .sc-intro__grid,.sc-res__grid,.sc-try__grid{grid-template-columns:1fr}
  .sc-demo{display:none}
  .sc-photo{position:static;max-width:440px;margin:0 auto;width:100%}
  .sc-rit__cols{grid-template-columns:1fr}
  .sc-try__arch{height:auto;width:min(86vw,420px)}
}
@media (max-width:640px){
  .sc-tips{grid-template-columns:1fr}
  .sc-ctas .btn{flex:1 1 100%}
  .sc-facts{grid-template-columns:1fr 1fr}
  .sc-facts div:last-child{grid-column:span 2}
  .sc-score{padding:20px;gap:18px}
  .sc-ring{width:92px;height:92px}
  .sc-score b{font-size:50px}
  .sc-cam__arch,.sc-an__arch{height:auto;width:min(88vw,420px)}
  .sc-rit__item{grid-template-columns:20px 44px 1fr}
  .sc-rit__item>.btn{grid-column:3}
}
.sc-disclaimer{max-width:420px;margin:0 auto;text-align:center;font-size:12px;line-height:1.55;color:var(--on-dark-2)}
.sc-an .sc-disclaimer{margin-top:6px}
.sc-note b,.sc-legal b{font-weight:600;color:inherit}