:root{--ink:#17231f;--muted:#65736d;--paper:#f6f4ed;--card:#fffefa;--line:#dcded7;--green:#1e5e48;--lime:#dbe86b;--orange:#e77a43;--shadow:0 24px 70px rgba(20,43,34,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.6}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 6%,rgba(219,232,107,.22),transparent 28%),radial-gradient(circle at 92% 30%,rgba(30,94,72,.08),transparent 30%);z-index:-1}.hero{background:var(--green);color:white;padding:72px 24px 84px;position:relative;overflow:hidden}.hero:after{content:"MX";position:absolute;right:-30px;bottom:-125px;font:900 290px/1 Arial;color:rgba(255,255,255,.035)}.hero-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 260px;gap:70px;align-items:end;position:relative;z-index:1}.eyebrow{font:700 12px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em;color:var(--orange);margin:0 0 14px}.hero .eyebrow{color:var(--lime)}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(40px,6vw,76px);line-height:1.08;letter-spacing:-.055em;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--lime)}.lead{font-size:18px;color:rgba(255,255,255,.72);max-width:680px;margin:0}.hero aside{border:1px solid rgba(255,255,255,.22);padding:25px;border-radius:4px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.hero aside span,.hero aside small,.hero aside i{display:block}.hero aside span{font-size:13px;color:var(--lime);font-weight:700}.hero aside strong{font-size:74px;line-height:1}.hero aside small{color:rgba(255,255,255,.7)}.hero aside i{font-style:normal;border-top:1px solid rgba(255,255,255,.16);margin-top:18px;padding-top:14px;font-size:13px}.survey-shell,.dashboard{max-width:1120px;margin:auto;padding:0 24px 80px}.intro{display:grid;grid-template-columns:250px 1fr;gap:40px;margin-top:-32px;background:var(--card);padding:34px 40px;box-shadow:var(--shadow);position:relative;z-index:2;border-top:4px solid var(--lime)}.intro h2{margin:0;font-size:28px}.intro>p{margin:2px 0 0;color:var(--muted)}.form-section{display:grid;grid-template-columns:72px 1fr;gap:26px;padding:72px 0;border-bottom:1px solid var(--line)}.section-marker{font:700 14px ui-monospace,monospace;color:var(--green);padding-top:5px}.section-content>h2{font-size:34px;letter-spacing:-.03em;margin-bottom:38px}.section-content fieldset{border:0;padding:0;margin:0 0 42px}.section-content fieldset:last-child{margin-bottom:0}legend{width:100%;font-size:17px;font-weight:650;margin-bottom:18px}legend b{color:var(--orange);margin-right:5px}.profile-grid,.two-cols,.percent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.two-cols{grid-template-columns:1fr 1fr}.percent-grid{grid-template-columns:repeat(2,1fr)}.percent-grid.four{grid-template-columns:repeat(4,1fr)}label{font-size:14px;font-weight:650;color:var(--muted)}input,textarea{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1px solid #cdd2cd;border-radius:3px;padding:13px 14px;margin-top:7px;outline:none;transition:.2s}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(30,94,72,.1)}textarea{min-height:112px;resize:vertical}.choices{display:flex;flex-wrap:wrap;gap:10px}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:block;padding:11px 16px;background:var(--card);border:1px solid #cdd2cd;border-radius:99px;color:var(--ink);cursor:pointer;font-weight:500;transition:.18s}.choice input:checked+span{background:var(--green);border-color:var(--green);color:white}.choice input:focus-visible+span{outline:3px solid rgba(30,94,72,.2)}.sub-input{display:block;max-width:520px;margin-top:16px}.pct>div{position:relative}.pct input{font-size:24px;font-weight:750;padding-right:42px}.pct b{position:absolute;right:15px;top:19px;color:var(--green)}.sum{text-align:right;margin-top:12px;color:var(--muted);font-size:13px}.sum strong{color:var(--orange);font-size:18px}.sum.valid strong{color:var(--green)}.matrix{border:1px solid var(--line);background:var(--card)}.matrix-head,.matrix-row{display:grid;grid-template-columns:1.5fr repeat(3,1fr);align-items:center}.matrix-head{background:var(--green);color:#fff;font-size:13px;padding:10px 14px}.matrix-head span:not(:first-child){text-align:center}.matrix-row{padding:13px 14px;border-top:1px solid var(--line)}.matrix-row label{text-align:center}.matrix-row label input{width:auto;margin:0}.matrix-row label span{display:none}.date-field{display:block;max-width:340px}.submit-zone{display:flex;justify-content:space-between;align-items:center;padding:36px 0}.submit-zone div span{display:block;color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--green);color:white;border:0;border-radius:3px;padding:14px 22px;font:700 15px/1 inherit;text-decoration:none;cursor:pointer;transition:.2s}.btn:hover{background:#154735;transform:translateY(-1px)}.btn.secondary{background:transparent;color:var(--green);border:1px solid var(--green)}.admin-entry{display:block;text-align:center;color:var(--muted);font-size:13px}footer{text-align:center;padding:28px;color:#819089;font-size:12px;border-top:1px solid var(--line)}.alert{background:#fff2eb;color:#9b3d17;padding:13px 16px;border-left:4px solid var(--orange);margin:16px 0}.alert.sticky{margin-top:28px}.center-page{min-height:calc(100vh - 75px);display:grid;place-items:center;padding:30px}.login-card,.success-card{width:min(480px,100%);background:var(--card);padding:42px;box-shadow:var(--shadow);border-top:4px solid var(--lime)}.login-card h1,.success-card h1{font-size:38px;letter-spacing:-.04em}.login-card form .btn{width:100%;margin-top:18px}.back-link,.text-link{color:var(--green);text-decoration:none;font-size:13px}.success-card{text-align:center}.success-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:var(--lime);color:var(--green);font-size:28px;font-weight:900}.success-card p{color:var(--muted)}.success-card .eyebrow{color:var(--orange)}.admin-top{max-width:1120px;margin:auto;padding:54px 24px 36px;display:flex;justify-content:space-between;align-items:end}.admin-top h1{font-size:48px;letter-spacing:-.05em;margin:0}.admin-top nav{display:flex;gap:20px;align-items:center}.metric{background:var(--green);color:white;padding:26px 30px;width:240px;margin-bottom:24px}.metric span,.metric small{color:rgba(255,255,255,.65)}.metric strong{font-size:52px;line-height:1;margin:0 8px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-card{background:var(--card);padding:28px;box-shadow:0 10px 30px rgba(20,43,34,.05)}.chart-card h2{font-size:18px;min-height:58px}.chart-kicker{font:700 11px ui-monospace,monospace;color:var(--orange);margin-bottom:8px}.bar-row{margin:15px 0}.bar-label{display:flex;justify-content:space-between;gap:15px;font-size:13px}.bar-label b{white-space:nowrap;color:var(--green)}.track{height:7px;background:#e9ebe5;margin-top:6px}.track i{display:block;height:100%;background:var(--lime);min-width:1px}.responses{margin-top:54px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.section-title h2{font-size:34px;margin:0}.response{background:var(--card);border-top:1px solid var(--line)}.response summary{list-style:none;padding:18px 22px;display:flex;justify-content:space-between;cursor:pointer}.response summary::-webkit-details-marker{display:none}.response summary div span{display:block;color:var(--muted);font-size:13px}.response time{font-size:12px;color:var(--muted)}.response-body{border-top:1px solid var(--line);padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:16px 30px}.response-body div{border-bottom:1px dashed var(--line);padding-bottom:10px}.response-body dt{font-size:12px;color:var(--muted)}.response-body dd{margin:4px 0 0}.empty{background:var(--card);padding:60px;text-align:center}.empty p{color:var(--muted)}
@media(max-width:760px){.hero{padding:50px 20px 65px}.hero-inner{grid-template-columns:1fr}.hero aside{display:none}.hero h1{font-size:42px}.survey-shell,.dashboard{padding-left:16px;padding-right:16px}.intro{grid-template-columns:1fr;padding:26px;margin-top:-25px}.form-section{grid-template-columns:1fr;gap:5px;padding:50px 0}.section-content>h2{font-size:28px}.profile-grid,.two-cols,.percent-grid,.percent-grid.four,.charts-grid,.response-body{grid-template-columns:1fr}.matrix-head{display:none}.matrix-row{grid-template-columns:1fr;gap:10px}.matrix-row label{display:flex;text-align:left;align-items:center;gap:8px}.matrix-row label input{width:auto}.matrix-row label span{display:block}.submit-zone{align-items:flex-start;gap:24px;flex-direction:column}.submit-zone .btn{width:100%}.admin-top{align-items:flex-start;gap:25px;flex-direction:column}.admin-top h1{font-size:38px}.chart-card h2{min-height:0}.response summary{gap:18px;flex-direction:column}}
.language-switch{display:flex;justify-content:flex-end;gap:8px;padding:18px 0 10px;font-size:13px}.language-switch a,.language-switch span{padding:6px 12px;border:1px solid var(--line);text-decoration:none;color:var(--green);background:var(--card)}.language-switch span{background:var(--green);color:#fff;border-color:var(--green)}
.language-switch{position:relative;z-index:4;width:max-content;margin:18px 0 18px auto;padding:0}.intro{margin-top:0}@media(max-width:760px){.intro{margin-top:0}}
