/* Guides + Resources · Oct 29 2026 */
.gd-hero{position:relative;overflow:hidden;padding:100px 20px 90px;background:radial-gradient(50% 70% at 85% 0%,rgba(108,92,231,.32),transparent 70%),radial-gradient(40% 60% at 0% 100%,rgba(184,230,46,.14),transparent 70%),#000;color:#F5F5F7}
.gd-hero .w{max-width:880px;margin:0 auto}
.gd-hero .eb{margin:0;font-size:16px;font-weight:700;color:#A9A7C2}
.gd-hero .eb a{color:#A9A7C2;text-decoration:none}
.gd-hero h1{margin:14px 0 0;font-size:clamp(40px,6vw,76px);line-height:1;font-weight:800;letter-spacing:-.05em;color:#F5F5F7;background:none;-webkit-text-fill-color:#F5F5F7}
.gd-hero h1 .gwd{background:linear-gradient(95deg,#E2F98C,#B8E62E 40%,#A99BFF);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.gd-hero .dek{margin:22px 0 0;font-size:clamp(18px,1.7vw,22px);line-height:1.5;color:#C9C7E0}
.gd-by{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:15px;color:#A9A7C2}
.gd-by img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.gd-by b{color:#F5F5F7}
.gd-body{background:#fff;color:#12102E;padding:80px 20px 40px}
.gd-art{max-width:720px;margin:0 auto;font-size:19px;line-height:1.7;color:#2E2C48}
.gd-art h2{margin:56px 0 0;font-size:clamp(28px,3vw,38px);line-height:1.12;font-weight:800;letter-spacing:-.035em;color:#12102E;background:none;-webkit-text-fill-color:#12102E}
.gd-art h3{margin:34px 0 0;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#12102E}
.gd-art p{margin:18px 0 0}
.gd-art ul,.gd-art ol{margin:18px 0 0;padding-left:24px}
.gd-art li{margin:8px 0}
.gd-art a{color:#4A3DBB;font-weight:700}
.gd-art strong{color:#12102E}
.gd-key{margin:0 0 30px;padding:28px 30px;border-radius:28px;background:linear-gradient(165deg,rgba(255,255,255,.95),rgba(184,230,46,.16));border:1.5px solid #fff;box-shadow:0 28px 60px -30px rgba(184,230,46,.7),inset 0 1px 0 #fff}
.gd-key b{display:block;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#4D7A0A}
.gd-key ul{margin:12px 0 0;padding-left:20px;font-size:18px}
.gd-tbl{margin:24px 0 0;border-radius:22px;overflow:hidden;border:1px solid #ECECF0;font-size:16px}
.gd-tbl table{width:100%;border-collapse:collapse}
.gd-tbl th,.gd-tbl td{padding:14px 16px;text-align:left;vertical-align:top}
.gd-tbl th{background:#12102E;color:#fff;font-size:14px;font-weight:800}
.gd-tbl tr:nth-child(even) td{background:#F7F7FA}
.gd-tip{margin:28px 0 0;padding:22px 24px;border-radius:22px;background:linear-gradient(165deg,#fff,rgba(108,92,231,.1));border:1.5px solid #fff;box-shadow:0 20px 50px -30px rgba(108,92,231,.6);font-size:17px}
.gd-tip b{color:#3B2FC9}
.gd-src{margin:44px 0 0;padding-top:22px;border-top:1px solid #ECECF0;font-size:14px;line-height:1.6;color:#6C6A84}
.gd-src a{color:#6C6A84;font-weight:600}
.gd-cta{padding:40px 20px 110px;background:#fff}
.gd-cta .anchor-band{max-width:1000px;margin:0 auto}
.gd-more{padding:100px 20px 120px;background:#F5F5F7}
.gd-more .w{max-width:1120px;margin:0 auto}
.gd-more h2{margin:0;font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-.045em;color:#12102E}
/* guide cards (hub + more) */
.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.gcard{--t:184,230,46;display:flex;flex-direction:column;text-decoration:none;padding:30px 28px 28px;border-radius:30px;background:linear-gradient(165deg,rgba(255,255,255,.94),rgba(255,255,255,.8) 55%,rgba(var(--t),.15));border:1.5px solid rgba(255,255,255,.95);box-shadow:0 28px 60px -30px rgba(var(--t),.6),inset 0 1px 0 #fff;color:#12102E;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.gcard:nth-child(3n+2){--t:108,92,231}.gcard:nth-child(3n){--t:24,180,180}
.gcard:hover{transform:translateY(-5px);box-shadow:0 40px 80px -30px rgba(var(--t),.75),inset 0 1px 0 #fff}
.gcard .k{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6C6A84}
.gcard h3{margin:14px 0 0;font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.03em;color:#12102E}
.gcard p{margin:12px 0 0;font-size:16px;line-height:1.5;color:#55536E}
.gcard em{margin-top:auto;padding-top:22px;font-style:normal;font-weight:800;font-size:15px;color:#3B2FC9}
/* hub */
.rs-hero{padding:110px 20px 100px;text-align:center;background:radial-gradient(50% 60% at 50% 0%,rgba(108,92,231,.32),transparent 70%),radial-gradient(40% 50% at 50% 100%,rgba(184,230,46,.16),transparent 70%),#000;color:#F5F5F7}
.rs-hero h1{margin:10px auto 0;max-width:900px;font-size:clamp(44px,7vw,96px);line-height:.98;font-weight:800;letter-spacing:-.055em;color:#F5F5F7;background:none;-webkit-text-fill-color:#F5F5F7}
.rs-hero .sub{margin:22px auto 0;max-width:620px;font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:#C9C7E0}
.rs-sec{padding:100px 20px}
.rs-sec .w{max-width:1120px;margin:0 auto}
.rs-sec h2{margin:0;font-size:clamp(34px,4.6vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.045em;color:#12102E;background:none;-webkit-text-fill-color:#12102E}
.rs-sec .lead2{margin:14px 0 0;max-width:620px;font-size:19px;line-height:1.5;color:#6C6A84}
.rs-dark{background:#07061A}
.rs-dark h2{color:#fff;-webkit-text-fill-color:#fff}
.rs-dark .lead2{color:#A9A7C2}
.tools2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
.tool2{display:flex;flex-direction:column;gap:10px;text-decoration:none;padding:36px;border-radius:32px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 60%,rgba(184,230,46,.08));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px -30px rgba(184,230,46,.4),inset 0 1px 0 rgba(255,255,255,.14);color:#F5F5F7;transition:transform .3s}
.tool2:nth-child(2){background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 60%,rgba(108,92,231,.14));box-shadow:0 30px 70px -30px rgba(108,92,231,.5),inset 0 1px 0 rgba(255,255,255,.14)}
.tool2:hover{transform:translateY(-4px)}
.tool2 b{font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:-.03em}
.tool2 span{font-size:17px;line-height:1.5;color:#C9C7E0}
.tool2 em{margin-top:10px;font-style:normal;font-weight:800;color:#C9EE5A}
@media (max-width:900px){.gcards{grid-template-columns:1fr 1fr}.tools2{grid-template-columns:1fr}}
@media (max-width:600px){.gcards{grid-template-columns:1fr}.gd-art{font-size:18px}}