
/* /x40/guides-hub-b72cc99f452d8711.css */
 .x40-guides-hub{--gh-green:#3aaa35; --gh-link:#1f6f24; --gh-ink:#0c1f0b; color:#212529; background:#fff; font-family:Roboto,sans-serif; font-size:16px; line-height:1.65;}.x40-guides-hub *{box-sizing:border-box;}.x40-guides-hub .gh-container{width:calc(100% - 48px); max-width:1200px; margin:0 auto;}.x40-guides-hub h1,.x40-guides-hub h2,.x40-guides-hub h3{font-family:Poppins,sans-serif; font-weight:700; color:var(--gh-ink);}.x40-guides-hub a{text-decoration:none;}.x40-guides-hub a:focus-visible{outline:3px solid var(--gh-link); outline-offset:5px;}.x40-guides-hub .gh-hero{background:linear-gradient(145deg,#0a0a0a 0%,#0c1f0b 40%,#3aaa35 100%); padding:60px 0 64px; text-align:center;}.x40-guides-hub .gh-breadcrumb{display:inline-flex; align-items:center; gap:12px; border:1px solid #ffffff26; border-radius:99px; background:#ffffff0d; padding:7px 19px; margin:0 0 27px; color:#fff; font-family:Poppins,sans-serif; font-size:12px;}.x40-guides-hub .gh-breadcrumb a{display:inline-flex; align-items:center; gap:7px; color:#e0e9df;}.x40-guides-hub .gh-home-icon{width:14px; height:14px; flex-shrink:0; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}.x40-guides-hub .gh-hero h1{color:#fff; font-size:clamp(30px,4vw,48px); font-weight:800; line-height:1.18; max-width:850px; margin:0 auto 20px; letter-spacing:-.025em;}.x40-guides-hub .gh-hero h1 em{color:var(--gh-green); font-style:italic;}.x40-guides-hub .gh-hero p{color:#eef3ed; font-size:18px; line-height:1.6; max-width:660px; margin:0 auto;}.x40-guides-hub .gh-shortcuts{display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin:28px 0 0;}.x40-guides-hub .gh-button{display:inline-flex; justify-content:center; align-items:center; gap:12px; border-radius:99px; padding:12px 24px; font-family:Poppins,sans-serif; font-size:14px; font-weight:600; line-height:1.5; transition:background .2s,transform .2s;}.x40-guides-hub .gh-button--white{background:#fff; color:var(--gh-link);}.x40-guides-hub .gh-button--outline{border:1px solid #ffffff70; color:#fff; background:#ffffff0a;}.x40-guides-hub .gh-button:hover{transform:translateY(-2px);}.x40-guides-hub .gh-hero a:focus-visible,.x40-guides-hub .gh-help a:focus-visible{outline-color:#fff;}.x40-guides-hub .gh-section{padding:64px 0; scroll-margin-top:95px;}.x40-guides-hub .gh-section-heading{display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px;}.x40-guides-hub .gh-eyebrow{display:flex; align-items:center; gap:10px; margin:0 0 9px; font-family:Poppins,sans-serif; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gh-link);}.x40-guides-hub .gh-section h2{margin:0 0 10px; font-size:clamp(25px,3vw,34px); line-height:1.25; letter-spacing:-.02em;}.x40-guides-hub .gh-intro{color:#555; margin:0; max-width:690px;}.x40-guides-hub .gh-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px;}.x40-guides-hub .gh-guide{display:flex; flex-direction:column; align-items:flex-start; padding:28px; border:1px solid #dfe8dd; border-top:4px solid var(--gh-green); border-radius:18px; background:#fff; box-shadow:0 6px 24px #0c1f0b08; color:#212529; transition:border-color .2s,box-shadow .2s,transform .2s;}.x40-guides-hub .gh-guide:hover,.x40-guides-hub .gh-article:hover{border-color:var(--gh-green); box-shadow:0 10px 28px #0c1f0b0d; transform:translateY(-3px);}.x40-guides-hub .gh-icon{display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:16px; color:var(--gh-link); background:#e9f6e6; box-shadow:0 4px 0 #3aaa3517; transform:rotate(-5deg); margin-bottom:22px;}.x40-guides-hub .gh-icon svg{width:28px; height:28px; transform:rotate(5deg); fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}.x40-guides-hub .gh-guide h3{font-size:19px; line-height:1.4; margin:0 0 10px;}.x40-guides-hub .gh-guide p{color:#555; font-size:15px; margin:0 0 25px; line-height:1.65;}.x40-guides-hub .gh-card-link{display:flex; justify-content:space-between; align-items:center; gap:20px; width:100%; margin-top:auto; font-family:Poppins,sans-serif; font-weight:600; font-size:13px; color:var(--gh-link);}.x40-guides-hub .gh-arrow{display:flex; align-items:center; justify-content:center; flex-shrink:0; width:34px; height:34px; border-radius:50%; background:#e9f6e6; font-size:22px; line-height:1; transition:transform .2s,background .2s,color .2s;}.x40-guides-hub a:hover .gh-arrow,a:focus-visible .gh-arrow{transform:translateX(3px); background:var(--gh-link); color:#fff;}.x40-guides-hub .gh-guide--tool{background:linear-gradient(145deg,#0c1f0b 0%,#194b16 100%); border-color:var(--gh-green);}.x40-guides-hub .gh-guide--tool h3,.x40-guides-hub .gh-guide--tool .gh-card-link{color:#fff;}.x40-guides-hub .gh-guide--tool p{color:#e4eddf;}.x40-guides-hub .gh-guide--tool .gh-arrow{color:var(--gh-link); background:#fff;}.x40-guides-hub .gh-guide--tool .gh-icon{background:var(--gh-green); color:var(--gh-ink); box-shadow:0 4px 0 #0002;}.x40-guides-hub .gh-tool-label{display:flex; justify-content:space-between; align-items:start; gap:12px; width:100%;}.x40-guides-hub .gh-badge{color:#e1f9d9; background:#ffffff0d; border:1px solid #a2dd8f50; border-radius:99px; padding:3px 10px; font-size:11px; font-family:Poppins,sans-serif; font-weight:600;}.x40-guides-hub .gh-articles{background:#f1f7ef; border-top:1px solid #edf0ec;}.x40-guides-hub .gh-all-articles{color:var(--gh-link); font-family:Poppins,sans-serif; font-size:14px; font-weight:600; flex-shrink:0;}.x40-guides-hub .gh-article{display:flex; flex-direction:column; overflow:hidden; border-radius:18px; border:1px solid #e5e9e4; background:#fff; color:#212529; transition:border-color .2s,box-shadow .2s,transform .2s;}.x40-guides-hub .gh-article img{display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; background:#e5e9e4;}.x40-guides-hub .gh-article-body{display:flex; flex:1; flex-direction:column; padding:23px 25px 25px;}.x40-guides-hub .gh-category{align-self:flex-start; border-radius:99px; padding:4px 10px; background:#e9f6e6; color:var(--gh-link); font-size:11px; font-family:Poppins,sans-serif; font-weight:600; letter-spacing:.07em; text-transform:uppercase; margin-bottom:9px;}.x40-guides-hub .gh-article h3{font-size:18px; line-height:1.4; margin:0 0 11px;}.x40-guides-hub .gh-article p{font-size:14px; line-height:1.6; color:#555; margin:0 0 22px;}.x40-guides-hub .gh-help{position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:40px; background:linear-gradient(145deg,#0a0a0a 0%,#0c1f0b 40%,#3aaa35 100%); border-radius:22px; padding:42px 45px;}.x40-guides-hub .gh-help h2{color:#fff; font-size:28px;}.x40-guides-hub .gh-help p{color:#eef3ed; max-width:620px; margin:0;}.x40-guides-hub .gh-help .gh-button{flex-shrink:0;}.x40-guides-hub .gh-eyebrow::before{content:""; width:24px; height:3px; flex-shrink:0; border-radius:3px; background:var(--gh-green);}.x40-guides-hub .gh-help::after{content:""; position:absolute; z-index:-1; pointer-events:none; width:300px; height:300px; right:-150px; top:-130px; border:35px solid #ffffff08; border-radius:50%; box-shadow:0 0 0 35px #ffffff05;}@media(max-width:991px){.x40-guides-hub .gh-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.x40-guides-hub .gh-help{align-items:flex-start; flex-direction:column; gap:24px;}}@media(max-width:600px){.x40-guides-hub .gh-container{width:calc(100% - 36px);}.x40-guides-hub .gh-hero{padding:35px 0 40px;}.x40-guides-hub .gh-breadcrumb{margin-bottom:22px;}.x40-guides-hub .gh-hero p{font-size:16px;}.x40-guides-hub .gh-shortcuts{gap:10px; margin-top:24px;}.x40-guides-hub .gh-button{padding:11px 18px; font-size:12px;}.x40-guides-hub .gh-section{padding:40px 0;}.x40-guides-hub .gh-section-heading{display:block; margin-bottom:24px;}.x40-guides-hub .gh-all-articles{display:inline-block; margin-top:16px;}.x40-guides-hub .gh-grid{grid-template-columns:1fr; gap:16px;}.x40-guides-hub .gh-guide{padding:24px;}.x40-guides-hub .gh-icon{margin-bottom:17px;}.x40-guides-hub .gh-guide p{margin-bottom:18px;}.x40-guides-hub .gh-help{padding:30px 25px;}.x40-guides-hub .gh-help h2{font-size:24px;}}@media(prefers-reduced-motion:reduce){.x40-guides-hub .gh-guide,.x40-guides-hub .gh-article,.x40-guides-hub .gh-button,.x40-guides-hub .gh-arrow{transition:none;}.x40-guides-hub .gh-guide:hover,.x40-guides-hub .gh-article:hover,.x40-guides-hub .gh-button:hover,.x40-guides-hub a:hover .gh-arrow,.x40-guides-hub a:focus-visible .gh-arrow{transform:none;}}