.beauty-page{background:#e8edf1;color:#243b36}.beauty-page .header{border-color:#dadfd4}.beauty-page nav [aria-current]{color:#637c50;border-bottom:1px solid #637c50;padding-bottom:5px}.beauty-page main{max-width:1440px}.beauty-hero{display:grid;grid-template-columns:1fr 1fr;gap:54px;padding:64px 64px 72px;align-items:center}.hero-copy .eyebrow{color:#687c5f;font-size:11px}.beauty-page h1{font-size:clamp(38px,4.2vw,62px);letter-spacing:-2.5px;line-height:1.16;margin:25px 0}.beauty-page em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#78896c}.hero-lead{font-size:16px;line-height:1.85;max-width:440px;color:#6c776c}.beauty-button{display:inline-flex;gap:24px;align-items:center;background:#2d493d;color:#fff;padding:18px 24px;border-radius:5px;margin:20px 0;font-size:14px}.beauty-button:hover{background:#45654c}.beauty-button>span:last-child{font-size:23px}.hero-caption{display:block;font-size:11px;line-height:1.6;max-width:310px;color:#738170}.hero-photo{margin:0;position:relative;height:510px;background:#d7e0e7;border-radius:160px 8px 8px 8px;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:53% center}.photo-label{position:absolute;bottom:55px;left:24px;right:24px;border:1px solid #fff9;background:#e8edf1e6;backdrop-filter:blur(10px);padding:16px;display:flex;gap:14px;align-items:center;font-size:13px}.small-cross{font:32px Georgia;color:#6d8061}.hero-photo figcaption{position:absolute;bottom:19px;left:26px;background:#fff9;padding:4px 8px;font-size:10px}.beauty-ribbon{display:flex;justify-content:space-evenly;align-items:center;gap:16px;border-block:1px solid #d6ddcf;margin:0 64px;padding:23px 0;font-size:10px;letter-spacing:2px;color:#63775d}.beauty-ribbon span:nth-child(even){font-size:20px;color:#8a9b79}.beauty-report{padding:78px 64px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:30px}.beauty-page h2{font-size:clamp(30px,3.1vw,44px);line-height:1.2;letter-spacing:-1.7px;font-weight:500;margin:16px 0}.section-heading>p{max-width:280px;font-size:14px;line-height:1.8;color:#72806f}.demo-notice{display:flex;gap:14px;align-items:center;background:#dce5eb;padding:17px 20px;border-radius:6px;margin-bottom:24px}.demo-pill{font-size:10px;font-weight:800;letter-spacing:1px;border:1px solid #9aa889;border-radius:4px;padding:6px 9px}.demo-notice p{font-size:12px;line-height:1.75;margin:0;color:#5f6f59}.report-layout{display:grid;grid-template-columns:250px 1fr;background:#f8fafc;border:1px solid #dce1d4;border-radius:12px;overflow:hidden}.zone-panel{padding:26px 20px;border-right:1px solid #e1e4d9;background:#e1e8ee}.zone-panel>.eyebrow{font-size:9px;margin-bottom:24px}.zone-tabs{display:grid;gap:6px}.zone-tabs button{display:flex;gap:12px;align-items:center;width:100%;background:transparent;border:0;border-radius:5px;padding:15px 12px;color:#6a7963;font:inherit;text-align:left;cursor:pointer}.zone-tabs button>span{font-size:10px}.zone-tabs b{font-size:13px;font-weight:600}.zone-tabs i{margin-left:auto;font-style:normal}.zone-tabs [aria-pressed=true]{background:#304b3d;color:#fff}.face-map{width:160px;margin:23px auto 0;color:#97a68b}.face-map svg{width:100%;display:block}.face-map [data-highlight]{fill:#92ad6f;opacity:0;transition:opacity .3s}.face-map [data-highlight].selected{opacity:.35}.map-caption{font-size:9px;text-align:center;line-height:1.5;color:#7f8e73}.report-body{padding:32px}.report-top{display:flex;align-items:start;justify-content:space-between;gap:16px}.report-top h3{margin:4px 0 20px;font-size:25px;font-weight:500}.report-top .eyebrow{font-size:9px;color:#75876d;margin:0 0 8px}.report-sample{font-size:10px;color:#7a826f;padding:6px 8px;background:#e1e8ee;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric{border:1px solid #e3e6da;border-radius:7px;padding:20px}.metric-label{font-size:12px;line-height:1.5;margin:0;color:#66745e;min-height:36px}.metric-value{font-size:42px;letter-spacing:-2px;font-weight:500;line-height:1.3;margin:13px 0 3px;color:#526e3c}.metric-value.unchanged{color:#8c8064}.metric-caption{font-size:11px;color:#7d8973;margin:0 0 20px}.metric-bar{display:grid;grid-template-columns:50px 1fr 28px;gap:8px;align-items:center;font-size:10px;margin-top:10px;color:#78806f}.metric-bar .track{height:5px;background:#dce5eb;border-radius:10px;overflow:hidden}.metric-bar .fill{height:100%;background:#b9c2a5;border-radius:10px}.metric-bar.after .fill{background:#71895a}.report-reading{padding:20px 0 8px;color:#68755f;font-size:13px;line-height:1.8}.report-reading strong{display:block;color:#304333;margin-bottom:5px;font-weight:600}.report-formula{border-top:1px solid #e2e5d9;font-size:11px;line-height:1.8;color:#7a8472;padding-top:16px}.report-formula summary{font-size:12px;padding:0;color:#586c4f;display:list-item;list-style:disclosure-closed;margin-left:15px}.report-formula[open] summary{list-style:disclosure-open}.beauty-process{background:#dce5eb;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:0 64px;border-radius:10px}.beauty-process .eyebrow{font-size:10px}.beauty-process>div>p:last-child{font-size:14px;line-height:1.8;color:#69755f;max-width:350px}.beauty-process ol{list-style:none;margin:0;padding:0}.beauty-process li{display:flex;gap:22px;border-bottom:1px solid #cbd3c0;padding:20px 0}.beauty-process li:first-child{padding-top:0}.beauty-process li:last-child{border:0;padding-bottom:0}.beauty-process li>span{font:italic 23px Georgia;color:#7b8e68}.beauty-process h3{font-size:16px;font-weight:500;margin:0 0 9px}.beauty-process li p{margin:0;color:#6b775f;font-size:12px;line-height:1.8}.beauty-closing{text-align:center;padding:68px 24px}.closing-star{font-size:35px;color:#8b9d76}.beauty-closing>p{font-size:12px;line-height:1.9;max-width:510px;color:#76816e;margin:20px auto 28px}.beauty-closing .text-link{font-size:12px;border-color:#adb99f}.beauty-page footer{border-color:#d8ddcf;font-size:12px}.beauty-page button:focus-visible,.beauty-page a:focus-visible{outline:3px solid #819c62;outline-offset:4px}
@media(max-width:950px){.beauty-hero{padding:44px 30px;gap:25px}.hero-photo{height:440px}.beauty-ribbon{margin:0 30px}.beauty-report{padding:55px 30px}.report-layout{grid-template-columns:205px 1fr}.report-body{padding:22px}.metric{padding:15px}.beauty-process{margin:0 30px;padding:35px;gap:35px}.beauty-page h1{letter-spacing:-1.6px}.metric-value{font-size:36px}}
@media(max-width:650px){.beauty-hero{grid-template-columns:1fr;padding:34px 20px;gap:28px}.beauty-page h1{font-size:42px}.hero-lead{font-size:15px}.hero-photo{height:380px;border-top-left-radius:130px}.beauty-ribbon{margin:0 20px;font-size:8px;letter-spacing:.8px;gap:10px;padding:18px 0}.beauty-ribbon span:nth-child(even){font-size:14px}.beauty-report{padding:44px 20px}.section-heading{display:block}.section-heading>p{max-width:none}.demo-notice{align-items:start;padding:14px;gap:10px}.demo-notice p{font-size:11px}.report-layout{display:block}.zone-panel{border:0;border-bottom:1px solid #e0e5d6;padding:16px}.zone-panel>.eyebrow{margin:0 0 12px}.zone-tabs{grid-template-columns:repeat(3,1fr);gap:3px}.zone-tabs button{justify-content:center;padding:13px 3px}.zone-tabs b{font-size:11px}.zone-tabs i,.zone-tabs button>span,.face-map,.map-caption{display:none}.report-body{padding:20px 15px}.report-top h3{font-size:23px}.metric-grid{gap:9px}.metric{padding:14px 10px}.metric-label{font-size:11px}.metric-value{font-size:35px}.metric-bar{grid-template-columns:35px 1fr 20px;gap:4px}.beauty-process{margin:0 20px;padding:26px 22px;grid-template-columns:1fr;gap:22px}.beauty-closing{padding:48px 22px}.beauty-page h2{letter-spacing:-1.1px}.beauty-page footer{font-size:10px}.beauty-button{font-size:13px}}

.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.photo-slot{min-width:0;background:#f8fafc;padding:20px;border:1px solid #dce1d4;border-radius:12px}.photo-slot h3{font-size:20px;font-weight:500;margin:0 0 16px}.photo-preview{height:360px;background:#e1e8ee;border-radius:8px;display:grid;place-items:center;overflow:hidden}.photo-preview img{width:100%;height:100%;object-fit:contain;display:block}.photo-empty{text-align:center;color:#78896c;font-size:14px;line-height:1.8}.photo-empty>span{font-size:45px}.photo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.photo-actions button{font:600 12px Manrope,Arial,sans-serif;border:1px solid #bcc7b2;background:#e1e8ee;padding:12px 14px;border-radius:5px;color:#304b3d;cursor:pointer}.photo-actions button:first-child{background:#304b3d;color:white;border-color:#304b3d}.photo-status{font-size:12px;line-height:1.6;color:#77523a;min-height:20px;margin-bottom:0}.upload-privacy,.upload-hint{color:#677960;font-size:12px;line-height:1.8}.upload-privacy{margin:0 0 24px;max-width:750px}.upload-hint{margin:20px 0}.photo-comparison-note{background:#dce5eb;border-radius:8px;padding:20px;font-size:13px;line-height:1.8;color:#405638}#beauty-upload{padding-bottom:0;scroll-margin-top:20px}@media(max-width:650px){.photo-pair{gap:12px}.photo-slot{padding:12px}.photo-slot h3{font-size:15px}.photo-preview{height:210px}.photo-empty{font-size:11px}.photo-actions button{width:100%;padding:12px 5px;font-size:10px}.photo-status{font-size:10px}.photo-comparison-note{font-size:12px}}

#report-overview{margin:0 0 28px}.result-intro{padding:28px;background:#304b3d;color:#fffefa;border-radius:12px 12px 0 0}.result-intro .eyebrow{color:#d5e4bf;font-size:10px}.result-intro h3{font-size:clamp(23px,2.6vw,34px);font-weight:500;line-height:1.3;max-width:850px;margin:14px 0}.result-intro p:last-child{line-height:1.8;font-size:14px;max-width:800px;color:#e0e9d9}.result-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce1d4;border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:#f8fafc}.result-grid article{padding:24px;border-bottom:1px solid #e3e6da}.result-grid h4{margin:0 0 10px;font-size:15px}.result-grid p,.zone-conclusion{font-size:14px;line-height:1.8;color:#566a51;margin:0}.zone-conclusion{font-size:18px;margin-bottom:24px}.measurement-details{border-top:1px solid #dce1d4}.measurement-details>summary{font-size:13px;color:#304b3d;gap:16px}.measurement-details>summary:after{content:"+"}.measurement-details[open]>summary:after{content:"−"}@media(max-width:650px){.result-intro{padding:22px}.result-grid{grid-template-columns:1fr}.result-grid article{padding:20px}.zone-conclusion{font-size:16px}}

.improvement-scales{display:grid;gap:24px;margin:0 0 30px}.improvement-scale{padding:20px;background:#e1e8ee;border:1px solid #c4d3b5;border-radius:10px}.improvement-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.improvement-heading p{margin:0 0 5px;font-size:15px;font-weight:700}.improvement-heading span{font-size:11px;color:#586d4e}.improvement-heading strong{font-size:42px;line-height:1;color:#304f27;letter-spacing:-1px;white-space:nowrap}.improvement-track{height:22px;background:#d3dec8;border:1px solid #aabb9c;border-radius:7px;overflow:hidden}.improvement-track>span{display:block;height:100%;background:#436b32;border-radius:5px}.improvement-track.unavailable{background:repeating-linear-gradient(135deg,#e2e6dc,#e2e6dc 8px,#d4dccd 8px,#d4dccd 16px)}.improvement-ticks{display:flex;justify-content:space-between;color:#607155;font-size:10px;margin-top:7px}.improvement-note{font-size:12px;color:#65715a;margin:10px 0 0;line-height:1.5}@media(max-width:650px){.improvement-scale{padding:15px}.improvement-heading strong{font-size:36px}.improvement-heading p{font-size:13px}.improvement-track{height:24px}}

.beauty-demo{margin:0 64px 36px;border:1px solid #ccd5c4;border-radius:10px;padding:0 20px}.beauty-demo>summary{color:#536948}.beauty-demo .beauty-report{padding:20px 0}.analysis-explainer,.analysis-confirm,.analysis-limits p{font-size:14px;line-height:1.8}.analysis-confirm{display:flex;align-items:flex-start;gap:12px;margin:24px 0}.analysis-confirm input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:#436b32}.analysis-controls{display:flex;gap:12px}.analysis-controls button{border:0;background:#304b3d;color:white;border-radius:8px;padding:17px 24px;font:600 15px Manrope,Arial,sans-serif;cursor:pointer}.analysis-controls button:disabled{opacity:.45;cursor:default}.analysis-controls [data-cancel]{background:#d7e0e7;color:#304b3d}.analysis-status{font-size:14px;line-height:1.7;color:#725133;min-height:24px}.live-result{margin-top:32px}.analysis-maps{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.analysis-maps figure{margin:0}.analysis-maps canvas{width:100%;height:auto;display:block;border-radius:10px;background:#dce1d4}.analysis-maps figcaption{font-size:12px;line-height:1.6;padding-top:8px}.analysis-zone{margin-top:28px;padding-top:10px;border-top:1px solid #cbd5c0}.analysis-zone h3{font-size:23px;font-weight:500}.live-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px}.analysis-zone details p{font-size:13px;line-height:1.8}.analysis-zone details{border-color:#cbd5c0}.analysis-zone summary{font-size:13px}.analysis-limits{background:#e1e8ee;padding:24px;margin-top:24px;border-radius:10px}.analysis-limits h3{margin-top:0}.analysis-controls button:focus-visible{outline:3px solid #94ac72;outline-offset:3px}@media(max-width:650px){.beauty-demo{margin:0 20px 24px;padding:0 12px}.analysis-maps{gap:10px}.live-metrics{grid-template-columns:1fr;gap:12px}.analysis-controls button{padding:15px;font-size:13px}}

#beauty-age{padding-top:20px}.age-source{display:inline-block;text-decoration:underline;font-size:13px;margin-bottom:20px}.age-input{display:block;font-size:14px;line-height:1.8}.age-input input{display:block;width:130px;padding:12px;border:1px solid #9ba98f;border-radius:8px;font:inherit;margin-top:8px;background:white}.age-result{margin-top:28px;border:1px solid #cbd5c0;border-radius:12px;padding:24px;background:#f8fafc}.age-values{display:flex;gap:25px;flex-wrap:wrap;margin:24px 0}.age-values>div{flex:1;min-width:120px}.age-values span{display:block;font-size:12px;line-height:1.6}.age-values strong{font-size:42px;font-weight:500;display:block;margin:12px 0}.age-caution{font-size:14px;line-height:1.8;margin:24px 0 0}.age-result .improvement-scale p{font-size:13px;line-height:1.8}.age-result details{border-color:#cbd5c0}

.digital-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.digital-visual{position:sticky;top:30px;min-width:0}.digital-picture{position:relative;overflow:hidden;border-radius:160px 160px 16px 16px;background:#d7e0e7;aspect-ratio:1/1.18}
.digital-picture img,.digital-picture canvas{display:block;width:100%;height:100%;object-fit:cover}.digital-picture img{object-position:center}.digital-badge{position:absolute;bottom:24px;left:24px;background:#e8edf1ee;color:#263c30;padding:9px 14px;border-radius:20px;font:12px monospace;letter-spacing:.12em}
.digital-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.12;margin:14px 0 22px}.digital-copy h2 em{font-weight:400;color:#687760}.digital-lead{font-size:18px;line-height:1.65}.digital-caption{font-size:14px!important;line-height:1.6;color:#636c62;margin:16px 0}
.digital-steps{list-style:none;padding:0;margin:30px 0}.digital-steps li{display:flex;gap:20px;border-top:1px solid #d7ddcf;padding:22px 0}.digital-steps li>span{font:14px monospace;color:#657956;padding-top:5px}.digital-steps h3{font-size:20px;margin:0 0 8px}.digital-steps p,.digital-privacy p,.digital-storage>p{font-size:16px;line-height:1.65;margin:0}.digital-privacy{background:#dce5eb;border:1px solid #d3dcc7;border-radius:16px;padding:24px}.digital-privacy strong{display:block;font-size:20px;margin-bottom:10px}
.digital-map-button{background:#2b4537;color:#fff;border:0;border-radius:24px;padding:14px 22px;font:inherit;cursor:pointer}.digital-map-button:disabled{opacity:.6}.digital-storage{border-top:1px solid #d7ddcf}.digital-storage>p{margin:16px 0}.digital-saved-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.digital-saved-summary>div{background:#dce5eb;padding:22px;border-radius:14px}.digital-saved-summary span{display:block;font-size:14px;margin-bottom:8px}.digital-saved-summary strong{font-size:24px}.digital-storage details{padding:20px;border:1px solid #d7ddcf;border-radius:14px}.digital-storage summary{cursor:pointer;font-size:16px}.digital-storage details p{font-size:16px;line-height:1.6}.digital-storage .analysis-controls{flex-wrap:wrap}
@media(max-width:760px){.digital-story{grid-template-columns:1fr}.digital-visual{position:static}.digital-picture{max-height:560px;aspect-ratio:1/1.1;border-radius:110px 110px 16px 16px}.digital-saved-summary{grid-template-columns:1fr}.digital-copy h2{font-size:38px}}

.procedure-journal{border-top:1px solid #d7ddcf}.procedure-journal>p{font-size:16px;line-height:1.65}.procedure-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0}.procedure-form label,.procedure-filters label{display:flex;flex-direction:column;gap:8px;font-size:16px}.procedure-journal input,.procedure-journal select,.procedure-journal textarea{font:inherit;min-width:0;padding:13px;border:1px solid #bccab6;border-radius:8px;background:#f8fafc;color:#243a2c}.procedure-comment{grid-column:1/-1}.procedure-journal button{cursor:pointer;font:inherit;padding:12px 16px;border-radius:8px;border:1px solid #bccab6;background:#dce5eb;color:#243a2c}.procedure-journal button:disabled{opacity:.5;cursor:default}.procedure-filters{display:flex;flex-wrap:wrap;gap:20px;align-items:end}.procedure-chart{width:100%;max-height:350px;background:#e1e8ee;margin:20px 0;border-radius:16px;padding:16px;box-sizing:border-box}.procedure-chart text{font-size:24px;fill:#45563e}.procedure-table-wrap{overflow:auto}.procedure-journal table{width:100%;border-collapse:collapse;font-size:15px}.procedure-journal caption{text-align:left;margin:20px 0;font-size:18px}.procedure-journal th,.procedure-journal td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid #d7ddcf;min-width:120px}.procedure-journal td p{white-space:pre-wrap;overflow-wrap:anywhere;max-width:420px}.procedure-journal td button{margin-bottom:8px}@media(max-width:600px){.procedure-form{grid-template-columns:1fr}.procedure-filters{display:grid;grid-template-columns:1fr}.procedure-chart{padding:8px}}

.beauty-retake{margin-top:28px;padding:24px;border:1px solid #bccbd6;border-radius:14px;background:#dce5eb}.beauty-retake h3{margin:0 0 12px;font-size:22px}.beauty-retake p{font-size:16px;line-height:1.6}.beauty-retake .photo-actions{flex-wrap:wrap}.beauty-retake button:focus-visible{outline:3px solid #243b36;outline-offset:3px}

.beauty-video{box-sizing:border-box;width:min(640px,94vw);max-height:92dvh;overflow:auto;border:1px solid #becdce;border-radius:24px;padding:28px;background:#e8edf1;color:#102033;box-shadow:0 30px 100px #10203355}
.beauty-video::backdrop{background:#102033bb;backdrop-filter:blur(8px)}
.beauty-video h2{font-size:30px;margin:8px 0}.beauty-video p{line-height:1.6}.beauty-video .video-close{float:right;border:0;background:transparent;font-size:30px;cursor:pointer}
.video-stage{position:relative;height:280px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at center,#d8ece5,#b7c9cc);perspective:700px}
.video-live{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.video-guide{position:absolute;inset:20px 0;margin:auto;width:180px;height:220px;transition:transform 1s ease;filter:drop-shadow(0 2px 8px #173e36);pointer-events:none}
.video-guide svg{height:100%;width:100%;fill:#e8fff522;stroke:#fff;stroke-width:2;stroke-linecap:round}
.video-guide[data-pose=left]{transform:rotateY(-40deg) translateX(-18px)}.video-guide[data-pose=right]{transform:rotateY(40deg) translateX(18px)}.video-guide[data-pose=up]{transform:rotateX(30deg) translateY(-12px)}.video-guide[data-pose=down]{transform:rotateX(-30deg) translateY(12px)}
.video-direction{position:absolute;bottom:12px;right:20px;color:#fff;font-size:38px;text-shadow:0 2px 8px #102033}.video-instruction{font-weight:700;min-height:26px}.beauty-video progress{width:100%;height:12px;accent-color:#286653}
.video-review{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:16px}.video-review video,.video-review img{width:100%;max-height:260px;object-fit:contain;border-radius:12px;background:#102033}.video-privacy{font-size:13px;color:#425c64}.beauty-video [hidden]{display:none!important}
@media(max-width:520px){.beauty-video{padding:20px}.video-stage{height:250px}.beauty-video .photo-actions button{flex:1 1 45%}}
@media(prefers-reduced-motion:reduce){.video-guide{transition:none}}