@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";
:root{--ink:#283e40;--muted:#7b8587;--green:#328774;--purple:#9170a5;--line:#e9ecea;--bg:#fff;--font:"Noto Sans KR", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:var(--ink);background:var(--bg);font-family:var(--font);word-break:keep-all;margin:0;font-size:15px;line-height:1.7}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,.question:focus-visible{outline-offset:5px;outline:3px solid #d7b453}h1,h2,h3,p{margin:0}svg{vertical-align:middle;flex-shrink:0}.header{border-bottom:1px solid var(--line);background:#fff;height:83px}.nav-wrap{justify-content:space-between;align-items:center;max-width:1190px;height:100%;margin:auto;padding:0 32px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.brand-mark{width:32px;height:32px;color:var(--green);background:#edf5f0;border-radius:50%;place-items:center;display:grid}.brand-en{letter-spacing:2px;color:#99a29c;margin:6px 0 0 3px;font-size:10px;font-weight:500}.nav-wrap nav{gap:32px;height:100%;display:flex}.nav-wrap nav button{height:100%;padding:0;font-size:14px;position:relative}.nav-active{color:var(--green);font-weight:700}.nav-active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:0;left:0;right:0}.nav-note{color:#9aa4a1;font-size:12px}.hero{text-align:center;background:linear-gradient(#f4f8f5,#fff);padding:57px 20px 35px}.eyebrow{letter-spacing:2.4px;color:var(--green);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow>span{background:var(--green);border-radius:50%;width:5px;height:5px}h1{letter-spacing:-1.7px;font-size:38px;font-weight:700;line-height:1.45}.hero h1{margin:16px 0 14px}.hero h1 em{color:var(--green);font-style:normal;position:relative}.hero h1 em:after{content:"";background:#c8e1d5;border-radius:50%;height:5px;position:absolute;bottom:1px;left:0;right:0}.hero>p{color:#75847e;font-size:15px}.hero-meta{color:#7b8783;justify-content:center;align-items:center;gap:17px;margin-top:22px;font-size:12px;display:flex}.hero-meta span{align-items:center;gap:6px;display:flex}.hero-meta i{background:#aab4b0;border-radius:50%;width:2px;height:2px}.test-container{max-width:870px;margin:auto;padding:0 24px}.steps{grid-template-columns:repeat(3,1fr);gap:15px;margin:4px 0 45px;display:grid}.step{border:1px solid;border-radius:12px;min-height:155px;padding:23px 22px 21px;position:relative;overflow:hidden}.green{background:#f4f8f5;border-color:#e0eae3}.purple{background:#f7f5fa;border-color:#eae4ef}.gold{background:#fbf8f0;border-color:#efe8d7}.step-icon{opacity:.72;color:var(--green);position:absolute;top:20px;right:17px}.purple .step-icon{color:var(--purple)}.gold .step-icon{color:#b8964c}.step-number{color:var(--green);font-size:10px;font-weight:600}.purple .step-number{color:var(--purple)}.gold .step-number{color:#a17e3c}.step h2{letter-spacing:-.5px;margin:16px 0 7px;font-size:17px}.step p{color:#87908b;font-size:12px;line-height:1.85}.questionnaire{max-width:720px;margin:auto;scroll-margin-top:28px}.progress-head{justify-content:space-between;align-items:center;font-size:13px;display:flex}.progress-head strong{color:var(--green);margin-left:8px;font-size:18px;font-weight:600}.progress-head small{color:#a0aaa6;font-size:12px;font-weight:400}.progress-label{color:var(--green);font-size:12px}.progress{background:#edf0ec;border-radius:4px;height:5px;margin-top:11px;overflow:hidden}.progress>div{background:#549b83;border-radius:4px;height:100%;transition:width .3s}.test-tip{color:#939b98;border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:18px 0 21px;font-size:12px;display:flex}.question{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0;padding:28px 0 30px}.question legend{float:left;width:100%;margin-bottom:24px;font-size:16px;font-weight:500;line-height:1.8}.q-number{color:#a6afa9;vertical-align:middle;margin-right:15px;font-size:11px;font-weight:400;display:inline-block}.answer-row{clear:both;justify-content:center;align-items:center;gap:27px;display:flex}.agree-label{color:var(--green);min-width:45px;font-size:12px}.disagree-label{color:var(--purple);min-width:65px;font-size:12px}.choices{justify-content:space-between;align-items:center;gap:13px;width:370px;display:flex}.choice{cursor:pointer;width:42px;height:44px;color:var(--green);flex-shrink:0;place-items:center;display:grid;position:relative}.choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.circle{pointer-events:none;border:1.5px solid;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .18s,transform .18s;display:grid}.choice-0 .circle,.choice-6 .circle{width:43px;height:43px}.choice-1 .circle,.choice-5 .circle{width:37px;height:37px}.choice-3 .circle{width:27px;height:27px}.choice-3{color:#9ba6ad}.choice-4,.choice-5,.choice-6{color:var(--purple)}.choice.selected .circle{background:currentColor}.choice.selected .circle svg{color:#fff}.choice:hover .circle{background:#eef4f0;transform:scale(1.09)}.choice.selected:hover .circle{background:currentColor}.choice input:focus-visible+.circle{outline-offset:5px;outline:3px solid #d7b453}.choice-tooltip{white-space:nowrap;color:#6f7c75;z-index:1;background:#fff;font-size:10px;display:none;position:absolute;top:49px}.choice:hover .choice-tooltip,.choice:focus-within .choice-tooltip{display:block}.mobile-labels{display:none}.page-actions{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.page-actions>span{color:#929d96;font-size:12px}.primary,.outline{border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:13px 23px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover{background:#286d5d}.outline{background:#fff;border:1px solid #dce4de}.outline:hover{background:#f4f8f5}.text-button{color:#77847a;align-items:center;gap:7px;font-size:12px;display:inline-flex}.save-note{color:#9aa39c;justify-content:center;align-items:center;gap:6px;margin:23px 0 0;font-size:11px;display:flex}.save-note button{color:#7e8b81;margin-left:8px;font-size:11px;text-decoration:underline}.gentle-note{text-align:center;color:#8a9b90;background:#f8faf7;border-radius:10px;justify-content:center;align-items:center;gap:13px;max-width:720px;margin:65px auto 50px;padding:24px;display:flex}.gentle-note p{color:#728378;font-size:13px}.gentle-note span{color:#9aa59d;font-size:11px}footer{border-top:1px solid var(--line);max-width:1190px;margin:auto;padding:28px 32px 25px}.footer-top,.footer-bottom{align-items:center;gap:24px;display:flex}.footer-top .brand{color:#6d8375;font-size:17px}.footer-top>span{color:#a0a8a2;font-size:11px}.footer-top>div{margin-left:auto}.footer-top button{color:#909a92;margin-left:18px;font-size:11px}.footer-bottom{color:#afb5af;justify-content:space-between;margin-top:22px;font-size:10px}.toast{color:#fff;z-index:15;background:#283e40;border-radius:10px;align-items:center;gap:18px;width:max-content;max-width:calc(100% - 32px);padding:14px 20px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #283e4030}.toast button{color:#fff;padding:3px}.types-section{text-align:center;max-width:1090px;margin:60px auto;padding:0 28px}.types-section h1{margin:13px 0}.intro{color:#89948d;margin-bottom:40px}.type-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.type-card{text-align:left;background:#f5f9f5;border:1px solid #e0e8e1;border-radius:12px;padding:23px;transition:transform .2s,box-shadow .2s;position:relative}.type-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #304a3610}.tone-1{background:#f8f5fb;border-color:#eae3f0}.tone-2{background:#f3f8fa;border-color:#dfecef}.tone-3{background:#fcf9f1;border-color:#ece8d9}.type-code{letter-spacing:2px;color:var(--green);font-size:12px;font-weight:700}.type-card>svg{color:#859e8c;position:absolute;top:23px;right:23px}.type-card h2{margin:38px 0 10px;font-size:17px}.type-card p{color:#859187;min-height:48px;font-size:12px}.type-more{color:#6f8978;align-items:center;gap:6px;margin-top:20px;font-size:11px;display:flex}.result-container{max-width:1000px;margin:35px auto;padding:0 30px}.result-hero{text-align:center;background:#edf6f0;border:1px solid #e2eee4;border-radius:18px;padding:45px 20px}.result-symbol{color:var(--green);margin:20px auto 12px}.result-hero h1{font-size:38px}.result-code{letter-spacing:3px;color:var(--green);margin:10px;font-size:20px;font-weight:700;display:block}.result-hero p{color:#7e9184;margin-bottom:23px}.result-layout{grid-template-columns:1fr 245px;gap:44px;padding-top:40px;display:grid}.result-article{margin-bottom:40px;scroll-margin-top:20px}.result-article h2{letter-spacing:-.5px;margin-bottom:18px;font-size:21px}.result-article p{color:#758579;margin-bottom:17px;font-size:14px;line-height:1.95}.section-number{color:var(--green);margin-right:12px;font-size:13px}.trait-list{border:1px solid var(--line);border-radius:12px;padding:23px}.trait{margin-bottom:26px}.trait:last-child{margin:0}.trait-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.trait-heading h3{font-size:13px;font-weight:500}.trait-heading strong{font-size:12px}.trait-bar{border-radius:8px;height:9px;margin:12px 0 6px;position:relative}.trait-bar>span{border-radius:8px;height:100%;display:block}.trait-bar i{background:#fff;border:2px solid #718a7c;border-radius:50%;width:13px;height:13px;position:absolute;top:-2px;transform:translate(-50%)}.trait-labels{color:#9ba69e;justify-content:space-between;font-size:10px;display:flex}.result-sidebar{border:1px solid #e1e9e2;border-radius:12px;align-self:start;padding:25px 20px;position:sticky;top:30px}.result-sidebar h3{margin-top:12px;font-size:18px}.result-sidebar>p{color:var(--green);margin-bottom:23px;font-size:12px}.result-sidebar a{border-top:1px solid var(--line);padding:12px 0;font-size:12px;display:block}.result-sidebar>.primary{width:100%;margin-top:17px;padding:12px 7px;font-size:12px}.tip{color:#8fa67c;background:#f5f8f2;border-radius:10px;gap:13px;padding:20px;display:flex}.tip p{margin:0}.result-article p.quote{color:var(--green);border-left:2px solid #a3c5ac;padding-left:17px}.cloud-save{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.cloud-save label{color:#819086;font-size:11px;display:block}.cloud-save button{margin-top:12px;font-size:11px}.cloud-save .outline{width:100%}.balance-note{margin-top:16px}.muted{color:var(--muted)}dialog{width:calc(100% - 32px);max-width:530px;color:var(--ink);border:1px solid #e2e9e3;border-radius:17px;padding:38px;box-shadow:0 20px 100px #192f3930}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18332c66}dialog h2{margin-bottom:22px;font-size:23px}dialog p{color:#7c8b81;margin-bottom:18px;font-size:14px}dialog .eyebrow{margin-bottom:14px}.dialog-close{color:#95a299;position:absolute;top:14px;right:14px}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}@media (min-width:1400px){.hero{padding-top:65px}.test-container{max-width:930px}.steps{margin-bottom:50px}.questionnaire{max-width:740px}}@media (max-width:760px){.header{height:68px}.nav-wrap{padding:0 20px}.nav-note,.brand-en{display:none}.nav-wrap nav{gap:19px}.nav-wrap nav button{font-size:12px}.brand{font-size:19px}.hero{padding-top:38px}.hero h1{letter-spacing:-1px;font-size:28px}.hero>p{font-size:13px}.hero-meta{gap:10px;font-size:10px}.steps{gap:8px;margin-bottom:30px}.step{min-height:145px;padding:15px 12px}.step-icon{margin-bottom:8px;position:static}.step-icon svg{width:25px;height:25px}.step-number{font-size:9px}.step h2{margin-top:8px;font-size:13px}.step p{font-size:10px}.question legend{font-size:15px}.answer-row{gap:14px}.choices{gap:5px;width:320px}.agree-label,.disagree-label{min-width:auto;font-size:10px}.gentle-note{margin:45px 24px 35px}.footer-top{flex-wrap:wrap;gap:10px}.footer-top>span{display:none}.footer-top button{margin-left:10px}.footer-bottom{flex-direction:column;align-items:start;gap:6px}.type-grid{grid-template-columns:repeat(2,1fr)}.types-section h1{font-size:29px}.intro{font-size:13px}.result-layout{grid-template-columns:1fr;gap:10px}.result-sidebar{grid-row:1;margin-bottom:25px;position:static}.result-sidebar a{display:none}.result-sidebar>p{margin-bottom:0}.result-sidebar h3{margin:5px 0}.result-hero h1{font-size:30px}.result-container{padding:0 20px}.result-hero p{font-size:13px}.type-card{padding:18px}.type-card h2{font-size:15px}.result-article h2{font-size:20px}}@media (max-width:480px){.nav-wrap nav{gap:15px}.nav-wrap nav button:last-child{display:none}.test-container{padding:0 22px}.hero h1{font-size:25px}.hero-meta{font-size:10px}.step p{display:none}.step{min-height:113px;padding:13px 10px}.step-icon{margin-bottom:6px}.step h2{font-size:12px}.step-number{font-size:8px}.eyebrow{letter-spacing:1.6px;font-size:9px}.test-tip{font-size:10px}.question{padding:24px 0}.question legend{margin-bottom:20px;padding:0;font-size:15px}.q-number{margin-right:8px}.answer-row{gap:0}.agree-label,.disagree-label{display:none}.choices{gap:2px;width:100%;max-width:350px}.choice{width:40px;height:46px}.choice-0 .circle,.choice-6 .circle{width:39px;height:39px}.choice-1 .circle,.choice-5 .circle{width:34px;height:34px}.circle{width:29px;height:29px}.choice-3 .circle{width:25px;height:25px}.mobile-labels{color:var(--green);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.mobile-labels span:last-child{color:var(--purple)}.choice-tooltip{display:none!important}.save-note{gap:3px;font-size:9px}.save-note button{font-size:9px}.type-grid{gap:10px}.type-card h2{font-size:14px}.types-section{padding:0 20px}.result-hero h1{font-size:26px}dialog{padding:32px 24px}.gentle-note{padding:20px 12px}.gentle-note p{font-size:11px}.gentle-note span{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
:root{--ink:#2c2e2a;--muted:#6c716b;--green:#486ceb;--purple:#486ceb;--line:#e0dbce;--bg:#f5f1e4;--font:Inter, "Noto Sans KR", sans-serif;--lime:#8ed462;--cream:#f5f1e4;--blue:#486ceb}body{background:var(--cream)}.header{background:var(--cream);border:0;height:110px;padding:20px 32px}.nav-wrap{background:#fff;border-radius:60px;max-width:1150px;height:70px;padding:0 23px}.brand{letter-spacing:-.6px;gap:10px;font-size:18px}.brand-mark{background:var(--lime);color:var(--ink);border-radius:12px;width:33px;height:33px;font-size:20px;font-weight:700}.nav-wrap nav{gap:28px}.nav-wrap nav button{font-size:14px}.nav-active{color:var(--ink)}.nav-active:after{background:var(--lime);height:3px;bottom:12px}.home-link{border:1px solid #e7e6df;border-radius:30px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex}.hero{text-align:left;background:0 0;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;max-width:1150px;margin:0 auto;padding:52px 0 45px;display:grid}.eyebrow{letter-spacing:1.5px;color:var(--ink);font-size:11px}.hero .eyebrow{background:#eeefdc;border:1px solid #d9dacb;border-radius:30px;padding:6px 13px}.hero h1{letter-spacing:-3px;margin:22px 0;font-size:57px;line-height:1.27}.hero h1 em{color:var(--blue)}.hero h1 em:after{display:none}.hero-copy>p{color:#737971;font-size:15px;line-height:1.95}.hero-meta{color:#71786f;justify-content:flex-start;gap:13px;margin-top:26px;font-size:12px}.hero-card{border:1.5px solid var(--ink);background:var(--lime);box-shadow:7px 7px 0 var(--ink);border-radius:32px;padding:26px 29px 0;overflow:hidden;transform:rotate(2deg)}.hero-card-top{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.hero-card>p{letter-spacing:-1.8px;margin:22px 0 25px;font-size:35px;line-height:1.4}.hero-card>p strong{font-weight:700}.hero-card-stats{border-top:1px solid #2c2e2a40;gap:24px;padding:16px 0 23px;display:flex}.hero-card-stats>div{flex:1}.hero-card-stats b{letter-spacing:-1px;font-size:27px;font-weight:600;line-height:1.4;display:block}.hero-card-stats span{font-size:10px}.hero-card>a{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;margin:0 -29px;padding:16px 29px;font-size:13px;display:flex}.test-container{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:48px;max-width:1150px;margin:30px auto 0;padding:0;display:grid}.steps{flex-direction:column;gap:0;margin:12px 0;display:flex;position:sticky;top:30px}.step{border:0;border-bottom:1px solid #dcd8ca;border-radius:0;min-height:0;padding:23px 0;overflow:visible;background:0 0!important}.step:last-child{border-bottom:0}.step-icon{display:none;position:static}.step-number,.purple .step-number,.gold .step-number{color:#727b68;font-size:11px}.step h2{margin:9px 0;font-size:16px}.step p{color:#7c8074;font-size:12px;line-height:1.85}.questionnaire{background:#fff;border:1px solid #e4e2d6;border-radius:28px;width:100%;min-width:0;max-width:none;padding:28px 34px 24px;box-shadow:0 9px 30px #302e2110}.progress-head{font-size:13px}.progress-head strong{color:var(--blue)}.progress-label{color:#687160}.progress{background:#eceee5;height:7px}.progress>div{background:var(--lime)}.test-tip{color:#797f76;border:0;padding:16px 0 6px;font-size:12px}.question{border-bottom:1px solid #ebece6;padding:26px 0 24px}.question legend{margin-bottom:19px;font-size:16px;font-weight:500;line-height:1.8}.q-number{color:#7d8c72;background:#eff3e6;border-radius:6px;margin-right:10px;padding:2px 7px;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.answer-row{justify-content:space-between;gap:13px}.agree-label,.disagree-label{color:#70776b;min-width:0;font-size:11px}.choices{flex:1;gap:9px;width:100%;min-width:0;max-width:395px}.choice{color:#71786b;flex:1;width:auto;height:46px}.choice .circle{background:#f9faf6;border:1px solid #d8ddd1;border-radius:12px;width:100%;height:44px;font-size:13px}.choice.selected .circle{background:var(--blue);border-color:var(--blue);box-shadow:0 4px 10px #486ceb26}.choice:hover .circle{background:#edf5e5;border-color:#9eba87;transform:translateY(-2px)}.choice.selected:hover .circle{background:var(--blue)}.choice-tooltip{font-size:10px;top:49px}.primary{background:var(--blue);border-radius:50px;padding:13px 23px;font-size:13px}.primary:hover{background:#3656c8}.outline{border-color:#d8dbd0;border-radius:30px}.outline:hover{background:#f4f5ec}.page-actions{margin-top:24px}.save-note{color:#858d7c;font-size:10px}.save-note button{color:#6d7666}.gentle-note{color:#61714d;background:0 0;border:1px solid #dcdccd;border-radius:20px;max-width:900px;margin:46px auto}.gentle-note p{color:#646e59;font-size:13px}.gentle-note span{color:#818b76;font-size:12px}footer{border-color:#dbd8ca;max-width:1150px;padding:28px 0}.footer-top .brand{color:var(--ink);font-size:17px}.footer-top>span{color:#79806e;font-size:12px}.footer-top button{color:#717864;font-size:12px}.footer-bottom{color:#888d7e;font-size:11px}.result-container{max-width:1150px;margin:35px auto}.result-hero{border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#8ed462;border-radius:34px;padding:40px}.result-hero .eyebrow{border:1px solid #2c2e2a50;border-radius:25px;padding:5px 14px}.result-symbol{color:#2c2e2a}.result-hero h1{font-size:42px}.result-code{color:#294d24}.result-hero p{color:#3b5b2e}.result-layout{grid-template-columns:minmax(0,1fr) 280px;gap:50px}.result-article{background:#fff;border:1px solid #e2e1d5;border-radius:24px;margin-bottom:22px;padding:28px}.result-article p{color:#6e7566;font-size:15px}.result-article h2{font-size:21px}.section-number{color:var(--blue)}.trait-list{background:#fafbf7;border:0;padding:22px}.trait-heading h3{font-size:14px}.trait-heading strong{font-size:13px}.trait-labels{color:#818877;font-size:11px}.tip{color:#5e7b42;background:#edf5e3}.result-sidebar{background:#fff;border-color:#e0e0d2;border-radius:24px;padding:25px}.result-sidebar h3{font-size:19px}.result-sidebar>p{color:var(--blue)}.result-sidebar a{font-size:13px}.result-sidebar .primary{padding:13px;font-size:13px}.types-section{max-width:1150px}.types-section h1{font-size:43px}.intro{color:#747c69}.type-grid{gap:20px}.type-card{border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:24px}.type-card:hover{box-shadow:5px 7px 0 var(--ink);transform:translateY(-4px)}.tone-1{background:#e7eddc}.tone-2{background:#e9edff}.tone-3{background:#fff0d7}.type-code{color:var(--blue)}.type-card h2{font-size:18px}.type-card p{color:#727967;font-size:13px}.type-more{color:#526146;font-size:12px}.toast{background:#2c2e2a;border-radius:20px}.quote{color:var(--blue)!important}dialog{background:#fffef9;border-radius:26px}dialog p{color:#6a7364}.mobile-labels,.mobile-labels span:last-child{color:#70776b}@media (max-width:1220px){.hero,.test-container,footer{margin-left:40px;margin-right:40px}.hero{gap:40px}.hero h1{font-size:49px}.test-container{grid-template-columns:210px minmax(0,1fr);gap:30px}.questionnaire{padding:25px}.choices{gap:6px}}@media (max-width:900px){.hero h1{font-size:42px}.hero{gap:25px}.hero-card{padding:20px 23px 0}.hero-card>p{font-size:30px}.hero-card>a{margin:0 -23px;padding:14px 23px}.hero-card-stats{gap:12px}.hero-meta{gap:9px;font-size:10px}.test-container{grid-template-columns:minmax(0,1fr)}.steps{flex-direction:row;gap:25px;margin:0;position:static}.step{border-bottom:0;flex:1;min-width:0;padding:5px 0 12px}.step h2{font-size:14px}.step p{display:none}.questionnaire{padding:28px 34px}.result-layout{grid-template-columns:1fr 240px;gap:25px}}@media (max-width:760px){.header{height:94px;padding:15px 20px}.nav-wrap{height:64px;padding:0 18px}.nav-wrap nav{gap:17px}.home-link{display:none}.hero{grid-template-columns:1fr;gap:28px;margin:0 26px;padding:33px 0 24px}.hero h1{margin:18px 0;font-size:46px}.hero-copy>p{font-size:14px}.hero-meta{margin-top:20px;font-size:11px}.hero-card{max-width:none;box-shadow:4px 4px 0 var(--ink);padding:21px 25px 0;transform:none}.hero-card>p{margin:15px 0;font-size:28px}.hero-card>p br{display:none}.hero-card-stats{max-width:340px;padding:13px 0 17px}.hero-card>a{margin:0 -25px;padding:14px 25px}.test-container{gap:14px;margin:18px 20px 0}.steps{gap:13px;padding:0 5px}.step h2{font-size:12px;line-height:1.6}.step-number,.purple .step-number,.gold .step-number{font-size:9px}.questionnaire{padding:23px}.result-layout{grid-template-columns:1fr}.result-sidebar{grid-row:auto}.result-sidebar a{display:block}.result-article{padding:23px}.result-hero{padding:32px 20px}.result-hero h1{font-size:31px}.result-hero p{font-size:14px}.gentle-note{margin:32px 20px}.gentle-note p{font-size:12px}.gentle-note span{font-size:11px}footer{margin:0 25px}.footer-bottom{font-size:10px}.types-section h1{font-size:30px}.type-card h2{font-size:16px}.type-card p{font-size:12px}.save-note{flex-wrap:wrap;font-size:10px}}@media (max-width:480px){.brand{gap:7px;font-size:16px}.brand-mark{border-radius:10px;width:29px;height:29px;font-size:17px}.nav-wrap{padding:0 13px}.nav-wrap nav{gap:14px}.nav-wrap nav button{font-size:11px}.hero h1{letter-spacing:-2px;font-size:42px}.hero-card-stats span{font-size:11px}.hero-card-top,.hero .eyebrow{font-size:10px}.step{min-height:0}.steps{gap:12px}.step-number,.purple .step-number,.gold .step-number{font-size:8px}.step h2{margin-top:4px;font-size:11px}.questionnaire{border-radius:24px;padding:22px 17px}.question legend{font-size:15px}.choices{gap:6px;max-width:none}.choice{min-width:0;height:44px}.choice .circle{border-radius:10px;width:100%;height:42px;font-size:12px}.mobile-labels{font-size:11px}.test-tip{align-items:flex-start;font-size:11px}.test-tip svg{margin-top:3px}.page-actions .primary{padding:12px 16px}.hero-copy>p{font-size:13px}.result-hero h1{font-size:27px}.result-article p{font-size:14px}.result-article h2{font-size:19px}.type-card h2{font-size:15px}.trait-list{padding:16px}.trait-heading{gap:8px}.trait-heading h3,.trait-heading strong{font-size:12px}}