:root{--teal:#0e5052;--teal-dark:#093f41;--mint:#dcefe7;--paper:#f7f8f4;--ink:#203638;--muted:#617174;--line:#e2e8e5;--coral:#c65340;--radius:16px;--sidebar:280px;font-family:"Roboto",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ac6750;outline-offset:4px}.skip-link{position:fixed;top:-100px;left:16px;z-index:10;padding:12px;background:#fff;color:var(--teal)}.skip-link:focus{top:16px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:36px 24px;background:linear-gradient(155deg,var(--teal),var(--teal-dark));color:#fff;display:flex;flex-direction:column;overflow-y:auto}.brand{text-decoration:none;font-family:"Raleway",sans-serif;font-size:25px;letter-spacing:-.7px}.brand span{display:block;font-family:"Roboto",sans-serif;font-size:12px;letter-spacing:3px;margin-top:12px;color:#c4ddd6}.sidebar-intro{margin:54px 4px 28px}.sidebar h2{font-family:"Raleway",sans-serif;font-weight:500;font-size:32px;line-height:1.18;margin:0 0 16px}.sidebar-intro p{color:#d7e7e2;line-height:1.65;font-size:15px;margin:0}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:flex;gap:14px;align-items:center;padding:13px 12px;border-radius:9px;font-size:14px;text-decoration:none;color:#e0efea;transition:background .15s}.sidebar nav a span{font-size:12px;opacity:.8}.sidebar nav a:hover{background:#ffffff12}.sidebar nav a.active{background:var(--mint);color:var(--teal-dark);font-weight:600}.time-note{display:flex;gap:12px;margin:28px 4px;padding-top:24px;border-top:1px solid #ffffff32;font-size:14px}.time-note>span{font-size:28px}.time-note small{display:block;margin-top:8px;color:#c2d8d3;line-height:1.5;font-size:12px}.sidebar-bottom{font:italic 24px/1.5 "Raleway",sans-serif;color:#d1e5da;margin:auto 4px 0;padding-top:36px;border-bottom:2px solid #edac97;padding-bottom:16px;width:fit-content}
main{margin-left:var(--sidebar);padding:42px 42px 0;max-width:1600px}.page-header{margin:0 4px 26px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--muted);margin:0 0 12px;font-weight:600}h1{font-family:"Raleway",sans-serif;font-size:clamp(32px,3.8vw,52px);line-height:1.12;letter-spacing:-1.5px;font-weight:500;margin:0 0 14px;color:var(--teal-dark)}.page-header>p:last-child{font-size:17px;line-height:1.6;color:var(--muted);margin:0}.demo-notice{border:1px solid #cbded8;padding:12px 16px;background:#eaf3ee;border-radius:9px;font-size:14px;line-height:1.6;display:flex;gap:12px;align-items:center}.notice-label{font-size:11px;letter-spacing:1.4px;font-weight:700;color:var(--teal);white-space:nowrap}.form-note{font-size:14px;color:var(--muted);line-height:1.6;margin:20px 4px}.required{color:var(--coral)}.optional{font-size:13px;color:var(--muted);font-weight:400}.card{padding:26px;margin-bottom:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);scroll-margin-top:24px;box-shadow:0 3px 14px #173c3003}.section-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.section-icon{width:44px;height:44px;border-radius:50%;background:var(--mint);display:grid;place-items:center;color:var(--teal);font-size:14px;font-weight:700;flex-shrink:0}.section-heading h2{font-family:"Raleway",sans-serif;font-size:24px;font-weight:600;letter-spacing:-.4px;color:var(--teal-dark);margin:0 0 5px}.section-heading p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}.fields{display:grid;gap:18px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.fields label{font-size:14px;font-weight:500;line-height:1.5}input:not([type=radio]):not([type=checkbox]),textarea{display:block;width:100%;margin-top:8px;padding:12px 13px;min-height:46px;color:var(--ink);background:#fff;border:1px solid #cfd9d5;border-radius:7px;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#7b8587;opacity:1;font-size:14px}input:not([type=radio]):not([type=checkbox]):focus,textarea:focus{border-color:var(--teal)}textarea{resize:vertical;min-height:130px;line-height:1.6}.rating-key{font-size:13px;line-height:1.65;color:var(--muted);padding:0 0 15px;border-bottom:1px solid var(--line)}fieldset{min-width:0;padding:0;border:0;margin:0}legend{font-size:14px;line-height:1.5;font-weight:500;padding:0}.rating-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:15px 0}.rating-row:last-child{border-bottom:0;padding-bottom:0}.rating-row legend{float:left}.rating-row .rating-choices{display:flex;gap:10px}.rating-chip{position:relative;display:block}.rating-chip input{position:absolute;width:1px;height:1px;opacity:0}.rating-chip span{display:grid;place-items:center;border:1px solid #cfd9d5;border-radius:20px;width:42px;min-height:36px;font-size:14px;background:white;cursor:pointer;transition:all .15s}.rating-chip input:checked+span{color:#fff;background:var(--teal);border-color:var(--teal)}.rating-chip input:focus-visible+span{outline:3px solid #ac6750;outline-offset:3px}.rating-chip:hover span{border-color:var(--teal);background:#eff7f2}.counter{display:block;text-align:right;color:var(--muted);font-size:12px;font-weight:400;margin-top:8px}.section-tip{font-size:13px;color:var(--muted);line-height:1.6;margin:16px 0 0}.overall-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.stars{display:flex;gap:8px;margin-top:12px}.star-choice{position:relative;cursor:pointer}.star-choice input{position:absolute;width:1px;height:1px;opacity:0}.star-choice span{display:block;font-size:38px;line-height:1.1;color:#7a8889}.star-choice.selected span{color:var(--teal)}.star-choice input:focus-visible+span{outline:3px solid #ac6750;outline-offset:3px;border-radius:4px}.star-caption{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0 0}.consents label{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.6}input[type=checkbox],input[type=radio]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--teal);flex-shrink:0}.consents{display:grid;gap:14px;margin:28px 0 24px}.submit-button{width:100%;padding:15px 20px;border:0;border-radius:8px;background:var(--teal);color:#fff;font-weight:600;font-size:15px;display:flex;justify-content:center;align-items:center;gap:22px;min-height:50px;transition:background .15s}.submit-button:hover{background:var(--teal-dark)}.submit-button span{font-size:22px}.submit-note{text-align:center;font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.6}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 8px 32px;color:var(--muted)}.footer-brand{font:18px "Raleway",sans-serif;color:var(--teal)}.footer-brand small{display:block;font:10px "Roboto",sans-serif;letter-spacing:2px;margin-top:8px}footer p{font-size:13px;line-height:1.6}dialog{max-width:480px;width:calc(100% - 36px);padding:36px;border:1px solid var(--line);border-radius:18px;color:var(--ink);box-shadow:0 20px 80px #0003;text-align:center}dialog::backdrop{background:#063b3bcc;backdrop-filter:blur(4px)}dialog h2{font:30px/1.2 "Raleway",sans-serif;color:var(--teal);margin:12px 0 20px}dialog p{line-height:1.7;font-size:15px}.success-mark{width:56px;height:56px;border-radius:50%;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-size:28px;margin:0 auto 24px}dialog .submit-button{margin-top:24px}
@media(min-width:1600px){main{margin-right:auto}.desktop-break{display:none}}
@media(max-width:1150px){:root{--sidebar:240px}.sidebar{padding:28px 18px}.brand{font-size:22px}main{padding:32px 26px 0}.card{padding:22px}.three,.four{grid-template-columns:repeat(2,minmax(0,1fr))}.text-fields{grid-template-columns:1fr}.rating-row .rating-choices{gap:6px}.rating-chip span{width:36px}.sidebar h2{font-size:29px}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:22px 20px;display:block}.brand{font-size:25px}.brand span{font-size:10px;margin-top:8px}.sidebar-intro,.time-note,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:8px;margin-top:20px;padding-bottom:4px}.sidebar nav a{white-space:nowrap;padding:10px;font-size:13px}.sidebar nav a span{display:none}main{margin:0;padding:28px 20px 0}.desktop-break{display:none}h1{font-size:38px}.page-header{margin-bottom:22px}.rating-chip span{width:42px;min-height:40px}.card{scroll-margin-top:16px}.overall-grid{grid-template-columns:1fr;gap:24px}}
@media(max-width:520px){main{padding:24px 14px 0}.card{padding:20px 16px;border-radius:12px;margin-bottom:16px}.three,.four{grid-template-columns:1fr;gap:18px}.four{margin-top:18px}h1{font-size:34px;letter-spacing:-1px}.page-header>p:last-child{font-size:16px}.section-heading{gap:10px;margin-bottom:20px}.section-heading h2{font-size:22px}.section-icon{width:38px;height:38px}.rating-row{grid-template-columns:1fr;gap:12px;padding:17px 0}.rating-row .rating-choices{justify-content:space-between;gap:5px}.rating-chip span{width:40px}.demo-notice{align-items:flex-start;font-size:13px}.consents label{flex-wrap:wrap}.consents input{align-self:flex-start}footer{display:block;padding:20px 4px}.rating-key{font-size:12px}.stars{gap:14px}}
select{display:block;width:100%;margin-top:8px;padding:12px 36px 12px 13px;min-height:46px;font:inherit;font-size:14px;line-height:1.5;color:var(--ink);background:#fff;border:1px solid #cfd9d5;border-radius:7px;max-width:100%}select:focus-visible{outline:3px solid #ac6750;outline-offset:4px}
.brand{display:block}.roots-logo{display:block;width:100%;max-width:263px;height:auto;object-fit:contain}.brand .roots-logo{max-width:232px}.footer-brand{display:block;flex-shrink:0;width:240px;max-width:100%;background:var(--teal);padding:18px 20px;border-radius:9px;color:white}.footer-brand small{color:#dcefe7;margin-top:12px}@media(max-width:800px){.brand .roots-logo{width:232px;max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.recommend-question{font-size:14px;font-weight:500;line-height:1.65}h1,h2{font-family:"Raleway",sans-serif;font-weight:600}.sidebar-bottom{font-family:"Roboto",sans-serif}

input[type=hidden]{display:none!important}.dynamic-question{display:block;font-size:14px;line-height:1.6;margin-top:24px}.choice-question{margin-top:24px}.choice-list{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:14px}.choice-list label{display:flex;align-items:flex-start;gap:8px}
