body.guide-page { background:#f8f7fb; color:#191721; }
.guide-shell { width:min(100% - 44px,1368px); margin:auto; }
.guide-header { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:88px; border-bottom:1px solid #dedbe5; }
.guide-logo { width:158px; flex:none; }
.guide-nav { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:clamp(14px,2.5vw,34px); }
.guide-nav a { color:#4f4b58; font-size:13px; font-weight:650; text-decoration:none; }
.guide-nav a:hover,.guide-nav a:focus-visible { color:#5630a8; }
.guide-nav .guide-contact { color:#5630a8; }
.guide-breadcrumb { display:flex; flex-wrap:wrap; gap:9px; margin:28px 0 0; color:#696572; font-size:13px; }
.guide-breadcrumb a { text-decoration:none; }
.guide-breadcrumb a:hover { text-decoration:underline; }
.guide-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); min-height:450px; margin-top:24px; background:#eeebf4; }
.guide-hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(28px,5vw,74px); }
.guide-kicker { margin:0 0 18px; color:#5630a8; font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.guide-hero h1 { max-width:14ch; margin:0; font-size:clamp(40px,5.2vw,74px); font-weight:520; letter-spacing:-.055em; line-height:1.03; }
.guide-hero-copy>p:not(.guide-kicker) { max-width:55ch; margin:22px 0 0; color:#514d59; font-size:clamp(16px,1.4vw,19px); line-height:1.55; }
.guide-hero img { width:100%; height:100%; min-height:360px; object-fit:cover; }
.guide-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.guide-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:11px 20px; border:1px solid #5630a8; border-radius:999px; background:#5630a8; color:#fff; font-size:14px; font-weight:750; text-align:center; text-decoration:none; }
.guide-button:hover { background:#6842be; }
.guide-button--light { background:transparent; color:#5630a8; }
.guide-button--light:hover { background:#e5dff1; }
.guide-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.5fr); gap:clamp(28px,6vw,96px); padding:clamp(52px,7vw,100px) 0; border-bottom:1px solid #dedbe5; }
.guide-intro h2,.guide-section h2 { max-width:20ch; margin:0 0 18px; font-size:clamp(31px,3.5vw,50px); font-weight:520; letter-spacing:-.05em; line-height:1.1; }
.guide-intro p,.guide-section p,.guide-section li { color:#514d59; font-size:16px; line-height:1.65; }
.guide-intro p { max-width:65ch; }
.guide-aside { align-self:start; padding:25px; border-left:3px solid #5630a8; background:#efedf5; }
.guide-aside strong { display:block; margin-bottom:8px; font-size:18px; }
.guide-aside p { margin:0; }
.guide-section { padding:clamp(52px,7vw,94px) 0; border-bottom:1px solid #dedbe5; }
.guide-section-head { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1fr); gap:28px; align-items:end; margin-bottom:30px; }
.guide-section-head>p { max-width:56ch; margin:0 0 4px; }
.guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#dedbe5; border:1px solid #dedbe5; }
.guide-tile { min-width:0; padding:clamp(22px,3vw,38px); background:#fff; }
.guide-tile span { display:block; margin-bottom:34px; color:#5630a8; font-size:13px; font-weight:800; }
.guide-tile h3 { margin:0 0 12px; font-size:clamp(20px,2vw,26px); font-weight:600; letter-spacing:-.035em; line-height:1.2; }
.guide-tile p { margin:0; }
.guide-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 52px; margin:30px 0 0; padding:0; list-style:none; }
.guide-list li { position:relative; padding:0 0 18px 26px; border-bottom:1px solid #dedbe5; }
.guide-list li::before { content:'↗'; position:absolute; left:0; top:0; color:#5630a8; font-weight:800; }
.guide-list strong { display:block; margin-bottom:5px; color:#191721; }
.guide-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.guide-related a { display:flex; justify-content:space-between; gap:16px; padding:22px; border:1px solid #dedbe5; background:#fff; font-size:17px; font-weight:650; line-height:1.25; text-decoration:none; }
.guide-related a::after { content:'↗'; color:#5630a8; }
.guide-related a:hover { border-color:#5630a8; }
.guide-cta { display:flex; justify-content:space-between; align-items:center; gap:30px; margin:70px 0; padding:clamp(28px,5vw,56px); background:#17141f; color:#fff; }
.guide-cta h2 { max-width:16ch; margin:0 0 12px; color:#fff; font-size:clamp(29px,3.5vw,48px); font-weight:520; letter-spacing:-.05em; line-height:1.1; }
.guide-cta p { max-width:55ch; margin:0; color:#d4cfdc; line-height:1.55; }
.guide-cta .guide-button { flex:none; }
.guide-footer { display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:30px; padding:46px clamp(22px,4vw,56px) 68px; background:#17141f; color:#eee; font-size:14px; }
.guide-footer img { width:148px; filter:brightness(0) invert(1); }
.guide-footer p,.guide-footer span { color:#bfbac8; line-height:1.55; }
.guide-footer strong { display:block; margin-bottom:15px; }
.guide-footer a { display:block; margin-bottom:11px; text-decoration:none; }
.guide-footer a:hover { color:#cab8ff; }
@media (max-width:900px) { .guide-hero { grid-template-columns:1fr 1fr; } .guide-hero-copy { padding:28px; } .guide-hero h1 { font-size:clamp(36px,5vw,52px); } .guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .guide-cta { align-items:flex-start; flex-direction:column; } }
@media (max-width:680px) { .guide-shell { width:calc(100% - 32px); } .guide-header { align-items:center; flex-direction:row; gap:14px; padding:18px 0; } .guide-logo { width:138px; } .guide-nav { display:none; } .guide-hero { display:flex; flex-direction:column-reverse; } .guide-hero img { height:230px; min-height:0; } .guide-hero-copy { padding:26px 22px 32px; } .guide-hero h1 { font-size:clamp(37px,10vw,54px); } .guide-actions,.guide-actions .guide-button { width:100%; } .guide-intro,.guide-section-head,.guide-grid,.guide-list,.guide-related,.guide-footer { grid-template-columns:1fr; } .guide-intro { gap:28px; } .guide-section-head { gap:0; } .guide-tile span { margin-bottom:20px; } .guide-cta { margin:48px 0; } .guide-cta .guide-button { width:100%; } }
@media (max-width:1000px) {
  .guide-nav { display:none; }
  .guide-header .resource-mobile-menu { display:block; margin-left:auto; }
}