:root{--primary:#5b3c78;--secondary:#18a39b;--soft:#f3f0f8;--ink:#302442;--paper:#fff;--muted:#5e6870;--line:#d8dddf;--shadow:0 24px 70px rgba(30,42,50,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--secondary)}img{display:block;max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:10px}
.topline{background:var(--ink);color:#fff;text-align:center;padding:8px 18px;font-size:13px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:850}.brand-mark{width:36px;height:36px;border-radius:12px 20px 10px 20px;background:linear-gradient(145deg,var(--primary),var(--secondary));box-shadow:inset 0 0 0 7px #ffffff66}.header-links{display:flex;align-items:center;gap:24px;font-size:14px}.header-links a{text-decoration:none;font-weight:750}.phone{border:1px solid var(--primary);padding:9px 14px;border-radius:999px}
.quiz-hero{position:relative;min-height:850px;padding-bottom:190px;background:linear-gradient(135deg,var(--soft),#fff 64%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);min-height:570px}.hero-copy{padding:clamp(54px,6vw,92px) clamp(24px,6vw,88px);align-self:center}.eyebrow{margin:0 0 14px;color:var(--primary);font-size:13px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.035em;margin-bottom:22px}h2{font-family:Georgia,serif;font-size:clamp(30px,3.4vw,46px);line-height:1.12}.lead{max-width:660px;color:var(--muted);font-size:19px}.trust{display:flex;gap:18px;flex-wrap:wrap;padding:0;margin:28px 0 0;list-style:none;font-size:14px;font-weight:750}.trust li:before{content:"✓";color:var(--secondary);font-weight:900;margin-right:7px}.hero-photo{margin:0;min-height:570px}.hero-photo img{width:100%;height:100%;object-fit:cover}
.quiz-shell{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);z-index:5;width:min(1040px,calc(100% - 42px));padding:30px 40px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.quiz-progress{display:flex;align-items:center;gap:24px;font-weight:800;font-size:14px}.quiz-progress>div{flex:1;height:8px;border-radius:99px;background:#e9edec;overflow:hidden}.quiz-progress i{display:block;width:25%;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .25s}.quiz-step{display:none;padding-top:20px}.quiz-step.active{display:block}.quiz-step h2{font-size:34px;margin-bottom:22px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answers button{display:flex;align-items:center;gap:15px;width:100%;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-align:left;font-weight:750;cursor:pointer}.answers button:hover,.answers button:focus-visible{border-color:var(--primary);background:var(--soft)}.answers span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:var(--soft);color:var(--primary);font-weight:900}.back{margin-top:18px;border:0;background:none;color:var(--muted);cursor:pointer}.quiz-contact .contact-form{padding:0;box-shadow:none}
.contact-form{background:#fff;color:var(--ink);border-radius:22px;padding:28px}.contact-form label{display:block;margin-bottom:16px;font-weight:750}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid #aeb8bd;border-radius:9px;background:#fff;color:var(--ink)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex!important;gap:9px;align-items:flex-start;font-size:13px;font-weight:500!important}.check input{width:18px!important;margin-top:3px!important}.submit{min-height:52px;border:0;border-radius:10px;background:var(--primary);color:#fff;padding:0 24px;font-weight:850;cursor:pointer}.form-note{font-size:12px;color:var(--muted);margin:12px 0 0}.honeypot{position:absolute!important;left:-9999px!important}.status{padding:13px 15px;border-radius:10px}.status.error{background:#fff0eb;color:#7d2516}
.notice{max-width:1100px;margin:30px auto;padding:18px 22px;border-left:5px solid var(--secondary);background:var(--soft);color:var(--muted);font-size:14px}.section{max-width:1120px;margin:auto;padding:82px 26px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.cards article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.cards span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--soft);color:var(--primary);font-weight:900;margin-bottom:25px}.cards p,.faq p{color:var(--muted)}.faq{max-width:850px}.faq details{padding:20px 2px;border-top:1px solid var(--line)}.faq summary{font-size:18px;font-weight:800;cursor:pointer}.contact-strip{display:flex;justify-content:center;align-items:center;gap:28px;padding:30px;background:var(--ink);color:#fff}.contact-strip p{margin:0;font-weight:800}.contact-strip a{font-size:21px;font-weight:900}
footer{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:46px max(26px,calc((100vw - 1080px)/2));background:#101c22;color:#fff}footer nav{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}footer nav a{font-size:14px}footer>p{grid-column:1/-1;color:#b9c4c9;font-size:12px}.cookie-banner{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;width:min(900px,calc(100% - 28px));display:flex;align-items:center;gap:18px;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.cookie-banner[hidden]{display:none}.cookie-banner p{flex:1;margin:0;font-size:13px}.cookie-banner button{border:0;border-radius:9px;background:var(--primary);color:#fff;padding:10px 14px;font-weight:800;cursor:pointer}
.legal{max-width:860px;margin:auto;padding:70px 24px}.legal h1{font-size:clamp(40px,5vw,60px)}.legal h2{font-size:28px;margin-top:42px}.legal .updated{color:var(--muted)}
body.variant-editorial .hero-photo{margin:28px 28px 28px 0;border-radius:110px 22px 110px 22px;overflow:hidden}body.variant-editorial h1{color:#224d40}body.variant-editorial .quiz-shell{border-top:8px solid var(--secondary)}
body.variant-warm .quiz-hero{background:linear-gradient(120deg,#fff5e8 0 55%,#f1d5c1 100%)}body.variant-warm .hero-grid{grid-template-columns:1.08fr .92fr}body.variant-warm .hero-photo{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}body.variant-warm .quiz-shell{border-radius:8px 34px 8px 34px}body.variant-warm .answers button{border-radius:4px 16px 4px 16px}
body.variant-digital h1,body.variant-digital h2{font-family:Inter,Arial,sans-serif;font-weight:900}body.variant-digital .hero-photo{margin:24px;border-radius:130px 28px 130px 28px;overflow:hidden}body.variant-digital .quiz-shell{background:linear-gradient(135deg,#fff,#f5fbff)}body.variant-digital .brand-mark{border-radius:50%}
body.variant-paper{background:#f8f5ee}body.variant-paper .site-header{background:#f8f5ee}body.variant-paper .quiz-hero{background:#f8f5ee}body.variant-paper .hero-photo{margin:32px;transform:rotate(1.2deg);box-shadow:0 18px 45px #3036422b}body.variant-paper .quiz-shell{border-radius:4px;box-shadow:12px 12px 0 #d9cfc1}body.variant-paper .answers button{border-radius:3px}
body.variant-contrast .topline{background:var(--primary)}body.variant-contrast .quiz-hero{background:linear-gradient(140deg,#f3f0f8 0 58%,#d8f2ef 58%)}body.variant-contrast .hero-photo{margin:24px 34px 24px 0;border:10px solid #fff;border-radius:50% 50% 10% 50%;overflow:hidden}body.variant-contrast .quiz-shell{border:0;box-shadow:0 28px 0 #18a39b33,0 34px 70px #30244230}
@media(max-width:820px){.site-header{height:auto;min-height:72px;padding-block:14px}.header-links a:not(.phone){display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:48px 24px}.hero-photo,body.variant-editorial .hero-photo,body.variant-digital .hero-photo,body.variant-paper .hero-photo,body.variant-contrast .hero-photo{height:360px;min-height:0;margin:0;border-radius:0;clip-path:none;transform:none;border:0}.quiz-hero{padding-bottom:0}.quiz-shell{position:relative;left:auto;bottom:auto;transform:none;width:calc(100% - 28px);margin:-55px auto 28px;padding:23px}.answers,.field-pair,.cards{grid-template-columns:1fr}.contact-strip{flex-direction:column;gap:7px}.cookie-banner{align-items:stretch;flex-direction:column}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start}footer>p{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}