:root{
  --seo-ink:#101827;
  --seo-muted:#536176;
  --seo-line:#dce3ed;
  --seo-paper:#ffffff;
  --seo-soft:#f3f6fb;
  --seo-blue:#0866ee;
  --seo-blue-deep:#0755c7;
  --seo-night:#080f1f;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--seo-paper);color:var(--seo-ink);font:400 1rem/1.65 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E")}
::selection{background:var(--seo-blue);color:#fff}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
p{text-wrap:pretty}
.seo-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-80px;z-index:1200;padding:10px 14px;background:#fff;color:#111;border-radius:6px}
.skip-link:focus{top:16px}
:focus-visible{outline:3px solid #68a7ff;outline-offset:4px}
.seo-kicker{color:#65a3ff;font-size:.75rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.seo-hero{overflow:hidden;padding:36px 0 72px;color:#f6f8ff;background:radial-gradient(circle at 86% 18%,#164d9a 0,transparent 29rem),linear-gradient(145deg,#080f1f 0%,#0d1b32 65%,#122a4d 100%)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:64px;color:#adbad0;font-size:.78rem;font-weight:650}
.breadcrumbs a{text-underline-offset:3px}
.breadcrumbs a::after{content:"/";margin-left:8px;color:#65748c}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(40px,7vw,90px);align-items:end}
.seo-hero h1{max-width:820px;margin-top:18px;font-size:clamp(3rem,5vw,4.5rem);font-weight:700}
.seo-hero-copy>p{max-width:48ch;color:#c3cee0;font-size:clamp(1.05rem,1.6vw,1.22rem)}
.seo-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:28px}
.seo-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 18px;border:1px solid #287ff7;border-radius:8px;background:var(--seo-blue);color:#fff;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .18s ease,transform .18s ease}
.seo-button:hover{background:#217aff;transform:translateY(-1px)}
.seo-button:active{transform:scale(.98)}
.seo-link{color:#8fc0ff;font-weight:750;text-underline-offset:5px}
.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}
.proof-strip span{padding:18px 20px;color:#d6deec;font-size:.82rem;font-weight:700}
.proof-strip span+span{border-left:1px solid #ffffff25}
.seo-section{padding-block:clamp(76px,10vw,132px)}
.seo-tint{background:var(--seo-soft)}
.seo-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(52px,9vw,128px);align-items:start}
.seo-heading{max-width:650px}
.seo-heading .seo-kicker{color:var(--seo-blue)}
.seo-heading h2{margin-top:15px;font-size:clamp(2.25rem,4.8vw,4.8rem);font-weight:680}
.seo-heading>p:not(.seo-kicker){margin-top:20px;color:var(--seo-muted);font-size:1.05rem}
.seo-points,.decision-list{border-top:1px solid #bac6d6}
.seo-points article,.decision-list article{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--seo-line)}
.seo-points span,.decision-list span{color:var(--seo-blue);font-size:.7rem;font-weight:800;letter-spacing:.1em;padding-top:4px}
.seo-points p,.decision-list p{font-weight:620}
.comparison-scroll{overflow-x:auto;margin-top:48px;border:1px solid #ccd6e4;border-radius:14px;background:#fff}
.comparison-table{width:100%;min-width:850px;border-collapse:collapse;text-align:left}
.comparison-table th,.comparison-table td{padding:19px 20px;vertical-align:top;border-bottom:1px solid var(--seo-line)}
.comparison-table tr:last-child th,.comparison-table tr:last-child td{border-bottom:0}
.comparison-table th+th,.comparison-table th+td,.comparison-table td+td{border-left:1px solid var(--seo-line)}
.comparison-table thead th{background:#eaf1fb;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase}
.comparison-table tbody th{width:16%;font-size:.85rem}
.comparison-table tbody td{width:42%;color:#445268;font-size:.91rem;line-height:1.65}
.comparison-table-wide{min-width:1180px}
.comparison-table-wide tbody th{width:16%}
.comparison-table-wide tbody td{width:28%}
.capability-mark{display:inline-flex;width:1.45rem;height:1.45rem;margin:0 .32rem .2rem 0;align-items:center;justify-content:center;border-radius:50%;background:#e5f6eb;color:#176b38;font-size:.82rem;font-weight:900;vertical-align:middle}
.seo-sources{padding-block:36px;border-block:1px solid var(--seo-line);background:#fff}
.seo-sources .seo-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:start}
.seo-sources h2{font-size:1.2rem;letter-spacing:-.025em}
.seo-sources p{margin-top:5px;color:var(--seo-muted);font-size:.82rem}
.seo-sources ul{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;font-size:.82rem;font-weight:700}
.seo-sources a{color:var(--seo-blue-deep);text-underline-offset:3px}
.migration-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 52px;margin:48px 0 0;padding:0;list-style:none;border-top:1px solid #bac6d6}
.migration-steps li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--seo-line)}
.migration-steps li:nth-child(even){border-left:1px solid var(--seo-line);padding-left:34px}
.migration-steps>li>span{color:var(--seo-blue);font-size:.72rem;font-weight:800;letter-spacing:.1em;padding-top:4px}
.migration-steps h3{font-size:1.35rem}
.migration-steps p{margin-top:8px;color:var(--seo-muted)}
.caution-panel{border-left:4px solid var(--seo-blue);padding:4px 0 4px 30px}
.caution-panel ul{margin:0;padding-left:20px}
.caution-panel li+li{margin-top:13px}
.caution-panel .seo-link{display:inline-block;margin-top:28px;color:var(--seo-blue-deep)}
.seo-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(50px,9vw,120px)}
.seo-faq details{border-top:1px solid #bac6d6}
.seo-faq details:last-child{border-bottom:1px solid #bac6d6}
.seo-faq summary{cursor:pointer;padding:22px 44px 22px 0;font-weight:750;list-style:none;position:relative}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary::after{content:"+";position:absolute;right:8px;color:var(--seo-blue);font-size:1.3rem}
.seo-faq details[open] summary::after{content:"−"}
.seo-faq details p{padding:0 44px 24px 0;color:var(--seo-muted)}
.seo-related{padding-block:clamp(72px,9vw,112px);background:#0b1426;color:#f5f7ff}
.seo-related .seo-heading p{color:#79afff}
.seo-related nav{display:grid;grid-template-columns:repeat(2,1fr);margin-top:42px;border-top:1px solid #ffffff24}
.seo-related nav a{display:flex;justify-content:space-between;gap:20px;padding:20px 16px 20px 0;border-bottom:1px solid #ffffff24;color:#dce5f5;text-decoration:none;font-weight:700}
.seo-related nav a:nth-child(even){padding-left:24px;border-left:1px solid #ffffff24}
.seo-related nav a:hover{color:#8fc0ff}
.seo-related b{color:#6da7ff}
.seo-cta{padding-block:64px;background:var(--seo-blue);color:#fff}
.seo-cta .seo-wrap{display:flex;justify-content:space-between;gap:40px;align-items:center}
.seo-cta h2{font-size:clamp(2rem,4vw,4rem)}
.seo-cta p{margin-top:9px;color:#dceaff}
.seo-cta .seo-button{background:#fff;border-color:#fff;color:#063e91}
.seo-footer{padding-block:38px;color:#6a7586;font-size:.8rem}
.seo-footer .seo-wrap{display:flex;justify-content:space-between;gap:32px}
.seo-footer strong{color:var(--seo-ink);font-size:.95rem}
.seo-footer p{max-width:65ch;margin-top:7px}
.seo-footer nav{display:flex;flex-wrap:wrap;gap:18px}
.seo-footer a{text-underline-offset:3px}
.seo-hub-hero{padding-block:90px 105px}
.seo-hub-hero h1{max-width:950px;margin-top:18px}
.seo-hub-lede{max-width:700px;margin-top:28px;color:#c3cee0;font-size:1.16rem}
.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #bac6d6}
.hub-grid>a{min-height:260px;padding:32px 34px 34px 0;border-bottom:1px solid var(--seo-line);text-decoration:none}
.hub-grid>a:nth-child(even){padding-left:34px;border-left:1px solid var(--seo-line)}
.hub-grid>a>span{color:var(--seo-blue);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hub-grid h2{margin-top:18px;font-size:clamp(1.65rem,3vw,2.55rem)}
.hub-grid p{margin-top:13px;color:var(--seo-muted)}
.hub-grid b{display:inline-block;margin-top:24px;color:var(--seo-blue-deep);font-size:.84rem}
@media(max-width:850px){
  .seo-hero-grid,.seo-split,.seo-faq,.seo-sources .seo-wrap{grid-template-columns:1fr}
  .breadcrumbs{margin-bottom:45px}
  .seo-hero h1{font-size:clamp(2.8rem,10vw,5rem)}
  .proof-strip{grid-template-columns:1fr}
  .proof-strip span+span{border-left:0;border-top:1px solid #ffffff25}
  .migration-steps{grid-template-columns:1fr}
  .migration-steps li:nth-child(even){border-left:0;padding-left:0}
  .seo-related nav,.hub-grid{grid-template-columns:1fr}
  .seo-related nav a:nth-child(even),.hub-grid>a:nth-child(even){padding-left:0;border-left:0}
}
@media(max-width:560px){
  .seo-wrap{width:min(100% - 28px,1180px)}
  .seo-hero{padding-bottom:52px}
  .seo-section{padding-block:70px}
  .seo-actions{align-items:stretch;flex-direction:column}
  .seo-button{width:100%}
  .seo-cta .seo-wrap,.seo-footer .seo-wrap{align-items:stretch;flex-direction:column}
  .seo-cta .seo-button{width:100%}
  .comparison-scroll{margin-inline:-14px;border-radius:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.seo-button{transition:none}}
@media print{.nx-header,.seo-related,.seo-cta,.seo-footer{display:none}.seo-hero{padding:20px 0;color:#000;background:#fff}.seo-hero-copy>p,.breadcrumbs{color:#333}.seo-section{padding-block:30px}.comparison-scroll{overflow:visible}.comparison-table{min-width:0}}
