.silo-hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:24px;margin:26px 0 32px;padding:36px;background:linear-gradient(115deg,#fff 20%,#eef4e6);border:1px solid #e0e7d9;border-radius:24px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#587442}.silo-hero h1{font-size:clamp(32px,4.7vw,48px);margin:12px 0 20px;line-height:1.1}.hero-description{color:#62705e;max-width:490px}.silo-visual{width:100%;max-width:360px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-tags span{font-size:11px;padding:5px 10px;border:1px solid #d9e3d0;border-radius:99px;background:#ffffffa8;color:#4f6540}.survey-progress{position:sticky;top:0;z-index:5;background:#f5f7f2f5;backdrop-filter:blur(10px);padding:18px 2px 16px;margin-bottom:28px;border-bottom:1px solid #dde6d5}.survey-progress div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.survey-progress span{color:#597346;white-space:nowrap}.survey-progress progress{display:block;height:7px;border:0;border-radius:9px;margin-top:12px;accent-color:#8ac526}.survey-progress progress::-webkit-progress-bar{background:#e2e9db;border-radius:9px}.survey-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#85c828,#edab1b);border-radius:9px}
.question-section{padding:26px 28px 12px;margin-bottom:30px;border-radius:18px}.question-section>legend{display:flex;align-items:center;gap:12px;padding:0 10px 0 0;font-size:19px}.section-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#314e28;color:#fff;font-size:13px;letter-spacing:1px}.question-section>fieldset{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;padding:20px 0 24px;border-bottom:1px solid #edf0e9;margin-bottom:15px}.question-section>fieldset:last-child{border-bottom:0;margin-bottom:0}.question-section>fieldset>legend{padding-top:16px;padding-bottom:12px;width:100%;font-size:15px;line-height:1.5}.question-section>fieldset>.muted{grid-column:1/-1;margin:0 0 6px}.question-section label.option{display:flex;align-items:center;padding:12px 14px;border:1px solid #e0e7d9;border-radius:10px;font-size:14px;line-height:1.45;transition:background .15s,border-color .15s}.question-section label.option:has(input:checked){background:#eef6e5;border-color:#8db859;box-shadow:inset 3px 0 #8bbf35}.question-section input{flex-shrink:0;width:16px;height:16px;margin:0 12px 0 0}.submit-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border-radius:16px;background:#eaf0e2;margin-bottom:30px}.submit-panel p{margin:4px 0 0;font-size:13px;color:#66715d}.submit-panel button{white-space:nowrap;padding:14px 22px}.result{padding:32px;scroll-margin-top:100px}.result h2{font-size:28px;margin-top:8px}.score{margin:10px 0 24px;font-size:56px;letter-spacing:-2px}#breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#breakdown p{background:#f3f6ee;border:1px solid #e1e8d9;border-radius:12px;padding:16px;font-size:14px;margin:0 0 12px}#steps{padding-left:24px}#steps li{padding:7px 0 7px 6px}#steps li::marker{color:#618d30;font-weight:bold}details{background:#f7f9f3;border-radius:10px;padding:14px 16px;font-size:13px}summary{cursor:pointer;font-weight:bold}.section-divider{border:0;border-top:1px solid #e1e7dc;margin:32px 0}.result .grid{margin-bottom:24px}.result .grid label{font-size:13px;font-weight:bold}.result .grid input{margin-top:6px;font-weight:normal}#message{margin-top:10px;background:#fbfcf8;border-color:#dce5d2}.actions button{font-size:13px}.actions button:not(#send){background:#edf2e7;color:#3d5a2b;border:1px solid #d6e1cb}.actions #send{background:#e77c09}#error:empty{display:none}#error:not(:empty){padding:14px;background:#fff4e7;border-radius:10px;color:#8f4510}
@media(max-width:680px){.silo-hero{grid-template-columns:1fr;padding:24px;gap:8px}.silo-visual{max-width:220px;justify-self:center}.hero-tags{margin-top:18px}.survey-progress strong{font-size:11px}.survey-progress span{font-size:11px}.question-section{padding:18px 16px 4px}.question-section>legend{font-size:16px}.question-section>fieldset{grid-template-columns:1fr}.submit-panel{flex-direction:column;align-items:stretch;padding:22px}.result{padding:20px}#breakdown{grid-template-columns:1fr}.result h2{font-size:23px}.actions button{flex:1 1 140px}}