@font-face{
font-family:BarlowCondensed;src:url('assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}

:root{
--green:#183d38;--ink:#182d29;--muted:#45574e;--clay:#295d74;--paper:#fff;--pale:#eaf0ed;--rule:#b9c6be;--accent:#d5e775;--display:BarlowCondensed,'Arial Narrow',sans-serif;--sans:Arial,Helvetica,sans-serif;--small:14px;--body:16px;--lead:20px;--heading:clamp(38px,4.6vw,64px);--title:clamp(62px,7vw,96px);--space:24px;--page:32px;color-scheme:light;scroll-behavior:smooth}

*{
box-sizing:border-box}
body{
margin:0;background:var(--paper);color:var(--ink);font:var(--body)/1.6 var(--sans);-webkit-font-smoothing:antialiased}
::selection{
background:var(--accent);color:var(--ink)}
img{
display:block;max-width:100%;height:auto}
a{
color:inherit;text-underline-offset:4px}
button,input,select{
font:inherit}
input,select{
caret-color:var(--green)}
button,a,input,select,summary{
-webkit-tap-highlight-color:transparent}
button{
cursor:pointer}
button:disabled{
cursor:default;opacity:.4}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{
outline:3px solid #3975a0;outline-offset:4px}
p,h1,h2,h3,figure{
margin:0}
p+p{
margin-top:16px}
h1,h2,h3{
font-family:var(--display);font-weight:600;letter-spacing:-.025em;line-height:1.03;text-wrap:balance}
h1{
font-size:var(--title)}
h2{
font-size:var(--heading)}
h3{
font-size:36px}
p{
text-wrap:pretty}
[hidden]{
display:none!important}
.skip{
position:fixed;left:16px;top:-100px;z-index:100;background:var(--green);color:white;padding:12px}
.skip:focus{
top:12px}
.fine{
font-size:var(--small);line-height:1.65;color:var(--muted)}

header,main>section,footer,.photo-caption{
padding-left:var(--page);padding-right:var(--page)}
header{
min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper)}
.brand{
display:block;text-decoration:none;line-height:1}
.brand>span{
font-size:15px;display:block;margin-bottom:5px}
.brand strong{
font:600 34px/1 var(--display);letter-spacing:-.02em}
.brand strong>span{
display:none}
nav{
display:flex;align-items:center;gap:32px}
nav a{
text-decoration:none;font-size:var(--small)}
nav a:hover{
text-decoration:underline}
.nav-cta{
display:flex;align-items:center;gap:20px;padding:13px 21px;background:var(--green);color:white}
.menu-toggle{
display:none}
.primary,button#avancar,button#pdf{
display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:16px 24px;border:0;background:var(--accent);color:var(--ink);font:600 var(--body)/1.35 var(--sans);text-decoration:none;transition:background .18s ease-out,transform .18s ease-out}
.primary:hover,button#avancar:hover,button#pdf:hover{
background:#e0ee9c;transform:translateY(-2px)}
.primary:active,button#avancar:active,button#pdf:active{
transform:translateY(1px)}
.text-link{
font-size:var(--body)}
[data-ui] .secondary{
background:transparent;border:1px solid var(--rule);color:var(--green);min-height:50px;padding:13px 17px}
.secondary:enabled:hover{
background:var(--pale)}
main>section{
scroll-margin-top:24px}

.hero{
position:relative;isolation:isolate;min-height:610px;height:clamp(610px,calc(100svh - 94px),780px);display:flex;align-items:center;color:white;padding-top:65px;padding-bottom:65px;overflow:hidden;background:var(--green)}
.hero-photo{
position:absolute;inset:0;z-index:-2}
.hero-photo img{
width:100%;height:100%;object-fit:cover;object-position:center 65%;animation:photo-drift 16s ease-out both}
.hero:after{
/* taste-skill-ignore: neutral scrim over an actual photograph, explicitly allowed. */content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,28,23,.72),rgba(8,28,23,.42) 48%,rgba(8,28,23,.05) 86%)}
.hero-copy{
max-width:760px}
.hero h1{
max-width:13ch}
.hero-desc{
max-width:440px;font-size:18px;margin-top:32px;line-height:1.6}
.hero-actions{
display:flex;align-items:center;gap:30px;margin-top:29px}
.hero-actions .text-link{
font-size:var(--body)}
.hero-proof{
font-size:var(--small);margin-top:20px}
.photo-caption{
display:flex;gap:8px;align-items:baseline;padding-top:14px;padding-bottom:14px;font-size:var(--small)}
.photo-caption>span{
display:none}
.photo-caption small{
font-size:var(--small);color:var(--muted);margin-left:auto}
.editorial-line{
display:none}

