@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{--paper:#f6fbfe;--ink:#183746;--gold:#347e9d;--line:#c8e0ec;--muted:#536d7a;--serif:'Noto Serif JP','Yu Mincho',serif;--sans:'Noto Sans JP',sans-serif}*{box-sizing:border-box}body{margin:0;background:#e9f3f8;color:var(--ink);font:16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:3px solid #236d90;outline-offset:4px}h1:focus{outline:none}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500}h1{font-size:27px;line-height:1.65;letter-spacing:.035em}h2{font-size:21px;line-height:1.7}em{font-style:normal}.site-shell{max-width:460px;margin:auto;min-height:100svh;background:var(--paper);box-shadow:0 0 100px #78664814}.site-header{padding:22px 25px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9e0ec88}.site-header>a{text-decoration:none;display:flex;align-items:center;gap:10px}.logo{font-family:Georgia,serif;font-size:33px;line-height:1;letter-spacing:-1.6px}.logo-dot{color:var(--gold)}.location{font-size:11px;letter-spacing:.04em}.header-label{font-family:var(--serif);font-size:11px;writing-mode:horizontal-tb;letter-spacing:.08em}.body{padding:25px 24px 18px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#367c9a}.intro-top{position:relative}.intro-top:after{content:'';width:72px;height:72px;border:1px solid #b6dced88;border-radius:50%;position:absolute;right:-1px;top:18px;pointer-events:none}.intro-top h1{position:relative;z-index:1;margin:14px 0 15px;font-size:29px;line-height:1.72;letter-spacing:.02em}.intro-top h1 em{display:block;color:#347e9d;margin-top:2px}.intro-copy{font-size:14px;line-height:1.9;color:var(--muted)}.portrait-strip{position:relative;display:flex;align-items:end;gap:8px;margin:23px -5px 0;height:160px;padding:0 0 21px;border-bottom:1px solid var(--line)}.portrait-strip img{width:calc((100% - 16px)/3);height:128px;object-fit:cover;border-radius:60px 60px 8px 8px;mix-blend-mode:multiply}.portrait-strip img:nth-child(2){height:151px}.portrait-strip>span{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);background:var(--paper);padding:0 12px;color:var(--gold);font:10px Georgia,serif;letter-spacing:.17em;white-space:nowrap}.start-bottom{padding-top:21px}.features{display:flex;justify-content:center;margin:0 0 16px;gap:0}.features span{font-size:12px;line-height:1.4;padding:0 15px;border-right:1px solid var(--line)}.features span:last-child{border:0}.features b{font:17px Georgia,serif}.primary{width:100%;min-height:60px;background:linear-gradient(115deg,#4b94b2,#205b7c);border:1px solid #347e9d;border-radius:5px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;text-decoration:none;font-size:16px;letter-spacing:.035em;font-weight:500;box-shadow:0 5px 12px #2a759220;transition:background .2s,transform .2s,opacity .2s}.primary span{font-size:23px;font-weight:400;line-height:1}.primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{background:#e3eef4;color:#6c8592;border-color:#d3e2ea;box-shadow:none;cursor:default}.hint{font-size:14px;color:var(--muted);line-height:1.8}.concerns{text-align:center;font-size:11px;letter-spacing:.02em;margin-top:10px}.privacy{font-size:11px;line-height:1.8;color:var(--muted);text-align:center;margin-top:17px}.salon-note{margin:39px -24px -18px;padding:30px 24px;background:#e9f5fb;display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:start;border-top:1px solid #d1e5ef}.salon-note>img{width:110px;height:165px;object-fit:cover;object-position:65%;border-radius:60px 60px 3px 3px}.salon-note .eyebrow{font-size:9px}.salon-note h2{font-size:19px;margin:7px 0 12px}.salon-note p{font-size:11px;line-height:1.9}.salon-note a{font-size:11px;display:inline-block;margin-top:10px;text-underline-offset:4px}.site-footer{text-align:center;padding:28px 18px;color:var(--muted);border-top:1px solid #c5dfed66}.site-footer>span{font:10px Georgia,serif;letter-spacing:.16em;color:#42778f}.site-footer p{font-size:10px;line-height:1.9;margin-top:12px}.steps{display:flex;gap:5px;margin:2px 0 19px}.steps i{height:3px;background:#d9eaf3;flex:1}.steps .done{background:#4d97b6}.step-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;color:var(--gold);font:10px Georgia,serif;letter-spacing:.13em}.step-label b{font-size:21px;font-weight:400;margin-left:6px}.step-label>span{font-size:12px;letter-spacing:.1em}.step-label+h1{font-size:25px;line-height:1.65;margin-bottom:12px}.choice-grid{margin:23px 0 24px;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.choice-grid legend{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.count-3 .option:last-child,.count-5 .option:last-child{grid-column:1/-1;width:calc((100% - 11px)/2);justify-self:center}.option{position:relative;display:block;cursor:pointer;min-width:0}.option input{position:absolute;opacity:0;width:1px;height:1px}.option>span{height:100%;min-height:142px;border:1px solid #d0e4ef;background:#ffffff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 9px 13px;position:relative;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.option:hover>span{border-color:#77b9d3}.option input:checked+span{border-color:#337f9f;background:#eaf6fc;box-shadow:inset 0 0 0 1px #337f9f}.option b{font-size:15px;font-weight:500;line-height:1.65;text-align:center;overflow-wrap:anywhere}.choice-portrait{width:86px;height:86px;border-radius:50%;object-fit:cover;mix-blend-mode:multiply}.select-mark{position:absolute;right:9px;top:9px;border:1px solid #bed8e6;border-radius:50%;width:15px;height:15px;background:#ffffff}.option input:checked+span .select-mark{background:#337f9f;border-color:#337f9f}.option input:checked+span .select-mark:after{content:'';position:absolute;left:4px;top:2px;width:4px;height:7px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.choice-art{width:70px;height:70px;color:#567a8c}.choice-art .accent{color:#3e8fac;stroke:#3e8fac}.question-2 .option>span{min-height:148px}.question-3 .option>span{min-height:162px}.question-4 .option>span{min-height:182px}.question-4 .option b{font-size:14px;line-height:1.75;text-align:left}.question-4 .choice-art{width:64px;height:64px}.back{display:block;border:0;background:transparent;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:5px;margin:9px auto 0;min-height:44px;padding:8px 15px}.result-head{text-align:center}.result-portrait{display:block;width:155px;height:155px;border-radius:50%;margin:23px auto 18px;mix-blend-mode:multiply;border:1px solid #c8e0ec}.result-tag{font-size:12px;color:#347e9d;display:inline-block;border-block:1px solid var(--line);padding:7px 12px;margin-bottom:18px}.result-head h1{font-size:25px;text-align:left;line-height:1.8}.result-copy{padding-top:20px;font-size:15px}.care-card{margin:24px 0;padding:23px 20px;border:1px solid var(--line);background:#ffffff;border-radius:5px}.care-card .eyebrow{font-size:10px}.care-card h2{font-size:21px;margin:9px 0}.care-card p{font-size:13px;color:var(--muted)}.screen{animation:enter .32s ease-out}@keyframes enter{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.review-header{background:#e3f2fa;padding:10px 15px;font-size:12px}.review-header strong,.review-header span{display:block}.review-header[hidden]{display:none}.frame-host{background:white}.linked-frame-nav{display:flex;justify-content:space-between;gap:10px;padding:0 14px;border-block:1px solid var(--line);font-size:12px;background:var(--paper)}.linked-frame-nav a{display:flex;align-items:center;min-height:44px}.loading-frame{padding:40px 20px}.integrated-dialog{max-width:min(90vw,400px);padding:26px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.integrated-dialog::backdrop{background:#163645cc}.integrated-dialog h2{font-size:21px;margin-bottom:16px}.integrated-dialog p{font-size:14px}.integrated-dialog button{min-height:48px;width:100%;margin-top:22px;border:1px solid var(--gold);background:#347e9d;color:white;border-radius:4px}.text-link{display:block;margin-top:15px}@media(min-width:800px){body{background:radial-gradient(ellipse at 10% 10%,#fbfdff,transparent 60%),#e5f1f8}.site-shell{margin:32px auto;border:1px solid #c8e0ec;border-radius:10px;overflow:hidden;min-height:calc(100svh - 64px)}}@media(max-width:375px){.site-header{padding-inline:21px}.header-label{font-size:10px}.body{padding-inline:20px}.salon-note{margin-inline:-20px;padding-inline:20px}.intro-top h1{font-size:27px}.portrait-strip{height:149px}.portrait-strip img{height:118px}.portrait-strip img:nth-child(2){height:140px}.features span{padding-inline:12px}.primary{padding-inline:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readability refinements after the design review. */
.primary{background:linear-gradient(115deg,#317d9b,#17465f)}.privacy{font-size:13px;line-height:1.85}.site-footer p{font-size:12px;line-height:1.9}.question-1 .option>span{min-height:134px}.choice-grid.question-1{margin-top:19px;gap:10px}.question-1 .choice-portrait{width:80px;height:80px}

/* Approved blue-white art direction and integrated image hero. */
:root{--paper:#f6fbfe;--ink:#183746;--gold:#347e9d;--line:#c8e0ec;--muted:#536d7a}
.site-shell{max-width:430px;box-shadow:0 0 100px #427a9714}.site-header{background:#fff}.is-start .site-header{display:none}.is-start .body{padding:0}.hero-section{background:#fff}.hero-art{display:block;width:100%;height:auto}.hero-cta{display:block;width:100%;border:0;background:white;padding:0;margin:0;line-height:0;transition:filter .2s,transform .2s}.hero-cta img{display:block;width:100%;height:auto}.hero-cta:hover{filter:brightness(1.04)}.hero-cta:active{transform:translateY(2px)}.hero-cta:focus-visible{outline:3px solid #163e57;outline-offset:-7px}.entry-context{text-align:center;padding:8px 24px 26px;background:linear-gradient(#fff,#f6fbfe)}.entry-context>p:first-child{font-size:16px;line-height:1.9}.concerns{font-size:14px;line-height:1.9;margin-top:17px}.entry-context .privacy{margin-top:20px;font-size:13px}.is-start .salon-note{margin:0;padding:32px 24px;grid-template-columns:105px 1fr;gap:19px}.salon-note .eyebrow{font-size:12px}.salon-note h2{font-size:21px}.salon-note p,.salon-note a{font-size:14px}.salon-note>img{width:105px;height:180px}.choice-portrait,.question-1 .choice-portrait{width:100px;height:100px;object-fit:contain;border-radius:8px;mix-blend-mode:normal}.question-1 .option>span{min-height:151px;padding:9px 8px 12px}.option b{font-size:16px}.question-2 .option>span{min-height:154px}.question-4 .option b{font-size:16px}.question-4 .option>span{min-height:194px}.result-portrait{width:170px;height:170px;object-fit:contain;border-radius:20px;mix-blend-mode:normal;border:0;background:white}.choice-art path[fill],.choice-art circle[fill],.choice-art rect[fill],.choice-art ellipse[fill]{fill:#e9f4fa}.choice-art .accent{stroke:#3e8fac}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.step-label{color:#347e9d}.primary{background:linear-gradient(115deg,#317d9b,#17465f)}.primary:disabled{background:#e3eef4}.site-footer p{font-size:12px}.privacy{font-size:13px}
@media(max-width:375px){.question-1 .choice-portrait{width:95px;height:95px}.question-1 .option>span{min-height:146px}.is-start .salon-note{padding-inline:20px;gap:15px}.salon-note p,.salon-note a{font-size:13px}}
.choice-paint{display:block;width:82px;height:82px;background-image:url('assets/watercolor-icons.jpg');background-size:400% 200%;background-repeat:no-repeat;flex:none}.paint-0{background-position:0 0}.paint-1{background-position:33.333333% 0}.paint-2{background-position:66.666667% 0}.paint-3{background-position:100% 0}.paint-4{background-position:0 100%}.paint-5{background-position:33.333333% 100%}.paint-6{background-position:66.666667% 100%}.paint-7{background-position:100% 100%}.choice-grid.question-2 .choice-portrait{width:82px;height:82px}.question-1 .option>span{min-height:140px;padding-block:6px 10px}.question-1 .choice-portrait{width:90px;height:90px}.question-1{margin-bottom:18px!important}
/* Each Q2 answer has its own concern-specific composition. */
.detail-art{display:block;width:100px;height:100px;flex:none;background-size:200% 200%;background-repeat:no-repeat}.detail-pores{background-image:url('assets/detail-pores.jpg')}.detail-acne{background-image:url('assets/detail-acne.jpg')}.detail-face{background-image:url('assets/detail-face.jpg')}.detail-sagging{background-image:url('assets/detail-sagging.jpg')}.detail-spots{background-image:url('assets/detail-spots.jpg')}.detail-slot-0{background-position:0 0}.detail-slot-1{background-position:100% 0}.detail-slot-2{background-position:0 100%}.detail-slot-3{background-position:100% 100%}.question-2 .option>span{min-height:170px}.result-heading-rule{display:block;width:40px;height:1px;background:#77b9d3;margin:24px auto}.result-head>.eyebrow{margin-bottom:20px}

.is-production-lp .site-header,.is-production-lp .site-footer{display:none}.is-production-lp .linked-frame-nav{background:#f6fbfe;border-color:#c8e0ec;color:#536d7a}
/* Actual photographed still-life, matching the revised editorial LPs. Quiz artwork is unchanged. */
.entry-real{background:#fff;color:#213e50}.entry-real>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 25px 16px}.entry-brand{font:italic 34px/1 Georgia,serif;letter-spacing:-.05em}.entry-brand>span{display:block;font:16px/1.8 var(--sans);letter-spacing:.06em;margin-top:7px}.entry-real>header>span:last-child{font:16px/1.8 var(--serif);color:#4b7187}.entry-cover{position:relative;padding:18px 25px 0;overflow:hidden}.entry-cover>p{position:relative;z-index:1;font-size:16px;color:#4b7187;line-height:1.8}.entry-cover h1{position:relative;z-index:1;font:500 31px/1.7 var(--serif);letter-spacing:.02em;margin:12px 0 9px}.entry-cover h1 em{color:#4c829d}.entry-cover .entry-service{font:17px/1.8 var(--serif)}.entry-cover img{display:block;width:calc(100% + 50px);max-width:none;height:215px;object-fit:cover;object-position:30% 100%;margin:18px -25px 0}.entry-cover-label{position:absolute;left:25px;bottom:0;background:#fff;padding:7px 14px;font:16px/1.8 var(--serif)}.entry-first-step{padding:16px 25px 22px}.entry-facts{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:16px;line-height:1.8;margin:0 0 21px}.entry-facts>span+span{border-left:1px solid #b8d0dc}.entry-cta{width:100%;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;background:#3f728c;color:#fff;border:0;border-radius:3px 3px 18px 3px;font:500 19px/1.8 var(--serif);box-shadow:0 2px 0 #315b71;text-align:left}.entry-cta>span{font:28px Georgia,serif}.entry-first-step>p{text-align:center;font-size:16px;line-height:1.9;color:#577587;margin-top:20px}.entry-context .concerns,.entry-context .privacy{font-size:16px;line-height:1.9}.entry-credit{text-align:center;font-size:16px;padding:22px;background:#e8f2f7}.entry-credit a{text-underline-offset:5px}.is-start .salon-note .eyebrow,.is-start .salon-note p,.is-start .salon-note a{font-size:16px}.is-start .salon-note h2{font-size:23px}.is-start .salon-note{grid-template-columns:95px 1fr;gap:20px}.is-start .salon-note>img{width:95px;height:180px;border-radius:2px}@media(max-width:375px){.entry-cover h1{font-size:29px}.entry-real>header{padding-inline:22px}.entry-cover{padding-inline:22px}.entry-first-step{padding-inline:22px}.entry-cover img{height:195px;margin-inline:-22px;width:calc(100% + 44px)}.entry-cta{font-size:18px}.entry-first-step>p{margin-top:17px}}

.entry-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.entry-cover-v5{display:block;width:100%;height:auto}.entry-action-v5{padding:12px 24px 22px;background:white}.entry-action-v5 button{padding:0;border:0;background:transparent;display:block;width:100%;cursor:pointer}.entry-action-v5 img{width:100%;display:block;height:auto}.entry-action-v5 p{font-size:16px;text-align:center;line-height:1.8;margin-top:12px}.is-start .entry-v5+.privacy{font-size:16px;line-height:1.9;padding:20px}.entry-v5{background:white}

#next[hidden]{display:none!important}

.question-4 .option-final{padding:0;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;text-align:inherit;width:100%}.is-start .screen{animation:none!important;opacity:1!important;transform:none!important}

/* Clip the centered shell without creating a nested scrolling ancestor.
   Sticky LP scenes must follow the document viewport at desktop widths too. */
.is-production-lp .site-shell{overflow:clip}