/* Shopify keyword landing pages and compact stable mega menu */
.fg-service-menu{position:relative;display:flex;align-items:center;height:100%}
.fg-service-menu>a{display:flex;align-items:center;gap:6px;white-space:nowrap}
.fg-service-menu>a:after{content:"⌄";font-size:11px;transition:transform .2s ease}
.fg-service-menu.is-open>a:after{transform:rotate(180deg)}
.fg-mega-menu{position:fixed;left:50%;transform:translateX(-50%);top:var(--fg-mega-top,68px);width:min(1120px,calc(100vw - 36px));max-height:calc(100vh - var(--fg-mega-top,68px) - 18px);overflow:auto;background:#fff;border:1px solid #dfe7f1;border-top:2px solid #0b66b2;border-radius:0 0 14px 14px;padding:22px 24px;box-shadow:0 20px 48px rgba(15,23,42,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease;z-index:10050}
.fg-service-menu.is-open .fg-mega-menu,.fg-service-menu:focus-within .fg-mega-menu{opacity:1;visibility:visible;pointer-events:auto}
.fg-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 28px}
.fg-mega-group{min-width:0}
.fg-mega-group h3{font-size:15px!important;line-height:1.35!important;margin:0 0 9px!important;color:#0f3f72!important}
.fg-mega-group h3 a{font-weight:800!important;color:#0f3f72!important;text-decoration:none!important}
.fg-mega-links{display:grid;gap:5px}
.fg-mega-links a{font-size:13px!important;line-height:1.35!important;color:#4b5563!important;padding:2px 0!important;white-space:normal!important;text-decoration:none!important}
.fg-mega-links a:hover{color:#005bac!important}
.fg-mega-links .fg-mega-all{display:inline-flex!important;margin-top:4px;color:#0067b9!important;font-weight:800!important;font-size:12.5px!important}

.kw-page{background:#fff}
.kw-hero{padding:72px 0 58px;background:linear-gradient(135deg,#071d34,#075eaa);color:#fff!important}
.kw-hero .container,.kw-hero .container *{color:#fff!important}
.kw-breadcrumb{font-size:13px!important;margin-bottom:16px;color:rgba(255,255,255,.78)!important}
.kw-breadcrumb a{color:#fff!important}
.kw-hero h1{font-size:38px!important;line-height:1.22!important;margin:0 0 15px!important;font-weight:750!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.kw-hero p{font-size:16px!important;line-height:1.75!important;max-width:820px;color:rgba(255,255,255,.88)!important;-webkit-text-fill-color:rgba(255,255,255,.88)!important}
.kw-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.kw-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:7px;font-size:14px!important;font-weight:750;text-decoration:none}
.kw-btn.primary{background:#fff;color:#075eaa!important;-webkit-text-fill-color:#075eaa!important}
.kw-btn.ghost{border:1px solid rgba(255,255,255,.55);color:#fff!important}
.kw-section{padding:58px 0}
.kw-section.alt{background:#f5f8fc}
.kw-head{max-width:820px;margin-bottom:26px}
.kw-eyebrow{font-size:13px!important;font-weight:800;color:#005bac;letter-spacing:.06em}
.kw-head h2{font-size:29px!important;line-height:1.35!important;margin:7px 0 10px!important;color:#102a43!important;font-weight:700!important}
.kw-head p{font-size:15px!important;color:#5f6c7b;line-height:1.75}
.kw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kw-card{border:1px solid #e1e8f0;border-radius:12px;padding:21px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.04)}
.kw-card h3{font-size:17px!important;line-height:1.4!important;margin:0 0 8px!important;color:#123b63!important}
.kw-card p,.kw-card li{font-size:14px!important;line-height:1.72;color:#5b6573}
.kw-card ul{padding-left:19px;margin:0}
.kw-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kw-list-item{font-size:14px!important;padding:15px 18px;border:1px solid #e1e8f0;border-radius:9px;background:#fff;display:flex;gap:11px}
.kw-list-item:before{content:"✓";color:#0876c9;font-weight:900}
.kw-process{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kw-step{padding:20px;border-radius:11px;background:#fff;border:1px solid #e1e8f0;font-size:14px!important}
.kw-step:before{counter-increment:step;content:counter(step);display:flex;width:32px;height:32px;align-items:center;justify-content:center;background:#005bac;color:#fff;border-radius:50%;font-weight:900;margin-bottom:11px}
.kw-faq details{border-bottom:1px solid #dfe6ee;padding:16px 0}
.kw-faq summary{font-size:15px!important;font-weight:750;color:#163b5f;cursor:pointer}
.kw-faq p{font-size:14px!important;color:#5b6573;line-height:1.75}
.kw-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kw-related a{font-size:13.5px!important;padding:14px;border:1px solid #dfe7ef;border-radius:9px;text-decoration:none;color:#1b4d75;background:#fff;font-weight:700}
.kw-cta{padding:29px;border-radius:15px;background:#082b4e;color:#fff;display:flex;justify-content:space-between;gap:22px;align-items:center}
.kw-cta h2{margin:0 0 7px!important;font-size:24px!important;color:#fff!important}
.kw-cta p{font-size:14px!important;margin:0;color:rgba(255,255,255,.82)!important}
.kw-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.kw-hub-card{padding:20px;border:1px solid #e0e7ef;border-radius:12px;background:#fff}
.kw-hub-card a{text-decoration:none;color:#123b63}
.kw-hub-card h2,.kw-hub-card h3{font-size:18px!important;line-height:1.4!important;margin:0 0 7px!important;font-weight:700!important}
.kw-hub-card p{font-size:13.5px!important;color:#657080;line-height:1.68}
.kw-count{display:inline-block;font-size:11.5px!important;padding:4px 8px;background:#eaf4ff;color:#005bac;border-radius:99px;font-weight:800;margin-bottom:9px}
@media(max-width:1100px){.fg-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.fg-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-grid,.kw-process,.kw-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-related{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-hero h1{font-size:33px!important}}
@media(max-width:768px){.fg-service-menu{display:block;height:auto}.fg-service-menu>a:after{margin-left:auto}.fg-mega-menu{position:static;transform:none;width:100%;max-height:none;padding:13px;border-radius:8px;box-shadow:none;border-top:1px solid #dfe7f1;display:none;opacity:1;visibility:visible;pointer-events:auto}.fg-service-menu.mobile-expanded .fg-mega-menu{display:block}.fg-service-menu.is-open .fg-mega-menu{display:none}.fg-service-menu.mobile-expanded.is-open .fg-mega-menu{display:block}.fg-mega-grid{grid-template-columns:1fr}.kw-hero{padding:50px 0 42px}.kw-hero h1{font-size:28px!important}.kw-hero p{font-size:15px!important}.kw-section{padding:44px 0}.kw-grid,.kw-process,.kw-hub-grid,.kw-list,.kw-related{grid-template-columns:1fr}.kw-head h2{font-size:25px!important}.kw-cta{align-items:flex-start;flex-direction:column}}


/* V2 corrections: align keyword pages with main site header and global width */
body.kw-page .top-bar{display:none!important}
body.kw-page .navbar{top:0!important}
body.kw-page .kw-hero{padding-top:56px!important;padding-bottom:50px!important}
body.kw-page .kw-actions{margin-top:20px!important}
body.kw-page .kw-btn{cursor:pointer}
@media(max-width:768px){
  body.kw-page .kw-hero{padding-top:42px!important;padding-bottom:38px!important}
}


/* V40: category-specific layouts and richer content */
.kw-extra{position:relative;overflow:hidden}
.kw-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kw-insight-card{padding:22px;border-radius:14px;background:#fff;border:1px solid #dfe7ef;min-height:165px}
.kw-insight-card b{display:block;font-size:17px;color:#103b62;margin-bottom:10px}
.kw-insight-card p{margin:0;font-size:14px;line-height:1.75;color:#596678}
.kw-decision-box{display:grid;grid-template-columns:1.65fr .85fr;gap:20px;align-items:stretch}
.kw-decision-main,.kw-decision-box aside{padding:25px;border-radius:15px}
.kw-decision-main{background:#fff;border:1px solid #dfe7ef}.kw-decision-main h3{margin:0 0 12px;font-size:20px;color:#123b63}
.kw-decision-main ul{margin:0;padding-left:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;color:#445469;line-height:1.65}
.kw-decision-box aside{background:#0b355d;color:#fff;display:flex;flex-direction:column;justify-content:center}.kw-decision-box aside strong{font-size:14px;opacity:.75}.kw-decision-box aside p{font-size:22px;font-weight:800;margin:8px 0;color:#fff}.kw-decision-box aside small{line-height:1.65;opacity:.8}
.kw-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.kw-check{background:#fff;border:1px solid #dfe7ef;border-radius:11px;padding:17px 19px;font-size:14px;color:#384b60;display:flex;gap:11px;align-items:flex-start}.kw-check span{display:flex;flex:0 0 25px;height:25px;border-radius:50%;align-items:center;justify-content:center;background:#eaf5ff;color:#0670bd;font-weight:900}
.kw-practical-note{margin-top:14px!important;padding-top:12px;border-top:1px dashed #dce5ee;font-size:12.5px!important;color:#47627a!important}
/* CUSTOM: editorial + blue line */
body.kw-cat-custom .kw-custom-decision{background:#f3f8fc}body.kw-cat-custom .kw-custom-insights .kw-insight-card{border-top:4px solid #0876c9}body.kw-cat-custom .kw-custom-accept{background:#f7fafc}
/* THEME: visual card mosaic */
body.kw-cat-theme .kw-hero{background:linear-gradient(120deg,#092a49,#1768a6)}body.kw-cat-theme .kw-theme-insights{background:#f7f4ff}body.kw-cat-theme .kw-theme-insights .kw-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.kw-cat-theme .kw-theme-insights .kw-insight-card:nth-child(1),body.kw-cat-theme .kw-theme-insights .kw-insight-card:nth-child(4){grid-column:span 1;background:linear-gradient(145deg,#fff,#f4f0ff)}body.kw-cat-theme .kw-theme-decision .kw-decision-box aside{background:#4d3f8f}
/* BUG: diagnostic timeline feel */
body.kw-cat-bug .kw-hero{background:linear-gradient(110deg,#301c26,#8a263d)}body.kw-cat-bug .kw-bug-decision{background:#fff5f5}body.kw-cat-bug .kw-bug-insights .kw-insight-grid{grid-template-columns:1fr}body.kw-cat-bug .kw-bug-insights .kw-insight-card{min-height:0;display:grid;grid-template-columns:180px 1fr;align-items:center;border-left:5px solid #b83250}body.kw-cat-bug .kw-bug-insights .kw-insight-card b{margin:0}body.kw-cat-bug .kw-bug-decision .kw-decision-box aside{background:#77243b}
/* B2B: enterprise navy/teal */
body.kw-cat-b2b .kw-hero{background:linear-gradient(120deg,#062f3b,#075f69)}body.kw-cat-b2b .kw-b2b-insights{background:#eef8f7}body.kw-cat-b2b .kw-b2b-insights .kw-insight-card{border-radius:4px;border-left:4px solid #008a8a}body.kw-cat-b2b .kw-b2b-decision .kw-decision-box{grid-template-columns:1fr 1fr}body.kw-cat-b2b .kw-b2b-decision .kw-decision-box aside{background:#075f69}
/* API: dark technical panels */
body.kw-cat-api .kw-hero{background:linear-gradient(120deg,#101827,#243b63)}body.kw-cat-api .kw-api-decision{background:#111827;color:#fff}body.kw-cat-api .kw-api-decision .kw-head h2,body.kw-cat-api .kw-api-decision .kw-head span{color:#fff!important}body.kw-cat-api .kw-api-decision .kw-head p{color:#bdc8d8!important}body.kw-cat-api .kw-api-decision .kw-decision-main{background:#182338;border-color:#34445d;color:#fff}body.kw-cat-api .kw-api-decision .kw-decision-main h3,body.kw-cat-api .kw-api-decision li{color:#fff}body.kw-cat-api .kw-api-insights .kw-insight-card{box-shadow:inset 0 0 0 1px #dce7f4}
/* CHECKOUT: warm rules layout */
body.kw-cat-checkout .kw-hero{background:linear-gradient(120deg,#512d0a,#b46412)}body.kw-cat-checkout .kw-checkout-insights{background:#fff8ee}body.kw-cat-checkout .kw-checkout-insights .kw-insight-card{border-color:#f0d2aa}body.kw-cat-checkout .kw-checkout-decision .kw-decision-box aside{background:#9a4d0b}body.kw-cat-checkout .kw-checkout-accept .kw-check span{background:#fff0d9;color:#a4510b}
/* OPT: metrics-oriented green */
body.kw-cat-opt .kw-hero{background:linear-gradient(120deg,#17352d,#28785f)}body.kw-cat-opt .kw-opt-decision{background:#edf8f3}body.kw-cat-opt .kw-opt-insights .kw-insight-card{border-bottom:4px solid #2c8a68}body.kw-cat-opt .kw-opt-decision .kw-decision-box aside{background:#246b55}
/* MIGRATE: phased purple */
body.kw-cat-migrate .kw-hero{background:linear-gradient(120deg,#292147,#6653a6)}body.kw-cat-migrate .kw-migrate-accept{background:#f5f2ff}body.kw-cat-migrate .kw-migrate-insights .kw-insight-grid{position:relative}body.kw-cat-migrate .kw-migrate-insights .kw-insight-card{border-left:4px solid #6f5bb3}body.kw-cat-migrate .kw-migrate-decision .kw-decision-box aside{background:#51418e}
/* Internal variants create additional visual differences */
body.kw-layout-1 .kw-insight-card{border-radius:22px}body.kw-layout-1 .kw-check-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.kw-layout-2 .kw-insight-grid{gap:24px}body.kw-layout-2 .kw-insight-card:nth-child(even){transform:translateY(12px)}body.kw-layout-2 .kw-decision-box{grid-template-columns:.8fr 1.7fr}body.kw-layout-2 .kw-decision-box aside{order:-1}
@media(max-width:900px){.kw-insight-grid,body.kw-cat-theme .kw-theme-insights .kw-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-decision-box,body.kw-cat-b2b .kw-b2b-decision .kw-decision-box,body.kw-layout-2 .kw-decision-box{grid-template-columns:1fr}.kw-decision-main ul{grid-template-columns:1fr}.kw-check-grid,body.kw-layout-1 .kw-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.kw-layout-2 .kw-decision-box aside{order:0}}
@media(max-width:600px){.kw-insight-grid,body.kw-cat-theme .kw-theme-insights .kw-insight-grid,.kw-check-grid,body.kw-layout-1 .kw-check-grid{grid-template-columns:1fr}body.kw-cat-bug .kw-bug-insights .kw-insight-card{grid-template-columns:1fr}body.kw-layout-2 .kw-insight-card:nth-child(even){transform:none}}