:root{
  --bg:#08111f;
  --bg-elev:#0d1728;
  --surface:rgba(14,25,43,.76);
  --surface-strong:rgba(11,20,34,.92);
  --surface-soft:rgba(255,255,255,.045);
  --surface-muted:rgba(255,255,255,.028);
  --border:rgba(166,188,221,.14);
  --border-strong:rgba(166,188,221,.22);
  --text:#eef5ff;
  --muted:#a8b6c9;
  --muted-strong:#7e91ac;
  --accent:#2d8cff;
  --accent-2:#15d6c7;
  --accent-3:#b8f06b;
  --accent-soft:rgba(45,140,255,.16);
  --shadow:0 28px 70px rgba(2,8,20,.42);
  --shadow-soft:0 16px 34px rgba(2,8,20,.22);
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:12px;
  --header-h:78px;
  --scroll-progress:0;
}

html[data-theme="light"]{
  --bg:#f3f6fb;
  --bg-elev:#eef2f8;
  --surface:rgba(255,255,255,.84);
  --surface-strong:rgba(255,255,255,.95);
  --surface-soft:rgba(255,255,255,.9);
  --surface-muted:rgba(14,25,43,.035);
  --border:rgba(24,42,69,.10);
  --border-strong:rgba(24,42,69,.16);
  --text:#142239;
  --muted:#5f718d;
  --muted-strong:#42546f;
  --accent:#246bff;
  --accent-2:#0ea5a6;
  --accent-3:#7abf3f;
  --accent-soft:rgba(36,107,255,.10);
  --shadow:0 30px 80px rgba(20,34,57,.12);
  --shadow-soft:0 18px 40px rgba(20,34,57,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Manrope",system-ui,sans-serif;
  color:var(--text);
  background:var(--bg);
  min-height:100vh;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.xp-home,
.xp-home *,
.xp-page,
.xp-page *{min-width:0}
.xp-home,
.xp-page{
  max-width:100%;
  overflow-x:hidden;
}
.xp-home h1,
.xp-home h2,
.xp-home h3,
.xp-home h4,
.xp-home p,
.xp-home a,
.xp-home button,
.xp-page h1,
.xp-page h2,
.xp-page h3,
.xp-page h4,
.xp-page p,
.xp-page a,
.xp-page button{overflow-wrap:anywhere;white-space:normal}
body.xp-reduce-motion *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}

.xp-shell{width:min(1240px, calc(100% - 40px));margin:0 auto}

.xp-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2;background:linear-gradient(180deg,var(--bg),var(--bg-elev));}
.xp-bg__gradient{position:absolute;border-radius:50%;filter:blur(70px);opacity:.8}
.xp-bg__gradient--primary{width:520px;height:520px;top:-140px;left:-80px;background:rgba(45,140,255,.18)}
.xp-bg__gradient--secondary{width:560px;height:560px;right:-120px;bottom:-200px;background:rgba(21,214,199,.14)}
.xp-bg__mesh{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at 50% 28%, #000 20%, transparent 85%)}
html[data-theme="light"] .xp-bg__mesh{opacity:.11;background-image:linear-gradient(rgba(20,34,57,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,34,57,.05) 1px,transparent 1px)}

.xp-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter:blur(14px) saturate(135%);border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent)}
.xp-header__inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:var(--header-h)}
.xp-header__actions{display:flex;align-items:center;gap:10px}
.xp-brand{display:flex;align-items:center;gap:12px;min-width:0}
.xp-brand__logo{width:46px;height:46px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--surface-soft);box-shadow:var(--shadow-soft)}
.xp-brand__logo img{width:100%;height:100%;object-fit:cover}
.xp-brand__text{display:grid;gap:2px}
.xp-brand__text strong{font:700 15px/1 "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.xp-brand__text small{font-size:11px;color:var(--muted);letter-spacing:.08em}
.xp-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.xp-nav a{padding:10px 12px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease}
.xp-nav a:hover{color:var(--text);background:var(--surface-soft);transform:translateY(-1px)}
.xp-menu,.xp-theme-toggle{
  min-height:40px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);
  background:var(--surface-soft);color:var(--text);font-size:12px;font-weight:800;letter-spacing:.05em
}
.xp-theme-toggle{display:inline-flex;align-items:center;gap:8px}
.xp-theme-toggle__dot{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 4px rgba(45,140,255,.12)}
.xp-menu{display:none}
.xp-mobile-nav{display:none;padding:0 20px 16px;border-top:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--bg) 92%, transparent)}
.xp-mobile-nav a{display:block;padding:12px 10px;border-radius:12px;color:var(--muted);font-weight:700}
.xp-mobile-nav a:hover{background:var(--surface-soft);color:var(--text)}
.xp-progress{height:2px;background:color-mix(in srgb, var(--border) 40%, transparent)}
.xp-progress span{display:block;height:100%;width:calc(var(--scroll-progress) * 100%);background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}

