.guides-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 45%,rgba(0,96,255,.2),transparent 31%),linear-gradient(180deg,#021424,#031a2d);color:#fff}.guides-hero::after{content:"";position:absolute;right:-8%;bottom:-180px;width:54%;height:310px;border-radius:50%;background:rgba(8,173,91,.09);filter:blur(80px)}.guides-hero-inner{position:relative;z-index:1;min-height:410px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:55px;padding-bottom:55px}.guides-kicker{display:inline-block;color:#16cf78;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.guides-hero h1{max-width:790px;margin:14px 0 18px;font-size:52px;line-height:1.05;letter-spacing:-.045em}.guides-hero h1 span{color:#12bd69}.guides-hero p{max-width:690px;margin:0;color:#dce7ef;font-size:17px;line-height:1.65}.guides-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.guides-topics span{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.05);color:#dce7ef;font-size:11px;font-weight:750}
.guides-content{padding:54px 0 68px;background:#f3f6f8}.guides-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:26px}.guides-heading .guides-kicker{color:#087e4c}.guides-heading h2{margin:8px 0 0;color:#102b40;font-size:32px;letter-spacing:-.03em}.guides-heading>p{max-width:520px;margin:0;color:#596b79;font-size:14px;line-height:1.65}.guide-grid{display:grid;gap:16px}.guide-card{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:22px;padding:26px 28px;border:1px solid #dce4ea;border-radius:12px;background:#fff;box-shadow:0 9px 25px rgba(13,39,59,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.guide-card:hover{transform:translateY(-2px);border-color:#a9d9c1;box-shadow:0 14px 30px rgba(8,96,52,.09)}.guide-featured{border-color:#9dd7ba;background:linear-gradient(110deg,#fff,#f3fbf7)}.guide-icon{display:grid;width:62px;height:62px;place-items:center;border:1px solid #cdeede;border-radius:16px;background:linear-gradient(145deg,#f2fcf7,#e2f6ec);color:#079b57}.guide-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.guide-category{color:#087e4c;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.guide-card h2{margin:6px 0 7px;color:#15344b;font-size:20px;letter-spacing:-.015em}.guide-card p{max-width:800px;margin:0;color:#586a78;font-size:13px;line-height:1.65}.guide-meta{display:flex;gap:16px;margin-top:11px;color:#81909c;font-size:10px}.guide-link{display:inline-flex;align-items:center;justify-content:center;min-width:126px;padding:11px 14px;border-radius:6px;background:#0bad5b;color:#fff;font-size:12px;font-weight:850;text-decoration:none}.guide-link-muted{background:#eef3f5;color:#778692}.shared-site-footer{margin-top:0}
@media(max-width:760px){.guides-hero-inner{min-height:360px;padding-top:42px;padding-bottom:42px}.guides-hero h1{font-size:39px}.guides-hero p{font-size:16px}.guides-content{padding:36px 0 48px}.guides-heading{display:block}.guides-heading h2{font-size:27px}.guides-heading>p{margin-top:12px}.guide-card{grid-template-columns:54px 1fr;gap:16px;padding:22px 18px}.guide-icon{width:52px;height:52px;border-radius:14px}.guide-icon svg{width:29px;height:29px}.guide-link{grid-column:1/-1;width:100%}.guide-card h2{font-size:18px}.guide-meta{display:grid;gap:4px}}

/* Match the primary green actions used on the start page. */
.guide-link,.guide-link-muted{min-width:142px;min-height:52px;padding:12px 14px;border:1px solid #06a95d;border-radius:7px;background:linear-gradient(180deg,#14c875,#079b57);color:#fff;font-size:13px;line-height:1.2;font-weight:850;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.65);box-shadow:0 8px 20px rgba(5,175,96,.3);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease}
.guide-link:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 10px 22px rgba(5,140,86,.22)}
.guide-link:active{transform:translateY(1px);box-shadow:none}
.guide-link:focus-visible{outline:3px solid #73f0b5;outline-offset:3px}
@media(min-width:801px){.guides-hero .section-hero-art{top:50%;right:max(32px,calc((100vw - 1320px)/2));width:min(43vw,620px);height:360px;transform:translateY(-50%);object-fit:cover;object-position:right center;-webkit-mask-image:radial-gradient(ellipse 78% 88% at 60% 50%,#000 55%,rgba(0,0,0,.82) 73%,transparent 100%);mask-image:radial-gradient(ellipse 78% 88% at 60% 50%,#000 55%,rgba(0,0,0,.82) 73%,transparent 100%)}}