.x2-home-page {
  --home-blue:#0877bd;
  --home-blue-dark:#073b69;
  --home-green:#087f58;
  --home-teal:#08a890;
  --home-gold:#f5bd32;
  --home-coral:#e97a5f;
  --home-ink:#102a43;
  --home-copy:#526d82;
  --home-border:#d7e4ed;
  --home-pale:#f2f7fb;
}

.x2-home-page svg { width:1.35em; height:1.35em; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.x2-home-page .visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.x2-home-page .home-x2-hero { min-height:760px; }
.x2-home-page .home-x2-hero .hero-grid { grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr); gap:clamp(44px,6vw,88px); align-items:center; }
.x2-home-page .home-x2-hero h1 { max-width:760px; }
.x2-home-page .home-x2-hero .hero-lede { max-width:720px; }
.home-x2-hero-search { width:min(100%,720px); margin:30px 0 26px; }
.home-x2-hero-search > p { margin:0 0 9px!important; color:rgba(255,255,255,.82)!important; font-size:15px; }
.home-x2-hero-search > p strong { color:#fff; }
.home-x2-hero-search form { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:8px; border:1px solid rgba(255,255,255,.78); border-radius:18px; background:#fff; box-shadow:0 20px 42px rgba(1,29,54,.28); }
.home-x2-hero-search input[type="text"] { min-width:0; width:100%; height:54px; padding:0 17px; border:1px solid #d5e2eb; border-radius:12px; outline:none; background:#f3f7fa; color:var(--home-ink); font:inherit; }
.home-x2-hero-search input[type="text"]:focus { border-color:#52b6ec; box-shadow:0 0 0 3px rgba(82,182,236,.2); }
.home-x2-hero-search button { min-height:54px; border-color:var(--home-gold)!important; background:var(--home-gold)!important; color:var(--home-ink)!important; box-shadow:0 8px 20px rgba(245,189,50,.22); white-space:nowrap; }
.home-x2-hero-search button:hover { border-color:#ffd35f!important; background:#ffd35f!important; color:var(--home-ink)!important; }
.x2-home-page .home-x2-hero .hero-actions { align-items:center; gap:14px 22px; margin-top:0; }
.home-x2-hero-existing { align-self:center; max-width:245px; color:#fff; font-size:14px!important; font-weight:750; line-height:1.45; text-align:left; text-underline-offset:4px; }
.home-x2-hero-existing:hover { color:#fff; }
.home-x2-hero-search .home-x2-search-error { grid-column:1/-1; margin:0 8px 3px!important; color:#a5332a!important; font-size:13px; font-weight:700; }
.x2-home-page .home-x2-hero .hero-proof { gap:13px 24px; margin-top:30px; }

.home-x2-workspace { position:relative; min-height:580px; color:var(--home-ink); filter:drop-shadow(0 26px 44px rgba(1,29,54,.24)); }
.home-x2-connections { position:absolute; inset:0; width:100%!important; height:100%!important; overflow:visible; }
.home-x2-connections path { fill:none; stroke-width:3; stroke-dasharray:7 10; opacity:.75; }
.home-x2-connections .is-page { stroke:#62c6ff; }
.home-x2-connections .is-host { stroke:#63dfc3; }
.home-x2-connections .is-grow { stroke:#f5bd32; }
.home-x2-domain-stack { position:absolute; z-index:1; left:18%; top:40%; width:65%; height:150px; }
.home-x2-domain-stack span { position:absolute; inset:auto 8px 0; display:block; padding:21px 26px; border:1px solid rgba(255,255,255,.48); border-radius:22px; background:rgba(245,250,255,.32); color:rgba(255,255,255,.68); font-size:14px; font-weight:700; }
.home-x2-domain-stack span:first-child { transform:translateY(34px) rotate(-3deg); }
.home-x2-domain-stack span:last-child { transform:translateY(17px) rotate(2.5deg); }
.home-x2-domain-card { position:absolute; z-index:4; left:12%; top:36%; width:76%; min-height:158px; display:flex; flex-direction:column; justify-content:center; padding:27px 30px; border:1px solid rgba(255,255,255,.78); border-radius:25px; background:linear-gradient(145deg,#fff 0%,#eef8ff 62%,#e9fff8 100%); box-shadow:0 24px 52px rgba(1,31,59,.28); transform:rotate(-1deg); }
.home-x2-domain-card::after { content:""; position:absolute; right:26px; top:25px; width:13px; height:13px; border-radius:50%; background:#26c789; box-shadow:0 0 0 7px rgba(38,199,137,.14); }
.home-x2-domain-card strong { margin:7px 0 3px; font-size:clamp(25px,3vw,38px); letter-spacing:-.04em; color:#073b69; }
.home-x2-domain-card > span:last-child { color:#5a7187; font-size:14px; }
.home-x2-domain-status { align-self:flex-start; color:#087f58; font-size:11px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.home-x2-visual-route { position:absolute; z-index:5; display:flex; align-items:center; gap:14px; width:245px; min-height:112px; padding:18px; border:1px solid rgba(255,255,255,.72); border-radius:20px; background:rgba(255,255,255,.94); box-shadow:0 20px 38px rgba(1,31,59,.22); }
.home-x2-visual-route.is-build { left:0; top:5%; transform:rotate(-2deg); }
.home-x2-visual-route.is-host { right:0; top:9%; transform:rotate(2deg); }
.home-x2-visual-route.is-grow { right:2%; bottom:5%; transform:rotate(-1.5deg); }
.home-x2-visual-icon { flex:0 0 48px; display:grid; place-items:center; width:48px; height:48px; border-radius:15px; color:#0877bd; background:#e8f4ff; }
.is-host .home-x2-visual-icon { color:#087f58; background:#e5f8f2; }
.is-grow .home-x2-visual-icon { color:#a36d00; background:#fff5d7; }
.home-x2-visual-route div { min-width:0; display:grid; }
.home-x2-visual-route small { color:#087f58; font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.home-x2-visual-route strong { color:#102a43; font-size:17px; letter-spacing:-.02em; }
.home-x2-visual-route div span { margin-top:2px; color:#657d91; font-size:12px; line-height:1.35; }
.home-x2-visual-caption { position:absolute; left:12%; bottom:4%; margin:0; color:rgba(255,255,255,.8)!important; font-size:13px; font-weight:700; letter-spacing:.04em; }

.home-x2-router { background:linear-gradient(180deg,#f5f9fc 0%,#fff 100%); }
.home-x2-route-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.home-x2-route { position:relative; display:flex; flex-direction:column; min-height:520px; padding:32px; overflow:hidden; border:1px solid var(--home-border); border-radius:24px; background:#fff; box-shadow:0 17px 40px rgba(16,42,67,.08); }
.home-x2-route::before { content:""; position:absolute; inset:0 0 auto; height:5px; background:#0877bd; }
.home-x2-route.is-builder::before { background:#08a890; }
.home-x2-route.is-hosting::before { background:#e97a5f; }
.home-x2-route-icon,.home-x2-value-icon { display:grid; place-items:center; width:58px; height:58px; margin-bottom:25px; border-radius:18px; color:#0877bd; background:#e8f4ff; }
.home-x2-route.is-builder .home-x2-route-icon { color:#087f58; background:#e4f8f1; }
.home-x2-route.is-hosting .home-x2-route-icon { color:#b9553e; background:#fff0eb; }
.home-x2-kicker { margin:0 0 9px!important; color:#087f58!important; font-size:12px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.home-x2-route h3 { margin:0 0 15px; font-size:clamp(24px,2.15vw,31px); }
.home-x2-route > p:not(.home-x2-kicker) { margin:0; }
.home-x2-mini-list { display:grid; gap:8px; margin:22px 0 25px; padding:0; list-style:none; color:#38566f; font-size:14px; font-weight:650; }
.home-x2-mini-list li { position:relative; padding-left:20px; }
.home-x2-mini-list li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--green); font-weight:900; }
.home-x2-text-link { display:inline-flex; align-items:center; gap:7px; margin-top:auto; color:#075f9c; font-weight:var(--context-link-weight); text-decoration-thickness:2px; text-underline-offset:4px; }
.home-x2-text-link svg { width:18px; transition:transform .2s ease; }
.home-x2-text-link:hover svg { transform:translateX(3px); }
.home-x2-start-hint { display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:16px; align-items:center; margin-top:24px; padding:19px 22px; border:1px solid #b9d9ec; border-radius:20px; background:linear-gradient(110deg,#eef8ff 0%,#f4fbf8 100%); box-shadow:0 12px 30px rgba(16,42,67,.07); }
.home-x2-start-hint-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:16px; color:#0877bd; background:#fff; box-shadow:0 8px 18px rgba(8,119,189,.1); }
.home-x2-start-hint div { display:grid; grid-template-columns:auto 1fr; gap:2px 7px; align-items:baseline; min-width:0; }
.home-x2-start-hint .home-x2-kicker { grid-column:1/-1; }
.home-x2-start-hint strong { color:var(--home-ink); font-size:17px; }
.home-x2-start-hint div > span { color:var(--home-copy); font-size:15px; }
.home-x2-start-hint > a { margin-top:0; white-space:nowrap; }
.home-x2-search-error { grid-column:1/-1; margin:0 7px 4px!important; color:#a5332a!important; font-size:13px; font-weight:700; }

.home-x2-path { background:#fff; }
.home-x2-steps { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0; padding:0; list-style:none; }
.home-x2-steps::before { content:""; position:absolute; left:15%; right:15%; top:34px; height:2px; background:linear-gradient(90deg,#64bfff,#4fd7b7,#f4bd37); }
.home-x2-steps li { position:relative; z-index:1; padding:0 30px; text-align:center; }
.home-x2-step-number { display:grid; place-items:center; width:68px; height:68px; margin:0 auto 24px; border:7px solid #fff; border-radius:50%; background:#0877bd; color:#fff; box-shadow:0 8px 24px rgba(8,119,189,.22); font-size:20px; font-weight:850; }
.home-x2-steps li:nth-child(2) .home-x2-step-number { background:#087f58; }
.home-x2-steps li:nth-child(3) .home-x2-step-number { background:#bd7e00; }
.home-x2-steps h3 { margin:0 0 10px; font-size:23px; }
.home-x2-steps p:last-child { margin:0; }

.home-x2-value { background:linear-gradient(135deg,#073b69 0%,#075d99 56%,#0877bd 100%); color:#fff; }
.home-x2-value .section-heading .eyebrow,.home-x2-final .eyebrow { color:#92f2d1!important; }
.home-x2-existing .eyebrow { color:var(--home-green)!important; }
.home-x2-value .section-heading h2,.home-x2-value .section-heading > p:last-child { color:#fff!important; }
.home-x2-value .section-heading > p:last-child { opacity:.78; }
.home-x2-value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.home-x2-value-grid article { padding:28px; border:1px solid rgba(255,255,255,.2); border-radius:22px; background:rgba(255,255,255,.1); backdrop-filter:blur(8px); }
.home-x2-value-icon { margin-bottom:20px; background:rgba(255,255,255,.14); color:#8ee9ff; }
.home-x2-value-grid article:nth-child(2) .home-x2-value-icon { color:#7be1c4; }
.home-x2-value-grid article:nth-child(3) .home-x2-value-icon { color:#ffd86d; }
.home-x2-value-grid .home-x2-kicker { color:#a5f4d9!important; }
.home-x2-value-grid h3 { margin:0 0 12px; color:#fff; font-size:32px; }
.home-x2-value-grid h3 span { display:block; margin-bottom:2px; color:rgba(255,255,255,.65); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.home-x2-value-grid article > p:not(.home-x2-kicker) { min-height:112px; color:rgba(255,255,255,.78); }
.home-x2-value-grid a { color:#fff; font-weight:var(--context-link-weight); text-underline-offset:4px; }
.home-x2-price-note { margin:22px 0 0!important; color:rgba(255,255,255,.66)!important; font-size:14px; text-align:center; }

.home-x2-existing { background:#edf6fc; }
.home-x2-existing-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr); gap:clamp(50px,7vw,96px); align-items:center; }
.home-x2-existing h2 { margin:0 0 18px; font-size:clamp(34px,4vw,54px); }
.home-x2-existing-grid > div:first-child > p:last-child { color:#46647a!important; }
.home-x2-existing-routes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.home-x2-existing-routes a { display:grid; grid-template-columns:46px 1fr; gap:3px 16px; align-content:center; min-height:154px; padding:22px; border:1px solid var(--home-border); border-radius:18px; background:#fff; color:var(--home-ink); text-decoration:none; box-shadow:0 10px 26px rgba(16,42,67,.07); }
.home-x2-existing-routes a > span { grid-row:1/3; align-self:center; display:grid; place-items:center; width:46px; height:46px; border-radius:14px; color:#0877bd; background:#e9f5ff; }
.home-x2-existing-routes strong { align-self:end; font-size:16px; }
.home-x2-existing-routes small { color:#4e687d; line-height:1.4; }
.home-x2-existing-routes a:hover { border-color:#8fc6e7; transform:translateY(-1px); }

.home-x2-reassurance { background:#fff; }
.home-x2-reassurance-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.home-x2-reassurance-grid article { padding:26px; border:1px solid var(--home-border); border-radius:20px; background:linear-gradient(160deg,#fff 0%,#f5faff 100%); }
.home-x2-reassurance-grid article > span { display:grid; place-items:center; width:40px; height:40px; margin-bottom:18px; border-radius:13px; color:#087f58; background:#e4f8f1; }
.home-x2-reassurance-grid h3 { margin:0 0 9px; font-size:20px; }
.home-x2-reassurance-grid p { margin:0; font-size:15px; }
.home-x2-confidence { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) auto; gap:20px; align-items:center; margin-top:22px; padding:22px 24px; border:1px solid #c8dfea; border-radius:20px; background:#f2f8fc; }
.home-x2-confidence > div { display:grid; gap:3px; }
.home-x2-confidence strong { color:var(--home-ink); font-size:16px; }
.home-x2-confidence span { color:var(--home-copy); font-size:14px; line-height:1.45; }
.home-x2-confidence a { display:inline-flex; align-items:center; gap:7px; color:#075f9c; font-weight:var(--context-link-weight); white-space:nowrap; text-underline-offset:4px; }
.home-x2-confidence a svg { width:18px; }
.home-x2-final { padding-block:clamp(68px,8vw,105px); background:radial-gradient(circle at 80% 0%,rgba(66,185,255,.3),transparent 32%),linear-gradient(135deg,#073b69,#0877bd); text-align:center; color:#fff; }
.home-x2-final h2 { margin:0 0 14px; color:#fff; font-size:clamp(36px,5vw,60px); }
.home-x2-final > .container > p:not(.eyebrow) { max-width:700px; margin:0 auto 28px!important; color:rgba(255,255,255,.8)!important; }
.home-x2-final-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
.home-x2-final-support { display:inline-block; margin-top:22px; color:#fff; font-weight:var(--context-link-weight); text-underline-offset:4px; }

@media (max-width:1100px) {
  .x2-home-page .home-x2-hero .hero-grid { grid-template-columns:minmax(0,1fr) 420px; gap:30px; }
  .home-x2-workspace { transform:scale(.9); transform-origin:center right; }
  .home-x2-route { padding:27px; }
  .home-x2-reassurance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:900px) {
  .x2-home-page .home-x2-hero { min-height:auto; }
  .x2-home-page .home-x2-hero .hero-grid { display:block; }
  .x2-home-page .home-x2-hero .hero-copy { max-width:780px; margin-inline:auto; text-align:center; }
  .x2-home-page .home-x2-hero .hero-lede { margin-inline:auto; }
  .home-x2-hero-search { margin-inline:auto; }
  .x2-home-page .home-x2-hero .hero-actions,.x2-home-page .home-x2-hero .hero-points { justify-content:center; }
  .home-x2-workspace { display:none; }
  .home-x2-route-grid { grid-template-columns:1fr; }
  .home-x2-route { min-height:auto; }
  .home-x2-mini-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-x2-start-hint { grid-template-columns:52px 1fr; }
  .home-x2-start-hint > a { grid-column:2; justify-self:start; }
  .home-x2-existing-grid { grid-template-columns:1fr; }
}

@media (max-width:760px) {
  .home-x2-steps { grid-template-columns:1fr; gap:18px; }
  .home-x2-steps::before { left:33px; right:auto; top:34px; bottom:34px; width:2px; height:auto; background:linear-gradient(180deg,#64bfff,#4fd7b7,#f4bd37); }
  .home-x2-steps li { display:grid; grid-template-columns:68px 1fr; gap:20px; padding:0; text-align:left; }
  .home-x2-step-number { margin:0; }
  .home-x2-value-grid { grid-template-columns:1fr; }
  .home-x2-value-grid article > p:not(.home-x2-kicker) { min-height:0; }
  .home-x2-existing-routes { grid-template-columns:1fr; }
  .home-x2-reassurance-grid { grid-template-columns:1fr; }
  .home-x2-confidence { grid-template-columns:1fr; }
  .home-x2-confidence a { white-space:normal; }
}

@media (max-width:520px) {
  .x2-home-page .home-x2-hero h1 { font-size:clamp(2.55rem,11.7vw,2.85rem); line-height:1.03; letter-spacing:-.04em; }
  .x2-home-page .home-x2-hero .hero-actions,.home-x2-final-actions { display:grid; grid-template-columns:1fr; }
  .x2-home-page .home-x2-hero .hero-actions > *,.home-x2-final-actions > * { width:100%; }
  .x2-home-page .home-x2-hero .hero-points { display:grid; justify-content:start; text-align:left; }
  .home-x2-route { padding:24px; }
  .home-x2-mini-list { grid-template-columns:1fr; }
  .home-x2-start-hint { grid-template-columns:44px 1fr; padding:17px; }
  .home-x2-start-hint-icon { width:44px; height:44px; border-radius:14px; }
  .home-x2-start-hint div { grid-template-columns:1fr; }
  .home-x2-start-hint > a { grid-column:1/-1; }
  .home-x2-hero-search form { grid-template-columns:1fr; }
  .home-x2-hero-search button { width:100%; }
  .home-x2-hero-existing { max-width:none; padding:8px 0; text-align:center; }
  .home-x2-steps li { grid-template-columns:56px 1fr; gap:16px; }
  .home-x2-step-number { width:56px; height:56px; border-width:5px; }
  .home-x2-steps::before { left:27px; top:28px; bottom:28px; }
  .home-x2-existing-routes a { grid-template-columns:42px 1fr; padding:18px; }
  .home-x2-existing-routes a > span { width:42px; height:42px; }
}

@media (max-width:370px) {
  .x2-home-page .home-x2-hero h1 { font-size:2.45rem; }
  .home-x2-route,.home-x2-value-grid article,.home-x2-reassurance-grid article { padding:20px; }
  .home-x2-steps li { grid-template-columns:48px 1fr; gap:13px; }
  .home-x2-step-number { width:48px; height:48px; }
  .home-x2-steps::before { left:23px; }
}

@media (prefers-reduced-motion:reduce) {
  .x2-home-page * { scroll-behavior:auto!important; }
  .home-x2-visual-route,.home-x2-text-link svg { transition:none!important; }
}

/* Welcoming homepage hero: one centred journey framed by customer outcomes. */
.x2-home-page .home-x2-hero { min-height:710px; overflow:hidden; }
.home-x2-welcome { position:relative; display:grid!important; min-height:640px; place-items:center; padding-block:58px 50px; }
.x2-home-page .home-x2-hero .hero-copy { position:relative; z-index:3; width:min(100%,820px); margin:0 auto; text-align:center; }
.x2-home-page .home-x2-hero h1 { max-width:780px; margin-inline:auto; font-size:clamp(3.35rem,5.2vw,5rem); text-wrap:balance; }
.x2-home-page .home-x2-hero .hero-lede { max-width:650px; margin-inline:auto; font-size:clamp(1.08rem,1.8vw,1.28rem); }
.home-x2-hero-search { width:min(100%,760px); margin:30px auto 22px; }
.home-x2-hero-routes { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; }
.home-x2-hero-routes a { display:inline-flex; align-items:center; gap:7px; min-height:42px; padding:9px 13px; border:1px solid rgba(255,255,255,.25); border-radius:999px; background:rgba(255,255,255,.09); color:#fff; font-size:13px; font-weight:750; text-decoration:none; }
.home-x2-hero-routes a:hover { border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.15); color:#fff; }
.home-x2-hero-routes svg { width:17px; height:17px; }
.x2-home-page .home-x2-hero .hero-proof { justify-content:center; gap:13px 25px; margin-top:28px; }
.home-x2-welcome-art { position:absolute; inset:0; z-index:1; pointer-events:none; }
.home-x2-welcome-art::before,.home-x2-welcome-art::after { content:""; position:absolute; border-radius:50%; }
.home-x2-welcome-art::before { left:-9%; top:20%; width:360px; height:360px; background:rgba(40,198,168,.12); }
.home-x2-welcome-art::after { right:-6%; top:14%; width:340px; height:340px; background:rgba(66,174,244,.1); }
.home-x2-welcome-preview { position:absolute; overflow:hidden; border:1px solid rgba(255,255,255,.75); background:#f7fbff; color:var(--home-ink); box-shadow:0 28px 60px rgba(1,28,53,.25); }
.home-x2-welcome-preview.is-desktop { left:-86px; top:29%; width:300px; height:235px; border-radius:20px; transform:rotate(-4deg); }
.home-x2-preview-bar { display:flex; align-items:center; gap:5px; height:35px; padding:0 12px; border-bottom:1px solid #dce8f0; background:#fff; }
.home-x2-preview-bar i { width:6px; height:6px; border-radius:50%; background:#f1bc3d; }
.home-x2-preview-bar i:nth-child(2) { background:#66cdb2; }
.home-x2-preview-bar i:nth-child(3) { background:#63b6e7; }
.home-x2-preview-bar span { margin-left:8px; color:#6b8091; font-size:8px; font-weight:700; }
.home-x2-preview-page { display:flex; flex-direction:column; align-items:flex-start; height:200px; padding:24px; background:radial-gradient(circle at 90% 10%,rgba(82,190,238,.26),transparent 37%),linear-gradient(145deg,#eaf8f4,#eef6ff); text-align:left; }
.home-x2-preview-page > span,.home-x2-welcome-preview.is-mobile > span { color:#087f58; font-size:8px; font-weight:850; letter-spacing:.12em; }
.home-x2-preview-page strong { max-width:210px; margin:7px 0; font-size:23px; line-height:1.05; letter-spacing:-.04em; }
.home-x2-preview-page small { max-width:185px; color:#60788c; font-size:10px; line-height:1.45; }
.home-x2-preview-page b { margin-top:14px; padding:7px 10px; border-radius:8px; background:#0877bd; color:#fff; font-size:8px; }
.home-x2-welcome-preview.is-mobile { right:-12px; top:24%; width:168px; height:300px; padding:30px 17px 18px; border:6px solid #fff; border-radius:28px; text-align:left; transform:rotate(4deg); }
.home-x2-mobile-top { position:absolute; top:9px; left:50%; width:38px; height:5px; border-radius:5px; background:#d2dfe7; transform:translateX(-50%); }
.home-x2-welcome-preview.is-mobile strong { display:block; margin:8px 0 14px; font-size:22px; }
.home-x2-mobile-picture { height:105px; border-radius:14px; background:radial-gradient(circle at 68% 35%,#ffd468 0 11%,transparent 12%),linear-gradient(155deg,#6fc9e8 0 45%,#63c6a8 46% 100%); }
.home-x2-welcome-preview.is-mobile small { display:block; margin-top:14px; color:#637b8d; font-size:10px; line-height:1.4; }
.home-x2-welcome-domain { position:absolute; right:-55px; top:56%; display:grid; gap:2px; min-width:210px; padding:13px 16px; border:1px solid rgba(255,255,255,.82); border-radius:14px; background:#fff; box-shadow:0 18px 38px rgba(1,28,53,.2); transform:rotate(-2deg); }
.home-x2-welcome-domain span { color:#087f58; font-size:9px; font-weight:850; text-transform:uppercase; }
.home-x2-welcome-domain strong { color:#073b69; font-size:15px; }

@media (max-width:1100px) {
  .home-x2-welcome-preview.is-desktop { left:-125px; opacity:.66; }
  .home-x2-welcome-preview.is-mobile { right:-55px; opacity:.66; }
  .home-x2-welcome-domain { right:-72px; opacity:.72; }
}
@media (max-width:900px) {
  .x2-home-page .home-x2-hero { min-height:auto; }
  .home-x2-welcome { min-height:auto; padding-block:0; }
  .home-x2-welcome-art { display:none; }
}
@media (max-width:520px) {
  .home-x2-hero-routes { display:grid; grid-template-columns:1fr; }
  .home-x2-hero-routes a { justify-content:center; width:100%; }
}