.xp-btn{
  --mx:50%;--my:50%;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:11px 16px;border-radius:999px;border:1px solid var(--border);
  background:var(--surface-soft);color:var(--text);font-size:13px;font-weight:800;letter-spacing:.01em;
  position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.xp-btn::before{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(140px 70px at var(--mx) var(--my), rgba(255,255,255,.2), transparent 70%);transition:opacity .2s ease}
.xp-btn:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow-soft)}
.xp-btn:hover::before{opacity:1}
.xp-btn--primary{background:linear-gradient(135deg,color-mix(in srgb, var(--accent) 28%, transparent),color-mix(in srgb, var(--accent-2) 18%, transparent));border-color:color-mix(in srgb, var(--accent) 42%, var(--border));box-shadow:0 20px 36px rgba(45,140,255,.16)}
.xp-btn--ghost{background:transparent}
.xp-btn--sm{min-height:40px;padding:9px 13px;font-size:12px}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .48s ease,transform .48s ease}
[data-reveal].is-visible{opacity:1;transform:none}

.xp-home main,.xp-page main{padding-bottom:34px}
.xp-section{padding:34px 0}
.xp-hero{padding:30px 0 24px}
.xp-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:18px;align-items:stretch}
.xp-hero__copy,.xp-hero__aside{display:grid;gap:14px}
.xp-hero__copy,.xp-hero-panel,.xp-stat-card,.xp-floating-card,.xp-process-card,.xp-collab__frame,.xp-page-hero,.xp-glass-panel,.xp-card,.xp-contact-block,.xp-footer__inner{
  border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(12px)
}
.xp-hero__copy{padding:28px}
.xp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-strong)}
.xp-eyebrow span{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 12%, transparent)}
.xp-hero__copy h1{margin:10px 0 0;font:700 clamp(42px,8vw,78px)/.96 "Space Grotesk",sans-serif;letter-spacing:-.05em;max-width:11ch}
.xp-hero__copy p{margin:0;color:var(--muted);max-width:62ch;line-height:1.68;font-size:15px}
.xp-hero__actions,.xp-inline-cta,.xp-contact-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.xp-hero__micro,.xp-chip-row{display:flex;gap:8px;flex-wrap:wrap}
.xp-glass-chip,.xp-chip-row .chip{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-muted);color:var(--muted-strong);font-size:12px;font-weight:800}

