:root{--ink:#26322c;--muted:#69736d;--green:#2f6952;--mint:#e8f1eb;--cream:#f8f5ee;--orange:#d96e42;--line:#dfe4df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Pretendard,"Apple SD Gothic Neo",system-ui,sans-serif;background:#fff}button,a{font:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2));border-bottom:1px solid rgba(38,50,44,.08);background:rgba(255,255,255,.92);position:relative;z-index:3}.brand{text-decoration:none;font-size:23px;letter-spacing:-1.1px;color:var(--ink);font-weight:750}.brand b{color:var(--orange)}.header-link{color:var(--muted);font-size:14px;text-decoration:none}.hero{min-height:690px;padding:100px max(24px,calc((100% - 1120px)/2));position:relative;overflow:hidden;background:linear-gradient(120deg,#fbfaf5 0%,#f4f1e8 100%)}.hero:before{content:"";position:absolute;width:570px;height:570px;border-radius:50%;background:#e4eee6;right:max(-110px,calc((100% - 1250px)/2));top:56px}.eyebrow,.section-tag{color:var(--green);font-weight:700;font-size:14px;letter-spacing:.06em;margin-bottom:22px}.hero h1,.about h2,.result h2{font-family:Georgia,"Noto Serif KR",serif;font-size:52px;line-height:1.24;letter-spacing:-2.4px;margin:0}.hero h1 em,.result h2 em{color:var(--green);font-style:normal}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:570px;margin:28px 0 25px}.facts{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px;margin-bottom:31px}.facts b{color:var(--ink)}.facts i{width:3px;height:3px;background:#aeb6b0;border-radius:50%}.primary,.secondary{border:0;border-radius:8px;min-height:54px;padding:0 24px;font-weight:700;cursor:pointer}.primary{background:var(--green);color:#fff;box-shadow:0 8px 24px rgba(47,105,82,.18)}.primary:hover{background:#265b46}.primary:disabled{background:#b8c3bc;box-shadow:none;cursor:not-allowed}.primary span{margin-left:28px}.privacy{font-size:12px;color:#59645e;margin:14px 6px}.orbit{position:absolute;right:max(10px,calc((100% - 1130px)/2));top:112px;width:430px;height:430px;border:1px solid rgba(47,105,82,.16);border-radius:50%}.orbit:before{content:"";position:absolute;inset:60px;border:1px dashed rgba(47,105,82,.2);border-radius:50%}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-family:serif;font-size:26px;box-shadow:0 14px 35px rgba(47,105,82,.25)}.orbit span{position:absolute;width:45px;height:45px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--green);font-family:serif;font-weight:bold;box-shadow:0 5px 20px rgba(38,50,44,.1)}.orbit span:nth-of-type(1){left:193px;top:-22px}.orbit span:nth-of-type(2){right:37px;top:45px}.orbit span:nth-of-type(3){right:-22px;top:193px}.orbit span:nth-of-type(4){right:38px;bottom:44px}.orbit span:nth-of-type(5){left:193px;bottom:-22px}.orbit span:nth-of-type(6){left:37px;bottom:44px}.orbit span:nth-of-type(7){left:-22px;top:193px}.orbit span:nth-of-type(8){left:37px;top:45px}.orbit span:nth-of-type(9){left:193px;top:72px}.about{padding:110px max(24px,calc((100% - 1120px)/2));text-align:center}.about h2{font-size:40px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px;text-align:left}.benefits article{padding:34px;border:1px solid #ecece7;border-radius:14px}.benefits article span{color:var(--orange);font-family:serif}.benefits h3{margin:24px 0 12px;font-size:20px}.benefits p{color:var(--muted);line-height:1.7;margin:0;font-size:15px}.test{min-height:calc(100vh - 76px);background:var(--cream);padding:30px max(20px,calc((100% - 820px)/2)) 80px}.test-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px}.text-button{border:0;background:none;color:inherit;cursor:pointer;padding:10px 0}.progress{height:5px;border-radius:5px;background:#e0e3de;margin:17px 0 72px;overflow:hidden}.progress div{height:100%;background:var(--green);transition:width .25s}.question-wrap{max-width:720px;margin:auto}.question-kicker{text-align:center;color:var(--green);font-weight:700;font-size:14px}.question-wrap h2{text-align:center;font-family:Georgia,"Noto Serif KR",serif;font-size:30px;line-height:1.55;min-height:95px;margin:24px 0 42px}fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.answer input{position:absolute;opacity:0}.answer label{height:94px;border:1px solid var(--line);background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;color:var(--muted);font-size:12px;text-align:center}.answer label b{font-size:17px;color:var(--ink)}.answer input:checked+label{border:2px solid var(--green);background:var(--mint);color:var(--green)}.answer input:focus-visible+label{outline:3px solid #e29972;outline-offset:2px}.test-actions{display:flex;justify-content:space-between;margin-top:42px}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.next{min-width:140px}.save-note{text-align:center;color:#59645e;font-size:12px}.result{padding:95px max(24px,calc((100% - 850px)/2));min-height:calc(100vh - 76px);text-align:center;background:linear-gradient(#f7f5ee,#fff)}.result h2{font-size:42px}.result-note{color:var(--muted);line-height:1.7;max-width:600px;margin:25px auto 42px}.candidates{display:grid;gap:14px;text-align:left}.candidate{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 6px 20px rgba(30,40,35,.04)}.candidate:first-child{border-color:var(--green);background:#f5faf6}.candidate .number{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-family:serif;font-size:24px}.candidate h3{margin:0 0 6px}.candidate p{margin:0;color:var(--muted);font-size:14px}.candidate .rank{font-size:13px;color:var(--orange);font-weight:700}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:35px}footer{padding:48px max(24px,calc((100% - 1120px)/2));background:var(--ink);color:#fff}footer .brand{color:white}footer p{color:#b8c2bd}footer small{color:#8f9b95}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.candidate a,.result-links a{display:inline-block;margin-top:10px;color:var(--green);font-size:13px;font-weight:700;text-decoration:none}.candidate a:hover,.result-links a:hover{text-decoration:underline}.result-links{margin:25px 0 0}.result-links a{font-size:15px}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:35px}@media(max-width:800px){.site-header{height:64px}.hero{padding-top:60px;min-height:690px}.hero:before{width:310px;height:310px;right:-120px;top:390px}.hero h1{font-size:39px}.lead{font-size:16px}.orbit{opacity:.55;width:230px;height:230px;right:-48px;top:430px;transform:scale(.8)}.orbit span{display:none}.about{padding-top:80px}.about h2{font-size:32px}.benefits{grid-template-columns:1fr}.progress{margin-bottom:45px}.question-wrap h2{font-size:24px;min-height:115px}.answer label{height:84px}.answer label b{font-size:15px}.answer label span{font-size:10px}.candidate{grid-template-columns:48px 1fr}.candidate .rank{display:none}.result-actions{flex-direction:column}.result-actions button{width:100%}.result h2{font-size:34px}}