.ico{justify-content:center;align-items:center;display:inline-flex}.ico svg{width:1em;height:1em}.hero{background:var(--slate);min-height:clamp(600px,82vh,900px);position:relative;overflow:hidden}.hero__bg{background:url(/images/hero-guides-hub.webp) 50%/cover no-repeat;position:absolute;inset:0}.hero__overlay{background:linear-gradient(90deg,#0000006b 0%,#0000001f 50%,#0000 75%);position:absolute;inset:0}.hero__inner{padding-block:clamp(72px,10vw,120px);position:relative}.hero__content{max-width:640px}.hero__h1{letter-spacing:-.03em;color:#fff;border-left:none;margin:14px 0 20px;padding-left:0;font:900 clamp(38px,4.8vw,64px)/1.05 Archivo,sans-serif}.hero__sub{color:#ffffffbd;max-width:560px;margin:0 0 30px;font-size:18px;line-height:1.6}.hero__btns{flex-wrap:wrap;gap:14px;display:flex}.hero__btns .ico{font-size:19px}.breadcrumb{color:#ffffff8c;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font:600 13px Hanken Grotesk,sans-serif;display:flex}.breadcrumb a{color:#ffffffc7}.section--white{background:var(--white)}.section--surface{background:var(--surface)}.ico-h2{color:var(--slate);align-items:center;gap:12px;margin:6px 0 16px;font:800 clamp(24px,2.7vw,34px)/1.15 Archivo,sans-serif;display:flex}.hico{color:var(--brand);flex-shrink:0;font-size:26px}.section p{color:var(--text-muted);margin:0 0 16px;font-size:16.5px;line-height:1.75}.lede{color:var(--text-muted);max-width:900px;margin:0 0 30px;font-size:17px;line-height:1.7}.lede a,.split__body a:not(.btn){color:var(--brand);font-weight:600}.split{grid-template-columns:1.1fr 1fr;align-items:stretch;gap:48px;display:grid}.split__body{align-self:center}.split__media{border-radius:var(--radius);min-height:400px;overflow:hidden}.split__media img{object-fit:cover;width:100%;height:100%;display:block}.split .ico-h2{margin-top:0}.masonry{column-count:2;align-self:center;column-gap:12px}.masonry img{object-fit:cover;border-radius:var(--radius);break-inside:avoid;width:100%;height:auto;margin-bottom:12px;display:block}.masonry--4 img:first-child{aspect-ratio:1}.masonry--4 img:nth-child(2),.masonry--4 img:nth-child(3){aspect-ratio:3/2}.masonry--4 img:nth-child(4){aspect-ratio:1}.guides-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.guide-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.guide-card:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 8px 28px #0462fd1a}.guide-card__img{aspect-ratio:5/3;overflow:hidden}.guide-card__img img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.guide-card:hover .guide-card__img img{transform:scale(1.04)}.guide-card__body{flex-direction:column;flex:1;padding:18px 20px 22px;display:flex}.guide-card__title{color:var(--slate);margin:0 0 8px;font:700 16px Archivo,sans-serif}.guide-card__desc{color:var(--text-muted);flex:1;margin:0 0 14px;font-size:14px;line-height:1.6}.guide-card__foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.guide-card__link{color:var(--brand);align-items:center;gap:6px;font:700 13px Hanken Grotesk,sans-serif;display:inline-flex}.guide-card__updated{color:var(--text-faint);white-space:nowrap;font:500 12px Hanken Grotesk,sans-serif}.faq--grid{grid-template-columns:1fr 1fr;gap:8px 24px;display:grid}.faq__item{border-bottom:1px solid var(--border)}.faq__item summary{cursor:pointer;color:var(--slate);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font:700 16px Hanken Grotesk,sans-serif;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__plus{flex-shrink:0;width:16px;height:16px;position:relative}.faq__plus:before,.faq__plus:after{content:"";background:var(--brand);transition:transform .2s;position:absolute}.faq__plus:before{width:16px;height:2px;top:7px;left:0}.faq__plus:after{width:2px;height:16px;top:0;left:7px}.faq__item[open] .faq__plus:after{transform:scaleY(0)}.faq__item p{color:var(--text-muted);margin:0 0 18px;font-size:15px;line-height:1.7}.center-cta{text-align:center;max-width:720px;margin:0 auto}.center-cta h2{color:var(--slate);border-left:none;margin:0 0 12px;padding-left:0;font:800 clamp(26px,3vw,38px)/1.1 Archivo,sans-serif}.center-cta>p{color:var(--text-muted);margin:0 0 26px;font-size:16.5px;line-height:1.65}.center-cta__btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.center-cta__btns .ico{font-size:18px}.btn--ghost{color:var(--brand);border:2px solid var(--brand);background:0 0}.btn--ghost:hover{background:var(--brand-light)}@media (width<=960px){.split{grid-template-columns:1fr;gap:26px}.split__media{min-height:260px}.guides-grid{grid-template-columns:repeat(2,1fr)}.faq--grid{grid-template-columns:1fr}}@media (width<=560px){.guides-grid{grid-template-columns:1fr}}.hero__btns>.btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.hero__btns>.btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.center-cta__btns>.btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.center-cta__btns>.btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.guides-grid .guide-card{border-radius:0}.guides-grid .guide-card:first-child{border-radius:var(--radius) 0 0 0}.guides-grid .guide-card:nth-child(4){border-radius:0 var(--radius) 0 0}.guides-grid .guide-card:nth-child(9){border-radius:0 0 var(--radius) var(--radius)}@media (width<=960px){.guides-grid .guide-card:first-child{border-radius:var(--radius) 0 0 0}.guides-grid .guide-card:nth-child(2){border-radius:0 var(--radius) 0 0}.guides-grid .guide-card:nth-child(4){border-radius:0}.guides-grid .guide-card:nth-child(9){border-radius:0 0 var(--radius) var(--radius)}}@media (width<=560px){.guides-grid .guide-card:first-child{border-radius:var(--radius) var(--radius) 0 0}.guides-grid .guide-card:nth-child(2){border-radius:0}.guides-grid .guide-card:nth-child(9){border-radius:0 0 var(--radius) var(--radius)}}@media (width<=480px){.hero__btns>.btn:first-child{border-radius:var(--radius) var(--radius) 0 0}.hero__btns>.btn:last-child{border-radius:0 0 var(--radius) var(--radius)}.center-cta__btns>.btn:first-child{border-radius:var(--radius) var(--radius) 0 0}.center-cta__btns>.btn:last-child{border-radius:0 0 var(--radius) var(--radius)}}