.derma-page-wrapper{background:#faf8f5;color:#1e1b16;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.derma-main-content{flex:1;padding-top:90px;width:100%;box-sizing:border-box}.derma-container{max-width:1280px;margin:0 auto;padding:0 24px;box-sizing:border-box;width:100%}.derma-hero-section{background:linear-gradient(180deg,#0d261a,#153b28 50%,#0f2e1e);color:#fff;padding:34px 0 28px;position:relative;overflow:hidden;width:100%;box-sizing:border-box;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.08)}.derma-pill-badge{display:inline-flex;align-items:center;gap:7px;background:hsla(38,85%,72%,.15);border:1px solid hsla(38,85%,72%,.35);border-radius:9999px;padding:5px 16px;font-size:11px;font-weight:700;color:#f4c77b;letter-spacing:.8px;text-transform:uppercase;box-shadow:0 4px 16px rgba(0,0,0,.2);margin-bottom:8px;max-width:100%;box-sizing:border-box}.derma-badge-sep{color:#f4c77b;opacity:.75;font-size:11px;margin:0 2px;flex-shrink:0}.derma-hero-title{font-size:clamp(26px,2.7vw,38px);font-weight:800;line-height:1.15;letter-spacing:-.5px;color:#fff;margin:0 auto 10px;max-width:900px;font-family:inherit}.derma-hero-title span{color:#f4c77b;background:linear-gradient(135deg,#fcd34d,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.derma-hero-subtitle{font-size:14.5px;line-height:1.55;color:hsla(0,0%,100%,.88);max-width:740px;margin:0 auto 18px;font-family:inherit}.derma-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;width:100%}.derma-btn-primary,.derma-hero-actions{justify-content:center;align-items:center;box-sizing:border-box}.derma-btn-primary{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#0f172a;border:none;padding:10px 22px;border-radius:10px;font-size:13.5px;font-weight:750;display:inline-flex;gap:8px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.22);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;text-decoration:none;font-family:inherit}.derma-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(245,158,11,.35);background:linear-gradient(135deg,#fde68a,#d97706)}.derma-btn-secondary{background:#fff;color:#1e1b16;border:1.5px solid #eae3d5;padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.04);transition:all .25s ease;font-family:inherit;box-sizing:border-box}.derma-btn-secondary:hover{background:#faf8f5;transform:translateY(-2px);border-color:#d97706}.derma-hero-section .derma-btn-secondary{background:hsla(0,0%,100%,.12);color:#fff;border:1.5px solid hsla(0,0%,100%,.35);backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(0,0,0,.12)}.derma-hero-section .derma-btn-secondary:hover{background:hsla(0,0%,100%,.22);transform:translateY(-2px);border-color:hsla(0,0%,100%,.6)}.derma-btn-outline-green{background:rgba(16,185,129,.14);color:#6ee7b7;border:1.5px solid rgba(16,185,129,.4);padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;backdrop-filter:blur(8px);transition:all .25s ease;font-family:inherit;box-sizing:border-box}.derma-btn-outline-green:hover{background:rgba(16,185,129,.25);color:#a7f3d0;transform:translateY(-2px);border-color:rgba(16,185,129,.65)}.derma-hero-btn,.derma-metrics-bar{box-sizing:border-box}.derma-metrics-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:hsla(0,0%,100%,.06);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.12);border-radius:14px;padding:10px 14px;text-align:center;width:100%}.derma-metric-card{background:hsla(0,0%,100%,.05);padding:8px 10px;border-radius:10px;border:1px solid hsla(0,0%,100%,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.derma-metric-card:hover{background:hsla(0,0%,100%,.08);transform:translateY(-1px)}.derma-metric-val{font-size:20px;font-weight:750;color:#f4c77b;line-height:1.15;letter-spacing:-.2px}.derma-metric-card:nth-child(2) .derma-metric-val,.derma-metric-card:nth-child(4) .derma-metric-val{color:#86efac}.derma-metric-lbl{font-size:11px;font-weight:600;color:hsla(0,0%,100%,.85);margin-top:2px;line-height:1.3}.derma-section{padding:68px 0;border-bottom:1px solid hsla(39,34%,84%,.6);width:100%;box-sizing:border-box}.derma-section.white-bg{background:#fff}.derma-section.cream-bg{background:#faf8f5}.derma-section-header{text-align:center;max-width:760px;margin:0 auto 38px;padding:0 4px;box-sizing:border-box}.derma-section-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;border-radius:9999px;background:rgba(224,165,68,.15);color:#92400e;border:1px solid rgba(224,165,68,.35);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;box-shadow:0 2px 10px rgba(217,119,6,.08);max-width:100%;box-sizing:border-box}.derma-section-tag.green{background:rgba(15,110,86,.12);color:#0f6e56;border-color:rgba(15,110,86,.3)}.derma-section-tag.gold{background:rgba(224,165,68,.18);color:#92400e;border:1px solid rgba(224,165,68,.35)}.derma-section-title{font-size:clamp(28px,2.8vw,38px);font-weight:850;color:#133924;margin-bottom:10px;letter-spacing:-.5px;line-height:1.2}.derma-section-desc{font-size:16px;color:#4a453c;line-height:1.65;margin:0 auto}.derma-process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:40px;width:100%;box-sizing:border-box}.derma-process-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 16px rgba(0,0,0,.02);position:relative;box-sizing:border-box}.derma-dosha-mapping-box{background:linear-gradient(135deg,#1a4d2e,#0f6e56 60%,#1a4d2e);border-radius:24px;padding:32px;color:#fff;box-shadow:0 10px 30px rgba(26,77,46,.15);box-sizing:border-box;width:100%}.derma-dosha-mapping-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.derma-dosha-mapping-title{font-size:1.6rem;font-weight:800;margin:4px 0 0}.derma-dosha-cta-btn{padding:12px 24px;box-sizing:border-box}.derma-dosha-constitution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;width:100%;box-sizing:border-box}.derma-dosha-constitution-card{background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;padding:18px;box-sizing:border-box}.derma-screener-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.04);box-sizing:border-box}.derma-progress-header{background:var(--sand);border-radius:16px;padding:14px 20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.derma-progress-track{width:160px;height:8px;background:rgba(0,0,0,.08);border-radius:999px;overflow:hidden}.derma-progress-fill{height:100%;background:linear-gradient(90deg,var(--saffron),var(--olive));border-radius:999px;transition:width .3s ease}.derma-screener-grid{display:grid;grid-template-columns:1.8fr 1.2fr;gap:28px}@media (max-width:900px){.derma-screener-grid{grid-template-columns:1fr}}.derma-option-card{border:2px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:12px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:14px;box-sizing:border-box}.derma-option-card:hover{border-color:var(--saffron);background:#fdfbf7}.derma-option-card.selected{border-color:var(--saffron-deep);background:hsla(39,45%,90%,.5);box-shadow:0 4px 12px rgba(198,126,36,.1)}.derma-radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.25);margin-top:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.derma-radio-circle.active{border-color:var(--saffron-deep);background:var(--saffron-deep)}.derma-radio-circle.active:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.derma-option-label{font-size:15px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center}.derma-option-desc{font-size:13px;color:var(--ink-2);margin-top:4px;line-height:1.45}.dosha-tag{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-left:8px}.dosha-tag.vata{background:rgba(110,143,183,.2);color:#3a628f}.dosha-tag.pitta{background:rgba(201,98,46,.2);color:#c9622e}.dosha-tag.kapha{background:rgba(90,138,90,.2);color:#2f6b33}.derma-photo-box{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px;box-sizing:border-box}.derma-photo-slot{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px;box-sizing:border-box}.derma-photo-preview{width:100%;height:100px;border-radius:10px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--line)}.derma-photo-dropzone{border:2px dashed rgba(224,165,68,.7);background:hsla(39,45%,90%,.4);border-radius:10px;padding:16px;text-align:center;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;color:var(--saffron-deep);box-sizing:border-box}.derma-photo-dropzone:hover{background:hsla(39,45%,90%,.8)}.derma-triage-banner{background:linear-gradient(135deg,#1a4d2e,#0f6e56 50%,#1a4d2e);color:#fff;border-radius:24px;padding:32px;box-shadow:0 14px 34px rgba(26,77,46,.18);margin-bottom:32px;box-sizing:border-box}.derma-dosha-bars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.15)}@media (max-width:768px){.derma-dosha-bars-grid{grid-template-columns:1fr}}.derma-dosha-bar-card{background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.12);border-radius:14px;padding:14px 16px;box-sizing:border-box}.derma-milestone-banner{background:linear-gradient(90deg,rgba(224,165,68,.15),hsla(38,85%,72%,.25) 50%,rgba(94,140,62,.15));border:2px solid var(--saffron);border-radius:20px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;box-shadow:0 6px 20px rgba(198,126,36,.1);margin-bottom:28px;box-sizing:border-box}.derma-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;width:100%;box-sizing:border-box}@media (max-width:800px){.derma-metrics-grid{grid-template-columns:1fr}}.derma-metrics-grid .derma-metric-card{background:#fff;border:1.5px solid #eae3d5;border-radius:20px;padding:22px;box-shadow:0 4px 16px rgba(30,27,22,.04);box-sizing:border-box;transition:transform .25s ease,box-shadow .25s ease}.derma-metrics-grid .derma-metric-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(30,27,22,.07)}.derma-metric-value{font-size:2.2rem;font-weight:900;color:#133924;margin:10px 0 4px}.derma-compare-wrapper{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 8px 24px rgba(0,0,0,.03);box-sizing:border-box;width:100%}@media (max-width:900px){.derma-compare-wrapper{grid-template-columns:1fr}}.derma-compare-metrics-col{box-sizing:border-box;width:100%}.derma-checkpoints-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px;flex-wrap:wrap}.derma-compare-actions{display:flex;gap:10px;margin-top:16px;width:100%;box-sizing:border-box}.derma-image-split-container{position:relative;height:380px;border-radius:20px;overflow:hidden;border:2px solid var(--line);background:var(--sand);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;width:100%}.derma-split-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.derma-split-handle{position:absolute;top:0;bottom:0;width:4px;background:#fff;cursor:ew-resize;box-shadow:0 0 12px rgba(0,0,0,.4)}.derma-split-circle{width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid var(--saffron);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;box-shadow:0 4px 10px rgba(0,0,0,.25)}.derma-ai-tabs-nav{display:flex;justify-content:center;gap:10px;margin-bottom:36px;flex-wrap:wrap;width:100%;box-sizing:border-box}.derma-ai-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:12px;font-size:14px;font-weight:750;cursor:pointer;transition:all .25s ease;border:1.5px solid #eae3d5;background:#fff;color:#4a453c;box-shadow:0 2px 8px rgba(30,27,22,.03);font-family:inherit;box-sizing:border-box}.derma-ai-tab-btn:hover{border-color:rgba(15,110,86,.4);color:#0f6e56;transform:translateY(-1px)}.derma-ai-tab-btn.active{border-color:#0f6e56;background:linear-gradient(135deg,rgba(15,110,86,.12),rgba(245,158,11,.08));color:#0f6e56;box-shadow:0 4px 14px rgba(15,110,86,.15)}.derma-vision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;align-items:center;background:#fff;border:1.5px solid #eae3d5;border-radius:24px;padding:32px;box-shadow:0 8px 30px rgba(30,27,22,.04);box-sizing:border-box;width:100%}.derma-vision-sim-box{position:relative;border-radius:18px;overflow:hidden;min-height:340px;background:#0b1c13;display:flex;flex-direction:column;justify-content:flex-end;border:2px solid rgba(245,158,11,.35);box-sizing:border-box;width:100%}.derma-dosha-matrix-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.derma-dosha-matrix-grid,.derma-scoring-grid{display:grid;width:100%;box-sizing:border-box}.derma-scoring-grid{background:#fff;border:1.5px solid #eae3d5;border-radius:24px;padding:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.derma-pipeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;box-sizing:border-box}.derma-faq-btn{width:100%;padding:18px 22px;text-align:left;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;font-family:inherit;box-sizing:border-box}.derma-faq-answer{font-size:13.5px;color:var(--ink-2);line-height:1.6;border-top:1px solid hsla(39,34%,84%,.5);padding:14px 22px 20px;box-sizing:border-box}.derma-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:990px){.derma-directory-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.derma-directory-grid{grid-template-columns:1fr}}.derma-center-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.04);transition:all .25s ease;display:flex;flex-direction:column;justify-content:space-between}.derma-center-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.08);border-color:var(--saffron)}.derma-center-img{width:100%;height:190px;-o-object-fit:cover;object-fit:cover}.derma-center-body{padding:20px}.derma-center-name{font-size:17px;font-weight:800;color:var(--ink);margin:6px 0 8px;line-height:1.35}.derma-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.derma-modal-content{background:#fff;border-radius:24px;padding:32px;max-width:520px;width:100%;box-shadow:0 24px 50px rgba(0,0,0,.25);border:1px solid var(--line);position:relative;max-height:90vh;overflow-y:auto;box-sizing:border-box}.derma-modal-close{position:absolute;top:18px;right:18px;background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--ink-2);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.derma-modal-close:hover{background:var(--sand)}@media (max-width:768px){.derma-main-content{padding-top:86px}.derma-container{padding:0 16px}.derma-hero-section{padding:22px 0 26px}.derma-pill-badge{border-radius:14px!important;font-size:10.5px!important;padding:6px 14px!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:4px 6px!important;line-height:1.45!important;text-align:center!important;margin:0 auto 12px!important;max-width:92%!important}.derma-hero-title{font-size:clamp(22px,6vw,32px);line-height:1.25;margin-bottom:12px;padding:0 4px}.derma-hero-subtitle{font-size:14px;line-height:1.55;margin-bottom:24px;padding:0 4px}.derma-hero-actions{flex-direction:column;width:100%;gap:10px;margin-bottom:24px}.derma-hero-btn{width:100%;justify-content:center;text-align:center;padding:13px 18px;font-size:14px;border-radius:12px}.derma-metrics-bar{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.derma-metric-val{font-size:20px}.derma-metric-lbl{font-size:11px}.derma-section{padding:42px 0}.derma-section-header{margin-bottom:24px}.derma-section-title{font-size:clamp(20px,5.5vw,26px);line-height:1.3}.derma-section-desc{font-size:13.5px;line-height:1.5}.derma-process-grid{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.derma-process-card{padding:18px;border-radius:18px}.derma-dosha-mapping-box{padding:20px 16px;border-radius:18px}.derma-dosha-mapping-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.derma-dosha-mapping-title{font-size:1.35rem}.derma-dosha-cta-btn{width:100%;justify-content:center;padding:12px 16px;font-size:13.5px}.derma-dosha-constitution-grid{grid-template-columns:1fr;gap:12px}.derma-dosha-constitution-card{padding:14px;border-radius:14px}.derma-metrics-grid{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.derma-metric-card{padding:16px;border-radius:16px}.derma-metric-value{font-size:1.9rem}.derma-compare-wrapper{grid-template-columns:1fr;gap:18px;padding:16px;border-radius:18px}.derma-image-split-container{height:260px;border-radius:14px}.derma-ai-tabs-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:4px 2px 10px;gap:8px;width:100%;scrollbar-width:none}.derma-ai-tabs-nav::-webkit-scrollbar{display:none}.derma-ai-tab-btn{flex-shrink:0;font-size:13px;padding:8px 14px;white-space:nowrap;border-radius:10px}.derma-vision-grid{grid-template-columns:1fr;gap:18px;padding:16px;border-radius:18px}.derma-vision-sim-box{min-height:250px;border-radius:14px}.derma-dosha-matrix-grid{grid-template-columns:1fr;gap:14px}.derma-scoring-grid{grid-template-columns:1fr;gap:16px;padding:16px;border-radius:18px}.derma-pipeline-grid{grid-template-columns:1fr;gap:14px}.derma-faq-btn{padding:14px 16px;font-size:14px}.derma-faq-answer{padding:0 16px 16px;font-size:13px}.derma-screener-card{padding:16px;border-radius:18px}.derma-modal-content{padding:20px 16px;border-radius:18px;max-height:85vh}}@media (max-width:480px){.derma-main-content{padding-top:80px}.derma-container{padding:0 12px}.derma-hero-section{padding:16px 0 22px}.derma-pill-badge{border-radius:12px!important;padding:6px 12px!important;font-size:10px!important;max-width:95%!important;margin:0 auto 10px!important;line-height:1.4!important}.derma-hero-title{font-size:22px}.derma-hero-subtitle{font-size:13px;margin-bottom:20px}.derma-hero-btn{font-size:13.5px;padding:12px 14px}.derma-section{padding:34px 0}.derma-image-split-container{height:220px}.derma-modal-content{padding:16px 12px;border-radius:16px}}