@font-face{font-family:RTSans;src:url('./assets/body.woff') format('woff');font-display:swap}
:root{--ink:#243e34;--green:#244b3e;--sage:#839974;--paper:#fbfaf6;--white:#fff;--line:#e1e4d9;--muted:#666e62;--light:#edf1e7;--clay:#b46950;--yellow:#e2bc77;--danger:#93453b;--radius:20px;--sans:RTSans,'Segoe UI',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}button{color:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b78640;outline-offset:4px}button{border:0}p{margin:0 0 16px}h1,h2,h3,h4{line-height:1.2;margin:0;font-weight:500}h1,h2{font-family:var(--serif);letter-spacing:-1.4px}h3,h4{font-weight:600}h2{font-size:37px}h3{font-size:18px}small{font-size:12px}svg{display:block}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:10px;background:#fff;padding:10px;z-index:200}.skip-link:focus{top:10px}.site-header{height:100px;border-bottom:1px solid var(--line);background:rgba(251,250,246,.97);position:sticky;top:0;z-index:30}.nav-wrap{max-width:1200px;margin:auto;padding:0 32px;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-1px;line-height:1}.brand-light{font-weight:400}.brand small{display:block;font-size:11px;letter-spacing:1.4px;font-weight:400;margin-top:10px}.brand-mark{display:flex;align-items:center;justify-content:center;width:41px;height:46px;border-radius:14px 14px 14px 4px;background:var(--green)}.brand-mark svg{width:28px;fill:none;stroke:#f4f3df;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}nav{display:flex;align-items:center;gap:28px}.nav-link{background:none;text-decoration:none;font-size:12px;font-weight:600;padding:8px 0;color:#535e51}.nav-link:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 23px;border-radius:9px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;min-height:46px;white-space:normal}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--green);color:#fff}.btn-dark:hover{background:#173b2e;box-shadow:0 4px 16px #244b3e16}.btn-small{font-size:12px;padding:12px 20px;min-height:43px}.btn-large{padding:17px 25px;min-height:53px}.btn-outline{background:transparent;border:1px solid #b9c3b1}.btn-outline:hover{background:#edf1e7}.btn-light{background:#e8eddf}.btn-white{background:#fff;color:var(--green)}.btn-danger{background:#924c42;color:#fff}.text-button{display:inline-flex;gap:15px;align-items:center;font-size:12px;font-weight:600;padding:10px 0;background:none}.text-button:hover{text-decoration:underline}.home-inner{max-width:1200px;padding:0 32px;margin:auto}.hero{display:grid;grid-template-columns:1.09fr 1fr;align-items:center;gap:25px;padding:68px 0 55px;min-height:552px}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:2px;color:#6b775c}.hero .eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:24px}.tiny-leaf{font-size:18px;color:var(--sage)}h1{font-size:clamp(42px,4.8vw,63px);line-height:1.09;letter-spacing:-2.7px;font-weight:400}h1 em{color:#758766;font-weight:400;white-space:nowrap}.hero-lead{max-width:455px;font-size:14px;line-height:1.95;color:#67705f;margin-top:26px;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:26px}.hero-note{font-size:12px;color:#717566;display:flex;align-items:center;gap:7px;margin:23px 0 0}.lock-symbol{font-size:18px}.hero-art{height:430px;position:relative;isolation:isolate}.growth-art{width:100%;height:100%;overflow:visible}.art-tag{position:absolute;right:13px;top:6px;transform:rotate(6deg);font-size:10px;letter-spacing:1.7px;color:#758367}.floating-card{position:absolute;display:flex;align-items:center;gap:12px;background:#fffefb;border:1px solid #e1e6d7;box-shadow:0 10px 35px #4662360c;border-radius:12px;padding:17px;min-width:250px}.floating-card small{display:block;font-size:10px;letter-spacing:1.7px;color:#80866f;margin-bottom:4px}.floating-card strong{font-size:13px;font-weight:500;white-space:nowrap}.card-strength{left:0;top:77px;transform:rotate(-5deg)}.card-support{right:-4px;bottom:66px;transform:rotate(5deg)}.mini-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:37px;height:37px;border-radius:10px;font-size:25px;line-height:1}.green{background:#e7eddf;color:#456a4c}.peach{background:#f6e8dd;color:#a46149}.card-dot{width:6px;height:6px;border-radius:50%;background:#9ab282;margin-left:10px}.art-caption{font-family:var(--serif);font-style:italic;position:absolute;bottom:0;right:39px;font-size:16px;color:#7b856b;transform:rotate(-3deg)}.fact-strip{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.3fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:0 0 73px}.fact-strip>div{border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:15px}.fact-strip>div:first-child{justify-content:flex-start}.fact-strip>div:last-child{border:0}.fact-strip strong{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:-1px}.fact-strip span{font-size:12px;line-height:1.75;color:#6d7564}.fact-strip .fact-word{justify-content:flex-end}.fact-word .small-sprout{display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;border-radius:50%;border:1px solid #ced9bf;color:#899773}.fact-word b{font-weight:500;color:#344c3a}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:14px}.section-heading p{max-width:340px;font-size:12px;color:var(--muted);margin:0;line-height:1.9}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.how-grid article{position:relative;padding:24px 0 16px;border-top:1px solid var(--line)}.step-number{font-family:var(--serif);font-style:italic;font-size:22px;color:#9b9f87}.how-grid h3{font-size:15px;margin:14px 0}.how-grid p{font-size:12px;line-height:1.9;color:var(--muted);max-width:290px}.areas-section{margin:72px 0}.areas-section h2{font-size:31px}.small-pill{border:1px solid var(--line);padding:7px 12px;border-radius:30px;font-size:11px;white-space:nowrap;color:#6d7564}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.area-card{display:flex;align-items:center;gap:16px;padding:21px 20px;border:1px solid var(--line);border-radius:12px;background:#f6f6ee}.area-icon{width:40px;height:40px;flex-shrink:0;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#ebeee4}.area-icon svg{width:21px;height:21px}.area-card h3{font-size:12px;margin-bottom:6px;letter-spacing:0}.area-card p{font-size:11px;margin:0;color:var(--muted)}.care-note{display:flex;align-items:center;gap:27px;padding:30px 32px;background:#eaf0e2;border-radius:16px}.care-note h2{font-family:var(--sans);font-size:18px;font-weight:600;letter-spacing:-.5px;margin-bottom:10px}.care-note p{font-size:13px;line-height:1.9;max-width:650px;color:#65725c;margin:0}.care-note .text-button{white-space:nowrap;margin-left:auto;align-self:center}.care-glyph{font-size:58px;font-weight:200;color:#82966c;line-height:1}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:75px;margin:80px 0}.faq-section .eyebrow{margin-bottom:17px}.faq-section h2{font-size:36px}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-size:12px;font-weight:600;list-style:none;position:relative;padding-right:25px}.faq-list summary::after{content:'+';position:absolute;right:2px;font-size:20px;top:-6px;color:#7d876e}.faq-list details[open] summary::after{content:'−'}.faq-list p{font-size:12px;color:var(--muted);margin:15px 0 3px;line-height:1.85}.site-footer{border-top:1px solid var(--line);padding:31px 0}.footer-inner{max-width:1200px;margin:auto;padding:0 32px;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-inner p{font-size:13px;margin:0;line-height:1.8}.footer-inner p span{font-size:11px;color:#7c8173}.footer-inner>div{display:flex;gap:17px}.footer-link{background:none;font-size:12px;padding:8px 0}.footer-link:hover{text-decoration:underline}.footer-inner>small{font-size:11px;color:var(--muted)}
/* Refleksi */
.workspace{max-width:1190px;margin:0 auto;padding:34px 32px 70px}.back-link{background:none;padding:4px 0;font-size:12px;color:#6b755e;display:inline-flex;align-items:center;gap:9px}.intro-head{margin:24px 0 30px}.intro-head .eyebrow{margin-bottom:12px}.intro-head h1{font-size:42px;letter-spacing:-1.6px}.intro-head p{margin:18px 0 0;color:var(--muted);max-width:630px;font-size:13px}.intro-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:35px;align-items:start}.surface{background:#fffefb;border:1px solid var(--line);border-radius:var(--radius);padding:29px}.surface h2{font-family:var(--sans);font-size:18px;letter-spacing:-.3px;font-weight:600;margin-bottom:7px}.surface-sub{color:var(--muted);font-size:13px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:7px}.field-full{grid-column:1/-1}.field label{font-size:13px;font-weight:600}.optional{color:#7c8373;font-weight:400;font-size:12px}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:12px 13px;border:1px solid #ccd3c4;border-radius:8px;background:#fff;color:var(--ink);font-size:12px;min-height:44px}input::placeholder,textarea::placeholder{color:#8c9185}textarea{resize:vertical;min-height:90px;line-height:1.7}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin-top:2px}.check-label{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.8;cursor:pointer}.check-label small{font-size:12px;color:var(--muted);display:block;margin-top:3px}.form-divider{height:1px;background:var(--line);margin:25px 0}.advanced-profile{margin-top:24px}.advanced-profile summary{font-size:13px;font-weight:600;cursor:pointer}.advanced-profile .form-grid{margin-top:20px}.consents{display:flex;flex-direction:column;gap:17px}.form-submit{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:20px}.form-submit>span{font-size:12px;color:var(--muted)}.intro-aside{background:#edf1e7;border-radius:var(--radius);padding:31px}.intro-aside h2{font-size:28px;margin-bottom:24px}.intro-tip{display:flex;gap:14px;margin:21px 0}.intro-tip span{font-family:var(--serif);color:#8d9e78;font-size:22px}.intro-tip p{font-size:12px;margin:0;line-height:1.9;color:#63715c}.intro-tip strong{font-weight:600;color:#3d583f;display:block;font-size:12px}.inline-notice{border-radius:10px;padding:15px 18px;background:#f4f1e5;font-size:13px;line-height:1.85;color:#6d644a;margin-top:18px}.inline-notice p:last-child{margin:0}.resume-notice{margin:25px 0 0;background:#e9efe1;border-radius:12px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px}.resume-notice .buttons{display:flex;gap:16px;align-items:center}.workspace-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.privacy-indicator{font-size:12px;color:#6d795f;display:flex;align-items:center;gap:7px}.privacy-dot{width:6px;height:6px;border-radius:50%;background:#819573}.survey-layout{display:grid;grid-template-columns:223px minmax(0,1fr);gap:37px;align-items:start}.survey-aside{position:sticky;top:125px}.survey-aside .eyebrow{font-size:11px}.step-list{list-style:none;padding:0;margin:22px 0}.step-list li{margin:4px 0}.step-link{display:flex;align-items:center;gap:11px;width:100%;background:none;text-align:left;border-radius:10px;padding:11px 10px;font-size:13px;color:#7a8170}.step-link:disabled{opacity:.65}.step-link.current{background:#e7edde;color:#244b3e;font-weight:600}.step-link.complete .step-counter{background:#526e49;color:white;border-color:#526e49}.step-counter{width:25px;height:25px;border:1px solid #cfd6c4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.current .step-counter{border-color:#244b3e;background:#244b3e;color:#fff}.aside-bottom{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;font-size:12px;color:var(--muted);line-height:1.8}.aside-bottom button{font-size:12px}.survey-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.survey-heading h1{font-size:36px;letter-spacing:-1.2px;line-height:1.2}.survey-heading .eyebrow{margin-bottom:10px}.survey-heading .area-icon{width:52px;height:52px;border-radius:16px}.survey-description{font-size:12px;color:#6d7563;margin-top:12px;margin-bottom:0;max-width:630px;line-height:1.85}.survey-progress{margin-bottom:25px}.progress-info{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#6c7560;margin-bottom:8px}.progress-track{height:5px;border-radius:8px;background:#e7eadf;overflow:hidden}.progress-fill{height:100%;background:#81996b;border-radius:8px;transition:width .25s}.question-card{background:#fffefb;border:1px solid var(--line);border-radius:14px;padding:23px 24px;margin-bottom:14px;min-width:0}.question-card.answered{border-color:#c8d3ba}.question-card legend{float:left;width:100%;display:flex;align-items:flex-start;gap:14px;font-size:13px;line-height:1.8;font-weight:500;margin-bottom:19px;padding:0}.question-number{flex-shrink:0;color:#8b967d;font-size:12px;font-weight:600;margin-top:3px;min-width:19px}.question-card .answer-options{clear:both;display:flex;flex-wrap:wrap;gap:7px;margin-left:33px}.answer-option{position:relative;flex:1;min-width:100px;cursor:pointer}.answer-option input{position:absolute;width:1px;height:1px;opacity:0}.answer-option span{padding:10px 9px;min-height:43px;border:1px solid #dce1d3;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.45;transition:background .15s,border .15s;background:#fff}.answer-option:hover span{background:#f0f3e9;border-color:#adbda0}.answer-option input:checked+span{background:#e5eddc;color:#26482f;border-color:#708960;font-weight:700;box-shadow:0 0 0 1px #708960}.answer-option input:focus-visible+span{outline:3px solid #b78640;outline-offset:3px}.question-hint{font-size:12px;color:#7b6c56;clear:both;margin:15px 0 0 33px}.gamer-toggle{background:#eaf0e2;padding:15px 18px;border-radius:10px;margin-bottom:18px}.survey-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px}.survey-controls>.btn{min-width:130px}.completion-note{font-size:13px;color:#7c5a38;margin-top:15px;min-height:18px;text-align:right}.survey-mobile-steps{display:none}.alert-card{border:1px solid #dfb5a7;background:#fff0e9;border-radius:13px;padding:20px;margin:20px 0}.alert-card h3{color:#833f32;font-size:15px;margin-bottom:10px}.alert-card p{font-size:12px;color:#74483b;line-height:1.9;margin-bottom:12px}.alert-card p:last-child{margin:0}.alert-card ul{padding-left:20px;margin:8px 0;font-size:12px;color:#74483b}.alert-card button{margin-top:5px}.alert-inline{background:#f9eee6;padding:12px 14px;border-radius:8px;margin-top:16px;margin-left:33px;clear:both;font-size:13px;line-height:1.8;color:#864c39}.alert-inline strong{display:block;margin-bottom:4px}.review-intro{margin:30px 0}.review-intro h1{font-size:42px;margin-bottom:17px}.review-intro p{font-size:13px;color:var(--muted)}.review-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.review-row h3{font-size:13px;margin-bottom:6px}.review-row p{font-size:13px;color:var(--muted);margin:0}.review-row button{font-size:13px}.review-card{max-width:790px;margin:auto}.edit-link{background:none;text-decoration:underline;text-underline-offset:3px;padding:10px;color:var(--green)}
/* Hasil */
.result-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.result-top small{font-size:12px;color:var(--muted)}.demo-banner{border:1px solid #dbbb70;background:#fcf2d9;padding:15px 20px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;font-size:12px}.result-header{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end;margin-bottom:32px}.result-header h1{font-size:44px;line-height:1.18;letter-spacing:-1.6px;margin:12px 0 16px}.result-header p{color:var(--muted);font-size:12px;max-width:550px;margin:0}.export-buttons{display:flex;gap:10px;flex-wrap:wrap}.export-buttons .btn{font-size:13px;gap:10px}.export-buttons svg{width:17px;height:17px}.result-tabs{display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);margin-bottom:27px;overflow:auto}.result-tabs a{font-size:13px;text-decoration:none;padding:15px 0;white-space:nowrap;color:var(--muted)}.result-tabs a:hover{color:var(--green)}.result-tabs a:first-child{border-bottom:2px solid var(--green);color:var(--green);font-weight:600}.result-overview{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;margin-bottom:26px}.score-panel{background:#e9efe1;border-radius:19px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.score-panel .eyebrow{font-size:11px}.index-number{font-family:var(--serif);font-size:71px;line-height:1;margin:20px 0 12px;letter-spacing:-3px}.index-number span{font-family:var(--sans);font-size:17px;letter-spacing:0;color:#7a876b;margin-left:9px}.score-panel h2{font-family:var(--sans);font-weight:600;font-size:18px;letter-spacing:-.3px;margin:10px 0 15px}.score-panel p{font-size:13px;color:#68765c;line-height:1.8;margin:0}.score-panel .scale{display:flex;gap:4px;height:5px;margin:23px 0 13px}.scale span{flex:1;border-radius:5px;opacity:.35}.scale span.active{opacity:1;box-shadow:0 0 0 2px var(--paper),0 0 0 3px #788568}.scale span:nth-child(1){background:#749069}.scale span:nth-child(2){background:#bf9e5f}.scale span:nth-child(3){background:#b67750}.scale span:nth-child(4){background:#a65b58}.score-context{font-size:12px;border-top:1px solid #ccd7bc;padding-top:16px;margin-top:20px;line-height:1.8;color:#69755c}.strength-panel{padding:28px;border:1px solid var(--line);border-radius:19px;background:#fffefb}.panel-title{display:flex;gap:12px;align-items:center;margin-bottom:18px}.panel-title h2{font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:-.3px}.panel-title .area-icon{width:35px;height:35px}.strength-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.strength-list li{display:flex;align-items:center;gap:10px;font-size:13px}.strength-check{color:#5f7a49;flex-shrink:0;font-size:14px}.strength-list li>span:nth-child(2){flex:1}.badge{display:inline-block;font-size:11px;line-height:1.5;padding:4px 8px;border-radius:20px;background:#edf1e5;color:#566b43;white-space:normal}.badge.amber{background:#f4edda;color:#866b2e}.badge.orange{background:#f7e8dc;color:#9a6037}.badge.rose{background:#f8e4df;color:#934a3c}.badge.muted{background:#eeeee7;color:#6b705f}.muted-copy{font-size:13px;color:var(--muted);line-height:1.8}.strength-panel .muted-copy{margin:19px 0 0}.section-label-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:40px 0 19px}.section-label-row h2{font-size:28px}.section-label-row>span{font-size:12px;color:var(--muted)}.domain-results{display:grid;grid-template-columns:1fr 1fr;gap:15px}.domain-result{background:#fffefb;border:1px solid var(--line);border-radius:14px;padding:23px}.domain-result-top{display:flex;align-items:center;gap:11px;margin-bottom:18px}.domain-result-top h3{font-size:12px;flex:1;line-height:1.5}.domain-result-top .area-icon{width:34px;height:34px;border-radius:9px}.domain-result-top .area-icon svg{width:18px}.domain-value{font-family:var(--serif);font-size:27px;white-space:nowrap}.domain-value small{font-family:var(--sans);font-size:11px;color:var(--muted);margin-left:4px}.domain-bar{height:5px;border-radius:5px;background:#eeeee6;margin-bottom:13px;overflow:hidden}.domain-bar>span{display:block;height:100%;border-radius:5px}.domain-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.domain-result details{margin-top:19px;border-top:1px solid #eceee4;padding-top:13px}.domain-result summary{font-size:12px;font-weight:600;cursor:pointer}.domain-result details p{font-size:13px;color:var(--muted);line-height:1.9;margin:12px 0 0}.dynamics-panel{background:#eff1e8;padding:29px 32px;border-radius:16px}.dynamics-panel p{font-size:12px;line-height:1.95;color:#56624d}.dynamics-panel p:last-child{margin:0}.special-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.special-card{border:1px solid var(--line);border-radius:13px;padding:23px;background:#fffefb}.special-card.urgent{border-color:#dbb2a1;background:#fff2eb}.special-card h3{font-size:12px;margin:13px 0 10px;line-height:1.6}.special-card p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 10px}.special-card small{display:block;font-size:11px;color:#7a806f;margin-top:10px}.action-list{counter-reset:actions;display:flex;flex-direction:column;gap:13px}.action-item{display:flex;gap:20px;align-items:flex-start;background:#fffefb;border:1px solid var(--line);border-radius:13px;padding:24px}.action-item:before{counter-increment:actions;content:counter(actions,decimal-leading-zero);font-family:var(--serif);font-size:25px;line-height:1.1;color:#8a9778;min-width:34px}.action-item h3{font-size:13px;margin-bottom:10px}.action-item p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.action-item.urgent{background:#fff1e9;border-color:#e2bbae}.action-item.urgent:before{color:#b37861}.download-panel{margin-top:40px;background:#294d40;color:#fff;border-radius:19px;padding:33px;display:flex;align-items:center;justify-content:space-between;gap:25px}.download-panel h2{font-size:29px;letter-spacing:-.6px;margin-bottom:10px}.download-panel p{font-size:13px;color:#d9e0d0;max-width:480px;line-height:1.9;margin:0}.download-panel .btn-outline{border-color:#afbeab;color:#fff}.download-panel .btn-outline:hover{background:#496652}.details-panel{margin-top:22px;border:1px solid var(--line);border-radius:13px;padding:20px 23px}.details-panel summary{font-size:12px;font-weight:600;cursor:pointer}.details-panel p{font-size:13px;color:var(--muted);line-height:1.9;margin:15px 0}.answer-table-wrap{overflow-x:auto;margin-top:18px}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eaf0e2;font-weight:600}td:first-child{color:#8a947e}td .badge{font-size:11px}td:nth-child(2){min-width:230px}td:nth-child(3){min-width:95px}.result-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:30px;align-items:center}.result-bottom p{font-size:12px;color:var(--muted);max-width:630px;line-height:1.8;margin:0}.result-bottom button{white-space:nowrap;font-size:13px}.error-box{background:#fcece7;border:1px solid #e3b6a7;color:#8a4337;padding:14px;border-radius:9px;font-size:12px;margin-bottom:18px}.no-data{font-size:13px;color:#777d6d;line-height:1.9}.busy-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.download-message{font-size:13px;line-height:1.7;margin-top:15px;color:#6c765f;min-height:18px}
/* Dialogs and responsive */
dialog{border:1px solid var(--line);border-radius:20px;max-width:720px;width:calc(100% - 36px);max-height:85vh;padding:30px;color:var(--ink);background:var(--paper);box-shadow:0 25px 90px #1c382d30}dialog::backdrop{background:#1f362c55;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:23px}.dialog-top h2{font-size:29px;line-height:1.3}.icon-button{font-size:27px;line-height:1;background:#e9ede1;border-radius:50%;width:36px;height:36px;flex-shrink:0}#dialog-content p{font-size:12px;line-height:1.9;color:#5e6a53}#dialog-content h3{font-size:14px;margin:23px 0 12px}#dialog-content a{overflow-wrap:anywhere}#dialog-content .buttons{display:flex;gap:12px;margin-top:25px}.method-list{padding-left:22px;font-size:13px;color:#5e6a53}.method-list li{margin-bottom:14px;line-height:1.9}.dialog-alert{border:1px solid #d5a68f;background:#fceee4;border-radius:12px;padding:20px;margin-bottom:20px}.dialog-alert h3{color:#8f5039;margin-top:0!important}#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:23px;z-index:150;max-width:calc(100% - 35px);background:#243f32;color:white;padding:14px 23px;border-radius:10px;font-size:12px;box-shadow:0 6px 22px #18271d33}.noscript{position:fixed;bottom:0;padding:15px;background:#ffe9be;width:100%;z-index:200;text-align:center}.field-error{font-size:13px;color:#963f34}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1400px){.home-inner,.nav-wrap,.footer-inner{max-width:1240px}.hero{padding-top:78px;padding-bottom:67px}.hero-art{height:450px}}
@media(max-width:1000px){nav{gap:18px}.hero{gap:10px;padding-top:48px}.hero-art{height:380px}.floating-card{padding:13px;min-width:220px}.card-strength{top:74px;left:0}.card-support{right:0;bottom:52px}.floating-card strong{font-size:12px}.hero-actions{gap:18px}.hero-actions .text-button{font-size:12px}h1{font-size:48px}.hero-lead{font-size:13px}.art-tag{font-size:9px}.art-caption{font-size:14px}.fact-strip>div{gap:12px}.fact-strip strong{font-size:26px}.fact-strip span{font-size:11px}.area-card{padding:18px 14px;gap:12px}.area-card h3{font-size:13px}.area-card p{font-size:10px}.care-note{padding:26px;gap:20px}.care-note .text-button{font-size:12px}.survey-layout{grid-template-columns:175px minmax(0,1fr);gap:24px}.question-card{padding:20px}.question-card .answer-options{margin-left:0}.answer-option{min-width:90px}.survey-heading h1{font-size:31px}.result-header{grid-template-columns:1fr}.result-header .export-buttons{margin-top:4px}.download-panel{align-items:flex-start}.download-panel .export-buttons{min-width:150px;flex-direction:column}.intro-layout{gap:22px;grid-template-columns:1.6fr 1fr}.surface{padding:24px}.intro-aside{padding:25px}.footer-inner>small{display:none}}
@media(max-width:760px){.site-header{height:79px}.nav-wrap,.home-inner,.workspace,.footer-inner{padding-left:22px;padding-right:22px}.brand{font-size:21px;gap:9px}.brand small{font-size:9px;margin-top:8px;letter-spacing:1.2px}.brand-mark{width:34px;height:38px;border-radius:11px 11px 11px 3px}.brand-mark svg{width:24px}nav{gap:0}nav>.nav-link{display:none}nav .btn-small{padding:11px 15px;font-size:12px;min-height:39px}.hero{grid-template-columns:1fr;padding:45px 0 33px;gap:26px}.hero-copy{max-width:540px}.hero h1{font-size:53px}.hero .eyebrow{font-size:11px;margin-bottom:20px}.hero-lead{font-size:13px;max-width:480px;margin-top:23px}.hero-note{font-size:11px}.hero-art{width:100%;max-width:475px;height:380px;margin:0 auto}.hero-actions{gap:23px}.hero-actions .text-button{font-size:13px}.card-strength{left:0;top:71px}.card-support{right:0;bottom:57px}.art-tag{right:8px}.fact-strip{grid-template-columns:1fr 1fr 1fr;margin-bottom:45px;padding:21px 0}.fact-strip>div{flex-direction:column;gap:3px;justify-content:center!important}.fact-strip>div:nth-child(3){border:0}.fact-strip .fact-word{display:none}.fact-strip strong{font-size:27px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:33px}.section-heading>p{margin-top:20px;max-width:440px}.how-grid{gap:21px}.how-grid h3{font-size:13px;line-height:1.5}.how-grid p{font-size:13px}.areas-section{margin:42px 0}.areas-section .small-pill{display:inline-block;margin-top:18px}.areas-section h2{font-size:29px;line-height:1.3}.area-grid{grid-template-columns:1fr 1fr;gap:10px}.area-card{padding:16px 12px;gap:10px}.area-icon{width:32px;height:32px;border-radius:9px}.area-icon svg{width:17px}.area-card h3{font-size:13px;line-height:1.5}.area-card p{font-size:10px}.care-note{gap:18px;flex-wrap:wrap;padding:25px}.care-glyph{font-size:42px}.care-note>div{flex:1}.care-note h2{font-size:16px;line-height:1.4}.care-note p{font-size:12px}.care-note .text-button{margin-left:60px;padding:0}.faq-section{gap:30px;margin:47px 0;grid-template-columns:1fr}.faq-section h2{font-size:32px}.faq-section h2 br{display:none}.footer-inner{flex-wrap:wrap}.footer-inner p{font-size:12px}.footer-inner>div{gap:16px}.workspace{padding-top:24px}.intro-head h1{font-size:36px}.intro-layout{grid-template-columns:1fr}.intro-aside{order:-1;padding:23px}.intro-aside h2{font-size:23px;margin-bottom:14px}.intro-tip{margin:12px 0}.intro-tip p{font-size:12px}.intro-tip strong{font-size:13px}.intro-aside .inline-notice{margin-top:15px;font-size:12px}.intro-head{margin:21px 0}.form-grid{gap:17px}.surface{padding:24px}.survey-layout{grid-template-columns:1fr;gap:0}.survey-aside{display:none}.survey-mobile-steps{display:block;width:100%;margin-bottom:22px}.survey-mobile-steps select{font-size:13px;background:#edf1e7;border-color:#d8dfcd}.survey-heading h1{font-size:30px}.survey-heading .eyebrow{font-size:11px}.survey-heading .area-icon{width:42px;height:42px}.survey-description{font-size:13px}.workspace-top{margin-bottom:18px}.privacy-indicator{font-size:10px}.question-card{padding:20px 18px}.question-card legend{font-size:12px;gap:8px;margin-bottom:17px}.question-number{min-width:17px}.question-card .answer-options{margin-left:0;gap:7px}.answer-option{min-width:calc(33.33% - 7px);flex:1}.answer-option span{font-size:12px;min-height:44px}.question-hint{margin-left:0}.alert-inline{margin-left:0}.survey-controls{gap:10px}.survey-controls .btn{font-size:12px;padding:14px 19px;min-width:115px}.result-header h1{font-size:36px}.result-top{margin-bottom:23px}.result-top small{font-size:10px;text-align:right}.result-header .eyebrow{font-size:11px}.result-header p{font-size:13px}.result-tabs{gap:23px;margin-bottom:22px}.result-tabs a{font-size:12px}.result-overview{grid-template-columns:1fr}.score-panel{padding:27px}.index-number{font-size:62px;margin-top:16px}.score-panel h2{font-size:17px}.domain-results{grid-template-columns:1fr;gap:12px}.section-label-row{margin-top:32px}.section-label-row h2{font-size:26px}.section-label-row>span{font-size:11px;max-width:120px;text-align:right}.domain-result{padding:20px}.special-grid{grid-template-columns:1fr}.special-card{padding:20px}.dynamics-panel{padding:24px}.dynamics-panel p{font-size:13px}.download-panel{padding:27px;display:block}.download-panel .export-buttons{flex-direction:row;margin-top:24px}.download-panel h2{font-size:29px}.download-panel .btn{font-size:13px}.action-item{padding:21px;gap:15px}.action-item:before{font-size:22px;min-width:29px}.action-item h3{font-size:12px}.action-item p{font-size:13px}.result-bottom{align-items:flex-start;flex-direction:column;gap:13px}.resume-notice{flex-direction:column;align-items:flex-start;gap:8px;font-size:13px}.demo-banner{font-size:12px;gap:13px;padding:15px;align-items:flex-start}.demo-banner .text-button{font-size:12px;padding:0}.review-intro h1{font-size:34px}.review-row h3{font-size:12px}.review-row p{font-size:12px}.review-card .surface{padding:22px}.dialog-top h2{font-size:25px}.intro-head p{font-size:12px}}
@media(max-width:430px){.nav-wrap,.home-inner,.workspace,.footer-inner{padding-left:18px;padding-right:18px}.brand{font-size:19px}.brand small{font-size:8px;letter-spacing:1.1px}.brand-mark{width:31px;height:35px}nav .btn-small{padding:10px 12px;font-size:11px;gap:10px;min-height:37px}.hero h1{font-size:43px;letter-spacing:-2px}.hero{padding-top:36px}.hero-lead{font-size:12px}.hero-actions{gap:21px}.hero-actions .btn-large{padding:15px 18px;font-size:12px}.hero-actions .text-button{font-size:12px;gap:7px}.hero-art{height:330px;max-width:355px}.floating-card{padding:11px;min-width:198px;gap:9px}.floating-card strong{font-size:11px}.floating-card small{font-size:9px}.floating-card .mini-icon{width:31px;height:31px}.card-strength{top:57px}.card-support{bottom:51px}.art-caption{font-size:12px;right:20px}.art-tag{font-size:8px;top:9px}.how-grid{grid-template-columns:1fr;gap:5px}.how-grid article{padding:20px 0 16px;padding-left:44px}.step-number{position:absolute;left:0;top:17px}.how-grid h3{margin:0 0 10px;font-size:14px}.how-grid p{max-width:100%;font-size:13px;margin:0}.area-card{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.area-card h3{font-size:13px}.area-card p{font-size:11px}.care-note{padding:22px;gap:14px}.care-glyph{display:none}.care-note .text-button{margin-left:0}.form-grid{grid-template-columns:1fr}.surface{padding:21px}.form-submit{align-items:flex-start;flex-direction:column}.form-submit .btn{width:100%}.survey-heading h1{font-size:28px}.survey-heading .area-icon{display:none}.question-card{padding:18px 15px}.answer-option span{font-size:11px}.survey-controls .btn{padding:14px 16px;font-size:13px;min-width:105px}.result-header h1{font-size:32px}.export-buttons{gap:8px}.export-buttons .btn{padding:12px 17px;font-size:12px}.result-top .back-link{font-size:12px}.score-panel h2{font-size:16px}.strength-panel{padding:24px}.strength-list li{font-size:12px}.badge{font-size:10px}.download-panel{padding:23px}.download-panel .btn{padding:12px 15px;font-size:12px}.footer-inner>div{width:100%;justify-content:space-between}.completion-note{text-align:left}.dialog-top{gap:13px}dialog{padding:23px}.dialog-top h2{font-size:23px}.small-pill{font-size:10px}.result-bottom button{white-space:normal}.domain-result-top h3{font-size:13px}.domain-value{font-size:24px}}
.admin-login{white-space:nowrap}
@media(max-width:760px){#main-nav{gap:10px}}
/* Keep admin access visible on small phones; the parent action remains in the hero. */
@media(max-width:560px){#main-nav .nav-start{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.export-buttons,.result-tabs,.result-top,.result-bottom,.download-panel,.back-link,.demo-banner button,.skip-link{display:none!important}body{background:white;font-size:13px}.workspace{max-width:none;padding:0}.result-overview,.domain-results,.special-grid{display:block}.domain-result,.special-card,.strength-panel,.score-panel{margin-bottom:15px;break-inside:avoid}.result-header h1{font-size:30px}.domain-result details:not([open])>p{display:block}.details-panel{display:none}a{text-decoration:none}dialog{display:none}}

/* Optional report details follow the uploaded examiner format. */
.report-editor{scroll-margin-top:100px;background:#fffefb}.report-editor[open] summary{margin-bottom:14px}.report-editor .form-grid{margin-top:22px}.report-editor textarea{min-height:112px;resize:vertical}.report-editor #report-examinerNotes{min-height:155px}.report-editor .field label{line-height:1.55}