:root{
  --blue:#1a6bd8; --blue-dark:#0f4fa8; --blue-50:#eaf2fe; --blue-100:#d3e3fd;
  --teal:#0e9384; --teal-50:#e3f5f2;
  --amber:#e8a00b; --amber-50:#fdf3dc;
  --coral:#e2533c; --coral-50:#fde8e4;
  --ink:#1f2328; --body:#3c4043; --muted:#5f6368; --line:#dadce0; --soft:#f6f8fb;
  --radius:16px; --max:1240px;
  --head:'Outfit',system-ui,sans-serif; --sans:'Roboto',system-ui,sans-serif; --mono:'Roboto Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--body);background:#fff;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
img,svg{display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--head);color:var(--ink);font-weight:400;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(38px,5.2vw,60px)}
h2{font-size:clamp(28px,3.6vw,42px)}
h3{font-size:22px;font-weight:500}
.eyebrow{font-family:var(--head);font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.lede{font-size:18px;color:var(--muted);max-width:680px}
.ms{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;display:inline-block;white-space:nowrap;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';overflow:hidden;width:1em;height:1em;flex-shrink:0}
code{font-family:var(--mono);font-size:.88em}
.js .ms,.js .faq summary::after{visibility:hidden}
.js.icons .ms,.js.icons .faq summary::after{visibility:visible}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 24px;border-radius:999px;font-family:var(--sans);font-weight:500;font-size:15px;border:1px solid transparent;cursor:pointer;transition:background .15s,box-shadow .15s,border-color .15s;white-space:nowrap}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:var(--blue-dark);box-shadow:0 1px 3px rgba(26,107,216,.4)}
.btn-primary:disabled{opacity:.6;cursor:default}
.btn-ghost{background:#fff;color:var(--blue);border-color:var(--line)}
.btn-ghost:hover{background:var(--blue-50);border-color:var(--blue-100)}
.btn-link{color:var(--blue);font-weight:500;display:inline-flex;align-items:center;gap:4px}
.btn-link .ms{font-size:20px;transition:transform .15s}
.btn-link:hover .ms{transform:translateX(3px)}

/* announcement */
.announce{background:var(--blue-50);color:var(--ink);font-size:14px;text-align:center;padding:10px 16px}
.announce a{font-weight:500;margin-left:6px}

/* nav */
header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;height:64px;gap:28px}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--head);font-size:21px;font-weight:500;white-space:nowrap}
.logo small{font-weight:300;color:var(--muted);font-size:21px}
.nav-links{display:flex;gap:2px;flex:1;align-items:center}
.nav-links > a,.dd > button{white-space:nowrap;color:var(--body);font-size:15px;padding:8px 12px;border-radius:8px;background:none;border:0;font-family:var(--sans);cursor:pointer;display:inline-flex;align-items:center;gap:2px}
.nav-links > a:hover,.dd > button:hover,.dd:focus-within > button{background:var(--soft);color:var(--ink)}
.nav-links a.current{color:var(--blue)}
.dd{position:relative}
.dd > button .ms{font-size:20px}
.mega{position:absolute;top:calc(100% + 10px);left:-12px;width:860px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px rgba(60,64,67,.18);padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 24px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}
.dd:hover .mega,.dd:focus-within .mega,.dd.open .mega{opacity:1;visibility:visible;transform:none}
.dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.mega h5{font-family:var(--sans);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px 10px}
.mega a{display:flex;gap:12px;padding:10px;border-radius:10px;color:var(--ink);align-items:flex-start}
.mega a:hover{background:var(--soft)}
.mega a .ms{color:var(--blue);font-size:22px;margin-top:1px}
.mega a b{display:block;font-weight:500;font-size:14.5px}
.mega a span.d{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-top:2px}
.nav-cta{display:flex;gap:10px}
.nav-cta .btn{height:40px;padding:0 18px}
.nav-cta .btn-ghost{display:none}
.menu-btn{display:none;background:none;border:0;cursor:pointer;color:var(--ink);margin-left:auto;padding:8px}
.menu-btn svg{display:block}.menu-btn .i-close{display:none}.menu-btn[aria-expanded=true] .i-open{display:none}.menu-btn[aria-expanded=true] .i-close{display:block}
.mobile-menu{display:none;border-top:1px solid var(--line);padding:8px 24px 20px;background:#fff;max-height:calc(100vh - 64px);overflow:auto}
.mobile-menu.open{display:block}
.mobile-menu h5{font-family:var(--sans);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 4px;font-weight:500}
.mobile-menu a{display:block;padding:9px 0;color:var(--ink);border-bottom:1px solid var(--soft)}

/* hero */
.hero{position:relative;overflow:hidden;padding:80px 0 96px;isolation:isolate}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.hero h1 b{font-weight:500;color:var(--blue)}
.hero .lede{margin:24px 0 36px;font-size:20px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-note{margin-top:20px;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:6px}
.hero-note .ms{font-size:18px;color:var(--teal)}
.shape{position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.hero-visual{position:relative}

/* page hero (inner pages) */
.page-hero{position:relative;overflow:hidden;padding:48px 0 80px;isolation:isolate;border-bottom:1px solid var(--line)}
.breadcrumb{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:28px;flex-wrap:wrap}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--blue)}
.breadcrumb .ms{font-size:18px}
.page-hero h1{margin:14px 0 20px;max-width:820px}
.page-hero .lede{font-size:19px;margin-bottom:32px}
.page-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.page-hero-grid.solo{grid-template-columns:1fr}

/* panels */
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 2px rgba(60,64,67,.08),0 8px 28px rgba(60,64,67,.10);overflow:hidden}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.panel-head strong{color:var(--ink);font-weight:500;font-size:14px}
.panel-body{padding:20px 18px}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px;white-space:nowrap}
.pill .ms{font-size:14px}
.pill.green{background:var(--teal-50);color:var(--teal)}
.pill.red{background:var(--coral-50);color:var(--coral)}
.pill.amber{background:var(--amber-50);color:#9a6700}
.pill.blue{background:var(--blue-50);color:var(--blue)}
.chart-box{padding:20px 18px 8px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.kpis div{padding:14px 18px;border-right:1px solid var(--line)}
.kpis div:last-child{border-right:0}
.kpis span{display:block;font-size:12px;color:var(--muted)}
.kpis b{font-family:var(--head);font-weight:500;font-size:20px;color:var(--ink)}
.float-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 6px 20px rgba(60,64,67,.14);font-size:13px;display:flex;gap:10px;align-items:center}
.float-card .ms{font-size:22px}
.fc-1{left:-36px;bottom:-26px}
.fc-2{right:-20px;top:-24px}
.panel-foot{padding:12px 18px;font-size:12px;color:var(--muted);background:var(--soft);border-top:1px solid var(--line)}
.term{background:#1f2328;color:#e8eaed;font-family:var(--mono);font-size:13px;line-height:1.75;padding:18px 20px;overflow-x:auto}
.term .c{color:#9aa0a6}.term .g{color:#81c995}.term .y{color:#fdd663}.term .b{color:#8ab4f8}

/* sections */
section{padding:96px 0}
.section-head{max-width:780px;margin-bottom:48px}
.section-head h2{margin:12px 0 16px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head.center .lede{margin:0 auto}
.soft{background:var(--soft)}

/* domains strip */
.domains{padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.domains-inner{display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:space-between}
.domains p{font-size:14px;color:var(--muted);max-width:220px}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:15px;color:var(--ink);background:#fff}
a.chip:hover{border-color:var(--blue-100);background:var(--blue-50)}
.chip .ms{font-size:20px;color:var(--blue)}

/* spotlight */
.spotlight{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.badge-first{display:inline-flex;align-items:center;gap:6px;background:var(--coral-50);color:var(--coral);font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;margin-bottom:16px}
.badge-first .ms{font-size:16px}
.checklist{list-style:none;margin:28px 0 32px;display:grid;gap:14px}
.checklist li{display:flex;gap:12px;align-items:flex-start}
.checklist .ms{color:var(--blue);font-size:22px;margin-top:1px;flex-shrink:0}
.checklist b{color:var(--ink);font-weight:500}
.qtable{width:100%;border-collapse:collapse;font-size:13.5px}
.qtable th{text-align:left;font-weight:500;color:var(--muted);font-size:12px;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--soft)}
.qtable td{padding:12px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.qtable tr:last-child td{border-bottom:0}
.qtable code{font-size:12.5px;color:var(--ink)}
.qtable .fix{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.before{color:var(--coral);font-family:var(--mono);font-size:13px;text-decoration:line-through;text-decoration-color:rgba(226,83,60,.4);white-space:nowrap}
.after{color:var(--teal);font-family:var(--mono);font-size:13px;font-weight:500;white-space:nowrap}

/* cards */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}
.filter{border:1px solid var(--line);background:#fff;color:var(--body);border-radius:999px;padding:8px 18px;font-size:14px;font-family:var(--sans);cursor:pointer;transition:all .15s}
.filter:hover{background:var(--soft)}
.filter.active{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue);font-weight:500}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid.two-col{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,transform .2s,border-color .2s;color:inherit}
a.card:hover,.card.lift:hover{box-shadow:0 4px 18px rgba(60,64,67,.12);border-color:transparent;transform:translateY(-2px)}
.card.hide{display:none}
.icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}
.icon.b{background:var(--blue-50);color:var(--blue)}
.icon.t{background:var(--teal-50);color:var(--teal)}
.icon.a{background:var(--amber-50);color:#b07800}
.icon.c{background:var(--coral-50);color:var(--coral)}
.card h3{font-size:20px}
.card p{font-size:15px;color:var(--muted);flex:1}
.card .tag{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}
.card.featured{grid-column:span 2;background:linear-gradient(135deg,var(--blue-50),#fff 60%);border-color:var(--blue-100)}
.card.featured h3{font-size:24px}
.card .btn-link{margin-top:4px}

/* savings */
.savings{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.big-number{font-family:var(--head);font-size:clamp(72px,9vw,120px);font-weight:300;color:var(--blue);line-height:1;letter-spacing:-.03em}
.big-number + p{font-family:var(--head);font-size:22px;color:var(--ink);margin-top:8px}
.calc{padding:28px}
.calc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px;flex-wrap:wrap}
.calc-row{margin-bottom:26px}
.calc-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:14px;color:var(--muted);gap:12px}
.calc-label b{font-family:var(--head);font-size:20px;font-weight:500;color:var(--ink)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:var(--blue-100);outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--blue);cursor:pointer;box-shadow:0 1px 4px rgba(26,107,216,.5)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--blue);cursor:pointer;border:0}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.seg button{border:0;background:#fff;padding:6px 14px;font-size:13px;cursor:pointer;color:var(--muted);font-family:var(--sans)}
.seg button.on{background:var(--blue-50);color:var(--blue);font-weight:500}
.calc-out{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.out{border-radius:12px;padding:16px;background:var(--soft)}
.out span{font-size:13px;color:var(--muted);display:block}
.out b{font-family:var(--head);font-size:24px;font-weight:500;color:var(--ink)}
.out.hl{background:var(--teal-50)}
.out.hl b{color:var(--teal)}
.calc small{display:block;margin-top:16px;font-size:12px;color:var(--muted)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:0;position:relative;margin-top:16px}
.step{padding:0 20px 0 0;position:relative}
.step-num{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--blue);color:var(--blue);display:grid;place-items:center;font-family:var(--head);font-weight:500;font-size:18px;position:relative;z-index:1;margin-bottom:20px}
.step:not(:last-child)::after{content:"";position:absolute;top:22px;left:44px;right:0;height:2px;background:var(--blue-100)}
.step h4{font-size:18px;font-weight:500;margin-bottom:6px}
.step p{font-size:14.5px;color:var(--muted)}
.step:last-child .step-num{background:var(--blue);color:#fff}

/* migration types */
.mig-types{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mig-type{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;display:flex;gap:18px}
.mig-type h3{font-size:20px;margin-bottom:6px}
.mig-type p{font-size:15px;color:var(--muted)}
.code-pill{font-family:var(--mono);font-size:12px;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:2px 8px;color:var(--ink);display:inline-block;margin:10px 6px 0 0}

/* split blocks */
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.block{border-radius:24px;padding:48px;position:relative;overflow:hidden}
.block.blue{background:var(--blue-50)}
.block.teal{background:var(--teal-50)}
.block.amber{background:var(--amber-50)}
.block h2{font-size:clamp(26px,3vw,34px);margin:12px 0 14px}
.block ul{list-style:none;margin:24px 0;display:grid;gap:10px}
.block li{display:flex;gap:10px;font-size:15px}
.block li .ms{font-size:20px;color:var(--blue)}
.block.teal li .ms{color:var(--teal)}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.badges span{background:#fff;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--ink);border:1px solid rgba(26,107,216,.18)}
.alerts{display:grid;gap:10px}
.alert{background:#fff;border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 1px 3px rgba(60,64,67,.12);font-size:13.5px}
.alert .ch{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}
.alert .ch .ms{font-size:18px}
.alert b{color:var(--ink);font-weight:500}
.alert span.t{color:var(--muted);font-size:12px;display:block}
.alert code{font-size:12px}

/* compare */
.compare{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.compare-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-bottom:1px solid var(--line);font-size:14.5px}
.compare-row:last-child{border-bottom:0}
.compare-row > div{padding:14px 18px}
.compare-row.head{background:var(--soft);font-weight:500;color:var(--ink);font-size:13px}
.compare-row.head .us{color:var(--blue)}
.compare-row .us{background:rgba(234,242,254,.55);color:var(--ink);font-weight:500}
.compare-row .them{color:var(--muted)}

/* principles */
.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.principle{padding:28px 0;border-top:2px solid var(--ink)}
.principle .n{font-family:var(--head);font-size:44px;font-weight:300;color:var(--blue);line-height:1;margin-bottom:12px}
.principle h3{font-size:19px;margin-bottom:8px}
.principle p{font-size:15px;color:var(--muted)}

/* two-column content */
.cols{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.cols.top{align-items:start}

/* industry rows */
.industry{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;padding:56px 0;border-top:1px solid var(--line);align-items:start}
.industry:first-child{border-top:0;padding-top:0}
.industry h2{font-size:clamp(26px,3vw,34px);margin:10px 0 14px}
.industry .links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.industry .challenges{display:grid;gap:12px}
.challenge{border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;gap:14px;background:#fff}
.challenge .ms{color:var(--blue)}
.challenge b{display:block;color:var(--ink);font-weight:500;margin-bottom:2px}
.challenge span{font-size:14.5px;color:var(--muted)}

/* FAQ */
.faq{max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-family:var(--head);font-size:19px;color:var(--ink);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"add";font-family:'Material Symbols Outlined';position:absolute;right:4px;top:22px;font-size:24px;color:var(--blue);font-feature-settings:'liga'}
.faq details[open] summary::after{content:"remove"}
.faq details p{padding:0 40px 22px 0;color:var(--muted)}

/* contact */
.cta{background:var(--ink);color:#e8eaed;border-radius:28px;padding:64px;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;position:relative;overflow:hidden;isolation:isolate}
.cta h2{color:#fff}
.cta > div > p{color:#bdc1c6;margin:16px 0 24px}
.contact-line{display:flex;align-items:center;gap:10px;color:#e8eaed;margin-bottom:10px;font-size:15px}
.contact-line .ms{color:#8ab4f8;font-size:20px}
.contact-line a{color:#8ab4f8}
form.contact{background:#fff;border-radius:20px;padding:28px;display:grid;gap:14px;position:relative;z-index:1;color:var(--body)}
.field{display:grid;gap:6px}
.field label{font-size:13px;color:var(--muted);font-weight:500}
.field input,.field select,.field textarea{font:inherit;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:var(--ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}
.field textarea{min-height:96px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-50)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-msg{display:none;border-radius:10px;padding:14px;font-size:14px}
.form-msg.ok{display:block;background:var(--teal-50);color:var(--teal)}
.form-msg.err{display:block;background:var(--coral-50);color:var(--coral)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-fine{font-size:12px;color:var(--muted)}

/* footer */
footer{padding:72px 0 32px;background:var(--soft);margin-top:96px;border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.foot-grid h4{font-family:var(--sans);font-size:14px;font-weight:500;color:var(--ink);margin-bottom:14px}
.foot-grid ul{list-style:none;display:grid;gap:10px}
.foot-grid a{color:var(--muted);font-size:14px}
.foot-grid a:hover{color:var(--blue)}
.foot-grid a.logo{font-size:21px;color:var(--ink)}
.foot-about{font-size:14px;color:var(--muted);margin-top:14px;max-width:300px}
.foot-contact{font-size:14px;margin-top:14px;display:grid;gap:6px}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:48px;padding-top:24px;font-size:13px;color:var(--muted)}
.foot-bottom a{color:var(--muted)}

/* responsive */
@media (max-width:1240px){
  .nav-links,.nav-cta .btn-ghost{display:none}
  .menu-btn{display:block}
  .nav-cta{margin-left:auto}
  .menu-btn{margin-left:0}
}
@media (max-width:1080px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .principles{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr;gap:28px}
  .step{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:0}
  .step-num{margin:0}
  .step:not(:last-child)::after{top:44px;left:21px;width:2px;height:calc(100% - 16px);right:auto}
  .foot-grid{grid-template-columns:1fr 1fr 1fr}
  .foot-grid > div:first-child{grid-column:1/-1}
}
@media (max-width:900px){
  .hero-grid,.page-hero-grid,.spotlight,.savings,.split,.cta,.mig-types,.cols,.industry{grid-template-columns:1fr}
  .hero{padding:56px 0 72px}
  .hero-visual{margin:0 12px}
  .fc-1{left:-8px}.fc-2{right:-8px}
  section{padding:72px 0}
  .cta{padding:40px 24px;gap:36px}
  .block{padding:36px 26px}
  .industry{gap:28px}
}
@media (max-width:640px){
  .grid,.grid.two-col,.principles{grid-template-columns:1fr}
  .card.featured{grid-column:auto}
  .two,.calc-out{grid-template-columns:1fr}
  .kpis b{font-size:16px}
  .kpis div{padding:12px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .nav-cta{display:none}
  .menu-btn{margin-left:auto}
  .float-card{display:none}
  .compare-row{grid-template-columns:1.1fr 1fr 1fr;font-size:13px}
  .compare-row > div{padding:12px 10px}
  .qtable th,.qtable td{padding:10px 12px}
  form.contact{padding:20px}
  .announce{font-size:13px}
}

/* credentials strip */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:28px 0}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.trust-item{display:flex;gap:14px;align-items:center}
.trust-item b{display:block;font-family:var(--head);font-weight:500;font-size:18px;color:var(--ink);line-height:1.25}
.trust-item span:not(.ms){font-size:13.5px;color:var(--muted)}
.contact-creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.contact-creds > span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#e8eaed;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px}
.contact-creds .ms{font-size:16px;color:#8ab4f8}
.card.offer{border-color:var(--teal-50)}
@media (max-width:1080px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.trust-grid{grid-template-columns:1fr;gap:16px}}

/* payment options mock */
.pay-opt{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}
.pay-opt.on{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-50)}
.pay-opt > .ms{color:var(--blue)}
.pay-opt div{flex:1}
.pay-opt b{display:block;font-weight:500;color:var(--ink);font-size:14.5px}
.pay-opt div span{font-size:12.5px;color:var(--muted)}
.pay-opt em{font-style:normal;font-size:11.5px;color:var(--muted);background:var(--soft);border-radius:6px;padding:2px 8px;white-space:nowrap}
/* mega menu: 4 columns anchored to nav */
.nav-inner{position:relative}
.dd{position:static;align-self:stretch;display:flex;align-items:center}
.dd::after{display:none}
.mega{top:100%;left:24px;right:24px;width:auto;grid-template-columns:repeat(4,1fr);border-top-left-radius:0;border-top-right-radius:0}
.foot-grid{grid-template-columns:1.4fr repeat(5,1fr)}
@media (max-width:1080px){.foot-grid{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:640px){.foot-grid{grid-template-columns:1fr 1fr}}
.trust-grid{grid-template-columns:repeat(5,1fr);gap:20px}
.trust-item{gap:12px}
.trust-item .icon{width:42px;height:42px}
.trust-item b{font-size:16.5px}
.trust-item span:not(.ms){font-size:13px;line-height:1.4;display:block}
@media (max-width:1240px){.trust-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.trust-grid{grid-template-columns:1fr}}