@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap";:root{--black:#000;--paper:#f5f4f0;--ink:#161615;--muted:#65655f;--line:#d9d9d2;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--black);color:#f5f4f0;font-family:DM Sans,Arial,sans-serif;font-size:16px;line-height:1.65}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #898978;outline-offset:6px}button{color:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:450;line-height:1.08;letter-spacing:-.045em}p{line-height:1.75}h2{font-size:clamp(42px,4.8vw,68px)}em{font-family:"Instrument Serif",Georgia,serif;font-weight:400}h3{font-size:25px;letter-spacing:-.035em}::selection{background:#bdbdaf;color:#050505}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.5}.skip-link{position:fixed;left:20px;top:-80px;z-index:99;background:#fff;color:#000;padding:12px}.skip-link:focus{top:12px}.site-header{height:94px;border-bottom:1px solid #ffffff24;display:flex;align-items:center;justify-content:space-between;padding-inline:56px;background:#050505ed;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wordmark{display:flex;align-items:center;font-size:19px;font-weight:700;letter-spacing:-.05em;gap:9px;white-space:nowrap}.wordmark-light{font-weight:400;letter-spacing:.08em;margin-left:5px;font-size:.85em}.brand-symbol{display:inline-block;width:27px;height:27px;margin-right:5px;background:url(/dermascope-logo.png) center 33% / 68px auto no-repeat}.site-header nav{display:flex;gap:38px;align-items:center;font-size:12px}.site-header nav>a{transition:color .25s}.site-header nav>a:hover{color:#aaa}.nav-cta{border:1px solid #ffffff55;padding:11px 18px}.nav-cta span{margin-left:20px}.hero{overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:740px;padding-block:78px 86px;gap:50px}.hero h1{font-size:clamp(64px,6.8vw,98px);line-height:.99;margin-top:30px;letter-spacing:-.06em}.hero h1>span{font-family:"Instrument Serif",Georgia,serif;font-style:italic;color:#babbb3;letter-spacing:-.035em}.hero-description{color:#a2a29e;margin-top:30px;font-size:15px;max-width:360px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border:1px solid transparent;min-height:53px;padding:15px 23px;font-size:12px;font-weight:550;transition:background .3s,transform .4s var(--ease),box-shadow .4s}.button>span{font-size:19px;line-height:1;transition:transform .4s var(--ease)}.button:hover>span{transform:translate(3px,-3px)}.button:hover{transform:translateY(-2px)}.button-white{color:#111;background:#f5f4f0}.button-white:hover{background:#dcdcd2}.button-black{color:#fff;background:#111}.button-black:hover{background:#30302a}.hero .button{margin-top:30px}.hero-note{font-size:10px;color:#82827c;margin-top:17px}.brand-art{position:relative;min-width:0;aspect-ratio:1;display:grid;place-items:center}.brand-art img{width:100%;mix-blend-mode:screen;position:relative;z-index:1;animation:brand-float 10s ease-in-out infinite}.orbit{position:absolute;width:98%;height:98%;border:1px solid #ffffff17;border-radius:50%;animation:orbit-breathe 12s ease-in-out infinite}.orbit-two{width:118%;height:118%;border-style:dashed;border-color:#ffffff0d;animation:orbit-turn 100s linear infinite}.art-cross{position:absolute;font-size:20px;font-weight:400;color:#64645e}.cross-one{top:12%;left:4%}.cross-two{bottom:10%;right:6%}.art-caption{position:absolute;bottom:-16px;font-size:8px;letter-spacing:.23em;color:#73736e}.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff24;padding-block:25px;font-size:9px;letter-spacing:.13em;color:#9d9d96}.hero-foot a span{margin-left:28px;font-size:16px}.section-light{background:var(--paper);color:var(--ink)}.approach{padding-block:108px}.section-intro{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:38px;align-items:start}.section-intro h2{font-size:clamp(36px,3.3vw,48px)}.section-intro>p:last-child{font-size:13px;color:var(--muted);max-width:270px;padding-top:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.step{position:relative;padding:26px 35px 0;border-top:1px solid var(--line);border-right:1px solid var(--line)}.step:first-child{padding-left:0}.step:last-child{border-right:0}.step-number{font-size:11px;color:#787870}.step-icon{height:70px;margin-top:27px;font-size:48px;line-height:1;font-weight:400}.circle-icon{height:34px;width:34px;border:1px solid #333;border-radius:50%;margin-top:37px;margin-bottom:26px;position:relative}.circle-icon:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #333;border-radius:50%}.step p{color:var(--muted);font-size:13px;margin-top:17px;max-width:290px}.step-caption{display:block;margin-top:38px;font-size:8px;letter-spacing:.15em}.assessment{padding-block:108px 124px;border-top:1px solid var(--line)}.assessment-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;align-items:start}.assessment-intro h2{margin-block:30px}.assessment-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:370px}.photo-tips{margin-block:35px;padding-top:27px;border-top:1px solid var(--line);max-width:370px}.photo-tips h3{font-size:17px;letter-spacing:-.02em}.photo-tips ul{padding-left:17px;font-size:12px;color:var(--muted);line-height:2}.small-print{font-size:11px!important;color:var(--muted);line-height:1.75!important}.assessment-panel{background:#fff;border:1px solid #deded7;padding:30px;box-shadow:0 20px 65px #11111105}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:15px}.panel-heading .eyebrow{font-size:9px}.status-badge{font-size:8px;letter-spacing:.06em;border:1px solid #ddd;padding:4px 7px;color:#777}.drop-zone{width:100%;min-height:240px;border:1px dashed #c9c9c0;background:#f8f8f5;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:background .3s,border-color .3s}.drop-zone:hover,.drop-zone.dragging{background:#eeeee7;border-color:#333}.upload-icon{height:48px;width:48px;border:1px solid #d7d7cf;border-radius:50%;font-size:26px;line-height:44px;margin-bottom:20px}.upload-title{font-size:19px;letter-spacing:-.04em}.upload-description{font-size:12px;color:#6a6a62;margin-top:4px}.file-hint{font-size:10px;color:#85857a;margin-top:16px}.text-button{border:0;background:transparent;font-size:11px;text-decoration:underline;text-underline-offset:4px}.camera-button{display:block;margin:15px auto 24px;color:#666}.camera-button span{margin-left:9px}.consent{display:flex;gap:11px;margin:24px 0;align-items:flex-start;font-size:11px;color:#65655e;line-height:1.7}.consent input{accent-color:#111;margin-top:4px;width:15px;height:15px;flex-shrink:0}.full-width{width:100%}.panel-footer{border-top:1px solid #e5e5df;margin-top:25px;padding-top:18px;font-size:10px;text-align:center;color:#73736a}.panel-footer>span{margin-right:6px;font-size:16px}.photo-preview img{width:100%;height:240px;object-fit:contain;background:#f5f5f0}.photo-preview>div{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:12px;font-size:11px}.photo-preview #file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-view{text-align:center;padding:66px 0}.loading-view h3{font-size:25px}.loading-view p{font-size:12px;color:#666;margin-top:15px}.scan-orbit{width:64px;height:64px;border-radius:50%;border:1px solid #e5e5de;border-top:2px solid #111;margin:0 auto 40px;animation:orbit-turn 1.5s linear infinite}.result-eyebrow{margin-top:35px;color:#74746a}.result-title{font-size:36px;margin-block:18px;letter-spacing:-.045em}.result-title:focus{outline:none}#result-explanation,#result-action{font-size:13px;color:#5a5a53}.next-step{background:#f5f5ef;padding:22px;margin-block:25px}.next-step p{margin-top:10px}#result-view .button{margin-top:26px}.error-message{padding:16px;background:#fff3e9;color:#8a3c12;font-size:12px;margin-top:20px}.privacy{padding-block:110px;border-bottom:1px solid #ffffff20;overflow:hidden}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.privacy-art{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.privacy-ring{position:absolute;width:92%;height:92%;border:1px solid #ffffff24;border-radius:50%}.privacy-ring.inner{width:66%;height:66%;border-style:dashed;animation:orbit-turn 90s linear infinite}.privacy-center{font-size:40px;letter-spacing:-.03em}.privacy-caption{position:absolute;top:57%;font-size:8px;letter-spacing:.24em;color:#999}.privacy-copy h2{margin-block:30px}.privacy-copy h2 em{color:#aaa99f}.privacy-copy>p:not(.eyebrow){color:#a5a59d;font-size:13px;max-width:350px}.text-link{display:inline-flex;gap:60px;font-size:12px;border-bottom:1px solid #777;padding-bottom:12px;margin-top:30px}.transparency{padding-block:110px}.research-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:150px}.research-grid h2{margin-block:30px}.research-grid p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:380px}.research-stat{border-left:1px solid var(--line);padding-left:55px}.stat-number{font-size:clamp(76px,8vw,120px);letter-spacing:-.07em;font-weight:450;line-height:1.1}.stat-number>span{font-family:"Instrument Serif",Georgia,serif;font-size:.55em;margin-left:10px}.research-stat h3{font-size:19px;margin-block:15px 20px}.research-stat .small-print{margin-top:18px}.questions{margin-top:95px;display:grid;grid-template-columns:1fr 2fr;gap:0 70px}.questions>h3{grid-row:span 3;font-size:26px;padding-top:20px}.questions details{border-top:1px solid var(--line);padding:20px 0}.questions details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:14px}summary::-webkit-details-marker{display:none}summary>span{font-size:18px;transition:transform .3s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;color:var(--muted);padding-top:18px;max-width:600px;animation:detail-in .35s ease}.closing{padding-block:110px;text-align:center}.closing h2{font-size:clamp(40px,5vw,72px);margin:27px 0 35px}.closing .eyebrow{color:#8d8d84}.site-footer{padding-block:35px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff24}.site-footer p,.site-footer>a:last-child{font-size:10px;color:#91918a}.site-footer .wordmark{font-size:15px;gap:0}.hero-enter{animation:hero-in 1.2s var(--ease) both}.hero h1{animation-delay:.08s}.hero-description{animation-delay:.16s}.hero .button{animation-delay:.24s}.hero-note{animation-delay:.3s}.brand-art{animation-delay:.2s}.motion-enabled .reveal{opacity:0;transform:translateY(25px);transition:opacity .85s var(--ease),transform 1s var(--ease)}.motion-enabled .reveal.visible{opacity:1;transform:none}.step:nth-child(2){transition-delay:.1s}.step:nth-child(3){transition-delay:.2s}@keyframes hero-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-float{50%{transform:translateY(-12px)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orbit-breathe{50%{transform:scale(.96);opacity:.5}}@keyframes detail-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}#webcam-dialog{width:min(720px,calc(100% - 32px));max-height:90dvh;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:28px}#webcam-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.webcam-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.webcam-heading h2{font-size:32px}.webcam-frame{margin:22px 0 14px;background:#161615;aspect-ratio:16/9;display:grid;place-items:center}.webcam-frame video,.webcam-frame img{width:100%;height:100%;object-fit:contain;min-height:0}#webcam-status{font-size:13px;line-height:1.6;min-height:42px}.webcam-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}#webcam-upload{margin:8px 0}.brand-art img{height:auto}.assessment-panel{scroll-margin-top:112px}.brand-art,.brand-art img,.brand-art .orbit{animation:none!important;transform:none!important}@media (min-width:1600px){.hero-inner{min-height:820px}}@media (max-width:1050px){.container{width:calc(100% - 64px)}.site-header{padding-inline:32px}.hero-inner{gap:20px;min-height:650px}.hero h1{font-size:72px}.assessment-grid{gap:55px}.privacy-grid{gap:70px}.research-grid{gap:60px}.section-intro{grid-template-columns:1fr 2fr}.section-intro>p:last-child{grid-column:2;max-width:400px}.questions{gap:0 40px}.panel-heading{flex-wrap:wrap}}@media (max-width:700px){.container{width:calc(100% - 40px)}.site-header{height:74px;padding-inline:20px}.wordmark{font-size:16px}.brand-symbol{display:none}.site-header nav{gap:0}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:10px;padding:9px 11px}.nav-cta span{margin-left:10px}.hero-inner{grid-template-columns:1fr;gap:0;padding-block:65px 45px}.hero h1{font-size:clamp(58px,12.5vw,86px);margin-top:23px}.hero-description{font-size:14px;max-width:330px}.hero .eyebrow{font-size:8px}.brand-art{width:80%;max-width:370px;margin:25px auto 0}.art-caption{bottom:0}.hero-foot{font-size:7px;gap:15px;letter-spacing:.07em}.hero-foot>span{max-width:170px}.hero-foot a span{margin-left:8px}.approach,.assessment,.privacy,.transparency,.closing{padding-block:70px}.section-intro{display:block}.section-intro h2{font-size:39px;margin:24px 0}.section-intro>p:last-child{font-size:13px}.steps{grid-template-columns:1fr;margin-top:38px}.step,.step:first-child{padding:25px 0 30px;border-right:0}.step-icon{height:46px;margin-top:20px;font-size:35px}.circle-icon{height:30px;margin-top:24px;margin-bottom:20px}.step-caption{margin-top:20px}.step p{max-width:none}.assessment-grid,.privacy-grid,.research-grid{grid-template-columns:1fr;gap:40px}.assessment-intro>p:not(.eyebrow),.photo-tips{max-width:none}.assessment-panel{padding:23px 20px}.drop-zone{min-height:220px}.privacy-copy{grid-row:1}.privacy-copy h2{font-size:53px}.privacy-art{max-width:330px;width:100%;margin:auto}.research-stat{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.stat-number{font-size:96px}.questions{display:block;margin-top:55px}.questions h3{margin-bottom:30px}.site-footer{flex-wrap:wrap;gap:18px}.site-footer p{order:3;width:100%;font-size:9px}.site-footer>a:last-child{margin-left:auto}.panel-heading .eyebrow{font-size:8px}.result-title{font-size:31px}}@media (max-width:700px){html{scroll-padding-top:86px}.site-header .wordmark,.nav-cta,.hero-foot a,.text-link,.site-footer>a,.text-button,summary{min-height:44px;display:flex;align-items:center}.site-header .wordmark{gap:0}.nav-cta{white-space:nowrap}.hero-foot a{flex-shrink:0}.text-button{justify-content:center;padding:10px 12px}.camera-button{width:100%;margin:10px auto 16px}.consent{min-height:44px;padding-block:8px;font-size:12px}.consent input{width:20px;height:20px;margin:1px 0 0}.button{min-height:48px;gap:20px}.button:hover,.button:hover>span{transform:none}a,button,summary,.consent{touch-action:manipulation;-webkit-tap-highlight-color:#88888833}.button:active:not(:disabled),.text-button:active,summary:active{opacity:.7}.assessment-panel{scroll-margin-top:86px;min-width:0}.photo-preview>div{gap:8px}#remove-photo{flex-shrink:0}summary{padding-block:4px;font-size:15px}.questions details{padding-block:12px}#webcam-dialog{padding:20px;max-height:calc(100dvh - 32px)}.webcam-actions .button{flex:1 1 140px}.nav-cta>span,.button>span,.camera-button>span,.text-link>span,.hero-foot a>span,.upload-icon,.step-icon:not(.circle-icon),summary>span,.panel-footer>span{--mobile-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19 19 5M5 5h14v14'/%3E%3C/svg%3E");font-size:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none;vertical-align:middle}.nav-cta>span:before,.button>span:before,.camera-button>span:before,.text-link>span:before,.hero-foot a>span:before,.upload-icon:before,.step-icon:not(.circle-icon):before,summary>span:before,.panel-footer>span:before{content:"";display:block;width:20px;height:20px;background:currentColor;-webkit-mask:var(--mobile-icon) center/contain no-repeat;mask:var(--mobile-icon) center/contain no-repeat}.hero-foot a>span,.upload-icon{--mobile-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V4M5 11l7-7 7 7'/%3E%3C/svg%3E")}.hero-foot a>span:before{transform:rotate(180deg)}.step-icon:not(.circle-icon):before{width:35px;height:35px}.step:first-child .step-icon{--mobile-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6l2-3h4l2 3h5v15H3V6Z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E")}summary>span{--mobile-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M12 4v16M4 12h16'/%3E%3C/svg%3E");width:24px;height:24px}.panel-footer>span{--mobile-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}}@media (max-width:360px){.site-header{padding-inline:14px}.site-header .wordmark{font-size:14px}.nav-cta{padding-inline:8px}.nav-cta>span{margin-left:6px}.hero h1{font-size:54px}.hero-foot{flex-wrap:wrap}.hero-foot>span{max-width:none}.assessment-panel{padding:20px 16px}}@media (max-width:700px){.site-header{height:64px}.hero-inner{min-height:0;grid-template-columns:minmax(0,1fr);gap:18px;padding-block:24px 30px}.hero-copy{text-align:center;min-width:0}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero h1{font-size:clamp(44px,11.5vw,58px);line-height:1.04;letter-spacing:-.05em;margin-top:18px}.hero-description{font-size:13px;line-height:1.65;max-width:310px;margin:20px auto 0;text-wrap:pretty}.hero .button{display:flex;width:100%;max-width:310px;margin:24px auto 0;text-align:left}.hero-note{font-size:9px;line-height:1.6;margin-top:12px}.brand-art{order:-1;width:104px;height:104px;aspect-ratio:1;max-width:none;margin:0 auto;overflow:hidden}.brand-art img{position:absolute;width:208px;max-width:none;height:208px;left:-52px;top:-20px}.brand-art .orbit,.brand-art .art-cross,.brand-art .art-caption{display:none}.hero-foot{justify-content:center;padding-block:8px;font-size:9px}.hero-foot>span{display:none}.hero-foot a{gap:12px}.hero-foot a>span{margin:0}.step,.step:first-child{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:0 16px;padding:24px 0 30px}.step-number{grid-column:1;grid-row:1;display:block;font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.08em;line-height:40px}.step .step-icon{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;justify-self:center;width:32px;height:32px;margin:0;flex-shrink:0}.step .step-icon:before{width:30px;height:30px}.step .circle-icon{border-radius:50%;aspect-ratio:1}.step .circle-icon:after{top:7px;right:7px;bottom:7px;left:7px}.step h3,.step p,.step-caption{grid-column:1 / -1}.step h3{margin-top:18px;font-size:27px;line-height:1.15}.step p{margin-top:14px;font-size:13px}.step-caption{margin-top:24px}.questions details{overflow-anchor:none}.questions details p{animation:none;padding-top:14px;font-size:13px;line-height:1.75}.questions summary{gap:18px;line-height:1.6}.questions summary>span{transition:transform .34s var(--ease)}.questions details[data-expanding=false] summary>span{transform:rotate(0)}.questions details[data-expanding=true] summary>span{transform:rotate(45deg)}.closing h2{font-size:clamp(34px,9vw,48px);line-height:1.12}.site-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}}@media (max-width:700px) and (max-height:740px){.hero-inner{padding-block:16px 24px;gap:12px}.brand-art{width:76px;height:76px}.brand-art img{width:152px;height:152px;left:-38px;top:-15px}.hero h1{font-size:clamp(42px,10.8vw,50px);margin-top:14px}.hero-description{margin-top:16px;font-size:12px}.hero .button{margin-top:18px}}#assessment-panel{scroll-margin-top:112px}.assessment-grid:has(#result-view:not([hidden])){grid-template-columns:minmax(220px,.65fr) minmax(0,1.6fr);gap:64px}.assessment-panel:has(#result-view:not([hidden])){padding:36px;border-radius:20px;border-color:#e3e7e4;box-shadow:0 16px 60px #243f3510}#result-view{--result-accent:#416b68;--result-tint:#edf5f3;--result-border:#cbded9}#result-view[data-tone=concerning]{--result-accent:#9e4537;--result-tint:#fcf0eb;--result-border:#ebcec5}#result-view[data-tone=uncertain]{--result-accent:#8a631d;--result-tint:#fbf5e7;--result-border:#e9dbb8}#result-view[data-tone=pending]{--result-accent:#5c6680;--result-tint:#f0f2f8;--result-border:#d6dceb}.result-heading{padding-bottom:26px;border-bottom:1px solid #e8e9e3}.result-heading>.eyebrow{color:#677872;font-size:9px}.result-heading h2{font-size:clamp(28px,3vw,42px);margin:12px 0 10px;letter-spacing:-.045em}.result-heading p{font-size:13px;color:#777c76}#result-view .result-eyebrow{margin-top:26px;color:var(--result-accent);display:flex;align-items:center;gap:8px}#result-view .result-eyebrow:before{content:"";width:7px;height:7px;background:currentColor;border-radius:50%}#result-view .result-title{font-size:clamp(25px,2.6vw,34px);line-height:1.2;max-width:650px;margin:12px 0 18px;color:var(--result-accent);text-wrap:balance}#research-review-status{background:var(--result-tint);border:1px solid var(--result-border);border-left:3px solid var(--result-accent);border-radius:10px;padding:17px 19px;font-size:13px;line-height:1.75;color:#464b47}.model-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}#result-view .model-card{min-width:0;border:1px solid #e1e6e3;border-radius:12px;padding:20px;background:#fafcfb}.model-card-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.model-number{font-size:11px;color:#758680;font-variant-numeric:tabular-nums}#result-view .model-card h3{font-size:18px;letter-spacing:-.025em}.model-tag{font-size:8px;letter-spacing:.08em;color:#5b726a;background:#edf2ef;border-radius:4px;padding:3px 6px;margin-left:auto}#local-assessment,#groq-assessment{font-size:12px;color:#505b55;line-height:1.65;min-height:60px}.signal-value{font-size:38px;line-height:1.1;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#305e58;margin:20px 0 18px}.signal-value>span{font-size:11px;letter-spacing:0;color:#738078;margin-left:6px;display:inline-block}.signal-track{height:8px;background:#e3ece8;border-radius:20px;overflow:hidden}.signal-track i{display:block;height:100%;background:#477e73;border-radius:20px;transition:width .5s ease}.signal-axis{display:flex;justify-content:space-between;gap:6px;color:#76837b;font-size:9px;margin-top:9px}#result-view .signal-note{font-size:10px;color:#788078;line-height:1.65;padding:0;margin:15px 0 0}.feature-segments{display:flex;gap:5px;margin-bottom:15px}.feature-segments i{height:8px;flex:1;background:#dce8e3;border-radius:10px}.feature-segments i[data-state=visible]{background:#ba7653}.feature-segments i[data-state=uncertain]{background:repeating-linear-gradient(45deg,#e3d3b4,#e3d3b4 4px,#f9f5eb 4px,#f9f5eb 8px)}.feature-list>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #e6ebe7;font-size:11px;color:#5a665e}.feature-list b{font-weight:500;font-size:9px;background:#edf2ef;color:#546e62;border-radius:5px;padding:3px 6px;white-space:nowrap}.feature-list b[data-state=visible]{background:#faeade;color:#9c5435}.feature-list b[data-state=uncertain]{background:#f6efdf;color:#896b35}.model-details{margin-top:18px;border-top:1px solid #dfe6e1;padding-top:12px}#result-view .model-details summary{font-size:11px;color:#527166;min-height:32px;gap:10px}#result-view .model-details p{font-size:11px;padding-top:12px;line-height:1.75}.comparison-footnote{font-size:10px;color:#82877f;line-height:1.7;margin-top:16px}#standalone-signal{margin-top:22px}#result-view>.next-step{background:#f3f5f2;border:1px solid #e4e8e1;border-radius:10px;margin:24px 0 16px;padding:19px}#result-view>.next-step .eyebrow{color:#5f7567}#result-view .button{border-radius:8px;margin-top:22px}@media (max-width:1000px){.assessment-grid:has(#result-view:not([hidden])){grid-template-columns:1fr;gap:28px}.assessment-grid:has(#result-view:not([hidden])) .assessment-intro{display:none}}@media (max-width:600px){.assessment-panel:has(#result-view:not([hidden])){padding:22px 18px;border-radius:14px}.model-card-grid{grid-template-columns:1fr;gap:12px}#local-assessment,#groq-assessment{min-height:0}#result-view .result-title{font-size:27px}.result-heading h2{font-size:30px}#assessment-panel{scroll-margin-top:88px}.signal-value{font-size:40px}}.assessment-panel:has(#result-view:not([hidden])){border-radius:0;box-shadow:none}#result-view .model-card,#research-review-status,#result-view>.next-step,#result-view .button,#result-view .model-tag,#result-view .signal-track,#result-view .signal-track i,#result-view .feature-segments i,#result-view .feature-list b{border-radius:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}}