@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#123b49;--teal:#087c8b;--paper:#f8f7f2;--muted:#637579;--red:#b64031}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}header{max-width:1320px;margin:auto;height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{width:157px;height:83px;overflow:hidden;display:flex;align-items:center}.brand img{width:157px;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.navcta{border:1px solid #b8c8c7;padding:14px 20px;border-radius:5px}.hero{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;padding:22px 6% 64px;gap:45px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;display:flex;gap:10px;align-items:center}.eyebrow span{width:6px;height:6px;background:var(--red);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(40px,4.5vw,65px)/1.08 'Manrope',sans-serif;letter-spacing:-3px;margin:24px 0}em{font-style:normal;color:var(--teal)}.lead{color:var(--muted);font-size:15px;line-height:1.8;max-width:410px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--teal);color:white;padding:18px 24px;border:0;border-radius:5px;font-weight:600;font-size:13px;transition:.2s}.primary:hover{background:#075d69;transform:translateY(-1px)}.micro{font-size:10px;color:var(--muted);margin:12px 0 35px}.signature{font-size:12px;font-weight:700;border-top:1px solid #dce1da;padding-top:20px;max-width:350px}.signature span{font-weight:400;color:var(--muted);margin-left:24px}.visual{position:relative;min-height:500px;border-radius:140px 8px 8px 8px;background:#dce9e3;overflow:hidden}.orb{width:370px;height:370px;border-radius:50%;position:absolute;background:#c3d9d2;left:22%;top:95px}.visual-note{position:absolute;right:30px;top:30px;font-size:9px;line-height:1.7;letter-spacing:2px}.glasses{position:absolute;width:115%;top:105px;left:-7%;transform:rotate(-15deg);filter:drop-shadow(2px 35px 12px #234c492d)}.visual-label{position:absolute;left:33px;bottom:37px}.visual-label span{font-size:8px;letter-spacing:2px}.visual-label p{font:500 25px/1.3 'Manrope';margin:12px 0 0}.round{border:1px solid #8daaa4;border-radius:50%;width:86px;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;letter-spacing:1px;position:absolute;right:25px;bottom:30px}.round span{font-size:25px}.illustration{position:absolute;right:14px;bottom:8px;font-size:8px;color:#536f69}.strip{padding:24px 6%;background:var(--ink);color:#e6ece6;display:flex;justify-content:space-around;gap:20px;font-size:11px}.strip i{color:#70bbc0}.quiz-section{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:95px 5%}h2{font:500 clamp(28px,3vw,41px)/1.22 'Manrope';letter-spacing:-1.5px;margin:20px 0}.quiz-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.7;max-width:340px}.steps{display:grid;gap:20px;margin-top:35px;font-size:11px;color:var(--teal)}.steps b{color:var(--ink);margin-left:15px;font-weight:500}.quiz-card{background:white;border:1px solid #e0e6df;box-shadow:0 12px 45px #143b4906;border-radius:12px;padding:32px;min-height:460px;scroll-margin-top:20px}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.progress{height:3px;background:#e8efeb;margin:14px 0 25px;border-radius:4px}.progress div{height:100%;background:var(--teal);transition:width .3s}.quiz-card h3{font:600 24px/1.3 'Manrope';letter-spacing:-.6px;margin-bottom:10px}.hint{font-size:12px;line-height:1.6;color:var(--muted)}.options{display:grid;gap:10px;margin:23px 0}.option{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;border:1px solid #dce5e0;background:#fff;padding:15px;border-radius:6px;font-size:12px;color:var(--ink)}.option:hover,.option[aria-pressed=true]{border-color:var(--teal);background:#eef7f3}.option span{width:15px;height:15px;border:1px solid #aabeb9;border-radius:50%}.option[aria-pressed=true] span{border:4px solid var(--teal)}.actions{display:flex;justify-content:space-between;gap:15px;margin-top:22px;align-items:center}.back{border:0;background:none;color:var(--muted);font-size:11px;padding:10px 0}.primary:disabled{opacity:.4;cursor:default;transform:none}.summary{background:#f3f7f3;padding:16px;border-radius:6px;margin:18px 0}.summary p{font-size:12px;line-height:1.6;margin:0 0 9px}.summary p:last-child{margin-bottom:0}.consent{display:flex;gap:10px;font-size:11px;line-height:1.6;align-items:flex-start}.consent input{accent-color:var(--teal);margin-top:4px}.notice{font-size:12px;background:#f4eee1;padding:14px;line-height:1.6;border-radius:5px}.how{padding:70px max(6%,calc((100% - 1120px)/2));background:#eeefe7}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.columns article{border-top:1px solid #bbc9bf;padding-top:20px}.columns span{font-size:10px;color:var(--teal)}.columns h3{font-size:17px;margin:23px 0 12px}.columns p{font-size:12px;color:var(--muted);line-height:1.8}.store{max-width:1120px;margin:auto;padding:85px 3%;display:grid;grid-template-columns:1fr 1fr;gap:80px}.store p{font-size:13px}.store address{font-size:13px;color:var(--muted);font-style:normal;line-height:1.9;margin:22px 0}.store a:not(.primary){font-size:12px;border-bottom:1px solid var(--teal);padding-bottom:5px}.visit{padding:35px;background:#dce9e3;border-radius:8px}.visit>span{font-size:9px;letter-spacing:1.5px}.visit h3{font:500 32px/1.25 'Manrope';margin:24px 0}.faq{max-width:1060px;margin:auto;padding:0 3% 70px}.faq h2{font-size:25px}.faq details{border-bottom:1px solid #d4ddd5;padding:20px 0}.faq summary{cursor:pointer;font-size:13px}.faq details p{font-size:12px;color:var(--muted);line-height:1.8;max-width:800px;margin:15px 0 0}footer{display:flex;gap:35px;align-items:center;padding:28px 6%;border-top:1px solid #d4ddd5;font-size:10px}footer strong{font-size:15px;margin-right:auto}footer button{border:0;background:none;color:inherit;font-size:10px}dialog{max-width:550px;border:0;border-radius:12px;padding:35px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#123b4988}dialog p{font-size:14px;line-height:1.8}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd6a42;outline-offset:4px}@media(max-width:760px){header{height:90px;padding:0 6%}.brand,.brand img{width:130px}nav{gap:0}nav>a:not(.navcta){display:none}.navcta{font-size:10px;padding:12px}.hero{grid-template-columns:1fr;padding-top:10px;gap:30px}.intro h1{font-size:46px;letter-spacing:-2px}.visual{min-height:340px;border-top-left-radius:100px}.orb{width:270px;height:270px;top:40px}.glasses{top:50px}.visual-label p{font-size:21px}.visual-label{bottom:30px}.round{width:65px;height:65px;font-size:8px}.visual-note{font-size:8px}.strip{flex-wrap:wrap;gap:15px;font-size:9px}.strip i{display:none}.quiz-section{grid-template-columns:1fr;gap:30px;padding:60px 6%}.quiz-intro h2 br{display:none}.steps{display:none}.quiz-card{padding:24px;min-height:430px}.columns{grid-template-columns:1fr;gap:20px}.how{padding:50px 6%}.columns h3{margin-top:15px}.store{grid-template-columns:1fr;padding:60px 6%;gap:30px}.faq{padding:0 6% 50px}footer{flex-wrap:wrap;gap:20px}footer strong{width:100%}.actions .primary{gap:15px;padding:16px}.lead{font-size:14px}}
/* Guided popup: large type, clear focus and generous touch targets. */
#quizDialog{width:min(720px,calc(100% - 28px));max-width:720px;max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:18px;background:#fff;overflow-y:auto;box-shadow:0 24px 100px #061c3880;color:#123b49}#quizDialog::backdrop{background:#072d3fbd;backdrop-filter:blur(5px)}.popup-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;background:#123b49;color:white;position:sticky;top:0;z-index:1}.popup-top strong{font-size:15px}.popup-top button{background:white;color:#123b49;border:0;border-radius:7px;padding:12px 16px;min-height:48px;font-size:16px;font-weight:700}#quizDialog .quiz-card{padding:30px 36px 34px;border:0;box-shadow:none;min-height:0;border-radius:0}#quizDialog h3{font-size:32px;line-height:1.25;margin-bottom:15px}#quizDialog h3:focus{outline:none}#quizDialog .hint{font-size:17px;line-height:1.6}#quizDialog .eyebrow,#quizDialog .progress-label{font-size:13px}#quizDialog .option{font-size:19px;line-height:1.35;padding:18px 20px;min-height:66px;border:2px solid #aebfba;gap:18px;border-radius:9px}#quizDialog .option span{width:22px;height:22px;flex-shrink:0}#quizDialog .option[aria-pressed=true]{border-color:#087c8b;background:#e6f3ef}#quizDialog .primary{font-size:18px;padding:19px 25px;min-height:60px;justify-content:center}#quizDialog .back{font-size:16px;min-height:48px;padding:12px 4px}#quizDialog .primary:disabled{opacity:1;background:#d8e1de;color:#576d70}#quizDialog .summary p{font-size:17px;line-height:1.6;margin-bottom:12px}#quizDialog .consent{font-size:16px;line-height:1.55;margin-top:22px;gap:14px}#quizDialog .consent input{min-width:24px;height:24px;margin-top:2px}.field{display:grid;gap:9px;font-size:18px;font-weight:700;margin:20px 0 15px}.field input{width:100%;border:2px solid #9baead;border-radius:7px;min-height:60px;padding:13px 16px;font-size:21px;color:#123b49}.field input:focus{outline:3px solid #087c8b44;border-color:#087c8b}.privacy-note{font-size:14px;line-height:1.65;color:#475f64;margin-top:18px}.text-button{border:0;background:none;color:#075d69;font-size:inherit;padding:0;text-decoration:underline}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#error{font-size:16px;color:#a12619;line-height:1.5}.quiz-launch{padding:35px;background:#dce9e3;border:1px solid #bed3ca;border-radius:12px;align-self:center}.quiz-launch h3{font-size:27px;line-height:1.4;margin:25px 0 18px}.quiz-launch p{font-size:16px;line-height:1.7}.quiz-launch .primary{font-size:18px;min-height:60px}.quiz-launch .hint{font-size:14px;margin:18px 0 0}.admin main{max-width:1250px;margin:auto;padding:40px 25px}.admin h1{font-size:40px}.admin p{line-height:1.7}.table-wrap{overflow:auto}.admin table{width:100%;border-collapse:collapse;margin:30px 0;font-size:14px}.admin th,.admin td{text-align:left;padding:15px;border-bottom:1px solid #ccd7d0;white-space:pre-line;min-width:120px;vertical-align:top}.admin td a{display:block;color:#087c8b;text-decoration:underline;margin-bottom:15px}.admin td button{padding:10px;border:1px solid #b64031;color:#b64031;border-radius:4px;background:white}body:has(#quizDialog[open]){overflow:hidden}#privacyDialog{z-index:5}#privacyDialog h2{font-size:28px}#privacyDialog p{font-size:17px}#privacyDialog .primary{font-size:18px;min-height:54px}@media(max-width:600px){#quizDialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.popup-top{padding:12px 16px}.popup-top strong{font-size:12px;max-width:180px}.popup-top button{padding:10px 12px;font-size:15px}#quizDialog .quiz-card{padding:24px 20px}#quizDialog h3{font-size:27px}#quizDialog .hint{font-size:16px}#quizDialog .option{font-size:18px;padding:16px;min-height:64px}#quizDialog .actions{align-items:stretch;flex-direction:column-reverse;gap:8px}#quizDialog .primary{width:100%;font-size:17px}#quizDialog .back{padding:10px}.field input{font-size:20px}#quizDialog .progress-label{font-size:11px}#quizDialog .consent{font-size:15px}.quiz-launch{padding:25px}}
.manager-login{background:#edf2ec;min-height:100vh}.manager-login main{max-width:520px;margin:auto;padding:35px 22px}.login-back{display:inline-block;margin-bottom:25px;font-size:15px}.login-card{padding:35px;background:white;border:1px solid #cbd9d0;border-radius:14px;box-shadow:0 15px 50px #123b4910}.login-card>img{width:170px;height:90px;object-fit:cover;object-position:center;display:block;margin:0 auto 15px}.login-card h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:15px 0}.login-card>p{font-size:15px;line-height:1.7;color:#475f64}.login-card .field{font-size:16px}.login-card .field input{font-size:18px;min-height:54px}.login-card .hint{font-size:14px}.login-card form>.primary{margin-top:15px;width:100%;font-size:17px;min-height:56px;justify-content:center}.login-card .text-button{min-height:40px}.login-card #loginError{color:#a12619;font-size:15px;line-height:1.5}.manager-bar{display:flex;align-items:center;justify-content:space-between;gap:20px}.manager-bar button{border:1px solid #9caeaa;border-radius:5px;background:white;padding:12px 20px;color:#123b49;min-height:46px}.manager-login .privacy-note{font-size:13px}.primary:disabled{cursor:wait}@media(max-width:500px){.login-card{padding:25px 22px}.manager-login main{padding:25px 14px}}