.xp-hero-panel{padding:20px}
.xp-panel__top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.xp-panel__kicker,.xp-panel__meta,.xp-footer__brand,.xp-section-head span,.xp-collab__eyebrow,.xp-card small,.xp-floating-card small,.xp-process-card small,.xp-choice-card__body small,.xp-glass-panel h3,.xp-list-card small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--muted-strong)}
.xp-route-card{overflow:hidden}
.xp-route-visual{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 0 10px}
.xp-route-visual__rail{position:absolute;left:7%;right:7%;top:32px;height:2px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb, var(--accent) 45%, transparent),color-mix(in srgb, var(--accent-2) 45%, transparent),color-mix(in srgb, var(--accent-3) 45%, transparent))}
.xp-route-visual__rail::after{content:"";position:absolute;left:0;top:0;height:100%;width:32%;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));filter:drop-shadow(0 0 10px rgba(45,140,255,.42));animation:xpFlow 5.2s ease-in-out infinite}
.xp-route-visual__node{position:relative;display:grid;justify-items:center;gap:10px;text-align:center}
.xp-route-visual__node b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:800 13px/1 "Space Grotesk",sans-serif;color:#07111e;background:linear-gradient(180deg,#eff7ff,#cde3ff);box-shadow:0 12px 28px rgba(2,8,20,.26)}
.xp-route-visual__node span{font-size:12px;font-weight:700;color:var(--text)}
.xp-route-visual__node--a b{background:linear-gradient(180deg,#d9fcff,#9deeff)}
.xp-route-visual__node--b b{background:linear-gradient(180deg,#f1f6ff,#d6e4ff)}
.xp-route-visual__node--c b{background:linear-gradient(180deg,#dcecff,#7eb7ff)}
.xp-route-visual__node--d b{background:linear-gradient(180deg,#ebffd5,#b8f06b)}
.xp-panel__list{margin:0;padding-left:18px;display:grid;gap:10px;color:var(--muted);font-size:13px;line-height:1.56}
.xp-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.xp-stat-card{padding:18px;min-height:168px;background:var(--surface-strong)}
.xp-stat-card strong{display:block;margin:10px 0 8px;font:700 20px/1.08 "Space Grotesk",sans-serif;letter-spacing:-.03em}
.xp-stat-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.56}
.xp-scroll-hint{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.xp-scroll-hint::after{content:"";width:34px;height:1px;background:currentColor;opacity:.5}

.xp-section-head{display:grid;gap:10px;margin-bottom:18px;max-width:760px}
.xp-section-head h2{margin:0;font:700 clamp(30px,4.5vw,52px)/1.02 "Space Grotesk",sans-serif;letter-spacing:-.04em}
.xp-section-head p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.xp-section-head.compact{max-width:680px}

.xp-proof__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.xp-proof__grid--service .xp-floating-card:nth-child(1){transform:translateY(0)}
.xp-floating-card,.xp-process-card,.xp-card,.xp-contact-block{padding:20px;background:var(--surface-strong)}
.xp-floating-card h3,.xp-process-card h3,.xp-card h3,.xp-contact-block h3{margin:10px 0 8px;font:700 24px/1.06 "Space Grotesk",sans-serif;letter-spacing:-.03em}
.xp-floating-card p,.xp-process-card p,.xp-card p,.xp-contact-block p,.xp-glass-panel p,.xp-list-card p,.xp-list .row{margin:0;color:var(--muted);font-size:14px;line-height:1.62}

.xp-process__layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:18px;align-items:start}
.xp-process__stage{display:grid;gap:12px;padding:22px;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden}
.xp-process__line{position:absolute;left:42px;top:42px;bottom:42px;width:2px;background:linear-gradient(180deg,color-mix(in srgb, var(--accent) 55%, transparent),color-mix(in srgb, var(--accent-2) 55%, transparent),color-mix(in srgb, var(--accent-3) 55%, transparent));opacity:.45}
.xp-process__step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px 16px 16px 0}
.xp-process__step span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font:800 13px/1 "Space Grotesk",sans-serif;background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow-soft)}
.xp-process__step.is-active span{background:linear-gradient(135deg,color-mix(in srgb, var(--accent) 25%, var(--surface-strong)),color-mix(in srgb, var(--accent-2) 18%, var(--surface-strong)));border-color:color-mix(in srgb, var(--accent) 48%, var(--border))}
.xp-process__step h3{margin:0 0 6px;font:700 20px/1.06 "Space Grotesk",sans-serif}
.xp-process__cards{display:grid;gap:14px}

.xp-collab{padding:44px 0 58px}
.xp-collab .xp-shell{width:min(1120px, calc(100% - 40px))}
.xp-collab__frame{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.xp-collab__head{display:grid;gap:12px;max-width:760px}
.xp-collab__head h2{margin:0;font:700 clamp(34px,4.2vw,54px)/1 "Space Grotesk",sans-serif;letter-spacing:-.045em;color:var(--text)}
.xp-collab__head p{margin:0;color:color-mix(in srgb, var(--muted) 92%, var(--text));line-height:1.7;font-size:15px;max-width:66ch}
.xp-choice-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.xp-choice-card{display:grid;grid-template-columns:62px minmax(0,1fr);gap:18px;align-items:start;width:100%;min-height:184px;padding:24px;border-radius:24px;border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:linear-gradient(180deg,color-mix(in srgb, var(--accent) 8%, var(--surface-strong)),color-mix(in srgb, var(--surface-strong) 98%, transparent));color:var(--text);text-align:left;position:relative;box-shadow:0 18px 44px rgba(45,140,255,.07);appearance:none;transition:opacity .2s ease,filter .2s ease,transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease,background .22s ease}
@media (hover:hover) and (pointer:fine){
  .xp-choice-tabs:hover .xp-choice-card,
  .xp-choice-tabs:focus-within .xp-choice-card{opacity:.56;filter:saturate(.72)}
  .xp-choice-tabs:hover .xp-choice-card:hover,
  .xp-choice-tabs:focus-within .xp-choice-card:focus-visible,
  .xp-choice-card:hover,
  .xp-choice-card:focus-visible{opacity:1;filter:none;transform:translateY(-2px);border-color:color-mix(in srgb, var(--accent) 62%, var(--border));background:linear-gradient(180deg,color-mix(in srgb, var(--accent) 16%, var(--surface-strong)),color-mix(in srgb, var(--surface-strong) 98%, transparent));box-shadow:0 24px 56px rgba(45,140,255,.16)}
}
.xp-choice-card:focus-visible{opacity:1;filter:none;outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:3px;border-color:color-mix(in srgb, var(--accent) 62%, var(--border));background:linear-gradient(180deg,color-mix(in srgb, var(--accent) 16%, var(--surface-strong)),color-mix(in srgb, var(--surface-strong) 98%, transparent));box-shadow:0 24px 56px rgba(45,140,255,.16)}
.xp-choice-card.is-launching{transform:translateY(-4px) scale(1.01)}
.xp-choice-card__icon{width:62px;height:62px;display:grid;place-items:center;background:transparent;border:0;box-shadow:none}
.xp-choice-figure{width:58px;height:58px;display:block;overflow:visible;filter:drop-shadow(0 14px 18px rgba(2,12,24,.24))}
.xp-choice-figure__main{fill:#e8f8ff}
.xp-choice-figure__accent{fill:#159eea}
.xp-choice-figure__light{fill:#071827}
.xp-choice-figure__dark{fill:#e8f8ff}
.xp-choice-figure--driver .xp-choice-figure__main{fill:#159eea}
.xp-choice-figure--driver .xp-choice-figure__accent{fill:#e8f8ff}
.xp-choice-card:hover .xp-choice-figure__accent,
.xp-choice-card:focus-visible .xp-choice-figure__accent{fill:#15d6c7}
.xp-choice-card:hover .xp-choice-figure--driver .xp-choice-figure__accent,
.xp-choice-card:focus-visible .xp-choice-figure--driver .xp-choice-figure__accent{fill:#e8f8ff}
.xp-choice-card__body{display:grid;gap:7px;min-width:0}
.xp-choice-card__body h3{margin:0;font:700 24px/1.08 "Space Grotesk",sans-serif;letter-spacing:-.025em;color:var(--text)}
.xp-choice-card__body p{margin:0;color:color-mix(in srgb, var(--muted) 90%, var(--text));font-size:14px;line-height:1.62;max-width:48ch}
.xp-choice-card__cta{grid-column:2;align-self:end;justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:9px 12px;border-radius:999px;border:1px solid color-mix(in srgb, var(--border) 92%, transparent);background:color-mix(in srgb, var(--surface-soft) 84%, transparent);font-size:12px;font-weight:800;color:var(--text)}
.xp-choice-card__cta::after{content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);opacity:.72}
.xp-choice-card:hover .xp-choice-card__cta,
.xp-choice-card:focus-visible .xp-choice-card__cta{border-color:color-mix(in srgb, var(--accent) 46%, var(--border));background:color-mix(in srgb, var(--accent) 18%, transparent)}

.xp-footer{padding:0 0 28px}
.xp-footer__inner{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;background:color-mix(in srgb, var(--surface-strong) 96%, transparent)}
.xp-footer p{margin:8px 0 0;color:var(--muted);max-width:58ch;line-height:1.58;font-size:13px}
.xp-footer__links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.xp-footer__links a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface-muted);font-size:12px;font-weight:800;color:var(--muted)}
.xp-footer__links a:hover{color:var(--text);background:var(--surface-soft)}

.xp-page main{padding-top:12px}
.xp-page-hero{padding:24px;background:var(--surface)}
.xp-page-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:18px;align-items:start}
.xp-page-hero h1{margin:10px 0 8px;font:700 clamp(34px,5vw,58px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.04em}
.xp-page-hero p{margin:0;color:var(--muted);font-size:15px;line-height:1.68}
.xp-page-panels{display:grid;gap:12px}
.xp-glass-panel{padding:16px;background:var(--surface-strong)}
.xp-glass-panel ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px}
.xp-page-grid,.xp-contact-grid,.xp-list-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.xp-card,.xp-list-card,.xp-contact-block{grid-column:span 4}
.xp-card.span-6,.xp-list-card.span-6{grid-column:span 6}
.xp-card.span-12,.xp-list-card.span-12{grid-column:1/-1}
.xp-contact-grid{margin-top:14px}
.xp-contact-block{padding:18px}
.xp-list{display:grid;gap:10px;margin-top:12px}
.xp-list .row{padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-muted)}
.xp-list .row b{display:block;margin-bottom:4px;color:var(--text)}

@media (max-width:1080px){
  .xp-shell{width:min(1240px, calc(100% - 28px))}
  .xp-nav{display:none}
  .xp-menu{display:inline-flex}
  .xp-mobile-nav{display:block}
  .xp-mobile-nav[hidden]{display:none}
  .xp-hero__grid,.xp-process__layout,.xp-page-hero__grid{grid-template-columns:1fr}
  .xp-proof__grid,.xp-choice-tabs,.xp-contact-grid,.xp-page-grid,.xp-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xp-card,.xp-list-card,.xp-contact-block{grid-column:span 1}
  .xp-card.span-6,.xp-list-card.span-6,.xp-card.span-12,.xp-list-card.span-12{grid-column:1/-1}
}

@media (max-width:860px){
  .xp-shell{width:min(1240px, calc(100% - 20px))}
  .xp-header__inner{min-height:70px}
  .xp-brand__logo{width:42px;height:42px}
  .xp-hero{padding:18px 0 14px}
  .xp-hero__copy,.xp-hero-panel,.xp-page-hero,.xp-collab__frame{padding:20px}
  .xp-hero__copy h1{font-size:clamp(34px,11.5vw,58px);max-width:none}
  .xp-hero__copy p,.xp-section-head p,.xp-page-hero p{font-size:14px}
  .xp-stat-grid,.xp-proof__grid,.xp-choice-tabs,.xp-page-grid,.xp-contact-grid,.xp-list-grid{grid-template-columns:1fr}
  .xp-route-visual{grid-template-columns:1fr 1fr;row-gap:18px}
  .xp-route-visual__rail{left:12%;right:12%;top:30px}
  .xp-process__stage{padding:20px 16px}
  .xp-process__line{left:26px;top:34px;bottom:34px}
  .xp-process__step{grid-template-columns:46px 1fr;gap:12px;padding:12px 0}
  .xp-process__step span{width:46px;height:46px;border-radius:14px}
  .xp-choice-card{grid-template-columns:1fr}
  .xp-choice-card__cta{grid-column:1}
  .xp-footer__inner{padding:16px}
}

@media (max-width:640px){
  .xp-shell{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}
  .xp-collab .xp-shell{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}
  .xp-header{backdrop-filter:blur(10px) saturate(125%)}
  .xp-header__actions{gap:8px}
  .xp-theme-toggle{padding:8px 10px}
  .xp-theme-toggle__label{display:none}
  .xp-hero__copy,.xp-hero-panel,.xp-stat-card,.xp-floating-card,.xp-process-card,.xp-collab__frame,.xp-page-hero,.xp-glass-panel,.xp-card,.xp-contact-block,.xp-footer__inner{border-radius:22px}
  .xp-hero__copy,.xp-hero-panel,.xp-page-hero,.xp-collab__frame{padding:18px}
  .xp-hero__copy h1{font-size:clamp(32px,11vw,48px)}
  .xp-collab{padding:30px 0 42px}
  .xp-collab__head h2{max-width:11ch;line-height:1.02}
  .xp-collab__head p{max-width:28ch}
  .xp-choice-tabs{margin-top:20px}
  .xp-choice-card{grid-template-columns:52px minmax(0,1fr);gap:14px;min-height:0;padding:18px}
  .xp-choice-card__icon{width:52px;height:52px}
  .xp-choice-figure{width:50px;height:50px}
  .xp-choice-card__cta{grid-column:1/-1;width:100%;justify-content:center;text-align:center;margin-top:6px;padding:11px 14px}
  .xp-choice-card__body h3{font-size:clamp(21px,6.6vw,24px)}
  .xp-choice-card__body p{max-width:28ch}
  .xp-page-hero{width:100%;max-width:100%;overflow:hidden}
  .xp-page-hero__grid,.xp-page-hero__grid > *{width:100%;max-width:100%}
  .xp-page-hero h1{font-size:clamp(27px,7.6vw,32px);letter-spacing:-.025em;max-width:12ch;white-space:normal}
  .xp-page-hero p,
  .xp-section-head p,
  .xp-glass-panel p,
  .xp-list-card p,
  .xp-card p,
  .xp-contact-block p{max-width:32ch}
  .xp-hero__actions .xp-btn,.xp-inline-cta .xp-btn{width:100%}
  .xp-route-visual{grid-template-columns:1fr;gap:12px;padding:8px 0 4px}
  .xp-route-visual__rail{left:20px;top:0;bottom:0;right:auto;width:2px;height:auto}
  .xp-route-visual__rail::after{width:100%;height:28%;animation:xpFlowVertical 5.4s ease-in-out infinite}
  .xp-route-visual__node{grid-template-columns:auto 1fr;justify-items:start;align-items:center;text-align:left;padding-left:18px}
  .xp-route-visual__node span{font-size:13px}
  .xp-section{padding:24px 0}
  .xp-section-head h2,.xp-collab__head h2{font-size:clamp(28px,10vw,40px)}
  .xp-floating-card h3,.xp-process-card h3,.xp-choice-card__body h3,.xp-card h3,.xp-contact-block h3{font-size:20px}
  .xp-process__stage{padding:18px 14px}
  .xp-process__line{left:22px}
  .xp-process__step{grid-template-columns:40px 1fr}
  .xp-process__step span{width:40px;height:40px;border-radius:12px}
}

@media (max-width:420px){
  .xp-collab__head{gap:10px}
  .xp-choice-tabs{gap:12px}
  .xp-choice-card{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:16px}
  .xp-choice-card__icon{width:52px;height:52px}
  .xp-choice-figure{width:48px;height:48px}
  .xp-choice-card__body small{font-size:10px;letter-spacing:.14em}
  .xp-choice-card__body h3{font-size:20px;line-height:1.08}
  .xp-choice-card__body p{font-size:13px;line-height:1.55;max-width:none}
}

@media (prefers-reduced-motion: reduce){
  .xp-bg__gradient,.xp-route-visual__rail::after{animation:none}
}

@keyframes xpFlow{
  0%,100%{transform:translateX(0);}
  50%{transform:translateX(210%);}
}
@keyframes xpFlowVertical{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(210%);}
}

.xp-route-layer{position:relative;display:grid;gap:12px;padding:16px 18px;border-radius:22px;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb, var(--surface-strong) 96%, transparent),color-mix(in srgb, var(--surface) 82%, transparent));box-shadow:var(--shadow-soft);overflow:hidden;isolation:isolate}
.xp-route-layer::before{content:"";position:absolute;inset:-20% auto auto -10%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(45,140,255,.18),transparent 68%);pointer-events:none;filter:blur(4px)}
.xp-route-layer::after{content:"";position:absolute;inset:auto -16% -50% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(184,240,107,.14),transparent 70%);pointer-events:none}
.xp-route-layer__head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:10px;align-items:center}
.xp-route-layer__eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-strong)}
.xp-route-layer__label{font:800 12px/1 "Space Grotesk",sans-serif;letter-spacing:.02em;color:var(--text)}
.xp-route-layer__canvas-wrap{position:relative;min-height:220px;border-radius:18px;border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:linear-gradient(180deg,color-mix(in srgb, var(--surface-strong) 98%, transparent),color-mix(in srgb, var(--surface-muted) 95%, transparent));overflow:hidden}
.xp-route-layer__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.xp-route-layer__brand{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.985);font:800 clamp(28px,6vw,52px)/1 "Space Grotesk",sans-serif;letter-spacing:.18em;color:color-mix(in srgb, var(--text) 5%, transparent);opacity:0;transition:opacity .35s ease,transform .35s ease;pointer-events:none;white-space:nowrap}
.xp-route-layer__brand.is-visible{opacity:.28;transform:translate(-50%,-50%) scale(1)}
.xp-route-layer__tab{position:relative;z-index:2;display:grid;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb, var(--border) 92%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}
.xp-route-layer__tab.show{opacity:1;transform:translateY(0)}
.xp-route-layer__tab small{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-strong)}
.xp-route-layer__tab strong{font:700 16px/1.05 "Space Grotesk",sans-serif;color:var(--text)}
.xp-route-layer__tab p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.xp-route-layer__scrubber{position:relative;z-index:2;height:12px;border-radius:999px;border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:color-mix(in srgb, var(--surface-muted) 90%, transparent);overflow:visible;cursor:pointer;touch-action:none}
.xp-route-layer__scrubber-fill{position:absolute;left:0;top:0;bottom:0;width:5%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));box-shadow:0 0 16px rgba(45,140,255,.18)}
.xp-route-layer__scrubber-dot{position:absolute;left:5%;top:50%;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#f8fdff,#d8ecff);border:1px solid rgba(255,255,255,.92);box-shadow:0 10px 22px rgba(5,12,24,.22),0 0 0 5px rgba(45,140,255,.08);cursor:grab}
.xp-route-layer__scrubber-dot:active{cursor:grabbing}
.xp-route-hero{position:relative;padding:10px 0 14px}
.xp-route-hero__shell{min-height:calc(100svh - 98px);display:grid;grid-template-rows:auto 1fr auto;gap:16px}
.xp-route-hero__copy{display:grid;gap:10px;align-content:start;max-width:720px;padding-top:8px}
.xp-route-hero__copy h1{margin:0;font:700 clamp(64px,14vw,156px)/.9 "Space Grotesk",sans-serif;letter-spacing:-.08em;color:var(--text)}
.xp-route-hero__copy p{margin:0;max-width:58ch;color:var(--muted);font-size:15px;line-height:1.65}
.xp-route-hero__scroll{margin-top:0;align-self:end}
.xp-route-layer--hero{position:relative;padding:0;border:none;background:transparent;box-shadow:none;gap:0;min-height:0}
.xp-route-layer--hero::before,.xp-route-layer--hero::after{display:none}
.xp-route-layer--hero .xp-route-layer__canvas-wrap{min-height:clamp(440px,68svh,820px);height:100%;border-radius:30px;box-shadow:var(--shadow);background:linear-gradient(180deg,color-mix(in srgb, var(--surface-strong) 98%, transparent),color-mix(in srgb, var(--surface) 92%, transparent))}
.xp-route-layer--hero .xp-route-layer__head{position:absolute;top:18px;left:22px;right:22px;z-index:3}
.xp-route-layer--hero .xp-route-layer__brand{font-size:clamp(52px,12vw,148px);letter-spacing:.24em}
.xp-route-layer--hero .xp-route-layer__tab{position:absolute;left:22px;bottom:70px;max-width:360px;z-index:3}
.xp-route-layer--hero .xp-route-layer__scrubber{position:absolute;left:22px;right:22px;bottom:22px;z-index:3}
.xp-hero--content{padding-top:18px}
.xp-hero__aside--stats{align-content:start}
@media (max-width:860px){.xp-route-hero__shell{min-height:calc(100svh - 88px)}.xp-route-hero__copy h1{font-size:clamp(48px,16vw,104px)}.xp-route-layer--hero .xp-route-layer__canvas-wrap{min-height:clamp(380px,58svh,640px)}}
@media (max-width:640px){.xp-route-hero{padding:8px 0 12px}.xp-route-hero__shell{min-height:calc(100svh - 82px);gap:12px}.xp-route-hero__copy{padding-top:2px}.xp-route-hero__copy h1{font-size:clamp(42px,18vw,82px)}.xp-route-layer--hero .xp-route-layer__canvas-wrap{min-height:calc(100svh - 270px);border-radius:24px}.xp-route-layer--hero .xp-route-layer__head{top:16px;left:16px;right:16px}.xp-route-layer--hero .xp-route-layer__tab{left:16px;right:16px;bottom:66px;max-width:none}.xp-route-layer--hero .xp-route-layer__scrubber{left:16px;right:16px;bottom:16px}}
html[data-theme="light"] .xp-route-layer{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,248,252,.96))}
html[data-theme="light"] .xp-route-layer__canvas-wrap{background:linear-gradient(180deg,rgba(251,253,255,.98),rgba(244,248,253,.96))}
html[data-theme="light"] .xp-route-layer__brand{color:rgba(11,19,34,.08)}
 @media (max-width:860px){.xp-route-layer{padding:14px 16px}.xp-route-layer__canvas-wrap{min-height:190px}.xp-route-layer__brand{font-size:clamp(24px,8vw,40px)}.xp-route-layer__tab{padding:10px 12px}}
 @media (max-width:640px){.xp-route-layer{padding:12px 14px;border-radius:20px}.xp-route-layer__head{align-items:flex-start;flex-direction:column}.xp-route-layer__canvas-wrap{min-height:160px}.xp-route-layer__brand{font-size:clamp(20px,10vw,32px);letter-spacing:.14em}.xp-route-layer__scrubber-dot{width:18px;height:18px}.xp-route-layer__tab strong{font-size:15px}}
 @media (prefers-reduced-motion: reduce){.xp-route-layer__brand,.xp-route-layer__tab{transition:none}}