.quiz-section{
padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.quiz-intro h2{
max-width:12ch}
.quiz-description{
max-width:440px;font-size:var(--body);margin-top:25px}
.quiz-photo{
margin-top:32px}
.quiz-photo img{
width:100%;height:260px;object-fit:cover}
.quiz-photo figcaption{
font-size:var(--small);margin-top:11px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.quiz-photo figcaption span{
color:var(--muted)}
.quiz-intro>.fine{
max-width:480px;margin-top:28px}
.quiz{
background:var(--pale);padding:38px;scroll-margin-top:25px}
.quiz h3{
font-size:42px;max-width:15ch}
.welcome-copy{
font-size:var(--body);margin-top:26px}
.welcome-list{
list-style:none;padding:0;margin:27px 0;font-size:var(--body)}
.welcome-list li{
margin:15px 0;padding-left:0}
.welcome-list li:before{
content:none}
.quiz #iniciar{
width:100%}
.quiz-privacy{
font-size:var(--small);color:var(--muted);margin-top:18px}
.quiz-meta{
display:flex;justify-content:space-between;gap:20px;font-size:var(--small);margin-bottom:16px}
progress{
display:block;appearance:none;border:0;width:100%;height:5px;background:#c7d4ca;margin:0 0 30px}
progress::-webkit-progress-bar{
background:#c7d4ca}
progress::-webkit-progress-value{
background:var(--green);transition:width .18s ease-out}
progress::-moz-progress-bar{
background:var(--green)}
fieldset{
border:0;padding:0;margin:0;min-width:0}
legend{
font:600 25px/1.2 var(--sans);padding:0;max-width:100%;letter-spacing:-.02em}
.question-help{
font-size:var(--small);margin:17px 0 25px;color:var(--muted)}
.options{
display:grid;gap:10px}
[data-ui] .option{
display:flex;align-items:center;gap:12px;border:1px solid #b5c4b8;min-height:56px;padding:14px 16px;background:white;font-size:var(--body);cursor:pointer;line-height:1.4;transition:background .18s ease-out}
.option:hover{
background:#f5f8f1}
.option:has(input:checked){
background:#dbe8cd;border-color:var(--green)}
.option:focus-within{
outline:2px solid #3975a0;outline-offset:2px}
.option input{
width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--green)}
.option i{
display:none}
.flag{
width:32px;height:22px;object-fit:cover;flex-shrink:0}
.country-options{
grid-template-columns:1fr 1fr}
[data-ui] .country-options .option{
padding:12px 10px;gap:9px;font-size:var(--small)}
.country-options .flag{
width:22px;height:16px}
.country-picker{
display:none}
.controls{
display:flex;gap:15px;justify-content:space-between;margin-top:10px}
.controls button{
font-size:var(--body)}
.error{
color:#922d26;font-size:var(--small);min-height:20px;margin-top:15px}
.quiz fieldset{
animation:question-enter .18s ease-out both}

.explore-section{
padding-top:90px;padding-bottom:100px;background:var(--pale)}
.section-heading{
display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}
.section-heading h2{
max-width:14ch}
.section-heading>p{
max-width:450px;font-size:var(--body);line-height:1.7}
.region-filters{
display:flex;gap:14px;flex-wrap:wrap;margin:35px 0 24px}
.region-filter{
border:0;background:#d7e1d9;color:var(--green);padding:13px 20px;min-height:48px;font-size:var(--small)}
.region-filter[aria-pressed=true]{
background:var(--green);color:white}
#country-count{
font-size:var(--small);margin-bottom:25px}
.country-explorer{
display:grid;grid-template-columns:repeat(3,1fr);gap:16px 32px}
.explore-card{
background:#dce6dd;padding:0 20px;align-self:start}
.explore-card summary{
list-style:none;display:flex;align-items:center;gap:14px;cursor:pointer;min-height:92px;padding:21px 0}
.explore-card summary::-webkit-details-marker{
display:none}
.explore-card summary strong{
display:block;font-size:18px;font-weight:normal}
.explore-card summary small{
display:block;font-size:var(--small);color:var(--muted)}
.explore-card summary>i{
display:none}
.explore-card summary:after{
content:'⌄';font-size:20px;margin-left:auto;transform:translateY(-3px)}
.explore-card[open] summary:after{
transform:rotate(180deg)}
.explore-content{
padding:0 0 25px;font-size:var(--body);line-height:1.6}
.explore-content ul{
padding-left:19px}
.explore-content a{
font-size:var(--small)}
.explore-bottom{
display:flex;gap:40px;justify-content:space-between;align-items:center;margin-top:35px}
.explore-bottom p{
max-width:600px;font-size:var(--small)}
.explore-bottom a{
font-size:var(--body);flex-shrink:0}

.book-section{
padding-top:100px;padding-bottom:90px;background:var(--green);color:white}
.book-section .section-heading>p{
color:#e0e9df}
.book-detail{
display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-top:50px}
.book-detail-art{
display:grid;place-content:center;justify-items:center;align-self:stretch;padding:50px 30px 35px;background:#2c5147}
.book-detail-art img{
width:300px}
.book-detail-art>span{
font-size:var(--small);margin-top:25px;text-align:center;color:#e0e9df}
.book-contents h3{
font-size:46px}
.book-subtitle{
font-size:var(--lead);margin-top:21px}
.contents-list{
list-style:none;padding:0;margin:25px 0 30px;font-size:var(--body);color:#e0e9df}
.contents-list li{
padding:0;margin:17px 0;line-height:1.6}
.contents-list li:before{
content:none}
.book-purchase{
scroll-margin-top:25px}
.purchase-label{
font-size:var(--small);margin-bottom:18px}
.price{
font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums}
.price strong{
font:600 76px/1 var(--display);letter-spacing:-.02em}
.payment-note{
font-size:var(--small);color:#e0e9df;margin-top:18px;max-width:430px}
.book-purchase .primary{
width:100%;margin-top:25px}
.delivery-note{
font-size:var(--small);color:#e0e9df;margin-top:20px;line-height:1.7}
.real-preview{
margin-top:95px;scroll-margin-top:25px}
.preview-heading{
display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}
.preview-heading>p{
font-size:var(--body);color:#e0e9df}
.preview-pages{
display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.preview-pages>a{
min-width:0;text-decoration:none}
.preview-pages img{
width:100%;height:400px;object-fit:contain;background:#dce7de;padding:20px}
.preview-pages a:hover img{
background:#e6efe5}
.preview-pages span{
display:block;font-size:var(--body);padding-top:17px}
.book-boundary{
margin-top:38px;max-width:940px;font-size:var(--small);color:#e0e9df}

.faq-section{
padding-top:110px;padding-bottom:100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}
.faq-section h2{
max-width:11ch}
.faq-section>div>p:last-child{
font-size:var(--body);margin-top:24px}
.faq-items details{
padding:0 20px;background:var(--pale);margin-bottom:14px}
.faq-items summary{
position:relative;list-style:none;cursor:pointer;padding:24px 25px 24px 0;font-size:18px;line-height:1.4}
.faq-items summary::-webkit-details-marker{
display:none}
.faq-items summary:after{
content:'+';position:absolute;right:0;top:20px;font-size:24px}
.faq-items details[open] summary:after{
content:'−'}
.faq-items details p{
font-size:var(--body);margin:0;padding-bottom:22px;overflow-wrap:anywhere;line-height:1.7}
.tools-section{
display:flex;gap:30px;padding-top:35px;padding-bottom:65px}
.tools-section>a{
display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 30px;flex:1;background:var(--pale);text-decoration:none;font-size:18px}
.tools-section b{
font-weight:normal}
.tools-section>a:hover{
background:#dbe6dc}
footer{
padding-top:65px;padding-bottom:50px;background:var(--green);color:white;display:flex;align-items:end;justify-content:space-between;gap:40px}
footer strong{
font:600 clamp(38px,5.5vw,78px)/1.02 var(--display);letter-spacing:-.025em}
footer strong>span{
display:none}
footer p{
font-size:var(--body);color:#e0e9df;margin-top:28px}
footer>div:last-child{
display:flex;flex-direction:column;gap:17px;align-items:end;font-size:var(--small);color:#e0e9df}
footer a{
text-decoration:none}
footer a:hover{
text-decoration:underline}

#resultado{
padding-top:85px;padding-bottom:90px}
#resultado>h2{
max-width:18ch}
#resultado>.lead{
font-size:var(--lead);margin-top:28px;max-width:800px}
#resultado>.fine{
margin-top:25px}
.destination-results{
display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0}
.result-card{
padding:28px;background:var(--pale)}
.card-meta{
display:flex;gap:10px;justify-content:space-between;font-size:var(--small);color:var(--muted)}
.result-card h3{
display:flex;align-items:center;gap:13px;font-size:34px;margin:25px 0}
.result-card ul{
font-size:var(--body);padding-left:19px}
.result-card li{
margin:14px 0}
.result-card details{
font-size:var(--body);margin-top:25px}
.result-card summary{
cursor:pointer;font-weight:bold}
.result-card details p{
margin-top:18px}
.result-card>a{
display:block;font-size:var(--small);margin-top:26px}
.other-matches,.result-limit,.result-attention{
font-size:var(--small);color:var(--muted)}
.result-attention{
margin-top:25px;background:#dce6d9;padding:17px}
.answer-summary{
margin-top:50px;background:var(--pale);padding:30px}
.answer-summary h3{
margin-bottom:27px}
.answer-summary dl{
display:grid;grid-template-columns:repeat(4,1fr);gap:27px;margin:0}
.answer-summary dt{
font-size:var(--small);color:var(--muted);line-height:1.5}
.answer-summary dd{
margin:10px 0 0;font-size:var(--body);font-weight:bold}
.next-plan{
display:grid;grid-template-columns:1fr 1.5fr;gap:7%;padding:50px 0;margin-top:20px}
.next-plan h3{
font-size:40px}
.next-plan>div>p:last-child{
font-size:var(--body);margin-top:23px}
.next-plan ol{
margin:0;padding-left:22px;font-size:var(--body)}
.next-plan li{
padding-left:10px;margin-bottom:20px}
.next-plan li p{
margin-top:6px}
.result-actions{
display:flex;gap:17px;flex-wrap:wrap;align-items:center}
.result-actions>a{
font-size:var(--body)}
.result-offer{
display:grid;grid-template-columns:170px 1fr;gap:40px;padding:40px;background:var(--green);color:white;margin-top:60px;align-items:center}
.result-offer>img{
width:170px}
.result-offer h3{
font-size:42px;max-width:23ch}
.result-offer p{
font-size:var(--body);color:#e0e9df;margin:22px 0}
.result-offer strong{
font:600 44px var(--display)}
.result-offer .primary{
font-size:var(--body)}
.result-details{
font-size:var(--small);display:inline-block;margin-left:20px}

.in-view h2{
animation:heading-arrive .5s cubic-bezier(.16,1,.3,1) both}
.in-view.book-detail-art img{
animation:art-arrive .65s cubic-bezier(.16,1,.3,1) both}
.in-view.preview-pages img{
animation:art-arrive .6s cubic-bezier(.16,1,.3,1) both}
.in-view.preview-pages>a:nth-child(2) img{
animation-delay:.07s}
.in-view.preview-pages>a:nth-child(3) img{
animation-delay:.14s}

@keyframes photo-drift{
from{
transform:scale(1.025)}
to{
transform:scale(1)}
}
@keyframes question-enter{
from{
transform:translateX(7px);opacity:.8}
to{
transform:translateX(0);opacity:1}
}
@keyframes heading-arrive{
from{
transform:translateY(15px);opacity:.85}
to{
transform:translateY(0);opacity:1}
}
@keyframes art-arrive{
from{
transform:translateY(20px)}
to{
transform:translateY(0)}
}

@media(min-width:1600px){
:root{
--page:max(32px,calc((100vw - 1440px)/2))}
}

@media(max-width:1050px){
nav{
gap:22px}
.quiz-section{
gap:5%}
.quiz{
padding:28px}
.country-explorer{
gap:16px 20px}
.explore-card{
padding:0 15px}
.explore-card summary{
gap:11px}
.explore-card summary strong{
font-size:16px}
.book-detail{
gap:5%}
.book-contents h3{
font-size:40px}
.book-detail-art img{
width:250px}
.section-heading>p{
max-width:360px}
.preview-pages{
gap:20px}
.preview-pages img{
height:320px}
.result-card{
padding:22px}
.result-card h3{
font-size:29px}
.result-offer .result-details{
display:block;margin:19px 0 0}
}

@media(max-width:760px){
:root{
--page:20px;--title:clamp(52px,16vw,70px);--heading:42px}
.brand>span{
font-size:13px}
.brand strong{
font-size:28px}
header{
min-height:80px;padding-top:15px;padding-bottom:15px;position:relative;z-index:5;flex-wrap:wrap;gap:15px}
.menu-toggle{
display:block;border:0;background:var(--pale);min-height:44px;padding:10px 14px;color:var(--green);font-size:var(--small)}
.menu-toggle span{
margin-left:8px}
nav{
display:none;width:100%;flex-direction:column;align-items:stretch;gap:8px;padding-top:10px}
nav a{
padding:13px 5px;font-size:var(--body)}
.menu-toggle[aria-expanded=true]+nav{
display:flex}
.nav-cta{
justify-content:space-between;padding:15px}
.hero{
height:auto;min-height:620px;padding-top:75px;padding-bottom:70px;align-items:center}
.hero-photo img{
object-position:center 65%}
.hero:after{
/* taste-skill-ignore: neutral scrim over an actual photograph, explicitly allowed. */background:linear-gradient(0deg,rgba(8,28,23,.78),rgba(8,28,23,.54) 70%,rgba(8,28,23,.16))}
.hero h1{
max-width:13ch}
.hero-desc{
font-size:var(--body);max-width:390px;margin-top:28px}
.hero-actions{
align-items:stretch;flex-direction:column;gap:20px;margin-top:28px}
.hero .primary{
justify-content:space-between;width:100%}
.hero .text-link{
font-size:var(--body);text-align:center}
.hero-proof{
font-size:var(--small);text-align:center;margin-top:22px}
.photo-caption{
display:block;padding-top:14px;padding-bottom:14px;font-size:13px}
.photo-caption small{
display:block;font-size:13px;margin-top:3px}
.quiz-section{
display:block;padding-top:65px;padding-bottom:70px}
.quiz-intro h2{
max-width:none;font-size:var(--heading)}
.quiz-description{
font-size:var(--body);margin-top:23px}
.quiz-photo{
display:none}
.quiz-intro>.fine{
font-size:var(--small);margin-top:20px}
.quiz{
margin-top:30px;padding:28px 22px;scroll-margin-top:16px}
.quiz h3{
font-size:38px}
.welcome-copy{
font-size:var(--body);margin-top:24px}
.welcome-list{
font-size:var(--body)}
.quiz-privacy{
font-size:var(--small)}
.quiz-meta{
font-size:var(--small)}
legend{
font-size:24px}
.question-help{
font-size:var(--small);margin:18px 0 24px}
.country-options{
display:none}
.country-picker{
display:block}
.country-picker label{
font-size:var(--small);font-weight:bold;display:block;margin-bottom:10px}
.country-picker select{
width:100%;min-height:54px;background:white;border:1px solid var(--rule);color:var(--green);padding:14px 10px;font-size:var(--body);border-radius:0}
.country-selected{
display:flex;align-items:center;gap:13px;min-height:70px;padding:17px 0;font-size:var(--body)}
.country-selected small{
display:block;font-size:var(--small)}
.controls{
gap:12px}
.controls button{
font-size:var(--small);padding:14px 15px}
.quiz-running .quiz-intro h2{
font-size:32px}
.quiz-running .quiz-description,.quiz-running .quiz-intro>.fine{
display:none}
.explore-section{
padding-top:65px;padding-bottom:70px}
.section-heading{
display:block;margin-bottom:30px}
.section-heading h2{
max-width:13ch;font-size:var(--heading)}
.section-heading>p{
font-size:var(--body);max-width:none;margin-top:25px}
.region-filters{
gap:9px;margin-top:30px}
.region-filter{
font-size:var(--small);padding:12px 15px}
.country-explorer{
grid-template-columns:1fr 1fr;gap:12px}
.explore-card{
padding:0 13px}
.explore-card summary{
gap:8px;min-height:105px;flex-wrap:wrap;padding:18px 0}
.explore-card .flag{
width:28px;height:20px}
.explore-card summary strong{
font-size:var(--body)}
.explore-card summary small{
font-size:13px}
.explore-card summary:after{
display:none}
.explore-card summary span{
flex:1;min-width:75px}
.explore-content{
font-size:var(--small);padding-bottom:22px}
.explore-content a{
font-size:var(--small)}
.explore-bottom{
display:block;margin-top:30px}
.explore-bottom p{
font-size:var(--small);margin-bottom:24px}
.explore-bottom a{
font-size:var(--body);display:inline-block}
.book-section{
padding-top:70px;padding-bottom:65px}
.book-detail{
grid-template-columns:1fr;gap:35px;margin-top:35px}
.book-detail-art{
padding:35px 25px 30px}
.book-detail-art img{
width:210px}
.book-detail-art>span{
font-size:var(--small)}
.book-contents h3{
font-size:40px}
.book-subtitle{
font-size:18px}
.contents-list{
font-size:var(--body)}
.payment-note,.delivery-note,.purchase-label{
font-size:var(--small)}
.book-purchase .primary{
min-height:56px;justify-content:space-between}
.price strong{
font-size:76px}
.real-preview{
margin-top:65px}
.preview-heading{
display:block;margin-bottom:27px}
.preview-heading>p{
font-size:var(--body)}
.preview-pages{
display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:20px}
.preview-pages>a{
flex:0 0 83%;scroll-snap-align:start}
.preview-pages img{
height:370px;padding:15px}
.preview-pages span{
font-size:var(--small)}
.book-boundary{
font-size:var(--small);margin-top:30px}
.faq-section{
grid-template-columns:1fr;gap:35px;padding-top:70px;padding-bottom:60px}
.faq-section h2{
max-width:none}
.faq-section>div>p:last-child{
font-size:var(--body)}
.faq-items details{
padding:0 18px}
.faq-items summary{
font-size:var(--body);padding:23px 25px 23px 0}
.faq-items details p{
font-size:var(--body)}
.tools-section{
display:block;padding-top:10px;padding-bottom:55px}
.tools-section>a{
font-size:var(--body);padding:24px 20px;margin-bottom:15px}
footer{
display:block;padding-top:50px;padding-bottom:40px}
footer strong{
font-size:50px}
footer p{
font-size:var(--body)}
footer>div:last-child{
align-items:start;gap:17px;font-size:var(--small);margin-top:35px}
#resultado{
padding-top:60px;padding-bottom:65px}
#resultado>h2{
max-width:16ch}
#resultado>.lead{
font-size:18px}
.destination-results{
grid-template-columns:1fr;gap:20px;margin:30px 0}
.result-card{
padding:25px}
.result-card h3{
font-size:36px}
.answer-summary{
padding:25px;margin-top:40px}
.answer-summary dl{
grid-template-columns:1fr 1fr;gap:25px 18px}
.answer-summary dt{
font-size:13px}
.answer-summary dd{
font-size:var(--small)}
.next-plan{
grid-template-columns:1fr;gap:28px;padding:40px 0}
.next-plan h3{
font-size:36px}
.next-plan ol{
font-size:var(--body)}
.result-actions{
align-items:stretch;flex-direction:column;gap:15px}
.result-actions>button{
width:100%}
.result-actions>a{
text-align:center;padding:12px;font-size:var(--body)}
.result-offer{
grid-template-columns:1fr;gap:30px;padding:28px;margin-top:45px}
.result-offer>img{
width:145px}
.result-offer h3{
font-size:38px}
.result-offer .primary{
width:100%}
.result-details{
margin:21px 0 0;font-size:var(--small)}
}

@media(max-width:360px){
:root{
--page:16px;--title:54px;--heading:38px}
.brand strong{
font-size:25px}
.brand>span{
font-size:13px}
.hero{
min-height:620px;padding-top:65px;padding-bottom:65px}
.quiz{
padding:25px 18px}
.quiz-meta{
font-size:13px}
.controls button{
font-size:13px;padding:14px 12px}
.country-explorer{
grid-template-columns:1fr}
.explore-card summary{
min-height:85px;flex-wrap:nowrap}
.explore-card summary:after{
display:block}
.book-contents h3{
font-size:36px}
.preview-pages img{
height:310px}
footer strong{
font-size:45px}
.answer-summary dl{
grid-template-columns:1fr}
.result-offer{
padding:23px}
}

@media(prefers-reduced-motion:reduce){
:root{
scroll-behavior:auto}
*,*:before,*:after{
animation:none!important;transition:none!important}
}


.explore-card summary:after{
content:'';width:16px;height:16px;background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23183d38' stroke-width='2'%3E%3Cpath d='m5 7 5 5 5-5'/%3E%3C/svg%3E")}

.faq-items summary:after{
content:'';width:18px;height:18px;background:center/18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23183d38' stroke-width='2'%3E%3Cpath d='M3 10h14M10 3v14'/%3E%3C/svg%3E")}

.faq-items details[open] summary:after{
content:'';transform:rotate(45deg)}


.result-attention{background:transparent;padding:0}
.tools-section{display:grid;grid-template-columns:1fr 1fr}
.tools-section>h2{grid-column:1/-1;font-size:40px}
.preview-heading>h3{font-size:36px}
@media(max-width:760px){.tools-section{display:block}.tools-section>h2{font-size:38px;margin-bottom:30px}.preview-heading>h3{font-size:32px;margin-bottom:17px}}

.skip{top:0;transform:translateY(calc(-100% - 16px))}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap}
.skip:focus{top:12px;transform:translateY(0);clip-path:none;width:auto;height:auto;overflow:visible;white-space:normal}