.guide-hero{padding:76px 0;background:linear-gradient(120deg,#f5f9fb 0,#fff 58%,#e7f7f3 100%);border-bottom:1px solid var(--line)}
.guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.65fr);align-items:end;gap:70px}.guide-hero h1{max-width:830px;margin:14px 0 20px;font-size:clamp(46px,5vw,74px);line-height:.98;letter-spacing:-.055em}.guide-hero p{max-width:800px;margin:0;color:#536477;font-size:18px}.guide-search{padding:25px;border:1px solid #cbd8e0;border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(17,24,39,.08)}.guide-search>label{display:block;margin-bottom:12px;font-size:1.05rem;font-weight:800}.guide-search>div{display:grid;grid-template-columns:1fr auto}.guide-search input{min-width:0;border:1px solid #aebbc6;border-right:0;padding:14px 15px;font:inherit}.guide-search button{border:0;background:#0b55ff;color:#fff;padding:0 18px;font-weight:800;cursor:pointer}.guide-search small{display:block;margin-top:10px;color:#647084}
.guide-featured{padding-top:70px;padding-bottom:76px}.guide-featured>header{margin-bottom:26px}.guide-featured h2,.guide-browser h2,.guide-help h2{margin:7px 0 0;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.04em}.guide-featured-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.guide-feature-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid #d6e0e6;border-radius:18px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.guide-feature-card:hover{border-color:#0b55ff;box-shadow:0 16px 45px rgba(17,24,39,.09)}.guide-feature-card figure{margin:0;aspect-ratio:16/9;overflow:hidden;background:#edf2f5}.guide-feature-card figure img{display:block;width:100%;height:100%;object-fit:cover;transform:none!important;transition:none!important}.guide-feature-card>div{display:flex;min-height:245px;flex-direction:column;padding:25px}.guide-feature-card span,.guide-list article span{color:#19715f;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.guide-feature-card h3{margin:12px 0 9px;font-size:1.45rem;line-height:1.18}.guide-feature-card p{margin:0;color:#5c6d79}.guide-feature-card b{margin-top:auto;padding-top:20px;color:#0b55ff}.guide-feature-card.primary h3{font-size:1.7rem}
.guide-browser{padding:70px 0 86px;background:#f4f7f9}.guide-browser-head{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:50px;margin-bottom:28px}.guide-topic-filters{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.guide-topic-filters button{border:1px solid #cbd6dd;border-radius:999px;background:#fff;padding:10px 14px;color:#344b58;font:700 .88rem/1 inherit;cursor:pointer}.guide-topic-filters button b{display:inline-grid;min-width:22px;height:22px;margin-left:5px;place-items:center;border-radius:50%;background:#edf2f5;font-size:.73rem}.guide-topic-filters button.active{border-color:#102f3b;background:#102f3b;color:#fff}.guide-topic-filters button.active b{background:#fff;color:#102f3b}.guide-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-list article{display:flex;min-height:285px;flex-direction:column;padding:25px;border:1px solid #d9e2e7;border-radius:15px;background:#fff}.guide-list article>div{display:flex;justify-content:space-between;gap:15px}.guide-list article small{color:#87949c}.guide-list h3{margin:17px 0 10px;font-size:1.28rem;line-height:1.25}.guide-list h3 a:hover{color:#0b55ff}.guide-list p{margin:0;color:#5c6d79}.guide-read{margin-top:auto;padding-top:20px;color:#0b55ff;font-weight:800}.guide-empty{padding:45px;text-align:center;border:1px dashed #b8c7d0;border-radius:16px;background:#fff}.guide-empty h3{font-size:1.4rem}.guide-empty button{border:0;background:#102f3b;color:#fff;padding:12px 17px;font-weight:800;cursor:pointer}
.guide-help{padding:68px 0;background:#102f3b;color:#fff}.guide-help>.shell{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:70px}.guide-help p{max-width:720px;color:#c7d4d8;font-size:17px}.guide-help .label{color:#77dbc5}.guide-help nav{display:grid;border-top:1px solid rgba(255,255,255,.18)}.guide-help nav a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18);font-weight:750}.guide-help nav span{color:#77dbc5}
@media(max-width:1050px){.guide-hero-grid{grid-template-columns:1fr;gap:35px}.guide-search{max-width:720px}.guide-featured-grid{grid-template-columns:1fr 1fr}.guide-feature-card.primary{grid-column:1/-1;grid-template-columns:.9fr 1.1fr;grid-template-rows:1fr}.guide-feature-card.primary figure{aspect-ratio:auto}.guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-browser-head{grid-template-columns:1fr}.guide-topic-filters{justify-content:flex-start}.guide-help>.shell{grid-template-columns:1fr}}
@media(max-width:650px){.guide-hero{padding:50px 0}.guide-hero h1{font-size:42px}.guide-search{padding:18px}.guide-search>div{grid-template-columns:1fr}.guide-search input{border-right:1px solid #aebbc6}.guide-search button{padding:14px}.guide-featured{padding-top:52px;padding-bottom:56px}.guide-featured-grid{grid-template-columns:1fr}.guide-feature-card.primary{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto 1fr}.guide-feature-card.primary figure{aspect-ratio:16/10}.guide-feature-card>div{min-height:220px;padding:21px}.guide-topic-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.guide-topic-filters button{flex:0 0 auto}.guide-list{grid-template-columns:1fr}.guide-list article{min-height:240px;padding:21px}.guide-browser{padding:54px 0}.guide-help{padding:54px 0}}