.xp-route-hero{position:relative;padding:4px 0 10px}
.xp-route-hero .xp-shell{width:min(1500px, calc(100% - 10px))}
.xp-route-hero__shell{min-height:calc(100svh - 84px);display:grid;grid-template-rows:1fr auto;gap:0;align-items:stretch}
.xp-route-hero__scroll{margin-top:6px;justify-self:start;align-self:end}
.xp-route-layer--hero{padding:0;border:none;background:transparent;box-shadow:none;gap:0;min-height:0;overflow:visible}
.xp-route-layer--hero .xp-route-layer__canvas-wrap{min-height:calc(100svh - 138px);height:100%;border-radius:0;border:none;box-shadow:none;background:transparent}
.xp-route-layer--hero .xp-route-layer__head{top:8px;left:0;right:0;padding:0 6px}
.xp-route-layer--hero .xp-route-layer__brand{font-size:clamp(72px,16vw,196px);letter-spacing:.26em}
.xp-route-layer--hero .xp-route-layer__tab{left:0;bottom:64px;max-width:380px}
.xp-route-layer--hero .xp-route-layer__scrubber{left:0;right:0;bottom:12px}
@media (max-width:860px){.xp-route-hero{padding:2px 0 8px}.xp-route-hero .xp-shell{width:min(1500px, calc(100% - 12px))}.xp-route-hero__shell{min-height:calc(100svh - 78px)}.xp-route-layer--hero .xp-route-layer__canvas-wrap{min-height:calc(100svh - 128px)}.xp-route-layer--hero .xp-route-layer__brand{font-size:clamp(60px,18vw,136px)}}
@media (max-width:640px){.xp-route-hero{padding:0 0 8px}.xp-route-hero .xp-shell{width:min(1500px, calc(100% - 8px))}.xp-route-hero__shell{min-height:calc(100svh - 72px)}.xp-route-layer--hero .xp-route-layer__canvas-wrap{min-height:calc(100svh - 118px)}.xp-route-layer--hero .xp-route-layer__head{top:8px;left:0;right:0;padding:0 2px}.xp-route-layer--hero .xp-route-layer__brand{font-size:clamp(42px,16vw,84px);letter-spacing:.12em}.xp-route-layer--hero .xp-route-layer__tab{left:0;right:auto;bottom:58px;max-width:min(78vw,320px)}.xp-route-layer--hero .xp-route-layer__scrubber{left:0;right:0;bottom:10px}}