:root{--green:#194c4c;--ink:#163c38;--gold:#b48c36;--muted:#546761}*{box-sizing:border-box}body{margin:0;background:#fefefd;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #95b9ae;outline-offset:4px}header{background:linear-gradient(110deg,#123e3f,#1b5050);color:#fff}.nav{max-width:1175px;width:calc(100% - 90px);height:108px;margin:auto;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:28px;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:48px;letter-spacing:-1px;line-height:1.1}.withu-emblem{width:91px;height:92px;object-fit:contain}.brand>span{border-left:1px solid #c7a656;padding-left:28px}.brand strong{font-weight:700}.brand small{display:block;font-family:Arial,sans-serif;font-size:22px;letter-spacing:0;font-weight:400;margin-top:3px}.compensation-banner{display:flex;align-items:center;gap:19px;margin:32px auto 23px;width:calc(100% - 110px);max-width:1320px;font-family:Georgia,serif;font-weight:700;color:var(--gold);font-size:clamp(20px,2.5vw,36px);line-height:1.2;text-align:center;white-space:nowrap}.compensation-banner:before,.compensation-banner:after{content:'';height:2px;background:var(--gold);flex:1;min-width:25px}.quiz-page{padding:0 26px 0;margin:auto;text-align:center}.page-intro h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-1.8px;font-size:clamp(35px,4.65vw,70px);line-height:1.1;font-weight:700;margin:28px auto 24px;color:#163734}.page-intro>p{font-size:clamp(17px,2vw,29px);line-height:1.3;color:#172f2d;margin:0 auto 35px}.form-card{width:min(1000px,100%);margin:0 auto;border:1px solid #969c99;border-radius:12px;padding:25px 40px 24px;background:#fff;text-align:left;box-shadow:0 1px 2px #183d3605}.form-top{display:flex;align-items:center;gap:25px}.form-top>span:first-child{display:none}.form-top:before,.form-top:after{content:'';height:2px;background:var(--gold);flex:1}#progress-text{font-family:Georgia,serif;font-size:clamp(24px,2.8vw,42px);font-weight:700;white-space:nowrap;line-height:1.1}.progress-track{height:18px;margin:24px 0 34px;background:#d0d5d7;border-radius:20px;overflow:hidden}#progress-bar{height:100%;width:14.28%;border-radius:20px;background:linear-gradient(90deg,#135655,#1e5c57);transition:width .35s}.question-kicker{display:none}h3{font-family:Georgia,serif;font-weight:700;font-size:clamp(27px,3.35vw,49px);line-height:1.2;letter-spacing:-.7px;margin:0 0 26px;text-align:center;color:#143c37}.question-hint{font-size:16px;color:var(--muted);line-height:1.6;margin:0 0 20px}#question[data-kind="location"] .question-hint{display:none}.options{display:grid;gap:22px}.option{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--gold);border-radius:17px;min-height:77px;padding:12px 25px;cursor:pointer;font-family:Georgia,serif;font-size:clamp(24px,2.8vw,42px);line-height:1.15;font-weight:700;text-align:center;color:#163d38}.option input{position:absolute;opacity:0;width:1px;height:1px}.option:hover{background:#f5f8f5}.option:has(input:checked){background:#edf4ef;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.option:has(input:focus-visible){outline:3px solid #95b9ae;outline-offset:4px}.form-actions{display:flex;gap:18px;margin-top:28px;align-items:center}.button{display:flex;justify-content:center;align-items:center;gap:23px;background:linear-gradient(110deg,#145452,#174b46);color:#fff;border:0;border-radius:12px;min-height:73px;flex:1;padding:10px 25px;font-family:Georgia,serif;font-weight:700;font-size:clamp(25px,2.8vw,42px);line-height:1.1}.button span{font-family:Arial,sans-serif;font-weight:400}.button:hover{background:#123e38}.back{border:0;background:none;color:var(--muted);font-size:16px;padding:14px 0;cursor:pointer}.back:disabled{display:none}.demo-note{display:none}.trust-row{display:none}.private-notice{display:flex;align-items:center;gap:22px;max-width:1390px;margin:49px auto 23px;font-size:20px;line-height:1.4;color:#173f3a}.private-notice:before,.private-notice:after{content:'';height:2px;background:#bd9c51;flex:1}.help{width:min(1000px,calc(100% - 52px));margin:25px auto}.help details{border-bottom:1px solid #e1e6e2}.help summary{font-size:14px;cursor:pointer;padding:16px 0}.help p{font-size:13px;line-height:1.7;color:var(--muted);max-width:850px}footer{max-width:1175px;width:calc(100% - 70px);margin:35px auto 0;padding:22px 0 100px;border-top:1px solid #e1e6e2}.footer-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#65736c}.footer-top button{font-size:11px;border:0;background:none;color:inherit;cursor:pointer}.footer-divider{padding:0 8px}footer>p{font-size:10px;line-height:1.8;color:#718078}.copyright{font-size:10px;color:#718078}.review-notice{position:fixed;bottom:22px;left:26px;z-index:10;width:300px;background:#15504e;border:2px solid #bd9b4b;box-shadow:0 3px 15px #103e3c16;border-radius:13px;padding:12px 31px 12px 14px;display:flex;gap:13px;color:#fff;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .35s,transform .35s,visibility .35s;pointer-events:none}.review-notice.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.notice-check{font-size:24px;color:#d4b465;border-right:1px solid #c6a653;padding-right:11px;align-self:stretch;display:grid;place-items:center}.review-notice strong{font:700 18px Georgia,serif;line-height:1.2}.review-notice p{font-size:12px;line-height:1.4;margin:4px 0 0;color:#e0ebe5}.review-notice button{position:absolute;right:3px;top:3px;width:27px;height:27px;border:0;background:none;color:#c6d8d1;font-size:23px;cursor:pointer}.field{display:block;font-size:16px;margin-bottom:17px}.field input,.field select{display:block;width:100%;margin-top:7px;border:1px solid #aebbb2;border-radius:7px;background:white;padding:14px;color:#193c35;font-size:18px;min-height:51px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.consent{display:flex;gap:10px;color:var(--muted);font-size:13px;line-height:1.6}.consent input{accent-color:var(--green);width:19px;height:19px;flex-shrink:0}#form-error{font-size:14px;color:#a22f39;line-height:1.5;margin:10px 0 0}.result-icon{font-size:28px;color:var(--green);text-align:center}.result-message{font-size:16px;line-height:1.8;color:var(--muted)}.result-list{display:grid;gap:12px;font-size:14px;color:var(--muted);margin:25px 0}.result-list span{color:var(--green);margin-right:10px}dialog{max-width:520px;width:calc(100% - 35px);border:1px solid #b6bfb8;border-radius:10px;padding:30px;color:var(--ink)}dialog::backdrop{background:#123a3866}dialog h2{font:700 28px Georgia,serif}dialog p{font-size:14px;line-height:1.7;color:var(--muted)}.dialog-close{position:absolute;right:10px;top:10px;background:none;border:0;font-size:25px;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--gold)}
@media(max-width:700px){.nav{width:calc(100% - 36px);height:88px}.brand{gap:13px;font-size:30px;letter-spacing:-.6px}.withu-emblem{width:58px;height:66px}.brand>span{padding-left:13px}.brand small{font-size:12px;margin-top:5px}.compensation-banner{width:calc(100% - 30px);white-space:normal;font-size:18px;gap:10px;margin:23px auto 20px}.compensation-banner:before,.compensation-banner:after{min-width:12px}.quiz-page{padding:0 16px}.page-intro h1{font-size:36px;line-height:1.08;margin:18px 0 19px;letter-spacing:-1px}.page-intro>p{font-size:17px;line-height:1.45;margin-bottom:25px}.desktop-break{display:none}.form-card{padding:23px 18px;border-radius:10px}.form-top{gap:14px}#progress-text{font-size:25px}.progress-track{height:12px;margin:20px 0 26px}h3{font-size:29px;letter-spacing:-.5px;margin-bottom:23px}.option{min-height:66px;border-radius:12px;font-size:26px;padding:13px 12px}.options{gap:17px}.button{font-size:29px;min-height:64px;border-radius:10px}.form-actions{margin-top:23px}.private-notice{font-size:12px;gap:10px;margin:30px -3px 22px}.private-notice span{max-width:230px}.help{width:calc(100% - 40px)}footer{width:calc(100% - 40px);padding-bottom:25px}.footer-top{flex-direction:column;gap:12px}.footer-top button{align-self:flex-start;padding:0}.review-notice{position:relative;left:auto;bottom:auto;width:calc(100% - 32px);max-width:320px;margin:0 16px 22px}.field-grid{grid-template-columns:1fr}.question-hint{font-size:14px}.option:has(input:checked){box-shadow:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.review-notice{transform:none}}

/* Selected split-layout mockup, with compact readable proportions. */
body{background:#faf7f1}.nav{max-width:1120px;height:78px;width:calc(100% - 64px)}.brand{font-size:29px;gap:17px;letter-spacing:-.5px}.withu-emblem{width:56px;height:61px}.brand>span{padding-left:17px}.brand small{font-family:Georgia,serif;font-size:14px;margin-top:5px}.compensation-banner{display:block;width:100%;max-width:1100px;margin:0 auto;padding:8px 25px 25px;color:#fff;font-size:30px;line-height:1.15;font-weight:700;white-space:normal}.compensation-banner strong{color:#d7b868;font-weight:700}.compensation-banner:before{display:none}.compensation-banner:after{display:block;content:'';height:2px;background:#d7b868;width:230px;min-width:0;margin:16px auto 0}.quiz-page{max-width:1140px;padding:30px 25px 28px;display:grid;grid-template-columns:.85fr 1.35fr;gap:36px;align-items:start;text-align:left}.intro-column{min-width:0}.page-intro h1{font-size:35px;line-height:1.12;letter-spacing:-.8px;margin:0 0 17px;max-width:370px}.page-intro>p{font-size:16px;line-height:1.5;margin:0;color:#233f37}.intro-rule{display:block;width:73px;height:3px;background:#b89a54;margin:19px 0}.consultation-photo{display:block;width:100%;height:228px;object-fit:cover;object-position:center;border-radius:2px}.form-card{width:100%;margin:0;padding:27px 29px 30px;min-height:480px;border:1px solid #dfdfd8;border-radius:13px;box-shadow:0 2px 13px #30292012}.form-top:before,.form-top:after{display:none}#progress-text{font-size:24px}.form-top{justify-content:center}.progress-track{height:12px;margin:20px 0 31px}h3{font-size:31px;line-height:1.18;letter-spacing:-.6px;margin-bottom:29px}.question-hint{font-size:14px}.option{font-size:23px;justify-content:flex-start;text-align:left;padding:17px 22px;border-radius:9px;min-height:62px}.options{gap:17px}.button{font-size:27px;min-height:61px;border-radius:11px}.form-actions{margin-top:27px}.back{font-size:14px}.after-quiz{width:100%}.private-notice{background:#164d4f;border-top:2px solid #b99a4a;max-width:none;margin:0;padding:16px 20px;color:white;justify-content:center;font:italic 17px Georgia,serif}.private-notice:before,.private-notice:after{display:none}.help{margin-top:20px}footer{padding-bottom:110px}.review-notice{width:290px}.field-grid{gap:12px}.field{font-size:14px}.field input{font-size:16px}.consent{font-size:12px}
@media(max-width:800px){.quiz-page{gap:24px;grid-template-columns:.8fr 1.2fr;padding-left:22px;padding-right:22px}.page-intro h1{font-size:29px}.page-intro>p{font-size:14px}.form-card{padding:23px 20px}h3{font-size:27px}.option{font-size:21px;padding:16px}.consultation-photo{height:210px}}
@media(max-width:600px){.nav{width:calc(100% - 36px);height:74px}.brand{font-size:26px;gap:12px}.withu-emblem{width:45px;height:53px}.brand>span{padding-left:12px}.brand small{font-size:12px}.compensation-banner{font-size:23px;padding:9px 20px 22px}.compensation-banner:after{margin-top:13px;width:145px}.quiz-page{grid-template-columns:1fr;padding:24px 16px;gap:23px}.page-intro h1{font-size:29px;max-width:none;margin-bottom:12px}.page-intro>p{font-size:14px;line-height:1.55}.intro-rule{margin:16px 0}.consultation-photo{height:180px;object-position:center 43%}.form-card{min-height:0;padding:24px 19px 25px}#progress-text{font-size:23px}.progress-track{margin:19px 0 25px;height:11px}h3{font-size:27px;margin-bottom:24px}.option{min-height:58px;font-size:22px;padding:15px 17px}.options{gap:15px}.button{font-size:26px;min-height:58px}.form-actions{margin-top:23px}.private-notice{font-size:13px;line-height:1.5;padding:14px 20px;text-align:center}.private-notice span{max-width:none}.review-notice{width:calc(100% - 32px)}footer{padding-bottom:25px}}

/* Slogan below the brand header, on white; slightly smaller quiz text. */
.compensation-banner{background:#fff;color:#194c4c;max-width:none;padding:22px 25px 20px;font-size:28px}.compensation-banner strong{color:#a78334}.compensation-banner:after{margin-top:13px}.form-card h3{font-size:28px}.form-card #progress-text{font-size:22px}.form-card .option{font-size:21px}.form-card .button{font-size:24px}.form-card .question-hint{font-size:13px}
@media(max-width:800px){.form-card h3{font-size:25px}.form-card .option{font-size:20px}}
@media(max-width:600px){.compensation-banner{font-size:22px;padding:20px 18px 18px}.form-card h3{font-size:25px}.form-card #progress-text{font-size:21px}.form-card .option{font-size:20px}.form-card .button{font-size:23px}.form-card .question-hint{font-size:13px}}
/* Softer type hierarchy and comfortable controls. */
.brand,.brand strong,.compensation-banner,.compensation-banner strong,.page-intro h1{font-weight:400}.page-intro h1{font-size:33px;line-height:1.18;letter-spacing:-.6px}.page-intro>p{font-size:15px;line-height:1.65}.form-card h3{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:24px;line-height:1.4;letter-spacing:-.3px}.form-card #progress-text{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;color:#587169}.form-card .option{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:400;border-width:1px;min-height:57px;line-height:1.4}.form-card .button{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:500;min-height:54px}.form-card .question-hint{font-size:14px}.form-card{padding:28px 30px;min-height:460px}.progress-track{height:8px;margin-bottom:28px}.review-notice strong{font-weight:400}.private-notice{font-style:normal;font-family:Arial,sans-serif;font-size:13px}.brand small{font-family:Arial,sans-serif}
@media(max-width:800px){.page-intro h1{font-size:29px}.form-card h3{font-size:23px}.form-card .option{font-size:17px}.form-card{padding:24px 22px}}
@media(max-width:600px){.quiz-page{display:flex;flex-direction:column;gap:24px}.intro-column{display:contents}.page-intro{order:0}.page-intro h1{font-size:28px;line-height:1.18;margin-bottom:12px}.page-intro>p{font-size:14px;line-height:1.6}.intro-rule{display:none}.form-card{order:1;min-height:0;width:100%}.consultation-photo{order:2;height:190px}.form-card h3{font-size:23px}.form-card #progress-text{font-size:15px}.form-card .option{font-size:17px;min-height:56px}.form-card .button{font-size:18px;min-height:54px}.private-notice{font-size:11px}.compensation-banner{font-size:21px;line-height:1.3}}

/* Header-only: service beside the wordmark, market label on the right. */
header .nav{display:flex;align-items:center;gap:22px}header .brand{flex-shrink:0}header .header-service{border-left:1px solid #c5a65d;padding-left:22px;color:#edf4f0;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.4;font-weight:400}header .header-region{margin-left:auto;text-align:right;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4;font-weight:400;color:#fff}
@media(max-width:800px){header .nav{gap:14px}header .header-service{font-size:11px;padding-left:14px}header .header-region{font-size:12px}}
@media(max-width:600px){header .nav{gap:9px;flex-wrap:wrap;height:auto;min-height:82px;padding:12px 0}header .brand{font-size:23px;gap:8px}header .brand>span{padding-left:8px}header .withu-emblem{width:33px;height:40px}header .header-service{font-size:10px;padding-left:9px;max-width:115px}header .header-region{font-size:10px;flex:1 0 100%;padding-top:1px;text-align:right}}

/* Balanced first viewport and the selected white review notification. */
.first-screen{min-height:100svh;display:flex;flex-direction:column}.first-screen>header,.first-screen>.compensation-banner{flex-shrink:0}.first-screen>main{flex:1;display:flex;flex-direction:column}.first-screen .quiz-page{flex:1;width:100%;align-content:center;align-items:center;padding-top:25px;padding-bottom:25px}.first-screen .after-quiz{margin-top:auto}.first-screen .private-notice{margin:0}.consultation-photo{height:clamp(185px,25vh,255px);border-radius:10px;object-position:center}.first-screen .form-card{border-top:5px solid #1d4e54;border-radius:13px;min-height:440px}.secondary-content{padding-top:15px}.first-screen .progress-track{position:relative;overflow:visible;height:12px;margin:21px 0 9px;background:#e0e3e2}.first-screen #progress-bar{overflow:hidden;position:relative;transition:width .65s cubic-bezier(.22,.61,.36,1);height:100%}.first-screen #progress-bar:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#ffffff38 50%,transparent 75%);transform:translateX(-100%);animation:progressSheen 3.4s ease-in-out infinite}#progress-number{position:absolute;left:14.28%;top:50%;transform:translate(-100%,-50%);background:#1d4e54;border:2px solid white;box-shadow:0 1px 4px #153f381a;color:white;min-width:39px;padding:4px 6px;border-radius:13px;font:500 10px Arial,sans-serif;line-height:1;white-space:nowrap;transition:left .65s cubic-bezier(.22,.61,.36,1)}.progress-caption{font:400 11px Arial,sans-serif;color:#75847c;line-height:1.5;margin-bottom:24px}.review-notice{background:#fff;border:1px solid #e1e3df;border-radius:10px;box-shadow:0 4px 20px #173e3a20;width:320px;padding:15px 36px 15px 16px;color:#193e39;gap:12px}.review-notice strong{font:500 16px Arial,sans-serif}.review-notice p{font:400 12px Arial,sans-serif;line-height:1.5;color:#68756d;margin-top:4px}.review-notice .notice-check{border-right:1px solid #d6d9d1;color:#b99749;padding-right:12px}.notice-check svg{width:29px;height:32px}.review-notice button{color:#66776f}.review-notice button:hover{background:#eff3ef}
@keyframes progressSheen{0%,25%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
@media(min-width:601px) and (max-height:820px){.first-screen .nav{height:70px}.first-screen .compensation-banner{padding-top:16px;padding-bottom:15px;font-size:25px}.first-screen .compensation-banner:after{margin-top:10px}.first-screen .page-intro h1{font-size:30px;margin-bottom:13px}.first-screen .page-intro>p{font-size:14px;line-height:1.55}.first-screen .intro-rule{margin:15px 0}.first-screen .consultation-photo{height:190px}.first-screen .form-card{min-height:410px;padding:24px 27px}.first-screen .quiz-page{padding-top:22px;padding-bottom:22px}.first-screen .private-notice{padding-top:12px;padding-bottom:12px}}
@media(max-width:600px){.first-screen{min-height:auto}.first-screen .quiz-page{align-items:stretch;padding-top:23px;padding-bottom:23px}.first-screen .form-card{min-height:0;padding:24px 20px}.first-screen .consultation-photo{height:200px}.first-screen .private-notice{padding:14px 20px}.progress-caption{font-size:11px;margin-bottom:22px}.review-notice{width:calc(100% - 32px)}.first-screen .progress-track{margin-top:22px}}
@media(prefers-reduced-motion:reduce){#progress-number,.first-screen #progress-bar{transition:none}.first-screen #progress-bar:after{animation:none}}

/* Moving light only: no number, no percentage, no extra caption. */
.first-screen .progress-track{overflow:hidden;isolation:isolate;height:12px;margin:21px 0 30px;border-radius:20px;background:#dce3df}.first-screen #progress-bar{position:relative;z-index:0}.first-screen #progress-bar:after{display:none;animation:none}.progress-halo{position:absolute;z-index:1;top:-8px;bottom:-8px;left:-22%;width:25%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at center,#f4ffe5ed 0%,#c8f5c8b3 22%,#d5e7a961 43%,#d4f1d000 73%);filter:blur(3px);mix-blend-mode:screen;animation:haloSweep 2.7s ease-in-out infinite alternate,haloHeartbeat 1.35s ease-in-out infinite;will-change:left,opacity}
@keyframes haloSweep{0%{left:-22%}100%{left:97%}}
@keyframes haloHeartbeat{0%,100%{opacity:.5;transform:scaleX(.85)}15%{opacity:.95;transform:scaleX(1.08)}28%{opacity:.65;transform:scaleX(.94)}42%{opacity:1;transform:scaleX(1.12)}65%{opacity:.6;transform:scaleX(.95)}}
@media(prefers-reduced-motion:reduce){.progress-halo{display:none;animation:none}}
/* Longer, softer light trail, confined to the green fill. */
.progress-halo{width:70%;left:-65%;top:-4px;bottom:-4px;border-radius:50%;background:radial-gradient(ellipse at center,#f1ffe95c 0%,#d7f4d933 35%,#d4f1d012 62%,transparent 85%);filter:blur(5px);animation:subtleHaloSweep 3.5s ease-in-out infinite alternate,subtleHaloPulse 2s ease-in-out infinite}
@keyframes subtleHaloSweep{0%{left:-65%}100%{left:95%}}
@keyframes subtleHaloPulse{0%,100%{opacity:.38;transform:scaleX(.98)}45%{opacity:.6;transform:scaleX(1.03)}65%{opacity:.46;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.progress-halo{display:none;animation:none}}

/* Align both desktop columns to the same top and bottom edges. */
@media(min-width:601px){.first-screen .quiz-page{align-items:stretch}.first-screen .intro-column{display:flex;flex-direction:column;min-width:0}.first-screen .page-intro h1{margin-top:0}.first-screen .consultation-photo{flex:1 1 auto;min-height:190px;object-fit:cover}.first-screen .form-card{align-self:stretch;min-height:480px;display:flex;flex-direction:column}.first-screen #review-form{display:flex;flex-direction:column;flex:1}.first-screen #question{flex:0 0 auto}.first-screen .form-actions{margin-top:auto;padding-top:26px}.first-screen #form-error:empty{margin:0}.first-screen .demo-note{display:none}}
@media(min-width:601px) and (max-height:820px){.first-screen .form-card{min-height:445px}.first-screen .consultation-photo{min-height:165px}}