:root{--ink:#253746;--ink-2:#405766;--steel:#4b6370;--steel-2:#6f8490;--mist:#e9eef0;--mist-2:#d7e2e7;--paper:#f5f7f6;--white:#fff;--cream:#f7e8bd;--line:#25374624;--shadow:0 24px 60px #1f313c21;--risk-bg:#fff3e8;--risk:#d8621f;--risk-dark:#87360c;--improve-bg:#eaf7f8;--improve:#167a87;--improve-dark:#09505a;--exercise-bg:#eef8ef;--exercise:#2f8f4e;--exercise-dark:#1d5f34;--danger-bg:#fff0f0;--danger:#b3261e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);letter-spacing:-.03em;background:radial-gradient(circle at 20% 10%,#ffffffe6,#0000 32%),linear-gradient(#f6f8f8 0%,#edf2f3 100%);margin:0;font-family:Arial,Pretendard,Noto Sans KR,sans-serif}button{font-family:inherit}main{min-height:100vh}.page-shell{width:min(1080px,100% - 48px);margin:0 auto}.hero{text-align:center;min-height:100vh;padding:60px 0 72px;position:relative}.top-label,.section-header span{color:var(--steel-2);letter-spacing:.12em;margin:0 0 28px;font-size:18px;font-weight:700}.bracket-title,.section-header{width:fit-content;max-width:100%;margin:0 auto 48px;padding:0 56px;position:relative}.bracket-title:before,.bracket-title:after,.section-header:before,.section-header:after{content:"";border-top:6px solid var(--steel-2);border-bottom:6px solid var(--steel-2);opacity:.9;width:10px;height:86px;position:absolute;top:8px}.bracket-title:before,.section-header:before{border-left:6px solid var(--steel-2);left:0}.bracket-title:after,.section-header:after{border-right:6px solid var(--steel-2);right:0}.bracket-title p{color:var(--steel-2);margin:0 0 12px;font-size:clamp(22px,3vw,34px);font-weight:500}.bracket-title h1,.section-header h2{color:var(--ink-2);margin:0;font-size:clamp(40px,6vw,72px);font-weight:900;line-height:1.08}.section-header{text-align:center;margin-top:0;margin-bottom:56px}.section-header h2{font-size:clamp(32px,5vw,56px)}.section-header:before,.section-header:after{height:72px}.hero-visual{width:min(960px,100%);margin:0 auto;position:relative}.hero-image{height:420px;box-shadow:var(--shadow);background:linear-gradient(120deg,#1c2b372e,#ffffff2e),linear-gradient(135deg,#aebdc6 0%,#dbe4e6 45%,#7d909b 100%);border:20px solid #0000;position:relative;overflow:hidden}.hero-image:before{content:"";background:linear-gradient(90deg,#ffffff8c 0 18%,#0000 18% 100%),linear-gradient(#fff3,#25374666);position:absolute;inset:0}.worktable{clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:#f5f7f6d1;height:130px;position:absolute;bottom:42px;left:16%;right:12%;box-shadow:0 18px 40px #2537463d}.flower-dot{background:#253746a6;border-radius:999px;position:absolute;box-shadow:0 0 0 16px #ffffff2e}.dot-1{width:84px;height:84px;bottom:110px;left:7%}.dot-2{width:58px;height:58px;top:90px;right:18%}.dot-3{width:40px;height:40px;bottom:145px;right:8%}.hero-band{background:linear-gradient(135deg, var(--steel), #345363);color:var(--white);justify-content:center;align-items:center;gap:42px;min-height:190px;margin:-64px auto 36px;padding:94px 32px 38px;display:flex}.hero-band div{gap:12px;width:220px;display:grid}.hero-band strong{font-size:25px}.hero-band span{color:#ffffffc7;font-size:17px;line-height:1.5}.hero-band i{background:#ffffffb3;width:1px;height:68px}.primary-button,.ghost-button{appearance:none;cursor:pointer;border:0;border-radius:0;min-width:180px;padding:18px 30px;font-size:18px;font-weight:800;transition:transform .2s,opacity .2s,background .2s}.primary-button{background:var(--ink-2);color:var(--white);box-shadow:0 14px 28px #2537462e}.primary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.primary-button:disabled,.ghost-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.ghost-button{border:1px solid var(--steel-2);color:var(--ink-2);background:0 0}.hero-button{margin-top:6px}.landing-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.section-gap{padding:90px 0}.domain-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.domain-card,.priority-card{background:var(--steel);color:var(--white);min-height:210px;padding:34px 28px;position:relative;overflow:hidden}.domain-card span,.priority-card span{color:#ffffff1f;letter-spacing:-.06em;font-size:76px;font-weight:300;position:absolute;top:18px;right:24px}.domain-card h3,.priority-card h3{margin:78px 0 16px;font-size:28px;line-height:1.1}.domain-card p,.priority-card p{color:#fffc;margin:0;font-size:17px;line-height:1.55}.feature-list{gap:24px;display:grid}.feature-row{background:var(--steel);min-height:138px;color:var(--white);grid-template-columns:1fr 110px;align-items:center;display:grid;overflow:hidden}.feature-row div{padding:28px 52px}.feature-row h3{margin:0 0 12px;font-size:34px}.feature-row p{color:#ffffffb3;margin:0;font-size:19px}.feature-row b{color:#ffffff1a;text-align:center;font-size:96px;font-weight:300}.step-guide{gap:24px;width:min(760px,100%);margin:0 auto;display:grid}.card-dark{background:var(--steel);color:var(--white)}.step-card{grid-template-columns:120px 1fr;align-items:center;column-gap:18px;padding:34px 42px;display:grid}.step-card span{color:#ffffffb8;letter-spacing:.04em;font-size:25px}.step-card h3{margin:0 0 10px;font-size:31px}.step-card p{color:#ffffffad;margin:0;font-size:18px}.final-cta{text-align:center;background:var(--steel);color:var(--white);width:100%;max-width:none;padding-left:max(24px,50vw - 540px);padding-right:max(24px,50vw - 540px)}.final-cta .section-header h2,.final-cta .section-header span{color:var(--white)}.final-cta .section-header:before,.final-cta .section-header:after{border-color:#ffffffbf}.final-cta p{color:#ffffffc7;width:min(760px,100%);margin:-24px auto 30px;font-size:19px;line-height:1.7}.final-cta .primary-button{background:var(--white);color:var(--ink-2)}.survey-screen,.result-screen{padding:60px 0 80px}.survey-layout{grid-template-columns:320px 1fr;align-items:start;gap:28px;display:grid}.survey-side{padding:34px 28px;position:sticky;top:24px}.side-label{color:#ffffffad;margin:0;font-size:17px}.survey-side strong{margin:8px 0 16px;font-size:58px;display:block}.progress-track{background:#ffffff2e;height:10px;overflow:hidden}.progress-track span{background:var(--cream);height:100%;display:block}.side-copy{color:#ffffffb3;margin:14px 0 28px}.mini-score-list{gap:12px;display:grid}.mini-score-list div{color:#fffc;border-bottom:1px solid #ffffff24;justify-content:space-between;padding-bottom:10px;display:flex}.mini-score-list b{color:var(--white)}.panel-light{box-shadow:var(--shadow);background:#ffffffc7;border:1px solid #ffffffe0}.survey-main{padding:42px}.step-header span{color:var(--steel-2);letter-spacing:.08em;font-weight:800}.step-header h2{margin:10px 0;font-size:44px}.step-header p{color:var(--steel);margin:0;font-size:18px;line-height:1.6}.question-stack{gap:22px;margin-top:34px;display:grid}.question-card{background:var(--paper);border:1px solid var(--line);padding:28px}.question-title{align-items:flex-start;gap:14px;display:flex}.question-title span{color:var(--steel-2);font-size:20px;font-weight:900}.question-title h3{margin:0;font-size:22px;line-height:1.45}.option-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px;display:grid}.option{border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;min-height:72px;padding:15px 10px}.option span{font-size:16px;font-weight:800;display:block}.option b{color:var(--steel-2);margin-top:8px;display:block}.option.selected{background:var(--steel);color:var(--white);border-color:var(--steel)}.option.selected b{color:var(--cream)}.intent{color:var(--steel-2);margin:16px 0 0;font-size:15px}.button-row{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:34px;display:flex}.button-row.center{justify-content:center}.result-summary,.score-panel{padding:38px}.result-summary h2,.score-panel h2,.action-box h3{margin:0 0 20px;font-size:30px}.result-summary p{color:var(--ink-2);font-size:18px;line-height:1.75}ul{padding-left:21px}li{margin:10px 0;line-height:1.6}.action-box{padding:32px}.action-box li{color:var(--ink-2)}.warning-box{border-left:6px solid var(--steel);background:#4b63701a;margin-top:30px;padding:30px 34px}.warning-box strong{font-size:22px}.warning-box p{color:var(--ink-2);line-height:1.7}.warning-box small{color:var(--steel-2)}.basic-screen{padding:60px 0 80px}.basic-layout{grid-template-columns:360px 1fr;align-items:stretch;gap:28px;display:grid}.basic-guide{padding:38px 34px}.basic-guide h2{margin:14px 0 18px;font-size:34px;line-height:1.18}.basic-guide p{color:#ffffffb8;margin:0;font-size:17px;line-height:1.72}.notice-list{gap:12px;margin-top:28px;display:grid}.notice-list span{color:#ffffffd6;border-top:1px solid #ffffff2e;padding-top:12px;font-weight:700;display:block}.basic-form{padding:42px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-grid label{gap:10px;display:grid}.form-grid label span{color:var(--ink-2);font-size:16px;font-weight:900}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);outline:none;padding:16px 15px;font-size:17px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--steel);box-shadow:0 0 0 3px #4b63701f}.form-grid textarea{resize:vertical;min-height:110px;line-height:1.5}.wide-field{grid-column:1/-1}.risk-badge{border-radius:999px;align-items:center;width:fit-content;margin-bottom:12px;padding:8px 14px;font-size:15px;font-weight:900;display:inline-flex}.badge-stable{color:#195c3b;background:#d9efe2}.badge-caution{color:#7a5a00;background:#fff1cc}.badge-improvement{color:#8d3c00;background:#ffe2cc}.badge-high{color:#8a1120;background:#ffd6d6}.result-dashboard-hero{margin-bottom:28px;padding:38px}.level-card{box-shadow:var(--shadow);border:1px solid #ffffffe0;grid-template-columns:1.1fr .9fr;gap:24px;display:grid}.level-card h1{letter-spacing:-.06em;margin:0 0 14px;font-size:clamp(42px,6vw,72px);line-height:1.02}.level-card p{margin:0 0 12px;font-size:18px;line-height:1.7}.hero-headline{font-weight:900;font-size:22px!important}.level-card-stable{color:#134f2f;background:linear-gradient(135deg,#eaf8ee,#f8fffb)}.level-card-caution{color:#6d4c00;background:linear-gradient(135deg,#fff5d6,#fffdf5)}.level-card-improvement{color:#803000;background:linear-gradient(135deg,#ffe3cb,#fff7ef)}.level-card-high{color:#80101c;background:linear-gradient(135deg,#ffe0e0,#fff6f6)}.metric-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.metric-card{background:#ffffffc7;border:1px solid #ffffffe6;padding:18px}.metric-card span{color:var(--steel-2);margin-bottom:8px;font-size:14px;font-weight:900;display:block}.metric-card b{color:var(--ink);font-size:20px;line-height:1.35;display:block}.metric-wide{grid-column:1/-1}.priority-panel{margin:28px 0;padding:32px}.priority-panel h2{margin:0 0 20px;font-size:30px}.priority-mini-grid,.cards-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.priority-mini-card,.risk-detail-card,.exercise-card{background:var(--white);border:1px solid var(--line);padding:22px}.priority-mini-card{border-top:6px solid var(--risk)}.priority-mini-card h3,.risk-detail-card h3{margin:14px 0 10px;font-size:24px}.priority-mini-card p,.risk-detail-card p,.exercise-card p{color:var(--ink-2);line-height:1.65}.priority-mini-card b{color:var(--risk-dark);line-height:1.55;display:block}.num-badge{background:var(--risk);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex}.tab-shell{margin-top:28px}.tab-row{gap:10px;padding-bottom:8px;display:flex;overflow:auto}.tab-btn{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;padding:13px 18px;font-weight:900}.tab-btn-risks.active{background:var(--risk);color:#fff;border-color:var(--risk)}.tab-btn-improvements.active{background:var(--improve);color:#fff;border-color:var(--improve)}.tab-btn-exercises.active{background:var(--exercise);color:#fff;border-color:var(--exercise)}.tab-content{margin-top:16px}.risk-accent{border-top:6px solid var(--risk);background:var(--risk-bg)}.improvement-accent{border-top:6px solid var(--improve);background:var(--improve-bg)}.exercise-accent{border-top:6px solid var(--exercise);background:var(--exercise-bg)}.improve-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.exercise-card{border-top:6px solid var(--exercise)}.exercise-card h4{color:var(--exercise-dark);margin:0 0 14px;font-size:24px}.video-btn{width:auto;min-width:0;margin-top:10px;padding:12px 16px;font-size:15px;display:inline-block}.muted-box{opacity:.96;margin-top:24px}.privacy-note{color:var(--steel-2)!important;font-size:15px!important}.warning-box{background:#fff8e6;border-left-color:#d18c00}.dashboard-hero{text-align:left}.hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;display:grid}.hero-risk{color:var(--cream);margin:10px 0;font-size:20px}.hero-metrics p{margin:8px 0}@media (max-width:920px){.page-shell{width:min(100% - 32px,760px)}.hero{min-height:auto;padding-top:42px}.bracket-title,.section-header{padding:0 28px}.bracket-title:before,.bracket-title:after,.section-header:before,.section-header:after{border-width:4px;width:8px;height:62px}.hero-image{border-width:12px;height:320px}.hero-band{flex-direction:column;gap:20px;margin-top:-36px;padding:68px 20px 30px}.hero-band i{width:80%;height:1px}.domain-grid{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:1fr 70px}.feature-row div{padding:24px 26px}.feature-row h3{font-size:28px}.survey-layout,.level-card,.hero-grid{grid-template-columns:1fr}.survey-side{position:static}.option-grid{grid-template-columns:repeat(2,1fr)}.priority-mini-grid,.cards-grid,.improve-grid,.basic-layout,.metric-grid{grid-template-columns:1fr}}@media (max-width:560px){.top-label,.section-header span{margin-bottom:18px;font-size:13px}.bracket-title h1{font-size:38px}.bracket-title p{font-size:20px}.section-header h2{font-size:34px}.hero-image{height:240px}.hero-band div{width:100%}.domain-grid{grid-template-columns:1fr}.domain-card h3,.priority-card h3{margin-top:64px}.feature-row{grid-template-columns:1fr}.feature-row b{display:none}.step-card{grid-template-columns:1fr;gap:12px}.survey-main,.result-summary,.score-panel,.basic-form,.basic-guide,.result-dashboard-hero,.priority-panel{padding:24px}.question-title{display:grid}.option-grid{grid-template-columns:1fr}.button-row{flex-direction:column}.primary-button,.ghost-button{width:100%}.result-dashboard-hero h1{font-size:40px}.tab-row{grid-template-columns:1fr;display:grid}}@media print{.button-row,.final-cta,.hero-button,.landing-actions,.tab-row{display:none!important}body{background:#fff}.page-shell{width:100%}.panel-light,.card-dark,.result-dashboard-hero{box-shadow:none}.cards-grid,.priority-mini-grid,.improve-grid,.level-card,.metric-grid{display:block}.priority-mini-card,.risk-detail-card,.exercise-card,.action-box,.metric-card{break-inside:avoid;margin-bottom:12px}}