.guides-page{background:radial-gradient(circle at 8% 8%,rgba(255,100,45,.1),transparent 28rem),radial-gradient(circle at 90% 4%,rgba(25,91,255,.09),transparent 30rem),var(--seo-bg);color:var(--seo-ink);overflow:hidden}.guides-page :is(h1,h2,h3,p){text-wrap:pretty}.guides-hero,.guides-featured,.guides-related,.guides-final-cta{overflow:hidden;position:relative}.guides-hero{min-height:620px;padding:120px 0 88px}.guides-hero__grid{align-items:center;display:grid;gap:clamp(36px,6vw,76px);grid-template-columns:minmax(0,.95fr) minmax(360px,.75fr)}.guides-hero h1{font-size:clamp(3rem,7vw,6.4rem);letter-spacing:0;line-height:.9;margin:18px 0 22px;max-width:820px}.guides-hero p{color:var(--seo-muted);font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.65;max-width:720px}.guides-hero__actions,.guides-filter-bar,.guides-card-grid,.guides-related-grid{display:flex;flex-wrap:wrap;gap:14px}.guides-hero__actions{margin-top:30px}.guides-visual{background:linear-gradient(135deg,#ffffffeb,#f3f8fcd6),radial-gradient(circle at 20% 20%,rgba(255,100,45,.12),transparent 40%),radial-gradient(circle at 82% 28%,rgba(25,91,255,.12),transparent 42%);border:1px solid rgba(16,24,40,.12);border-radius:28px;box-shadow:var(--seo-shadow);display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:440px;overflow:hidden;padding:24px;position:relative}.guides-visual:before{background:linear-gradient(rgba(16,24,40,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,40,.06) 1px,transparent 1px);background-size:40px 40px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%);opacity:.7;position:absolute}.guides-visual span{align-content:end;background:linear-gradient(135deg,#ffffffeb,#ffffff94),radial-gradient(circle at 15% 10%,rgba(255,100,45,.15),transparent 60%);border:1px solid rgba(16,24,40,.1);border-radius:18px;color:var(--seo-navy);display:grid;font-size:.9rem;font-weight:900;min-height:110px;padding:16px;position:relative;z-index:1}.guides-visual span:nth-child(2n){background:linear-gradient(135deg,#ffffffeb,#ffffff94),radial-gradient(circle at 85% 8%,rgba(25,91,255,.14),transparent 58%)}.guides-visual span:nth-child(3n){transform:translateY(18px)}.guides-types,.guides-filter-section,.guides-planned{padding:88px 0}.guides-type-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.guides-type-grid article,.guide-card,.guides-related-grid a{background:#ffffffe6;border:1px solid rgba(16,24,40,.1);border-radius:18px;box-shadow:0 18px 48px #08142114}.guides-type-grid article{padding:24px}.guides-type-grid span,.guide-card>span{color:var(--seo-orange);display:inline-flex;font-size:.78rem;font-weight:900;letter-spacing:.04em;margin-bottom:12px;text-transform:uppercase}.guides-type-grid h3,.guide-card h3{font-size:1.24rem;margin:0 0 10px}.guides-type-grid p,.guide-card p,.guides-related-grid span{color:var(--seo-muted);line-height:1.55;margin:0}.guides-featured{background:radial-gradient(circle at 18% 16%,rgba(0,182,122,.1),transparent 22rem),linear-gradient(180deg,#fff,#eef5fa);padding:88px 0}.guides-featured__grid{align-items:center;display:grid;gap:36px;grid-template-columns:minmax(0,.7fr) minmax(360px,.55fr)}.guides-featured h2,.guides-final-cta h2{font-size:clamp(2.1rem,4vw,4.6rem);letter-spacing:0;line-height:.98;margin:10px 0 18px}.guide-card{color:var(--seo-ink);display:grid;gap:10px;min-width:0;overflow:hidden;padding:24px;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.guide-card:before{background:linear-gradient(90deg,var(--tool-gradient-from),var(--tool-gradient-to));content:"";height:4px;inset:0 0 auto;position:absolute}.guide-card:hover{border-color:color-mix(in srgb,var(--tool-primary) 40%,rgba(16,24,40,.12));box-shadow:0 24px 70px color-mix(in srgb,var(--tool-primary) 18%,transparent);transform:translateY(-2px)}.guide-card--featured{min-height:330px;padding:32px}.guide-card--planned{background:#ffffffad;box-shadow:none}.guide-card--planned:hover{border-color:#1018281a;box-shadow:none;transform:none}.guide-card__tools{display:flex;gap:8px;margin-bottom:10px}.guide-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.guide-card__meta small,.guide-card b{background:#1018280f;border-radius:999px;color:var(--seo-muted);font-size:.78rem;font-weight:800;padding:7px 10px;width:fit-content}.guide-card b{background:color-mix(in srgb,var(--tool-primary) 12%,#ffffff);color:var(--tool-dark);margin-top:8px}.guides-filter-bar{align-items:end;background:#ffffffd1;border:1px solid rgba(16,24,40,.1);border-radius:18px;margin-bottom:24px;padding:16px}.guides-filter-bar label{display:grid;flex:1 1 220px;gap:8px}.guides-filter-bar label span{color:var(--seo-muted);font-size:.8rem;font-weight:900}.guides-filter-bar select{background:#fff;border:1px solid rgba(16,24,40,.16);border-radius:12px;color:var(--seo-ink);font:inherit;min-height:46px;padding:0 12px}.guides-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.guides-card-grid--planned .guide-card{min-height:260px}.guides-empty-state{background:#fffc;border:1px solid rgba(16,24,40,.1);border-radius:16px;color:var(--seo-muted);margin:20px 0 0;padding:18px}.guides-related{background:linear-gradient(180deg,#fff,#eef5fa);padding:88px 0}.guides-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.guides-related-grid a{display:grid;gap:10px;padding:20px}.guides-related-grid strong{font-size:1rem}.guides-final-cta{background:var(--seo-navy);color:#fff;padding:92px 0}.guides-final-cta__inner{display:grid;gap:18px;justify-items:start;max-width:760px}.guides-final-cta p{color:#ffffffbd;font-size:1.12rem;line-height:1.65}@media(max-width:1024px){.guides-hero{padding-top:96px}.guides-hero__grid,.guides-featured__grid{grid-template-columns:1fr}.guides-visual{min-height:0;width:100%}.guides-type-grid,.guides-card-grid,.guides-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.guides-hero,.guides-types,.guides-featured,.guides-filter-section,.guides-planned,.guides-related,.guides-final-cta{padding:72px 0}.guides-hero h1,.guides-featured h2,.guides-final-cta h2{font-size:clamp(2.5rem,16vw,4rem)}.guides-hero__actions,.guides-hero__actions .button,.guides-final-cta .button{width:100%}.guides-type-grid,.guides-card-grid,.guides-related-grid,.guides-visual{grid-template-columns:1fr}.guide-card,.guides-type-grid article,.guides-related-grid a,.guides-filter-bar{width:100%}.guides-visual span{min-height:74px;transform:none!important}}@media(prefers-reduced-motion:reduce){.guide-card{transition:none}}