:root{--bg:#1a1a1a;--ink:#fff;--ink-soft:#707070;--accent:#ff3dd1;--accent-2:#ffd84d;--mint:#18d7a2;--card:#2a2a2a;--shadow:0 10px 30px rgba(0,0,0,.5);--radius:18px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Patrick Hand,Short Stack,ui-rounded,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Segoe UI Emoji,cursive;color:var(--ink);background:var(--bg);background-image:radial-gradient(12px 12px at 14% 20%,hsla(0,0%,100%,.05) 0 40%,transparent 42%),radial-gradient(8px 8px at 80% 8%,hsla(0,0%,100%,.03) 0 40%,transparent 42%),radial-gradient(10px 10px at 90% 86%,hsla(0,0%,100%,.03) 0 40%,transparent 42%);letter-spacing:.3px}#__next,body{display:flex;flex-direction:column}#__next{min-height:100vh;flex:1 1}header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;gap:16px;flex-wrap:wrap}.brand{display:flex;flex-direction:column;align-items:baseline;gap:4px;flex:1 1;min-width:0}.logo{font-weight:900;font-size:clamp(20px,4vw,36px);text-shadow:0 2px 0 #fff3}.tag{color:var(--accent);font-weight:800;font-size:clamp(10px,2vw,16px);letter-spacing:.8px}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.MuiSelect-root.location,select.location{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;background:var(--card);padding:10px 38px 10px 12px;border-radius:10px;font-weight:700;color:var(--ink);box-shadow:var(--shadow);background-image:linear-gradient(180deg,transparent 0,transparent calc(100% - 26px),var(--ink) calc(100% - 26px) 100%),radial-gradient(6px 6px at right 12px center,var(--ink) 49%,transparent 51%);background-size:1px 100%,12px 12px;background-repeat:no-repeat;background-position:right 32px top,right 10px center}.MuiSelect-root.location .MuiSelect-select{background-image:linear-gradient(180deg,transparent 0,transparent calc(100% - 26px),var(--ink) calc(100% - 26px) 100%),radial-gradient(6px 6px at right 12px center,var(--ink) 49%,transparent 51%)!important;background-size:1px 100%,12px 12px!important;background-repeat:no-repeat!important;background-position:right 32px top,right 10px center!important}.MuiFormControl-root{margin:0}a.faq,a.faq:visited{font-weight:800;text-decoration:none;color:var(--ink);background:var(--card);padding:8px 12px;border-radius:10px;box-shadow:var(--shadow);display:inline-block;transition:transform .1s ease,box-shadow .1s ease;font-size:clamp(12px,2vw,16px)}a.faq:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,0,0,.22)}@media (max-width:768px){header{padding:12px 16px;gap:12px}.top-actions{gap:6px}.MuiSelect-root.location,select.location{padding:8px 32px 8px 10px;font-size:clamp(12px,3vw,16px)}}.hero{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:28px;gap:28px;align-items:center;max-width:1200px;margin:10px auto 20px;padding:0 22px}.hero:not(.quiz-page){grid-template-columns:1fr;text-align:center;justify-items:center}.title{font-size:clamp(30px,5.2vw,64px);line-height:1;margin:6px 0 4px;text-wrap:balance}.subtitle,.title{font-weight:900;text-align:center}.subtitle{color:var(--accent);margin:0 0 14px}.lede{font-size:clamp(15px,1.5vw,18px);max-width:58ch;text-align:center;margin-left:auto;margin-right:auto}@media (max-width:920px){.hero{grid-template-columns:1fr;text-align:center}.lede{margin-inline:auto}}.stage{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;display:grid;grid-template-columns:1.1fr 1fr;grid-gap:32px;gap:32px;max-width:1100px;width:100%;min-height:400px}.screen,.stage{align-items:center}.screen{background:#19d7a2;border:5px solid var(--ink);border-radius:14px;padding:16px;position:relative;min-height:300px;display:flex;justify-content:center}.screen:before{content:"";position:absolute;inset:-10px;border-radius:18px;border:4px dashed #fffb;pointer-events:none}.laptop{display:block;width:100%;height:auto;max-width:400px}.caption{position:absolute;left:10px;top:-14px;background:var(--card);border-radius:10px;padding:4px 10px;font-weight:800;border:2px solid var(--ink);font-size:clamp(14px,1.8vw,18px);color:var(--ink)}.panel{flex-direction:column;gap:20px;min-height:350px}.panel,.scenario{display:flex;align-items:center;text-align:center;justify-content:center}.scenario{font-weight:900;font-size:clamp(20px,2.5vw,32px);line-height:1.4;padding:0 10px;min-height:80px}@media (max-width:920px){.stage{grid-template-columns:1fr;padding:20px;gap:20px;min-height:auto}.screen{min-height:200px;padding:12px}.panel{min-height:250px;gap:16px}.scenario{font-size:clamp(18px,4vw,28px);min-height:60px;padding:0 5px}}.controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{border:none;cursor:pointer;font-weight:900;font-size:clamp(14px,1.8vw,18px);padding:12px 18px;border-radius:14px;box-shadow:var(--shadow);transform:translateY(0);transition:transform .08s ease,filter .08s ease}.btn:active{transform:translateY(2px);filter:saturate(1.2)}.btn-primary{background:var(--mint);color:#fff}.btn-ghost,.btn-primary{border:3px solid var(--ink)}.btn-ghost{background:var(--accent-2);color:#1a1a1a}.btn-secondary{background:var(--card);color:var(--ink)}.btn-secondary,.verdict{border:3px solid var(--ink)}.verdict{background:#19d7a2;border-radius:14px;padding:14px;font-weight:800;text-align:center}.verdict b{font-size:clamp(18px,2.2vw,26px);display:block;margin-bottom:8px}.meter{height:12px;background:var(--card);border:2px solid var(--ink);border-radius:999px;overflow:hidden}.meter>i{display:block;height:100%;width:30%;background:repeating-linear-gradient(45deg,var(--accent) 0 10px,#0000 10px 20px)}.footnote{text-align:right;padding:10px 22px 15px;font-weight:700}@media (max-width:768px){.footnote{text-align:center;padding:10px 16px 15px;font-size:clamp(12px,3vw,14px)}.home-card{flex-direction:column!important;padding:16px!important;gap:16px!important}.home-card>div:first-child{width:min(200px,100%)!important;aspect-ratio:1!important;margin:0 auto!important}.home-card .lede{text-align:center!important}header{padding:12px 16px!important;gap:12px!important}.brand{flex:1 1;min-width:0}.top-actions{gap:8px;align-items:center}.desktop-location,.desktop-nav{display:none!important}.mobile-drawer{background:var(--bg);height:100%}.mobile-menu-button{display:block!important;padding:8px!important}.stage{padding:16px!important;gap:20px!important}.screen{min-height:180px!important;padding:10px!important}.panel{min-height:auto!important;gap:14px!important}.scenario{font-size:clamp(18px,4.5vw,28px)!important;min-height:60px!important}.controls{flex-direction:column;width:100%;gap:12px!important}.controls button{width:100%;min-width:auto;font-size:clamp(16px,4vw,20px)!important;padding:14px 20px!important}main.hero{padding:10px 16px!important}.footnote{padding:10px 16px 15px!important;font-size:clamp(12px,3vw,14px);text-align:center!important}.faq-main{margin:20px auto!important}.faq-main,.hero{padding:0 16px!important}.MuiAccordion-root{margin-bottom:8px!important}.MuiAccordionSummary-root{padding:12px 16px!important;font-size:clamp(14px,3.5vw,18px)!important}.MuiAccordionDetails-root{padding:16px!important;font-size:clamp(13px,3vw,16px)!important}}