:root{--ink:#1c201b;--paper:#f6f3ed;--lime:#d4ee62;--orange:#e7773f;--muted:#73776d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1px solid #dcd9d1}.brand{font-size:20px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:3px}.brand>span:last-child{color:#6d8c23}.brand-mark{font-family:'Playfair Display';font-style:italic;font-size:27px;color:white;background:var(--ink);border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.nav-links{display:flex;gap:35px;font-size:12px;font-weight:700}.text-button{border:0;background:none;font:700 12px Manrope}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;padding-left:9vw}.hero-copy{padding-top:98px}.eyebrow{font:10px 'DM Mono';letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.eyebrow i{display:inline-block;width:24px;height:1px;background:var(--orange)}h1,h2{margin:0;font-size:clamp(47px,5vw,75px);line-height:1;letter-spacing:-4px}em{font-family:'Playfair Display';color:var(--orange);letter-spacing:-3px}.intro{max-width:400px;color:#60645c;font-size:15px;line-height:1.7;margin:29px 0}.cta,.analyze{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:white;border:0;padding:14px 16px 14px 22px;font:700 12px Manrope;cursor:pointer}.cta b,.analyze b{color:var(--ink);background:var(--lime);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:18px}.trust{display:flex;gap:12px;align-items:center;margin-top:45px;font-size:10px;color:#777}.trust p{margin:0}.avatars{display:flex}.avatars span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;margin-left:-5px;background:#eab9a7;border:2px solid var(--paper);font-size:8px}.avatars span:nth-child(2){background:#b3c38a}.avatars span:nth-child(3){background:#786357}.hero-visual{position:relative;background:#d9d2c7;overflow:hidden}.sun{position:absolute;width:430px;height:430px;border-radius:50%;background:#eee0bf;top:98px;left:50%;transform:translateX(-50%)}.portrait-frame{position:absolute;width:54%;height:445px;bottom:0;left:22%;overflow:hidden}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.portrait-caption{position:absolute;bottom:0;left:0;right:0;padding:35px 20px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));display:flex;flex-direction:column;gap:5px}.portrait-caption span,.panel-meta{font:9px 'DM Mono';letter-spacing:1px}.portrait-caption b{font-family:'Playfair Display';font-size:17px}.visual-label{position:absolute;font:10px 'DM Mono';letter-spacing:1px}.top{top:35px;left:30px}.style-card{position:absolute;bottom:50px;left:-40px;background:#fff;padding:14px;display:flex;gap:10px;align-items:center;font-size:10px}.style-card>span{background:var(--lime);border-radius:50%;padding:8px;font-size:8px}.style-card small{font:9px 'DM Mono';color:#777}.builder{padding:105px 9vw;text-align:center;background:#fff}.section-head h2,.result-title h2{font-size:52px}.section-head>p:last-child,.result-title>p:last-child{font-size:13px;color:var(--muted);margin:17px 0 34px}.section-head .eyebrow,.result-title .eyebrow{justify-content:center}.upload-grid{display:flex;justify-content:center;align-items:center;gap:20px}.upload-card{width:280px;height:210px;border:1px dashed #c9c7bf;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.upload-card input{display:none}.upload-icon{width:38px;height:38px;border-radius:50%;background:#f0eee8;display:grid;place-items:center;font-size:10px}.upload-card h3{font-size:13px;margin:14px 0 4px}.upload-card p,.upload-card small{font-size:10px;color:#888;margin:0}.upload-card small{margin-top:12px}.upload-card.has-image{background-size:cover;background-position:center;color:white}.upload-divider span{display:grid;place-items:center;background:var(--lime);width:25px;height:25px;border-radius:50%}.upload-divider p{font:9px 'DM Mono';color:#777}.scoring-model{max-width:760px;margin:33px auto 0;padding:16px 18px;background:#f6f5f0;text-align:left}.scoring-model>div:first-child{display:flex;justify-content:space-between}.scoring-model small,.score-explainer small,.why small{font:9px 'DM Mono';letter-spacing:.8px;color:#777}.scoring-model b{font-size:11px}.weight-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:14px}.weight-row label{font-size:10px;font-weight:700}.weight-row output{float:right;color:#6d8c23}.weight-row input{width:100%;accent-color:#7f9d2a;margin-top:8px}.scoring-model>p{font:10px 'DM Mono';color:#74766d;margin:8px 0 0;text-align:right}.analyze{margin-top:22px}.privacy{font-size:10px;color:#96988f}.results{padding:105px 9vw;background:#e9e4da}.hidden{display:none}.result-title{text-align:center}.result-layout{display:grid;grid-template-columns:1.1fr .9fr;max-width:1040px;margin:43px auto 0;box-shadow:0 18px 50px #5d594727}.preview-panel{min-height:620px;position:relative;background:#c8beac;padding:20px}.panel-meta{display:flex;justify-content:space-between}.preview-panel img{position:absolute;inset:65px 13% 0;width:74%;height:calc(100% - 65px);object-fit:cover;filter:saturate(.75)}.before-after{position:absolute;bottom:20px;left:20px;right:20px;color:#fff;display:flex;align-items:end;justify-content:space-between;text-shadow:0 1px 3px #000}.before-after span{font:9px 'DM Mono'}.before-after strong{font:17px 'Playfair Display'}.report{background:#fff;padding:28px 31px}.report-top{display:flex;justify-content:space-between;font:700 10px 'DM Mono';letter-spacing:1px}.report-top button{border:1px solid #ddd;background:white;font-size:9px;padding:4px}.report h3{font:34px 'Playfair Display';margin:28px 0 4px}.report-intro{font-size:11px;color:#777}.match-row{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #ddd;padding:13px 0}.match-row small{font:9px 'DM Mono';color:#777}.match-row strong{font-size:18px}.match-row em{font:10px Manrope;color:#68921b;letter-spacing:0}.match-circle{border:4px solid var(--lime);border-radius:50%;width:49px;height:49px;display:grid;place-items:center;font:700 15px 'DM Mono'}.score-explainer,.why{border-bottom:1px solid #ddd;padding:15px 0}.score-explainer>div{margin-top:8px}.score-explainer>div div{display:flex;justify-content:space-between;border-bottom:1px dotted #ddd;padding:4px 0;font-size:10px}.score-explainer p,.why p{font-size:10px;line-height:1.6;color:#555}.trait-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 10px;padding:19px 0}.trait-grid small{font:9px 'DM Mono';color:#777}.trait-grid b{display:block;font-size:11px;margin:5px 0 2px}.trait-grid p{margin:0;color:#888;font-size:9px}.ask{background:#f5f3ed;padding:15px}.ask small{font:9px 'DM Mono';color:#777}.ask p{font-size:11px;line-height:1.6;margin:8px 0 0}.ask strong{color:#557a15}.avoid{display:flex;gap:8px;padding:14px 2px;font-size:10px;line-height:1.5}.avoid span{color:var(--orange);font-weight:800}.avoid p{margin:0}.share{width:100%;border:0;background:var(--ink);color:white;padding:13px;font:700 11px Manrope}.share span{color:var(--lime);margin-left:12px}.how{padding:105px 9vw;background:var(--ink);color:white}.how .eyebrow{color:#c3c8bd}.how .eyebrow i{background:var(--lime)}.how-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.how h2{font-size:40px;letter-spacing:-2px}.how h2 em{color:var(--lime)}.how-grid>div{border-top:1px solid #5a5f56;padding-top:16px}.how-grid span{font:11px 'DM Mono';color:var(--lime)}.how-grid h3{font-size:13px;margin-top:42px}.how-grid p{font-size:11px;color:#b4b8af;line-height:1.7}footer{background:var(--orange);display:flex;align-items:center;justify-content:space-between;padding:28px 5.5vw}footer p,footer>span{font:10px 'DM Mono';letter-spacing:1px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,100px);background:var(--ink);color:#fff;padding:13px 20px;font-size:12px;transition:.3s}.toast.show{transform:translate(-50%,0)}@media(max-width:760px){.nav{padding:0 6vw;height:70px}.nav-links{display:none}.hero{display:block;padding:0}.hero-copy{padding:70px 8vw 55px}.hero-visual{min-height:480px}.portrait-frame{height:365px}.section-head h2,.result-title h2{font-size:42px}.upload-grid{flex-direction:column}.upload-divider p{display:none}.weight-row{grid-template-columns:1fr 1fr}.result-layout,.how-grid{grid-template-columns:1fr}.preview-panel{min-height:500px}.how-grid{gap:30px}.how-grid h3{margin-top:20px}footer{flex-direction:column;gap:10px}.style-card{left:10px}}
.simulation-contract{max-width:1040px;margin:35px auto -18px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d2cdc3}.simulation-contract>div{padding:18px 20px;background:#f7f5f0}.simulation-contract small{display:block;font:9px 'DM Mono';letter-spacing:.8px;color:#777}.simulation-contract strong{display:block;font-size:12px;margin:7px 0}.simulation-contract p{font-size:10px;line-height:1.55;color:#676a62;margin:0}.view-grid{position:absolute;inset:65px 10% 48px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}.view-card{margin:0;position:relative;overflow:hidden;background:#e0dacd;min-height:300px}.view-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.view-card figcaption{position:absolute;inset:auto 0 0;padding:22px 8px 7px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));display:flex;flex-direction:column;gap:3px}.view-card figcaption span{font:9px 'DM Mono';letter-spacing:.8px}.view-card figcaption small{font-size:7px;line-height:1.2;opacity:.85}.view-card.pending{background:#d6d0c5;display:flex;align-items:center;justify-content:center;border:1px dashed #a39d92}.angle-placeholder{font:24px 'Playfair Display';color:#7d776c;border:1px solid #aaa397;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.simulation-note{position:absolute;bottom:16px;left:20px;right:20px;font-size:9px;line-height:1.4;color:#504e48;margin:0}.preview-panel{min-height:535px}.preview-panel>img{display:none}@media(max-width:760px){.simulation-contract{grid-template-columns:1fr;margin:22px auto -20px}.view-grid{inset:60px 7% 55px;gap:5px}.view-card{min-height:280px}.view-card figcaption small{display:none}.simulation-note{font-size:8px}}
.pdf-actions{position:relative}.pdf-options{margin-top:7px;border:1px solid #d6d3cb;padding:10px;background:#fff;text-align:left}.pdf-options p{font-size:10px;margin:0 0 7px;color:#777}.pdf-options button{display:block;width:100%;text-align:left;border:0;background:#f5f3ed;margin-top:4px;padding:8px 9px;font:700 10px Manrope;cursor:pointer}.pdf-options button:hover{background:var(--lime)}
/* Front-only simulation */
.upload-divider{align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.upload-divider p{margin:7px 0 0}.preview-panel{min-height:620px;display:flex;flex-direction:column;align-items:center}.panel-meta{width:100%}.view-grid{position:static;inset:auto;display:block;width:min(100%,420px);margin:30px auto 18px}.view-card{width:100%;min-height:0;aspect-ratio:3/4}.view-card img{position:static;inset:auto;width:100%;height:100%;object-fit:cover}.simulation-note{position:static;width:min(100%,420px);margin:0 auto;font-size:9px}.style-card{display:none}@media(max-width:760px){.view-grid{width:min(100%,420px);margin-top:24px}.preview-panel{min-height:0;padding-bottom:20px}.simulation-note{font-size:8px}}
@media(max-width:760px){.upload-divider p{display:block;margin:7px 0 0}}

/* JSON-only hairstyle consultation report */
.upload-card{position:relative;overflow:hidden}.upload-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.upload-card.has-file>*:not(.upload-preview){position:relative;z-index:2;color:#fff;text-shadow:0 1px 3px #000}.upload-card.has-file::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.22);z-index:1}.match-report{max-width:620px;margin:43px auto 0;box-shadow:0 18px 50px #5d594727}.reference-style,.comparison-summary{border-bottom:1px solid #ddd;padding:15px 0}.reference-style small,.comparison-summary small,.difficulty-row small{display:block;font:9px 'DM Mono';letter-spacing:.8px;color:#777}.reference-style b{display:block;font-size:15px;margin-top:6px}.comparison-summary p{font-size:11px;line-height:1.6;color:#555;margin:8px 0 0}.ask ul{margin:8px 0 0;padding-left:18px}.ask li{font-size:11px;line-height:1.6;margin:4px 0}.difficulty-row{display:flex;align-items:center;justify-content:space-between;padding-top:15px}.difficulty-row b{font:700 18px 'DM Mono';color:#68921b}@media print{.nav,.hero,.builder,.how,footer,.toast,.report-top button{display:none!important}.results{display:block!important;padding:0;background:#fff}.match-report{box-shadow:none;margin:0;max-width:none}}

/* Adjustable report weighting */
.priority-panel{max-width:620px;margin:35px auto -18px;background:#f7f5f0;padding:16px 20px;text-align:left}.priority-panel summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font:700 12px Manrope;list-style:none}.priority-panel summary::-webkit-details-marker{display:none}.priority-panel summary span{font:20px 'DM Mono';color:#6d8c23}.priority-panel[open] summary span{transform:rotate(45deg)}.priority-panel p{font-size:10px;line-height:1.5;color:#73776d;margin:10px 0 13px}.priority-sliders{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.priority-sliders label{font-size:10px;font-weight:700}.priority-sliders output{float:right;color:#6d8c23}.priority-sliders input{width:100%;accent-color:#7f9d2a;margin-top:8px}.download-brief{border:0;background:var(--ink);color:#fff;padding:8px 10px;font:700 9px Manrope;cursor:pointer}.download-brief:hover{background:#3a4037}@media(max-width:760px){.priority-panel{margin:25px auto -18px}.priority-sliders{grid-template-columns:1fr}.report-top{align-items:center;gap:8px}.download-brief{font-size:8px;padding:7px}.match-report{margin-top:35px}}

/* Report usability refinements */
body{font-size:16px}.upload-priority{margin:32px auto 0}.priority-total{margin:13px 0 0!important;text-align:right;font:11px 'DM Mono'!important;color:var(--ink)!important}.priority-error{margin:8px 0 0!important;color:#b23a2f!important;font-size:12px!important;font-weight:700}.analyze:disabled{opacity:.45;cursor:not-allowed}.dimension-analysis{border-bottom:1px solid #ddd;padding:22px 0}.dimension-analysis h4{font:700 17px Manrope;margin:0 0 12px}.dimension-analysis table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.dimension-analysis th,.dimension-analysis td{padding:11px 9px;border-bottom:1px solid #d9d6ce;vertical-align:top;line-height:1.45}.dimension-analysis thead th{font:10px 'DM Mono';letter-spacing:.7px;color:#5f625b;background:#f5f3ed}.dimension-analysis tbody th{text-transform:capitalize;font-weight:800}.dimension-analysis td:nth-child(2){font-weight:800;white-space:nowrap;color:#557a15}.report{font-size:15px}.report h3{font-size:38px}.report-intro{font-size:13px}.match-row small,.reference-style small,.comparison-summary small,.ask small{font-size:10px}.match-row strong{font-size:24px}.match-row em{font-size:12px}.match-circle{width:60px;height:60px;font-size:17px}.reference-style b{font-size:17px}.comparison-summary p,.ask li{font-size:13px;line-height:1.65}.report-actions{margin-top:22px;display:grid;gap:9px}.report-actions button{width:100%;padding:13px;font:700 12px Manrope;cursor:pointer}.report-actions .download-brief{font-size:12px}.reset-data{border:1px solid #bdb9af;background:#fff;color:var(--ink)}.reset-data:hover{background:#f5f3ed}.how{text-align:center}.how .eyebrow{justify-content:center}.how-grid>div{text-align:center}.how-grid p{font-size:13px}.how-grid h3{font-size:15px}@media(max-width:760px){.dimension-analysis table{font-size:12px}.dimension-analysis th,.dimension-analysis td{padding:9px 6px}.dimension-analysis th:nth-child(3),.dimension-analysis td:nth-child(3){width:52%}.report h3{font-size:34px}.report{padding:25px 20px}}

/* Report helper microcopy */
.info-icon{font-size:11px;vertical-align:middle;cursor:help;margin-left:2px}.score-visual{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.score-visual small{max-width:108px;font-size:9px;line-height:1.3;color:var(--muted)}.score-visual small:first-of-type{font-weight:700;color:var(--ink)}

/* Current haircut clarification microcopy */
.priority-sliders label{display:block}.slider-help{display:block;margin-top:5px;font-size:9px;font-weight:400;line-height:1.35;color:var(--muted)}.dimension-subtitle{margin:0 0 13px;font-size:11px;line-height:1.45;color:var(--muted)}.score-visual .score-description{max-width:126px;margin-top:2px}

/* Simplified overall match rate */
.match-row{justify-content:flex-start}.score-copy{width:100%}.score-copy strong{display:block;margin-top:4px}.score-support{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 0;font-size:10px;line-height:1.4;color:var(--muted)}.score-support span:first-child{font-weight:700;color:#68921b}.score-description{max-width:460px;margin:5px 0 0;font-size:10px;line-height:1.4;color:var(--muted)}

/* Overall match tier */
.score-tier{margin:6px 0 0;font-size:13px;font-weight:600;line-height:1.35;color:var(--ink)}.score-tier-sub{margin:2px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}.score-support{margin:5px 0 0;font-size:10px;line-height:1.4;color:var(--muted)}

/* Overall API match rate */
.overall-rate-visual{display:flex;flex-direction:column;align-items:center;gap:6px;margin-left:auto}.overall-rate-visual>small{font:9px 'DM Mono';letter-spacing:.7px;color:var(--muted);text-align:center}.overall-rate-visual .match-circle{width:62px;height:62px;font-size:16px}@media(max-width:760px){.overall-rate-visual{margin-left:16px}.overall-rate-visual .match-circle{width:54px;height:54px}}

/* Static feature evidence */
.dimension-analysis td p{margin:0 0 5px}.dimension-analysis td small{display:block;margin-bottom:6px;color:var(--muted)}.dimension-analysis td ul{margin:0;padding-left:17px}.dimension-analysis td li{margin:3px 0;line-height:1.4}

/* Reference style naming and moderate-gap emphasis */
.score-tier.moderate-gap-emphasis,.score-tier-sub.moderate-gap-emphasis{color:var(--orange)}.score-tier.moderate-gap-emphasis{font-weight:700}.reference-style-caption{display:block;margin-top:4px;font-size:10px;line-height:1.4;color:var(--muted)}

.non-negotiable-field{max-width:620px;margin:32px auto 0;text-align:left}.non-negotiable-field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.non-negotiable-field textarea{display:block;width:100%;min-height:92px;resize:vertical;border:1px solid #c9c7bf;background:#fff;color:var(--ink);padding:12px 13px;font:13px/1.5 Manrope,Arial,sans-serif}.non-negotiable-field textarea:focus{outline:2px solid var(--lime);outline-offset:1px}.non-negotiable-field small{display:block;margin-top:7px;font-size:10px;color:var(--muted)}.client-non-negotiable{margin:18px 0;border:1px solid #b83b34;background:#fff1f0;padding:14px 16px}.client-non-negotiable h4{margin:0 0 10px;color:#9e2f29;font:700 11px 'DM Mono';letter-spacing:.35px}.client-non-negotiable p{margin:6px 0;font-size:12px;line-height:1.55}.client-non-negotiable em{font-family:inherit;font-style:italic;color:var(--ink);letter-spacing:0}.client-non-negotiable .consultation-note{border-top:1px solid #e2aaa6;margin-top:10px;padding-top:10px;color:#8e2b25}@media(max-width:760px){.non-negotiable-field{margin-top:25px}.client-non-negotiable{padding:12px}.client-non-negotiable h4{line-height:1.5}}