@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#343c3e;--muted:#697476;--coral:#f52d68;--coral-dark:#d91f57;--mist:#f4f6f6;--sand:#eee8df;--line:#dce2e3;--white:#fff;--focus:#147d8a;--shadow:0 24px 70px rgba(37,48,51,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:linear-gradient(150deg,#fff 40%,#f3f5f5)}
button,input,a{font:inherit}
a{color:inherit}
button,a{outline-offset:4px}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus)}
.draft{background:var(--ink);color:#fff;text-align:center;padding:8px 20px;font-size:11px}
.topbar{height:82px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}
.brand>span{width:38px;height:38px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}
.brand strong{font-size:14px}
.brand small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.topbar>p{font-size:12px;color:var(--muted)}
main{max-width:1180px;margin:auto;padding:55px 28px 48px;outline:none}
.screen{display:none;animation:enter .38s ease both}
.screen.active{display:grid}
.home{grid-template-columns:1.15fr .85fr;gap:90px;align-items:center;min-height:580px}
.eyebrow{color:var(--coral);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.home h1{font-size:clamp(48px,6vw,72px);line-height:1.02;letter-spacing:-.055em;margin:17px 0 25px;max-width:760px}
.lead{font-size:20px;line-height:1.55;font-weight:600}
.home-copy>p:not(.eyebrow,.lead){color:var(--muted);line-height:1.7}
.primary,.secondary{border:0;border-radius:10px;min-height:52px;padding:0 24px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}
.primary{background:var(--coral);color:#fff;box-shadow:0 12px 30px rgba(245,45,104,.24);margin-top:20px}
.primary:hover{background:var(--coral-dark);transform:translateY(-2px)}
.secondary{background:var(--mist);color:var(--ink)}
.micro,.notice{font-size:11px!important;color:var(--muted);line-height:1.6}
.home-card{background:var(--ink);color:#fff;padding:48px;border-radius:26px;box-shadow:var(--shadow)}
.card-label{color:#bbc4c5;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.home-card ul{list-style:none;padding:0;margin:35px 0;display:grid;gap:23px}
.home-card li{font-size:18px;font-weight:700;padding-left:30px;position:relative}
.home-card li:before{content:"✓";position:absolute;left:0;color:var(--coral)}
.home-card .notice{color:#bbc4c5}
.quiz{max-width:820px;margin:30px auto}
.progress-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
.back{border:0;background:none;cursor:pointer;color:var(--ink);font-weight:700}
.progress{height:5px;background:var(--line);border-radius:9px;margin-top:16px;overflow:hidden}
.progress span{display:block;height:100%;background:var(--coral);transition:width .25s}
.question-wrap{padding-top:85px}
.question-wrap h2,.lead h2,.result h2{font-size:clamp(34px,5vw,55px);line-height:1.12;letter-spacing:-.045em;margin:15px 0 38px}
.answers{display:grid;gap:13px}
.answer{width:100%;min-height:76px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px 20px;display:flex;align-items:center;gap:18px;text-align:left;cursor:pointer;color:var(--ink);transition:.18s}
.answer:hover,.answer.selected{border-color:var(--coral);transform:translateX(5px);box-shadow:0 12px 30px rgba(52,60,62,.08)}
.answer span{width:34px;height:34px;border-radius:9px;background:var(--mist);display:grid;place-items:center;color:var(--coral);font-weight:800;flex:0 0 auto}
.answer strong{font-size:15px;line-height:1.45}
.lead{grid-template-columns:1fr 1fr;gap:80px;align-items:start;max-width:980px;margin:30px auto}
.lead form{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow)}
label{display:grid;gap:8px;margin-bottom:18px;font-size:12px;font-weight:800}
input{height:50px;border:1px solid var(--line);border-radius:9px;padding:0 14px;color:var(--ink)}
.consent{grid-template-columns:auto 1fr;align-items:start;font-weight:500;line-height:1.5}
.consent input{width:18px;height:18px}
.error{color:#b51545;font-size:10px;min-height:12px}
.lead .primary{width:100%}
.result{max-width:980px;margin:20px auto}
.result-head{max-width:800px;margin-inline:auto;text-align:center}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:35px 0}
.result-grid article,.next-step{padding:32px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.result-grid h3{margin-top:0}
.result-grid p,.result-grid li,.next-step{color:var(--muted);line-height:1.7}
.result-grid li{margin-bottom:12px}
.next-step{background:var(--sand);border:0}
.result>.notice{text-align:center;max-width:760px;margin:18px auto 0}
.actions{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:24px}
.actions .primary{margin:0}
.about-fernando{max-width:1124px;margin:0 auto 72px;padding:64px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1fr);gap:72px;align-items:center;border-radius:26px;background:var(--sand)}
.about-fernando[hidden]{display:none}
.about-fernando-photo{margin:0}
.about-fernando-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px}
.about-fernando-copy h2{font-size:clamp(36px,4vw,56px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 24px}
.about-fernando-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7}
.about-fernando-copy .primary{margin-top:14px}
footer{border-top:1px solid var(--line);padding:32px max(28px,calc((100vw - 1124px)/2));display:flex;justify-content:center;gap:24px;font-size:10px;color:var(--muted);text-align:center}
footer a{text-underline-offset:3px}
@keyframes enter{from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:none}
}
@media(max-width:760px){.home,.lead,.result-grid{grid-template-columns:1fr}
.home{gap:45px}
.home h1{font-size:43px}
.home-card{padding:32px}
.question-wrap{padding-top:55px}
.actions{align-items:stretch;flex-direction:column}
.topbar>p{display:none}
main{padding:35px 20px 36px}
.about-fernando{margin:0 20px 48px;padding:28px 20px;grid-template-columns:1fr;gap:30px}
.answer:hover{transform:none}
footer{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}
html{scroll-behavior:auto}
}

.lead-screen{grid-template-columns:1fr 1fr;gap:80px;align-items:start;max-width:980px;margin:30px auto}
.lead-screen h2{font-size:clamp(34px,5vw,55px);line-height:1.12;letter-spacing:-.045em;margin:15px 0 38px}
.lead-copy>p{color:var(--muted);line-height:1.7}
.lead-copy ul{list-style:none;padding:0;margin:30px 0;display:grid;gap:14px}
.lead-copy li{font-weight:700;padding-left:27px;position:relative}
.lead-copy li:before{content:"✓";position:absolute;left:0;color:var(--coral)}
.lead-screen form{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow)}
.lead-screen .primary{width:100%}
.optional{font-weight:500;color:var(--muted)}
.hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.privacy-page{max-width:820px;min-height:100vh;padding-top:80px}
.privacy-page h1{font-size:clamp(42px,6vw,66px);line-height:1.04;letter-spacing:-.05em;margin:16px 0 28px}
.privacy-page section{padding:26px 0;border-top:1px solid var(--line)}
.privacy-page h2{font-size:22px;margin:0 0 12px}
.privacy-page section p{color:var(--muted);line-height:1.75}
@media(max-width:760px){.lead-screen{grid-template-columns:1fr;gap:38px}
.lead-screen form{padding:25px 20px}
}