:root{--bg:#ece6e0;--panel:#e2d9cf;--card:#faf7f39e;--card-solid:#f7f3ee;--glass-line:#ffffffbf;--glass-shadow:0 1px 0 #ffffffb3 inset, 0 24px 48px -36px #0f3d2c59;--green:#0f3d2c;--green-2:#3e7a5c;--pink:#de8c9e;--ink:#262626;--muted:#6e6762;--red:#c8423f;--yellow:#e8d44d;--blue:#9db8cf;--asphalt:#3a3a3a;--curb:#c7bfb6;--grass:#afc293;--white:#fff;--line:#6e676229;--r-xl:30px;--r-lg:22px;--r-md:14px;--max:1180px;--gutter:20px;--header-h:64px;--font-body:var(--font-inter), system-ui, -apple-system, sans-serif;--font-display:var(--font-display-face), var(--font-inter), system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:radial-gradient(900px 600px at 85% -10%, #de8c9e2e, transparent 60%), radial-gradient(800px 600px at -10% 30%, #3e7a5c1a, transparent 60%), radial-gradient(700px 500px at 100% 90%, #9db8cf29, transparent 60%), var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;flex-direction:column;min-height:100dvh;font-size:16px;line-height:1.55;display:flex}main{flex:1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:6px}.container{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.section{padding-top:56px;padding-bottom:56px}@media (min-width:900px){.section{padding-top:88px;padding-bottom:88px}:root{--gutter:32px}}.kicker{color:var(--pink);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-top:14px;font-size:clamp(38px,7.5vw,72px);font-weight:800;line-height:.98}.display.md{font-size:clamp(30px,5vw,46px)}.display.sm{font-size:clamp(24px,3.6vw,32px)}.display .l1{color:var(--green);display:block}.display .l2{color:var(--pink);display:block}.rule{background:var(--pink);border-radius:3px;width:48px;height:3px;margin:20px 0}.lead{max-width:38em;color:var(--ink);font-size:clamp(17px,2vw,19px);font-weight:500;line-height:1.55}.prose{gap:14px;max-width:42em;font-size:16.5px;line-height:1.7;display:grid}.prose p{color:var(--ink)}.sub{color:var(--muted);max-width:40em;font-size:16px}.muted{color:var(--muted)}.h3{letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1.3}.btn{white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 24px;font-size:15px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex}.btn-green{background:var(--green);color:var(--white)}.btn-green:hover{background:#164d39}.btn-pink{background:var(--pink);color:var(--white)}.btn-ghost{color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green);background:0 0}.btn-white{background:var(--white);color:var(--green)}.btn-sm{height:40px;padding:0 16px;font-size:14px}.btn[disabled]{opacity:.6;cursor:progress}.panel{border-radius:var(--r-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e2d9cf6b;border:1px solid #ffffff8c}.card{background:var(--card);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%)}.pad{padding:24px}@media (min-width:900px){.pad{padding:36px}}.grid{gap:16px;display:grid}.grid>*{min-width:0}@media (min-width:640px){.grid-2{grid-template-columns:1fr 1fr}}@media (min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:640px) and (max-width:899px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}.badge{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.lvl-low{color:#3e6280;background:#dbe6ef}.lvl-medium{color:#6b5c00;background:#f3eab0}.lvl-high{color:#a8455c;background:#f4d5dc}.st-submitted,.st-rejected{background:var(--panel);color:var(--muted)}.st-in_review{color:#3e6280;background:#dbe6ef}.st-verified{color:var(--green-2);background:#d6e3d9}.st-reported{background:var(--green);color:var(--white)}.st-responded{color:#6b5c00;background:#f3eab0}.st-fixed{background:var(--green-2);color:var(--white)}.cat{background:var(--card);color:var(--ink)}.score{gap:14px;display:grid}.score-row{grid-template-columns:92px 1fr 34px;align-items:center;gap:12px;display:grid}.score-row .name{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.score-row .val{text-align:right;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.segs{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.segs i{background:var(--panel);border-radius:4px;height:12px}.segs i.on{background:var(--pink)}.score-total{background:var(--green);color:var(--white);border-radius:var(--r-lg);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:18px 22px;display:flex}.score-total .num{font-family:var(--font-display);letter-spacing:-.03em;font-size:44px;font-weight:900;line-height:1}.score-total .num small{opacity:.6;font-size:22px}.score-total .lvl{color:var(--pink);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;text-align:right;font-size:22px;font-weight:900}.score-total .lbl{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:11px;font-weight:700}.steps{counter-reset:s;gap:14px;display:grid}@media (min-width:640px){.steps{grid-template-columns:1fr 1fr}}@media (min-width:1000px){.steps{grid-template-columns:repeat(3,1fr)}}.step{align-items:flex-start;gap:16px;display:flex}.step-num{background:var(--green);width:40px;height:40px;color:var(--white);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.step p{color:var(--muted);margin-top:2px;font-size:15px}.illus{background:var(--panel);border-radius:var(--r-lg);overflow:hidden}.illus svg{width:100%;height:auto}.field{gap:8px;display:grid}.field>.label{font-size:15px;font-weight:700}.field>.hint{color:var(--muted);margin-top:-4px;font-size:13px}.input,.textarea,.select{width:100%;font:inherit;color:var(--ink);background:var(--white);border-radius:var(--r-md);border:1.5px solid #0000;outline:none;padding:13px 14px;font-size:16px;transition:border-color .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--green)}.textarea{resize:vertical;min-height:110px}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;background:var(--white);-webkit-user-select:none;user-select:none;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.chip input{opacity:0;pointer-events:none;position:absolute}.chip.on{background:var(--green);color:var(--white)}.chip:has(input:checked){background:var(--green);color:var(--white)}.chip:has(input:focus-visible){border-color:var(--green)}.check{align-items:flex-start;gap:12px;font-size:15px;display:flex}.check input{width:22px;height:22px;accent-color:var(--green);flex:none;margin-top:1px}.error{color:var(--red);font-size:14px;font-weight:600}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.map{border-radius:var(--r-lg);background:var(--panel);z-index:0;width:100%;height:420px;overflow:hidden}.map.tall{height:min(70vh,640px)}.maplibregl-map{font-family:var(--font-body)}.maplibregl-popup-content{background:var(--card-solid);border-radius:16px;padding:14px 16px;box-shadow:0 18px 40px -20px #0f3d2c73}.maplibregl-popup-tip{border-top-color:var(--card-solid)!important;border-bottom-color:var(--card-solid)!important}.maplibregl-popup-close-button{padding:2px 8px;font-size:18px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rise{animation:.6s both rise}:root{--ease:cubic-bezier(.2, .7, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}.pre:not(.in){opacity:0;transform:translateY(26px)}.pre:not(.done){transition:opacity .8s var(--ease), transform .9s var(--ease)}.card.pre:not(.in){transform:translateY(34px)scale(.98)}.rule.pre{transform-origin:0}.rule.pre:not(.in){opacity:1;transform:scaleX(0)}.rule.pre:not(.done){transition:transform 1s var(--ease) .25s}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-in{animation:pageIn .5s var(--ease) both}.aurora{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora i{filter:blur(70px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.aurora i:first-child{background:#de8c9e73;width:46vmax;height:46vmax;animation:26s ease-in-out infinite alternate drift1;top:-18vmax;left:55%}.aurora i:nth-child(2){background:#3e7a5c38;width:40vmax;height:40vmax;animation:32s ease-in-out infinite alternate drift2;top:30%;left:-14vmax}.aurora i:nth-child(3){background:#9db8cf73;width:36vmax;height:36vmax;animation:28s ease-in-out infinite alternate drift3;bottom:-14vmax;right:-12vmax}@keyframes drift1{to{transform:translate(-14vmax,10vmax)scale(1.15)}}@keyframes drift2{to{transform:translate(12vmax,-8vmax)scale(.9)}}@keyframes drift3{to{transform:translate(-10vmax,-12vmax)scale(1.1)}}@media (hover:hover){.card,[data-glow]{background-image:radial-gradient(420px circle at var(--mx,-500px) var(--my,-500px), #ffffff8c, transparent 45%)}}.btn{isolation:isolate;transition:transform .25s var(--spring), background .15s ease, box-shadow .25s ease;position:relative;overflow:hidden}.btn:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn:hover{transform:translateY(-2px)}.btn:hover:after{transition:transform .8s var(--ease);transform:translate(120%)}.btn-green:hover{box-shadow:0 14px 28px -14px #0f3d2cb3}.btn-ghost:after{background:linear-gradient(110deg,#0000 30%,#de8c9e40 50%,#0000 70%)}.btn:active{transform:scale(.97)}@keyframes segIn{0%{transform:scaleX(0)}to{transform:none}}.card.pre.in .segs i.on{transform-origin:0;animation:segIn .45s var(--ease) both}.segs i:nth-child(2).on{animation-delay:80ms!important}.segs i:nth-child(3).on{animation-delay:.16s!important}.segs i:nth-child(4).on{animation-delay:.24s!important}.segs i:nth-child(5).on{animation-delay:.32s!important}.live{background:var(--red);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;position:relative}.live:after{content:"";background:inherit;animation:ping 1.8s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}@keyframes ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}:root{interpolate-size:allow-keywords}details::details-content{block-size:0;transition:block-size .4s var(--ease), content-visibility .4s allow-discrete;overflow:hidden}details[open]::details-content{block-size:auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.aurora{display:none}}.score,.score-total>*{min-width:0}.score-total{flex-wrap:wrap}.score-total .lvl{overflow-wrap:anywhere;font-size:clamp(16px,5vw,22px)}@media (max-width:480px){.pad .pad{padding:18px}.score-row{grid-template-columns:80px 1fr 30px;gap:8px}.score-row .name{letter-spacing:.06em;font-size:11px}}.rubric-wrap{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);overflow-x:auto}.rubric{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}.rubric th,.rubric td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px 16px}.rubric thead th{letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:var(--panel);font-size:12px;font-weight:800}.rubric tbody tr:last-child th,.rubric tbody tr:last-child td{border-bottom:0}.rubric-n{background:var(--green);width:30px;height:30px;color:var(--white);border-radius:50%;place-items:center;font-weight:800;display:inline-grid}.rubric tbody tr:nth-child(5) .rubric-n{background:var(--red)}.badge.demo{color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--curb);background:0 0}.demo-note{color:#6b5c00;border-radius:var(--r-md);background:#f3eab0;padding:12px 14px;font-size:14px;font-weight:600}
