@view-transition { navigation: auto; }

:root {
  --ink-950:#040b12;
  --ink-925:#06111c;
  --ink-900:#07131f;
  --ink-850:#0a1a2a;
  --ink-800:#0d2134;
  --ink-700:#17344e;
  --slate-700:#445d73;
  --slate-600:#5e7386;
  --slate-500:#7890a5;
  --slate-400:#9db0c1;
  --slate-300:#c3d0db;
  --slate-200:#dce5ec;
  --slate-100:#edf3f7;
  --paper:#f7fafc;
  --white:#fff;
  --blue:#2f7cff;
  --blue-deep:#1f5fe0;
  --cyan:#52d9ff;
  --mint:#a8ffcb;
  --green:#48df94;
  --amber:#ffb85a;
  --coral:#ff7d63;
  --danger:#ff6b6b;
  --shadow-xs:0 1px 2px rgba(4,11,18,.08);
  --shadow-sm:0 8px 24px rgba(4,11,18,.08);
  --shadow-md:0 20px 60px rgba(4,11,18,.13);
  --shadow-lg:0 32px 90px rgba(4,11,18,.2);
  --shadow-glow:0 18px 60px rgba(47,124,255,.24);
  --radius-sm:10px;
  --radius:18px;
  --radius-lg:28px;
  --radius-xl:38px;
  --container:1240px;
  --header-h:78px;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-soft:cubic-bezier(.16,1,.3,1);
  --font-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink-950); }
body {
  margin:0;
  min-width:320px;
  color:var(--ink-900);
  background:var(--paper);
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.65;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.nav-open { overflow:hidden; }
img,svg,video { display:block; max-width:100%; }
img { height:auto; }
a { color:inherit; text-decoration:none; }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
::selection { background:rgba(82,217,255,.28); color:var(--ink-950); }
:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
[hidden] { display:none!important; }
section[id] { scroll-margin-top:calc(var(--header-h) + 14px); }

.skip-link {
  position:fixed; left:18px; top:14px; z-index:9999;
  padding:10px 16px; border-radius:999px;
  background:var(--white); color:var(--ink-900); font-weight:800;
  transform:translateY(-150%); transition:transform .2s ease;
}
.skip-link:focus { transform:none; }

.scroll-progress {
  position:fixed; inset:0 auto auto 0; z-index:2000;
  width:100%; height:3px; transform-origin:left center; transform:scaleX(0);
  background:linear-gradient(90deg,var(--blue),var(--cyan),var(--mint));
  box-shadow:0 0 16px rgba(82,217,255,.8);
  pointer-events:none;
}

.container { width:min(calc(100% - 40px),var(--container)); margin-inline:auto; }
.container-narrow { width:min(calc(100% - 40px),880px); margin-inline:auto; }
.section { position:relative; padding:110px 0; }
.section-sm { padding:72px 0; }
.section-dark { background:var(--ink-900); color:var(--white); }
.section-ink { background:var(--ink-950); color:var(--white); }
.section-white { background:var(--white); }
.section-gradient {
  background:
    radial-gradient(circle at 8% 0%,rgba(47,124,255,.11),transparent 34%),
    radial-gradient(circle at 92% 100%,rgba(72,223,148,.1),transparent 32%),
    var(--paper);
}
.section-grid::before {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.55;
  background-image:linear-gradient(rgba(113,143,167,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(113,143,167,.08) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%);
}

.stack-8>*+* { margin-top:8px; }
.stack-12>*+* { margin-top:12px; }
.stack-16>*+* { margin-top:16px; }
.stack-24>*+* { margin-top:24px; }
.stack-32>*+* { margin-top:32px; }

.eyebrow {
  display:inline-flex; align-items:center; gap:10px;
  margin:0 0 18px; color:var(--blue-deep);
  font-size:.76rem; font-weight:850; letter-spacing:.13em; line-height:1.2; text-transform:uppercase;
}
.section-dark .eyebrow,.section-ink .eyebrow,.page-hero .eyebrow { color:var(--cyan); }
.eyebrow::before {
  content:""; width:26px; height:2px; border-radius:999px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  box-shadow:0 0 12px rgba(82,217,255,.6);
}
.eyebrow-dot::before { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(72,223,148,.12); }

h1,h2,h3,h4 { margin:0; font-family:var(--font-display); color:inherit; line-height:1.06; letter-spacing:-.04em; text-wrap:balance; }
h1 { font-size:clamp(3rem,6.6vw,6.4rem); font-weight:860; }
h2 { font-size:clamp(2.35rem,4.5vw,4.65rem); font-weight:830; }
h3 { font-size:clamp(1.35rem,2.1vw,2rem); font-weight:800; letter-spacing:-.025em; }
h4 { font-size:1.05rem; font-weight:800; letter-spacing:-.01em; }
p { margin:0; }
.lead { font-size:clamp(1.08rem,1.7vw,1.35rem); line-height:1.6; color:var(--slate-600); }
.section-dark .lead,.section-ink .lead,.page-hero .lead { color:var(--slate-300); }
.muted { color:var(--slate-600); }
.section-dark .muted,.section-ink .muted { color:var(--slate-400); }
.text-gradient {
  color:transparent;
  background:linear-gradient(96deg,#f5fbff 0%,#8fe8ff 50%,#b8ffd2 100%);
  -webkit-background-clip:text; background-clip:text;
}
.text-gradient-dark {
  color:transparent;
  background:linear-gradient(96deg,var(--blue-deep),#1599d0 50%,#1d9b62 100%);
  -webkit-background-clip:text; background-clip:text;
}
.kicker { max-width:760px; }
.section-head { display:flex; justify-content:space-between; gap:56px; align-items:end; margin-bottom:56px; }
.section-head>div:first-child { max-width:790px; }
.section-head .lead { max-width:500px; }

.btn {
  --btn-bg:var(--white); --btn-fg:var(--ink-900); --btn-border:rgba(255,255,255,.25);
  position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:52px; padding:13px 20px; border:1px solid var(--btn-border); border-radius:999px;
  background:var(--btn-bg); color:var(--btn-fg); font-weight:820; line-height:1; letter-spacing:-.015em;
  box-shadow:var(--shadow-xs); overflow:hidden; transition:transform .25s var(--ease),box-shadow .25s ease,border-color .25s ease,background .25s ease;
  -webkit-tap-highlight-color:transparent;
}
.btn::before {
  content:""; position:absolute; inset:-1px; z-index:-1; border-radius:inherit;
  background:linear-gradient(100deg,transparent 0,rgba(255,255,255,.5) 45%,transparent 70%);
  transform:translateX(-120%); transition:transform .55s var(--ease);
}
.btn:hover::before { transform:translateX(120%); }
.btn:hover { transform:translateY(-2px); box-shadow:var(--shadow-sm); }
.btn:active { transform:translateY(0) scale(.98); }
.btn svg { width:18px; height:18px; flex:0 0 auto; transition:transform .25s var(--ease); }
.btn:hover svg { transform:translateX(3px); }
.btn-primary {
  --btn-bg:linear-gradient(135deg,#397fff 0%,#2f7cff 42%,#16bfe4 100%);
  --btn-fg:#fff; --btn-border:rgba(138,220,255,.65);
  background:var(--btn-bg); box-shadow:0 12px 32px rgba(47,124,255,.3),inset 0 1px rgba(255,255,255,.25);
}
.btn-primary:hover { box-shadow:0 18px 42px rgba(47,124,255,.4),inset 0 1px rgba(255,255,255,.25); }
.btn-dark { --btn-bg:var(--ink-900); --btn-fg:#fff; --btn-border:var(--ink-900); }
.btn-ghost { --btn-bg:rgba(255,255,255,.04); --btn-fg:#fff; --btn-border:rgba(255,255,255,.16); box-shadow:none; backdrop-filter:blur(12px); }
.btn-light { --btn-bg:var(--white); --btn-fg:var(--ink-900); --btn-border:var(--white); }
.btn-outline { --btn-bg:transparent; --btn-fg:var(--ink-900); --btn-border:rgba(7,19,31,.18); box-shadow:none; }
.btn-small { min-height:42px; padding:10px 16px; font-size:.9rem; }
.btn-wide { min-width:210px; }
.button-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.link-arrow { display:inline-flex; align-items:center; gap:8px; color:var(--blue-deep); font-weight:800; }
.link-arrow svg { width:17px; transition:transform .2s var(--ease); }
.link-arrow:hover svg { transform:translateX(4px); }
.section-dark .link-arrow,.section-ink .link-arrow { color:var(--cyan); }

.pill {
  display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border-radius:999px;
  background:rgba(47,124,255,.09); color:var(--blue-deep); border:1px solid rgba(47,124,255,.18);
  font-size:.78rem; font-weight:800; line-height:1;
}
.pill-dark { background:rgba(255,255,255,.07); color:var(--slate-200); border-color:rgba(255,255,255,.12); }
.pill-green { color:#0d7547; background:rgba(72,223,148,.12); border-color:rgba(72,223,148,.3); }

.icon-wrap {
  display:grid; place-items:center; width:48px; height:48px; border-radius:14px;
  background:linear-gradient(145deg,rgba(47,124,255,.14),rgba(82,217,255,.07));
  color:var(--blue-deep); border:1px solid rgba(47,124,255,.14);
}
.icon-wrap svg { width:23px; height:23px; }
.icon-wrap-dark { color:var(--cyan); background:linear-gradient(145deg,rgba(47,124,255,.2),rgba(82,217,255,.07)); border-color:rgba(82,217,255,.16); }
.icon-wrap-lg { width:62px; height:62px; border-radius:18px; }
.icon-wrap-lg svg { width:29px; height:29px; }

.reveal { opacity:0; transform:translate3d(0,28px,0); transition:opacity .75s var(--ease),transform .75s var(--ease); }
.reveal[data-reveal="left"] { transform:translate3d(-36px,0,0); }
.reveal[data-reveal="right"] { transform:translate3d(36px,0,0); }
.reveal.is-visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.08s; }.delay-2 { transition-delay:.16s; }.delay-3 { transition-delay:.24s; }.delay-4 { transition-delay:.32s; }
.no-js .reveal { opacity:1; transform:none; }

/* Header */
.site-header {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  height:var(--header-h); color:#fff;
  background:rgba(4,11,18,.72); border-bottom:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(18px) saturate(150%);
  transition:height .25s ease,background .25s ease,box-shadow .25s ease;
}
.site-header.is-scrolled { height:70px; background:rgba(4,11,18,.92); box-shadow:0 14px 40px rgba(0,0,0,.2); }
.header-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:26px; }
.brand { position:relative; z-index:1010; display:inline-flex; align-items:center; flex:0 0 auto; }
.brand img { width:244px; max-height:48px; }
.nav-desktop { display:flex; align-items:center; gap:4px; margin-left:auto; }
.nav-link,.nav-toggle {
  position:relative; display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 13px;
  border:0; background:transparent; color:rgba(255,255,255,.82); font-size:.92rem; font-weight:750;
  transition:color .2s ease,background .2s ease;
}
.nav-link::after {
  content:""; position:absolute; left:13px; right:13px; bottom:5px; height:2px; border-radius:99px;
  background:linear-gradient(90deg,var(--blue),var(--cyan)); transform:scaleX(0); transform-origin:left; transition:transform .25s var(--ease);
}
.nav-link:hover,.nav-link[aria-current="page"],.nav-toggle:hover,.nav-toggle[aria-expanded="true"] { color:#fff; }
.nav-link:hover::after,.nav-link[aria-current="page"]::after { transform:scaleX(1); }
.nav-toggle svg { width:14px; transition:transform .2s ease; }
.nav-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
.header-cta { margin-left:8px; }
.menu-button {
  display:none; position:relative; z-index:1010; width:46px; height:46px; border-radius:50%;
  border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); color:#fff;
}
.menu-button span,.menu-button::before,.menu-button::after {
  content:""; position:absolute; left:13px; width:20px; height:2px; border-radius:99px; background:currentColor; transition:transform .25s var(--ease),top .25s ease,opacity .2s ease;
}
.menu-button::before { top:15px; }.menu-button span { top:22px; }.menu-button::after { top:29px; }
.menu-button[aria-expanded="true"]::before { top:22px; transform:rotate(45deg); }
.menu-button[aria-expanded="true"] span { opacity:0; }
.menu-button[aria-expanded="true"]::after { top:22px; transform:rotate(-45deg); }

.mega-menu {
  position:fixed; top:calc(var(--header-h) - 4px); left:50%; width:min(calc(100% - 40px),1120px); max-height:calc(100vh - 110px); overflow:auto;
  transform:translate(-50%,-12px); opacity:0; visibility:hidden; pointer-events:none;
  padding:18px; border-radius:24px; color:var(--ink-900);
  background:rgba(250,253,255,.98); border:1px solid rgba(255,255,255,.72); box-shadow:0 32px 90px rgba(0,0,0,.28);
  transition:opacity .22s ease,transform .22s var(--ease),visibility .22s;
}
.mega-menu.is-open { opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); }
.mega-grid { display:grid; grid-template-columns:1.45fr 1fr .88fr; gap:14px; }
.mega-panel { padding:20px; border-radius:18px; background:var(--white); border:1px solid var(--slate-200); }
.mega-panel-highlight { color:#fff; background:linear-gradient(145deg,var(--ink-850),var(--ink-950)); border-color:rgba(82,217,255,.16); overflow:hidden; position:relative; }
.mega-panel-highlight::after { content:""; position:absolute; width:220px; height:220px; border-radius:50%; right:-90px; bottom:-110px; background:radial-gradient(circle,rgba(82,217,255,.24),transparent 70%); }
.mega-title { display:block; margin-bottom:12px; color:var(--slate-600); font-size:.72rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.mega-panel-highlight .mega-title { color:var(--cyan); }
.mega-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.mega-links.one-col { grid-template-columns:1fr; }
.mega-link { display:flex; gap:11px; align-items:flex-start; padding:10px; border-radius:12px; transition:background .2s ease,transform .2s var(--ease); }
.mega-link:hover { background:var(--slate-100); transform:translateX(3px); }
.mega-link strong { display:block; font-size:.9rem; line-height:1.25; }
.mega-link span { display:block; margin-top:3px; color:var(--slate-600); font-size:.74rem; line-height:1.35; }
.mega-link .mini-icon { display:grid; place-items:center; width:31px; height:31px; flex:0 0 auto; border-radius:9px; background:rgba(47,124,255,.1); color:var(--blue-deep); }
.mega-link .mini-icon svg { width:16px; height:16px; }
.mega-feature { position:relative; z-index:1; }
.mega-feature h3 { margin:18px 0 10px; font-size:1.55rem; }
.mega-feature p { color:var(--slate-300); font-size:.9rem; }
.mega-feature .btn { margin-top:18px; }

.mobile-nav {
  position:fixed; inset:0; z-index:1005; padding:96px 20px 32px; overflow:auto;
  background:rgba(4,11,18,.985); color:#fff;
  transform:translateX(100%); visibility:hidden; transition:transform .45s var(--ease),visibility .45s;
}
.mobile-nav.is-open { transform:none; visibility:visible; }
.mobile-nav-inner { width:min(100%,620px); margin:auto; }
.mobile-nav a,.mobile-nav button.mobile-accordion-trigger {
  width:100%; display:flex; justify-content:space-between; align-items:center; padding:16px 4px;
  border:0; border-bottom:1px solid rgba(255,255,255,.1); background:transparent; color:#fff;
  font-size:1.25rem; font-weight:780; text-align:left;
}
.mobile-nav button svg { width:18px; transition:transform .2s ease; }
.mobile-nav button[aria-expanded="true"] svg { transform:rotate(180deg); }
.mobile-submenu { display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s var(--ease); }
.mobile-submenu>div { min-height:0; overflow:hidden; }
.mobile-submenu.is-open { grid-template-rows:1fr; }
.mobile-submenu a { padding:12px 18px; color:var(--slate-300); font-size:.98rem; font-weight:650; }
.mobile-nav .button-row { margin-top:26px; }

/* Hero */
.hero {
  position:relative; min-height:830px; padding:calc(var(--header-h) + 64px) 0 72px;
  display:flex; align-items:center; color:#fff; background:var(--ink-950); overflow:hidden;
}
.hero::before { content:""; position:absolute; inset:0; background:url('/assets/img/hero-grid.svg') center/cover no-repeat; opacity:.92; }
.hero::after {
  content:""; position:absolute; inset:-20%; pointer-events:none;
  background:radial-gradient(circle 520px at var(--mx,65%) var(--my,30%),rgba(47,124,255,.19),transparent 68%);
  transition:background-position .1s linear;
}
.hero-orb { position:absolute; border-radius:50%; filter:blur(1px); opacity:.55; pointer-events:none; }
.hero-orb.one { width:390px; height:390px; right:-130px; top:110px; background:radial-gradient(circle at 35% 30%,rgba(82,217,255,.4),rgba(47,124,255,.07) 55%,transparent 70%); animation:orbFloat 10s ease-in-out infinite; }
.hero-orb.two { width:460px; height:460px; left:-250px; bottom:-150px; background:radial-gradient(circle at 60% 40%,rgba(72,223,148,.2),rgba(47,124,255,.06) 55%,transparent 72%); animation:orbFloat 14s ease-in-out infinite reverse; }
@keyframes orbFloat { 50% { transform:translate3d(0,28px,0) scale(1.05); } }
.hero-inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.07fr) minmax(480px,.93fr); gap:52px; align-items:center; }
.hero-copy { max-width:720px; }
.hero h1 { max-width:760px; font-size:clamp(3.45rem,5.15vw,5.35rem); line-height:.94; letter-spacing:-.055em; }
.hero-line { display:block; }
.hero .lead { max-width:650px; margin-top:26px; }
.hero .button-row { margin-top:34px; }
.hero-proof { display:flex; flex-wrap:wrap; gap:14px 26px; align-items:center; margin-top:34px; color:var(--slate-300); font-size:.85rem; font-weight:720; }
.hero-proof span { display:flex; align-items:center; gap:8px; }
.hero-proof svg { width:17px; color:var(--green); }
.word-rotator { display:grid; width:max-content; min-width:5.9em; max-width:100%; text-align:left; }
.word-rotator>span { grid-area:1/1; opacity:0; transform:translateY(20px); transition:opacity .45s ease,transform .45s var(--ease); }
.word-rotator>span.is-active { opacity:1; transform:none; }

.command-wrap { position:relative; perspective:1500px; }
.command-wrap::before {
  content:""; position:absolute; inset:8% -8% -10%; z-index:-1; border-radius:45%;
  background:radial-gradient(ellipse,rgba(47,124,255,.32),transparent 66%); filter:blur(25px);
}
.command-card {
  position:relative; border-radius:27px; padding:16px; overflow:hidden;
  background:linear-gradient(145deg,rgba(18,40,62,.94),rgba(5,14,23,.98));
  border:1px solid rgba(141,209,255,.22); box-shadow:0 36px 90px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.08);
  transform:rotateY(-4deg) rotateX(2deg); transition:transform .5s var(--ease);
}
.command-card:hover { transform:rotateY(0) rotateX(0) translateY(-4px); }
.command-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.045) 47%,transparent 70%); transform:translateX(-90%); animation:screenSheen 7s ease-in-out infinite; }
@keyframes screenSheen { 0%,70% { transform:translateX(-110%); } 100% { transform:translateX(110%); } }
.command-top { display:flex; justify-content:space-between; align-items:center; padding:5px 3px 15px; }
.command-title { display:flex; align-items:center; gap:9px; font-size:.72rem; font-weight:850; letter-spacing:.13em; color:var(--slate-300); text-transform:uppercase; }
.live-dot { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(72,223,148,.12),0 0 15px rgba(72,223,148,.7); animation:pulseDot 2s infinite; }
@keyframes pulseDot { 50% { box-shadow:0 0 0 8px rgba(72,223,148,0),0 0 20px rgba(72,223,148,.8); } }
.command-demo { color:var(--slate-500); font-size:.65rem; font-weight:800; letter-spacing:.09em; }
.command-screen { border-radius:19px; padding:18px; background:rgba(3,11,18,.72); border:1px solid rgba(255,255,255,.08); }
.command-tabs { display:flex; gap:6px; padding:5px; border-radius:12px; background:rgba(255,255,255,.04); }
.command-tab { flex:1; padding:8px 6px; border:0; border-radius:9px; background:transparent; color:var(--slate-400); font-size:.7rem; font-weight:780; transition:background .2s ease,color .2s ease; }
.command-tab.is-active { color:#fff; background:linear-gradient(135deg,rgba(47,124,255,.42),rgba(82,217,255,.13)); box-shadow:inset 0 0 0 1px rgba(82,217,255,.18); }
.command-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:13px; }
.command-kpi { padding:12px; border-radius:13px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.07); }
.command-kpi span { display:block; color:var(--slate-500); font-size:.63rem; font-weight:760; letter-spacing:.06em; text-transform:uppercase; }
.command-kpi strong { display:block; margin-top:4px; font-size:1.22rem; letter-spacing:-.03em; }
.command-kpi em { display:inline-flex; margin-top:3px; color:var(--green); font-size:.64rem; font-style:normal; font-weight:750; }
.command-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:10px; margin-top:10px; }
.chart-panel,.activity-panel { min-height:190px; padding:13px; border-radius:14px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.065); }
.panel-label { display:flex; justify-content:space-between; color:var(--slate-400); font-size:.65rem; font-weight:760; }
.panel-label strong { color:var(--slate-200); font-size:.68rem; }
.chart { height:132px; display:flex; align-items:end; gap:7px; margin-top:12px; padding-bottom:6px; border-bottom:1px solid rgba(255,255,255,.08); background:repeating-linear-gradient(to top,rgba(255,255,255,.045) 0 1px,transparent 1px 31px); }
.chart-bar { flex:1; height:var(--h); min-height:12px; border-radius:6px 6px 2px 2px; background:linear-gradient(to top,rgba(47,124,255,.45),var(--cyan)); box-shadow:0 0 15px rgba(82,217,255,.15); transform-origin:bottom; animation:barGrow 1.1s var(--ease) both; animation-delay:var(--d); }
@keyframes barGrow { from { transform:scaleY(.05); opacity:.2; } }
.activity-list { display:grid; gap:9px; margin-top:12px; }
.activity-item { display:grid; grid-template-columns:26px 1fr auto; gap:8px; align-items:center; }
.activity-icon { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:rgba(47,124,255,.16); color:var(--cyan); }
.activity-icon svg { width:13px; height:13px; }
.activity-copy strong { display:block; color:var(--slate-200); font-size:.65rem; line-height:1.2; }
.activity-copy span { display:block; margin-top:2px; color:var(--slate-500); font-size:.56rem; line-height:1.2; }
.activity-time { color:var(--slate-500); font-size:.55rem; }
.command-footer { display:flex; justify-content:space-between; align-items:center; margin-top:11px; padding:0 3px; color:var(--slate-500); font-size:.61rem; }
.command-footer span { display:flex; align-items:center; gap:5px; }
.float-chip {
  position:absolute; display:flex; align-items:center; gap:9px; padding:11px 13px; border-radius:14px;
  background:rgba(249,253,255,.96); color:var(--ink-900); box-shadow:var(--shadow-md); border:1px solid rgba(255,255,255,.7);
  font-size:.72rem; font-weight:760; animation:chipFloat 6s ease-in-out infinite;
}
.float-chip strong { display:block; font-size:.82rem; line-height:1.1; }
.float-chip span { display:block; color:var(--slate-600); font-size:.62rem; font-weight:650; }
.float-chip.one { left:-44px; top:105px; }
.float-chip.two { right:-32px; bottom:64px; animation-delay:-3s; }
.float-chip .chip-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:var(--blue-deep); background:rgba(47,124,255,.11); }
.float-chip .chip-icon.green { color:#168554; background:rgba(72,223,148,.13); }
.float-chip svg { width:16px; height:16px; }
@keyframes chipFloat { 50% { transform:translateY(-9px); } }

/* Trust / marquee */
.trust-strip { position:relative; z-index:3; margin-top:-1px; color:#fff; background:var(--ink-900); border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); overflow:hidden; }
.trust-inner { min-height:92px; display:grid; grid-template-columns:1.2fr 2.8fr; align-items:center; gap:30px; }
.trust-label { color:var(--slate-400); font-size:.72rem; font-weight:820; letter-spacing:.11em; text-transform:uppercase; }
.trust-label strong { display:block; margin-top:5px; color:#fff; font-size:.95rem; letter-spacing:0; text-transform:none; }
.trust-items { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.trust-item { display:flex; align-items:center; gap:10px; padding-left:18px; border-left:1px solid rgba(255,255,255,.1); }
.trust-item svg { width:22px; color:var(--cyan); }
.trust-item strong { display:block; font-size:.88rem; }
.trust-item span { display:block; color:var(--slate-400); font-size:.72rem; }

.marquee { overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.marquee-track { display:flex; width:max-content; animation:marquee 34s linear infinite; }
.marquee:hover .marquee-track { animation-play-state:paused; }
.marquee-group { display:flex; align-items:center; gap:12px; padding-right:12px; }
.marquee-item { display:flex; align-items:center; gap:10px; white-space:nowrap; padding:14px 18px; border-radius:999px; color:var(--slate-300); background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); font-size:.86rem; font-weight:760; }
.marquee-item svg { width:17px; color:var(--cyan); }
@keyframes marquee { to { transform:translateX(-50%); } }

/* Cards and grids */
.card {
  position:relative; padding:28px; border-radius:var(--radius-lg); background:var(--white); border:1px solid var(--slate-200); box-shadow:var(--shadow-xs);
  transition:transform .35s var(--ease),box-shadow .35s ease,border-color .35s ease;
}
.card:hover { transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:rgba(47,124,255,.25); }
.card-dark { color:#fff; background:linear-gradient(145deg,var(--ink-850),var(--ink-950)); border-color:rgba(255,255,255,.09); }
.card-dark:hover { border-color:rgba(82,217,255,.22); }
.card h3 { margin-top:20px; }
.card p { margin-top:12px; color:var(--slate-600); }
.card-dark p { color:var(--slate-400); }
.card .link-arrow { margin-top:20px; }
.service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.service-card { min-height:330px; display:flex; flex-direction:column; overflow:hidden; }
.service-card::after { content:""; position:absolute; width:180px; height:180px; border-radius:50%; right:-100px; top:-100px; background:radial-gradient(circle,rgba(47,124,255,.12),transparent 65%); transition:transform .5s var(--ease); }
.service-card:hover::after { transform:scale(1.5); }
.service-card .card-number { position:absolute; top:24px; right:24px; color:var(--slate-300); font-size:.75rem; font-weight:850; letter-spacing:.08em; }
.service-card .link-arrow { margin-top:auto; padding-top:24px; }
.service-card.featured { grid-column:span 2; color:#fff; background:linear-gradient(135deg,#09203a,#06131f 60%,#0b2c3f); border-color:rgba(82,217,255,.2); }
.service-card.featured p { color:var(--slate-300); max-width:550px; }
.service-card.featured .card-number { color:var(--slate-600); }
.service-card.featured::before { content:""; position:absolute; width:360px; height:360px; right:-70px; bottom:-170px; border-radius:50%; background:radial-gradient(circle,rgba(82,217,255,.25),rgba(47,124,255,.08) 48%,transparent 70%); }

.outcome-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.outcome-card { padding:26px; border-radius:20px; border:1px solid var(--slate-200); background:rgba(255,255,255,.75); backdrop-filter:blur(10px); }
.outcome-card strong { display:block; margin-top:17px; font-size:1.12rem; line-height:1.25; }
.outcome-card p { margin-top:8px; color:var(--slate-600); font-size:.92rem; }

/* Growth system */
.system-shell { display:grid; grid-template-columns:340px 1fr; gap:26px; align-items:stretch; }
.system-nav { display:flex; flex-direction:column; gap:8px; }
.system-tab {
  position:relative; width:100%; display:grid; grid-template-columns:42px 1fr auto; gap:13px; align-items:center;
  padding:16px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(255,255,255,.035); color:var(--slate-300); text-align:left;
  transition:background .25s ease,border-color .25s ease,transform .25s var(--ease),color .25s ease;
}
.system-tab:hover { transform:translateX(4px); background:rgba(255,255,255,.06); }
.system-tab.is-active { color:#fff; border-color:rgba(82,217,255,.28); background:linear-gradient(135deg,rgba(47,124,255,.28),rgba(82,217,255,.07)); }
.system-tab-index { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:var(--cyan); background:rgba(82,217,255,.08); font-size:.75rem; font-weight:850; }
.system-tab strong { display:block; font-size:.96rem; }
.system-tab span:not(.system-tab-index) { display:block; margin-top:2px; color:var(--slate-500); font-size:.72rem; }
.system-tab svg { width:17px; color:var(--slate-600); }
.system-panel { position:relative; min-height:560px; padding:34px; border-radius:28px; overflow:hidden; background:linear-gradient(145deg,rgba(16,38,58,.88),rgba(5,14,23,.94)); border:1px solid rgba(82,217,255,.15); }
.system-panel::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 10%,rgba(47,124,255,.18),transparent 34%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:auto,38px 38px,38px 38px; }
.system-content { position:relative; z-index:1; }
.system-view { display:none; animation:panelIn .5s var(--ease); }
.system-view.is-active { display:block; }
@keyframes panelIn { from { opacity:0; transform:translateY(14px); } }
.system-view h3 { max-width:650px; font-size:clamp(2rem,3.2vw,3.2rem); }
.system-view>.lead { max-width:650px; margin-top:16px; }
.system-diagram { position:relative; height:270px; margin-top:34px; }
.system-center {
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center;
  width:120px; height:120px; border-radius:50%; text-align:center; color:#fff;
  background:radial-gradient(circle at 35% 25%,#2f7cff,#0d3152 65%,#07131f); border:1px solid rgba(82,217,255,.35); box-shadow:0 0 0 16px rgba(47,124,255,.06),0 0 60px rgba(47,124,255,.3);
}
.system-center strong { font-size:1.15rem; line-height:1.1; }
.system-center span { color:var(--slate-300); font-size:.65rem; }
.system-node { position:absolute; min-width:150px; padding:12px 14px; border-radius:14px; color:#fff; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.1); box-shadow:0 12px 30px rgba(0,0,0,.18); }
.system-node strong { display:block; font-size:.83rem; }
.system-node span { display:block; margin-top:2px; color:var(--slate-400); font-size:.66rem; }
.system-node::after { content:""; position:absolute; height:1px; width:75px; top:50%; background:linear-gradient(90deg,rgba(82,217,255,.5),transparent); }
.system-node.n1 { left:2%; top:12%; }.system-node.n1::after { left:100%; transform:rotate(18deg); transform-origin:left; }
.system-node.n2 { right:1%; top:12%; }.system-node.n2::after { right:100%; transform:rotate(-18deg); transform-origin:right; background:linear-gradient(90deg,transparent,rgba(82,217,255,.5)); }
.system-node.n3 { left:2%; bottom:10%; }.system-node.n3::after { left:100%; transform:rotate(-18deg); transform-origin:left; }
.system-node.n4 { right:1%; bottom:10%; }.system-node.n4::after { right:100%; transform:rotate(18deg); transform-origin:right; background:linear-gradient(90deg,transparent,rgba(82,217,255,.5)); }
.system-bullets { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }
.system-bullet { padding:14px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.075); }
.system-bullet strong { display:block; font-size:.82rem; }
.system-bullet span { display:block; margin-top:3px; color:var(--slate-500); font-size:.69rem; }

/* Industry cards */
.industry-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.industry-card {
  position:relative; min-height:230px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden;
  border-radius:22px; color:#fff; background:linear-gradient(145deg,var(--ink-850),var(--ink-950)); border:1px solid rgba(255,255,255,.09); transition:transform .35s var(--ease),border-color .3s ease,box-shadow .3s ease;
}
.industry-card::before { content:""; position:absolute; inset:auto -60px -90px auto; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle,rgba(47,124,255,.28),transparent 68%); transition:transform .5s var(--ease); }
.industry-card:hover { transform:translateY(-6px); border-color:rgba(82,217,255,.28); box-shadow:var(--shadow-lg); }
.industry-card:hover::before { transform:scale(1.35) translate(-8px,-8px); }
.industry-card .industry-icon { position:relative; z-index:1; display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:rgba(255,255,255,.06); color:var(--cyan); border:1px solid rgba(255,255,255,.09); }
.industry-card .industry-icon svg { width:23px; height:23px; }
.industry-card .industry-copy { position:relative; z-index:1; }
.industry-card h3 { font-size:1.25rem; }
.industry-card p { margin-top:7px; color:var(--slate-400); font-size:.83rem; }
.industry-card .arrow-dot { position:absolute; right:20px; top:20px; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.06); color:var(--slate-300); transition:background .2s ease,transform .25s var(--ease); }
.industry-card:hover .arrow-dot { background:var(--blue); color:#fff; transform:rotate(-35deg); }
.industry-card .arrow-dot svg { width:16px; }

/* Operator story */
.operator-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.operator-visual { position:relative; min-height:590px; border-radius:32px; overflow:hidden; background:linear-gradient(145deg,#0a1e31,#06111c); border:1px solid rgba(82,217,255,.17); box-shadow:var(--shadow-lg); }
.operator-visual::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 25% 20%,rgba(47,124,255,.28),transparent 36%),radial-gradient(circle at 90% 90%,rgba(72,223,148,.15),transparent 34%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:auto,auto,40px 40px,40px 40px; }
.operator-map { position:absolute; inset:72px 55px 120px; }
.map-line { position:absolute; height:2px; transform-origin:left center; background:linear-gradient(90deg,rgba(82,217,255,.05),rgba(82,217,255,.55),rgba(82,217,255,.05)); }
.map-line.l1 { width:64%; left:17%; top:34%; transform:rotate(18deg); }.map-line.l2 { width:58%; left:24%; top:60%; transform:rotate(-22deg); }.map-line.l3 { width:43%; left:13%; top:71%; transform:rotate(-58deg); }.map-line.l4 { width:46%; right:7%; top:51%; transform:rotate(68deg); }
.map-node { position:absolute; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; color:#fff; background:linear-gradient(145deg,#2f7cff,#1551b9); border:4px solid rgba(255,255,255,.08); box-shadow:0 0 0 8px rgba(47,124,255,.08),0 8px 30px rgba(0,0,0,.25); }
.map-node svg { width:19px; }.map-node span { position:absolute; top:56px; white-space:nowrap; color:var(--slate-300); font-size:.65rem; font-weight:760; }
.map-node.a { left:8%; top:10%; }.map-node.b { right:8%; top:25%; }.map-node.c { left:32%; top:51%; }.map-node.d { right:24%; bottom:4%; }.map-node.e { left:2%; bottom:1%; }
.operator-badge { position:absolute; left:28px; right:28px; bottom:28px; display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; padding:18px; border-radius:18px; color:#fff; background:rgba(3,11,18,.82); border:1px solid rgba(255,255,255,.1); backdrop-filter:blur(16px); }
.operator-badge .year { display:grid; place-items:center; width:58px; height:58px; border-radius:16px; background:linear-gradient(145deg,rgba(47,124,255,.35),rgba(82,217,255,.08)); color:var(--cyan); font-size:1.12rem; font-weight:850; }
.operator-badge strong { display:block; }.operator-badge span { color:var(--slate-400); font-size:.78rem; }
.operator-badge .signal { display:flex; align-items:end; gap:3px; height:24px; }
.operator-badge .signal i { width:4px; height:var(--h); border-radius:4px; background:linear-gradient(to top,var(--blue),var(--cyan)); }
.operator-copy .lead { margin-top:22px; }
.operator-points { display:grid; gap:14px; margin-top:32px; }
.operator-point { display:grid; grid-template-columns:44px 1fr; gap:14px; align-items:start; }
.operator-point .check { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; color:#128253; background:rgba(72,223,148,.12); }
.operator-point svg { width:20px; }
.operator-point strong { display:block; font-size:1rem; }.operator-point span { display:block; margin-top:3px; color:var(--slate-600); font-size:.88rem; }

/* Calculator */
.calculator-shell { display:grid; grid-template-columns:.92fr 1.08fr; gap:38px; align-items:stretch; }
.calculator-copy { padding:26px 0; }
.calculator-copy .lead { margin-top:20px; }
.calculator-card { padding:30px; border-radius:28px; background:var(--white); border:1px solid var(--slate-200); box-shadow:var(--shadow-md); }
.calc-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-field { display:grid; gap:8px; }
.form-field label { font-size:.82rem; font-weight:780; color:var(--ink-800); }
.input-wrap { position:relative; }
.input-prefix,.input-suffix { position:absolute; top:50%; transform:translateY(-50%); color:var(--slate-500); font-size:.9rem; font-weight:750; pointer-events:none; }
.input-prefix { left:14px; }.input-suffix { right:14px; }
.form-control {
  width:100%; min-height:50px; padding:12px 14px; border:1px solid var(--slate-300); border-radius:12px; color:var(--ink-900); background:#fff; outline:none;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.input-wrap .form-control.has-prefix { padding-left:31px; }.input-wrap .form-control.has-suffix { padding-right:36px; }
.form-control:focus { border-color:var(--blue); box-shadow:0 0 0 4px rgba(47,124,255,.11); }
textarea.form-control { min-height:128px; resize:vertical; }
select.form-control { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%235e7386' d='m5 7 5 5 5-5z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:18px; padding-right:40px; }
.calc-result { margin-top:20px; padding:22px; border-radius:18px; color:#fff; background:linear-gradient(145deg,var(--ink-850),var(--ink-950)); border:1px solid rgba(82,217,255,.14); }
.calc-result-label { color:var(--slate-400); font-size:.74rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.calc-value { display:flex; align-items:baseline; gap:7px; margin-top:7px; }
.calc-value strong { font-size:clamp(2.4rem,5vw,4.4rem); line-height:1; letter-spacing:-.055em; }
.calc-value span { color:var(--slate-400); font-size:.86rem; }
.calc-breakdown { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:20px; }
.calc-stat { padding:11px; border-radius:12px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.07); }
.calc-stat span { display:block; color:var(--slate-500); font-size:.62rem; text-transform:uppercase; letter-spacing:.06em; }.calc-stat strong { display:block; margin-top:4px; font-size:.88rem; }
.calc-disclaimer { margin-top:12px; color:var(--slate-500); font-size:.68rem; }

/* Process */
.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; counter-reset:step; }
.process-step { position:relative; padding:28px 26px 28px 0; counter-increment:step; }
.process-step:not(:last-child)::after { content:""; position:absolute; top:24px; left:58px; right:18px; height:1px; background:linear-gradient(90deg,rgba(47,124,255,.35),rgba(47,124,255,.06)); }
.step-number { position:relative; z-index:1; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; color:var(--blue-deep); background:var(--white); border:1px solid rgba(47,124,255,.22); box-shadow:0 6px 18px rgba(47,124,255,.1); font-size:.76rem; font-weight:850; }
.step-number::before { content:"0" counter(step); }
.process-step h3 { margin-top:24px; font-size:1.25rem; }
.process-step p { margin-top:10px; color:var(--slate-600); font-size:.9rem; }

/* Comparison */
.compare-shell { overflow:hidden; border-radius:28px; border:1px solid var(--slate-200); background:#fff; box-shadow:var(--shadow-sm); }
.compare-head,.compare-row { display:grid; grid-template-columns:1.1fr 1fr 1fr; }
.compare-head { background:var(--ink-900); color:#fff; }
.compare-head>div { padding:24px; font-weight:800; }
.compare-head>div:nth-child(2) { color:var(--slate-400); }.compare-head>div:nth-child(3) { color:var(--cyan); background:rgba(47,124,255,.12); }
.compare-row>div { padding:19px 24px; border-top:1px solid var(--slate-200); }
.compare-row>div:nth-child(1) { font-weight:760; }.compare-row>div:nth-child(2) { color:var(--slate-600); background:#fafcfd; }.compare-row>div:nth-child(3) { color:var(--ink-800); background:rgba(47,124,255,.035); font-weight:700; }
.compare-row svg { display:inline; width:17px; vertical-align:-3px; margin-right:7px; color:var(--green); }
.compare-row .x { color:var(--coral); }

/* FAQ */
.faq-shell { display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; align-items:start; }
.faq-intro { position:sticky; top:110px; }
.faq-list { border-top:1px solid var(--slate-300); }
.faq-item { border-bottom:1px solid var(--slate-300); }
.faq-question { width:100%; display:grid; grid-template-columns:1fr 36px; gap:20px; align-items:center; padding:23px 0; border:0; background:transparent; color:var(--ink-900); text-align:left; font-size:1.05rem; font-weight:800; }
.faq-icon { position:relative; width:34px; height:34px; border-radius:50%; border:1px solid var(--slate-300); transition:background .2s ease,border-color .2s ease,transform .25s var(--ease); }
.faq-icon::before,.faq-icon::after { content:""; position:absolute; left:9px; top:16px; width:14px; height:2px; background:currentColor; transition:transform .25s var(--ease); }
.faq-icon::after { transform:rotate(90deg); }
.faq-question[aria-expanded="true"] .faq-icon { background:var(--ink-900); color:#fff; border-color:var(--ink-900); transform:rotate(90deg); }
.faq-question[aria-expanded="true"] .faq-icon::after { transform:rotate(0); }
.faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s var(--ease); }
.faq-answer>div { min-height:0; overflow:hidden; }
.faq-answer p { padding:0 56px 23px 0; color:var(--slate-600); }
.faq-answer.is-open { grid-template-rows:1fr; }

/* CTA */
.cta-shell {
  position:relative; overflow:hidden; padding:72px; border-radius:38px; color:#fff;
  background:linear-gradient(135deg,#0b2640 0%,#06131f 54%,#0b2531 100%); border:1px solid rgba(82,217,255,.18); box-shadow:var(--shadow-lg);
}
.cta-shell::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 85% 20%,rgba(47,124,255,.3),transparent 34%),radial-gradient(circle at 10% 100%,rgba(72,223,148,.13),transparent 36%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px); background-size:auto,auto,42px 42px,42px 42px; }
.cta-content { position:relative; z-index:1; display:grid; grid-template-columns:1.35fr .65fr; gap:50px; align-items:center; }
.cta-copy h2 { max-width:790px; }.cta-copy .lead { max-width:680px; margin-top:18px; }
.cta-actions { display:flex; flex-direction:column; align-items:stretch; gap:12px; }
.cta-actions .btn { width:100%; }
.cta-note { text-align:center; color:var(--slate-500); font-size:.72rem; }

/* Page hero */
.page-hero {
  position:relative; min-height:620px; padding:calc(var(--header-h) + 82px) 0 88px; display:flex; align-items:center; overflow:hidden;
  color:#fff; background:var(--ink-950);
}
.page-hero::before { content:""; position:absolute; inset:0; background:url('/assets/img/hero-grid.svg') center/cover no-repeat; opacity:.7; }
.page-hero::after { content:""; position:absolute; width:620px; height:620px; right:-180px; top:-170px; border-radius:50%; background:radial-gradient(circle,rgba(47,124,255,.3),rgba(82,217,255,.05) 48%,transparent 70%); }
.page-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr); gap:56px; align-items:end; }
.page-hero h1 { max-width:900px; font-size:clamp(3rem,4.6vw,4.85rem); line-height:.98; letter-spacing:-.052em; }
.page-hero .lead { max-width:720px; margin-top:24px; }
.page-hero .button-row { margin-top:32px; }
.page-hero-aside { padding:26px; border-radius:22px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.1); backdrop-filter:blur(14px); }
.page-hero-aside .aside-label { color:var(--cyan); font-size:.7rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.page-hero-aside ul { list-style:none; padding:0; margin:18px 0 0; display:grid; gap:13px; }
.page-hero-aside li { display:grid; grid-template-columns:22px 1fr; gap:10px; align-items:start; color:var(--slate-300); font-size:.9rem; }
.page-hero-aside li svg { width:18px; color:var(--green); margin-top:3px; }
.breadcrumbs { position:absolute; z-index:2; left:0; right:0; top:calc(var(--header-h) + 24px); }
.breadcrumbs ol { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:7px; color:var(--slate-500); font-size:.76rem; font-weight:700; }
.breadcrumbs li { display:flex; align-items:center; gap:7px; }.breadcrumbs li:not(:last-child)::after { content:"/"; color:var(--slate-700); }.breadcrumbs a:hover { color:#fff; }

/* Content layouts */
.content-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr); gap:70px; align-items:start; }
.prose { max-width:820px; }
.prose>*+* { margin-top:22px; }
.prose h2 { margin-top:54px; font-size:clamp(2rem,3.2vw,3.2rem); }.prose h3 { margin-top:38px; font-size:1.6rem; }
.prose p,.prose li { color:var(--slate-700); font-size:1.03rem; }
.prose ul,.prose ol { padding-left:22px; }.prose li+li { margin-top:10px; }
.prose a { color:var(--blue-deep); font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.prose blockquote { margin:34px 0; padding:25px 28px; border-left:4px solid var(--blue); background:rgba(47,124,255,.055); border-radius:0 16px 16px 0; color:var(--ink-800); font-size:1.15rem; font-weight:650; }
.sticky-card { position:sticky; top:104px; }
.check-list { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:12px; }
.check-list li { display:grid; grid-template-columns:22px 1fr; gap:10px; color:var(--slate-700); }
.check-list svg { width:18px; color:var(--green); margin-top:4px; }
.tag-list { display:flex; flex-wrap:wrap; gap:8px; }

.feature-split { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.feature-split.reverse .feature-visual { order:2; }
.feature-copy .lead { margin-top:20px; }.feature-copy .check-list { margin-top:28px; }.feature-copy .button-row { margin-top:30px; }
.feature-visual { position:relative; min-height:510px; border-radius:30px; overflow:hidden; background:linear-gradient(145deg,var(--ink-850),var(--ink-950)); border:1px solid rgba(82,217,255,.14); box-shadow:var(--shadow-lg); }
.feature-visual::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 75% 15%,rgba(47,124,255,.27),transparent 36%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:auto,38px 38px,38px 38px; }
.metric-stack { position:absolute; inset:50px 42px; display:grid; gap:13px; align-content:center; }
.metric-card { position:relative; padding:19px; border-radius:17px; color:#fff; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); backdrop-filter:blur(12px); }
.metric-card:nth-child(2) { margin-left:45px; }.metric-card:nth-child(3) { margin-left:90px; }
.metric-card span { color:var(--slate-400); font-size:.7rem; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }.metric-card strong { display:block; margin-top:6px; font-size:1.55rem; }.metric-card em { position:absolute; right:17px; top:17px; color:var(--green); font-size:.7rem; font-style:normal; font-weight:800; }

.deliverable-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.deliverable-card { padding:24px; border-radius:20px; background:#fff; border:1px solid var(--slate-200); }
.deliverable-card .mini-num { display:inline-flex; color:var(--blue-deep); font-size:.7rem; font-weight:850; letter-spacing:.1em; }
.deliverable-card h3 { margin-top:13px; font-size:1.16rem; }.deliverable-card p { margin-top:9px; color:var(--slate-600); font-size:.86rem; }

.stats-band { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(255,255,255,.1); border-radius:24px; overflow:hidden; background:rgba(255,255,255,.035); }
.stat-cell { padding:28px; }.stat-cell:not(:last-child) { border-right:1px solid rgba(255,255,255,.1); }
.stat-cell strong { display:block; font-size:clamp(2rem,4vw,3.3rem); line-height:1; letter-spacing:-.05em; }.stat-cell span { display:block; margin-top:8px; color:var(--slate-400); font-size:.78rem; }

/* Forms */
.form-card { padding:34px; border-radius:26px; background:#fff; border:1px solid var(--slate-200); box-shadow:var(--shadow-md); scroll-margin-top:calc(var(--header-h) + 18px); }
.form-title { font-size:2rem; }
.form-title + .lead { margin-top:10px; font-size:1rem; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.form-grid .full { grid-column:1/-1; }
.form-help { color:var(--slate-500); font-size:.7rem; }
.form-check { display:grid; grid-template-columns:20px 1fr; gap:10px; align-items:start; color:var(--slate-600); font-size:.8rem; }
.form-check input { width:18px; height:18px; margin-top:3px; accent-color:var(--blue); }
.honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.form-status { display:none; padding:13px 15px; border-radius:12px; font-size:.85rem; font-weight:700; }
.form-status.is-visible { display:block; }.form-status.error { color:#8c1e1e; background:#fff0f0; border:1px solid #ffc7c7; }
.form-status.success { color:#0e6841; background:#ecfff6; border:1px solid #b7f3d4; }

.multi-step { position:relative; }
.step-progress { display:flex; gap:8px; margin-bottom:28px; }
.step-progress span { flex:1; height:5px; border-radius:99px; background:var(--slate-200); overflow:hidden; }
.step-progress span::before { content:""; display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--blue),var(--cyan)); transform:scaleX(0); transform-origin:left; transition:transform .35s var(--ease); }
.step-progress span.is-complete::before,.step-progress span.is-current::before { transform:scaleX(1); }
.form-step { display:none; animation:stepIn .35s var(--ease); }.form-step.is-active { display:block; }
@keyframes stepIn { from { opacity:0; transform:translateX(12px); } }
.no-js .form-step { display:block; margin-bottom:36px; }
.form-step h2 { font-size:2rem; }.form-step>.lead { margin-top:10px; font-size:1rem; }
.step-actions { display:flex; justify-content:space-between; gap:12px; margin-top:24px; }

/* Work / mockups */
.work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.work-card { position:relative; overflow:hidden; min-height:540px; padding:24px; border-radius:26px; color:#fff; background:linear-gradient(145deg,var(--ink-850),var(--ink-950)); border:1px solid rgba(255,255,255,.09); }
.work-card::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 80% 0%,var(--glow,rgba(47,124,255,.25)),transparent 40%); }
.work-card-copy { position:relative; z-index:1; }.work-card-copy p { margin-top:9px; color:var(--slate-400); font-size:.88rem; }.work-card-copy .tag-list { margin-top:15px; }
.work-mock { position:absolute; left:24px; right:24px; bottom:-18px; height:310px; border-radius:18px 18px 0 0; overflow:hidden; background:#fff; box-shadow:0 20px 50px rgba(0,0,0,.35); transform:perspective(700px) rotateX(3deg); transition:transform .45s var(--ease); }
.work-card:hover .work-mock { transform:perspective(700px) rotateX(0) translateY(-8px); }
.mock-top { height:28px; display:flex; align-items:center; gap:5px; padding:0 10px; background:#eef3f7; }.mock-top i { width:7px; height:7px; border-radius:50%; background:#b6c3ce; }
.mock-hero { position:relative; height:150px; padding:24px; color:#fff; background:linear-gradient(135deg,var(--mock-a,#173c5f),var(--mock-b,#0b1c2d)); overflow:hidden; }
.mock-hero::after { content:""; position:absolute; width:140px; height:140px; right:-20px; top:-20px; border-radius:50%; background:radial-gradient(circle,rgba(82,217,255,.4),transparent 68%); }.mock-hero strong { position:relative; z-index:1; display:block; width:70%; font-size:1.25rem; line-height:1.05; }.mock-hero span { position:relative; z-index:1; display:block; margin-top:8px; width:60%; height:7px; border-radius:5px; background:rgba(255,255,255,.45); }.mock-hero b { position:relative; z-index:1; display:block; width:76px; height:20px; margin-top:13px; border-radius:99px; background:var(--cyan); }
.mock-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:14px; }.mock-cards i { height:72px; border-radius:9px; background:#edf3f7; border:1px solid #dde7ee; }

/* Blog */
.post-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.post-card { overflow:hidden; padding:0; }
.post-art { position:relative; height:230px; background:linear-gradient(145deg,var(--ink-850),var(--ink-950)); overflow:hidden; }
.post-art::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 75% 25%,var(--art-color,rgba(47,124,255,.38)),transparent 38%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:auto,30px 30px,30px 30px; }
.post-art .art-icon { position:absolute; inset:0; display:grid; place-items:center; color:#fff; }.post-art .art-icon svg { width:72px; opacity:.85; filter:drop-shadow(0 10px 20px rgba(0,0,0,.3)); }
.post-body { padding:24px; }.post-meta { display:flex; gap:12px; color:var(--slate-500); font-size:.7rem; font-weight:760; text-transform:uppercase; letter-spacing:.07em; }.post-body h3 { margin-top:12px; font-size:1.3rem; }.post-body p { margin-top:10px; font-size:.87rem; }.post-body .link-arrow { margin-top:18px; }
.article-header { max-width:930px; }.article-header h1 { font-size:clamp(2.8rem,4.8vw,4.9rem); }.article-meta { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:26px; color:var(--slate-400); font-size:.82rem; }.article-meta span { display:flex; align-items:center; gap:7px; }.article-meta svg { width:16px; color:var(--cyan); }
.article-layout { display:grid; grid-template-columns:minmax(0,760px) 280px; gap:80px; justify-content:center; align-items:start; }
.article-toc { position:sticky; top:105px; padding-left:20px; border-left:1px solid var(--slate-300); }.article-toc strong { display:block; margin-bottom:12px; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; }.article-toc a { display:block; padding:7px 0; color:var(--slate-600); font-size:.78rem; }.article-toc a:hover { color:var(--blue-deep); }
.article-prose h2 { scroll-margin-top:100px; }.article-note { padding:20px; border-radius:16px; background:rgba(72,223,148,.08); border:1px solid rgba(72,223,148,.22); }.article-note strong { color:#0f7047; }

/* Search */
.search-shell { max-width:880px; margin:auto; }
.search-box { position:relative; }.search-box svg { position:absolute; left:18px; top:50%; transform:translateY(-50%); width:22px; color:var(--slate-500); }.search-box input { width:100%; min-height:66px; padding:17px 20px 17px 54px; border-radius:18px; border:1px solid var(--slate-300); background:#fff; font-size:1.05rem; box-shadow:var(--shadow-sm); outline:none; }.search-box input:focus { border-color:var(--blue); box-shadow:0 0 0 5px rgba(47,124,255,.1),var(--shadow-sm); }
.search-results { display:grid; gap:12px; margin-top:28px; }.search-result { padding:20px; border-radius:16px; background:#fff; border:1px solid var(--slate-200); }.search-result:hover { border-color:rgba(47,124,255,.3); box-shadow:var(--shadow-sm); }.search-result span { color:var(--blue-deep); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.search-result h3 { margin-top:7px; font-size:1.18rem; }.search-result p { margin-top:7px; color:var(--slate-600); font-size:.86rem; }.search-empty { padding:28px; border-radius:16px; background:#fff; border:1px solid var(--slate-200); text-align:center; color:var(--slate-600); }

/* Footer */
.site-footer { position:relative; color:#fff; background:var(--ink-950); border-top:1px solid rgba(255,255,255,.08); }
.footer-main { padding:76px 0 50px; }
.footer-grid { display:grid; grid-template-columns:1.35fr .8fr .8fr .8fr; gap:50px; }
.footer-brand img { width:250px; }.footer-brand p { max-width:390px; margin-top:18px; color:var(--slate-400); font-size:.9rem; }.footer-brand .pill { margin-top:20px; }
.footer-col h3 { margin-bottom:18px; color:var(--slate-500); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; }
.footer-links { display:grid; gap:10px; }.footer-links a { color:var(--slate-300); font-size:.86rem; transition:color .2s ease,transform .2s ease; }.footer-links a:hover { color:#fff; transform:translateX(3px); }
.footer-contact { margin-top:24px; display:grid; gap:9px; color:var(--slate-300); font-size:.84rem; }.footer-contact a { display:flex; align-items:center; gap:9px; }.footer-contact svg { width:17px; color:var(--cyan); }
.footer-bottom { padding:22px 0; border-top:1px solid rgba(255,255,255,.08); }.footer-bottom-inner { display:flex; justify-content:space-between; gap:20px; align-items:center; color:var(--slate-600); font-size:.72rem; }.footer-legal { display:flex; flex-wrap:wrap; gap:16px; }.footer-legal a:hover { color:var(--slate-300); }

.mobile-cta { display:none; position:fixed; z-index:900; left:10px; right:10px; bottom:10px; padding:8px; border-radius:18px; background:rgba(4,11,18,.91); border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 50px rgba(0,0,0,.35); backdrop-filter:blur(16px); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(20px); transition:opacity .25s ease,visibility .25s ease,transform .35s var(--ease); }
.mobile-cta.is-visible { opacity:1; visibility:visible; pointer-events:auto; transform:none; }
body.nav-open .mobile-cta { opacity:0; visibility:hidden; pointer-events:none; transform:translateY(20px); }
.mobile-cta .btn { width:100%; min-height:48px; }

.back-to-top { position:fixed; z-index:850; right:22px; bottom:22px; display:grid; place-items:center; width:45px; height:45px; border:1px solid rgba(255,255,255,.16); border-radius:50%; color:#fff; background:rgba(4,11,18,.8); backdrop-filter:blur(12px); opacity:0; visibility:hidden; transform:translateY(10px); transition:.25s ease; }
.back-to-top.is-visible { opacity:1; visibility:visible; transform:none; }.back-to-top svg { width:18px; }.back-to-top:hover { background:var(--blue); }

.toast { position:fixed; z-index:3000; right:22px; top:96px; max-width:360px; padding:15px 18px; border-radius:14px; color:#fff; background:var(--ink-850); border:1px solid rgba(82,217,255,.2); box-shadow:var(--shadow-lg); opacity:0; visibility:hidden; transform:translateY(-12px); transition:.25s var(--ease); }.toast.is-visible { opacity:1; visibility:visible; transform:none; }

/* 404 */
.not-found { min-height:100vh; display:grid; place-items:center; padding:110px 20px 70px; color:#fff; background:var(--ink-950); text-align:center; }.not-found-inner { max-width:780px; }.not-found-code { color:transparent; background:linear-gradient(90deg,var(--blue),var(--cyan),var(--mint)); -webkit-background-clip:text; background-clip:text; font-size:clamp(7rem,24vw,16rem); font-weight:900; line-height:.8; letter-spacing:-.09em; }.not-found h1 { margin-top:32px; font-size:clamp(2.2rem,5vw,4rem); }.not-found p { margin:20px auto 0; max-width:620px; color:var(--slate-300); }.not-found .button-row { justify-content:center; margin-top:30px; }

/* Progressive modern motion */
@supports (animation-timeline: view()) {
  .scroll-scale { animation:scrollScale linear both; animation-timeline:view(); animation-range:entry 10% cover 45%; }
  @keyframes scrollScale { from { opacity:.35; transform:scale(.94); } to { opacity:1; transform:scale(1); } }
  .line-draw { animation:lineDraw linear both; animation-timeline:view(); animation-range:entry 15% cover 55%; transform-origin:left; }
  @keyframes lineDraw { from { transform:scaleX(0); } to { transform:scaleX(1); } }
}

/* Responsive */
@media (max-width:1180px) {
  :root { --container:1080px; }
  .nav-link,.nav-toggle { padding-inline:9px; font-size:.86rem; }
  .header-cta .btn { padding-inline:15px; }
  .hero-inner { grid-template-columns:minmax(0,1fr) minmax(460px,.9fr); gap:38px; }
  .service-grid { grid-template-columns:repeat(3,1fr); }.service-card.featured { grid-column:span 2; }
  .industry-grid { grid-template-columns:repeat(3,1fr); }
  .work-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:980px) {
  :root { --header-h:72px; }
  .section { padding:88px 0; }.section-sm { padding:62px 0; }
  .nav-desktop,.header-cta { display:none; }.menu-button { display:block; }
  .site-header.is-scrolled { height:66px; }
  .hero { min-height:auto; padding-top:calc(var(--header-h) + 52px); }
  .hero-inner { grid-template-columns:1fr; }.hero-copy { max-width:790px; }.command-wrap { width:min(100%,660px); margin:20px auto 0; }
  .hero h1 { font-size:clamp(3.25rem,8.4vw,5.15rem); }
  .trust-inner { grid-template-columns:1fr; gap:18px; padding:24px 0; }.trust-items { grid-template-columns:repeat(3,1fr); }
  .section-head { display:block; }.section-head .lead { margin-top:20px; }
  .service-grid { grid-template-columns:repeat(2,1fr); }
  .system-shell { grid-template-columns:1fr; }.system-nav { display:grid; grid-template-columns:repeat(5,1fr); overflow:auto; padding-bottom:4px; }.system-tab { min-width:170px; grid-template-columns:38px 1fr; }.system-tab>svg { display:none; }.system-panel { min-height:520px; }
  .industry-grid { grid-template-columns:repeat(2,1fr); }
  .operator-grid,.calculator-shell,.feature-split,.page-hero-inner,.content-grid { grid-template-columns:1fr; gap:48px; }
  .feature-split.reverse .feature-visual { order:0; }
  .page-hero { min-height:600px; }.page-hero-aside { max-width:650px; }
  .deliverable-grid { grid-template-columns:1fr 1fr; }
  .faq-shell { grid-template-columns:1fr; gap:35px; }.faq-intro { position:static; }
  .process-grid { grid-template-columns:1fr 1fr; }.process-step:nth-child(2)::after { display:none; }
  .cta-shell { padding:54px; }.cta-content { grid-template-columns:1fr; }.cta-actions { max-width:440px; }
  .footer-grid { grid-template-columns:1.3fr 1fr 1fr; }.footer-brand { grid-column:1/-1; }
  .article-layout { grid-template-columns:minmax(0,760px); }.article-toc { display:none; }
}

@media (max-width:700px) {
  .container,.container-narrow { width:min(calc(100% - 28px),var(--container)); }
  .section { padding:72px 0; }.section-sm { padding:52px 0; }
  .brand img { width:210px; }
  h1 { font-size:clamp(2.6rem,11.5vw,4rem); }.hero h1 { font-size:clamp(2.72rem,11vw,3.65rem); }.page-hero h1 { font-size:clamp(2.55rem,10.5vw,3.6rem); }
  h2 { font-size:clamp(2.15rem,10vw,3.5rem); }
  .lead { font-size:1.05rem; }
  .hero { padding-top:calc(var(--header-h) + 44px); padding-bottom:62px; }.hero .lead { margin-top:20px; }.hero .button-row { margin-top:26px; }.hero-proof { display:grid; gap:10px; }
  .command-card { padding:10px; transform:none; border-radius:22px; }.command-screen { padding:12px; }.command-grid { grid-template-columns:1fr; }.activity-panel { min-height:auto; }.command-kpis { grid-template-columns:1fr 1fr; }.command-kpi:nth-child(3) { grid-column:1/-1; }.float-chip { display:none; }.command-wrap { margin-top:8px; }
  .trust-items { grid-template-columns:1fr; }.trust-item { border-left:0; padding-left:0; }
  .section-head { margin-bottom:38px; }
  .service-grid,.industry-grid,.outcome-grid,.deliverable-grid,.post-grid,.work-grid { grid-template-columns:1fr; }.service-card.featured { grid-column:auto; }
  .service-card { min-height:285px; }
  .system-nav { grid-template-columns:repeat(5,160px); }.system-panel { min-height:660px; padding:24px; }.system-diagram { height:360px; }.system-center { width:100px; height:100px; }.system-node { min-width:130px; padding:10px; }.system-node::after { display:none; }.system-node.n1 { left:0; top:4%; }.system-node.n2 { right:0; top:4%; }.system-node.n3 { left:0; bottom:5%; }.system-node.n4 { right:0; bottom:5%; }.system-bullets { grid-template-columns:1fr; }
  .operator-grid { gap:38px; }.operator-visual { min-height:500px; }.operator-map { inset:62px 30px 130px; }.operator-badge { left:18px; right:18px; bottom:18px; grid-template-columns:auto 1fr; }.operator-badge .signal { display:none; }
  .calc-grid,.form-grid { grid-template-columns:1fr; }.form-grid .full { grid-column:auto; }.calc-breakdown { grid-template-columns:1fr; }
  .process-grid { grid-template-columns:1fr; }.process-step { padding:20px 0 28px 0; }.process-step::after { display:none!important; }
  .compare-shell { overflow:auto; }.compare-head,.compare-row { min-width:740px; }
  .faq-question { font-size:.98rem; }.faq-answer p { padding-right:0; }
  .cta-shell { padding:42px 24px; border-radius:28px; }.cta-content { gap:30px; }
  .page-hero { min-height:auto; padding-top:calc(var(--header-h) + 92px); }.breadcrumbs { top:calc(var(--header-h) + 18px); }
  .feature-visual { min-height:440px; }.metric-stack { inset:38px 24px; }.metric-card:nth-child(2) { margin-left:20px; }.metric-card:nth-child(3) { margin-left:40px; }
  .stats-band { grid-template-columns:1fr 1fr; }.stat-cell:nth-child(2) { border-right:0; }.stat-cell:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.1); }
  .footer-grid { grid-template-columns:1fr 1fr; gap:36px 26px; }.footer-brand { grid-column:1/-1; }.footer-bottom-inner { display:block; }.footer-legal { margin-top:10px; }
  .mobile-cta { display:block; }.back-to-top { bottom:82px; right:14px; }.site-footer { padding-bottom:74px; }
  body[data-page="free-growth-plan"] .mobile-cta,body[data-page="contact"] .mobile-cta,body[data-page="thank-you"] .mobile-cta { display:none; }
  body[data-page="free-growth-plan"] .back-to-top,body[data-page="contact"] .back-to-top,body[data-page="thank-you"] .back-to-top { bottom:14px; }
  body[data-page="free-growth-plan"] .site-footer,body[data-page="contact"] .site-footer,body[data-page="thank-you"] .site-footer { padding-bottom:0; }
  .article-header h1 { font-size:clamp(2.7rem,12vw,4.3rem); }
}

@media (max-width:470px) {
  .brand img { width:186px; }
  .button-row { align-items:stretch; }.button-row .btn { width:100%; }
  .hero h1 { font-size:clamp(2.62rem,11.2vw,3.35rem); }
  .command-tabs { overflow:auto; }.command-tab { min-width:75px; }
  .operator-visual { min-height:460px; }.map-node { width:40px; height:40px; }.map-node span { top:47px; font-size:.58rem; }.operator-badge { padding:14px; }.operator-badge .year { width:48px; height:48px; }
  .stats-band { grid-template-columns:1fr; }.stat-cell { border-right:0!important; border-bottom:1px solid rgba(255,255,255,.1); }.stat-cell:last-child { border-bottom:0; }
  .footer-grid { grid-template-columns:1fr; }.footer-brand { grid-column:auto; }
}

@media (hover:none) {
  .card:hover,.industry-card:hover,.btn:hover { transform:none; }
  .command-card { transform:none; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}

@media print {
  .site-header,.mobile-cta,.back-to-top,.scroll-progress,.button-row,.site-footer { display:none!important; }
  body { color:#000; background:#fff; }.page-hero,.hero { min-height:0; padding:40px 0; color:#000; background:#fff; }.page-hero::before,.page-hero::after,.hero::before,.hero::after { display:none; }.section { padding:35px 0; }
}

/* Utilities and sitemap */
.sr-only {
  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;
}
.sitemap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.sitemap-grid a { display:block; min-height:112px; padding:22px; border-radius:18px; background:#fff; border:1px solid var(--slate-200); transition:transform .25s var(--ease),border-color .2s ease,box-shadow .2s ease; }
.sitemap-grid a:hover { transform:translateY(-4px); border-color:rgba(47,124,255,.3); box-shadow:var(--shadow-sm); }
.sitemap-grid strong { display:block; color:var(--ink-900); font-size:1rem; }
.sitemap-grid span { display:block; margin-top:7px; color:var(--slate-600); font-size:.82rem; }
.sitemap-grid-dark a { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.1); }
.sitemap-grid-dark strong { color:#fff; }.sitemap-grid-dark span { color:var(--slate-400); }
.prose code { padding:.15em .38em; border-radius:6px; color:var(--ink-900); background:var(--slate-100); font-size:.9em; }
.prose table { width:100%; border-collapse:collapse; overflow:hidden; border-radius:12px; }
.prose th,.prose td { padding:12px; border:1px solid var(--slate-300); text-align:left; }
.prose th { background:var(--slate-100); }

@media (max-width:900px) { .sitemap-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .sitemap-grid { grid-template-columns:1fr; } }

/* ======================================================================
   PURPLEHOLO 2026 — ORIGINAL HOLOGRAPHIC VISUAL SYSTEM
   ====================================================================== */
:root {
  --ink-950:#050109;
  --ink-925:#09020f;
  --ink-900:#0d0417;
  --ink-850:#140721;
  --ink-800:#1d0b2e;
  --ink-700:#35164e;
  --slate-700:#5f4e70;
  --slate-600:#786987;
  --slate-500:#9384a1;
  --slate-400:#afa1bd;
  --slate-300:#cbbfd5;
  --slate-200:#e2dae9;
  --slate-100:#f0ebf4;
  --paper:#faf8fc;
  --white:#fff;
  --blue:#8b5cf6;
  --blue-deep:#6d28d9;
  --cyan:#22d3ee;
  --mint:#a7f3d0;
  --green:#5eead4;
  --amber:#fbbf24;
  --coral:#fb7185;
  --danger:#fb7185;
  --purple:#a855f7;
  --magenta:#d946ef;
  --ultraviolet:#7c3aed;
  --shadow-glow:0 20px 80px rgba(139,92,246,.3);
  --container:1320px;
  --header-h:82px;
}
html { background:var(--ink-950); }
body { background:var(--paper); color:var(--ink-900); }
::selection { background:rgba(217,70,239,.3); color:#fff; }
.scroll-progress { height:3px; background:linear-gradient(90deg,#7c3aed,#d946ef,#22d3ee,#a7f3d0); box-shadow:0 0 20px rgba(217,70,239,.85); }
.text-gradient,.holo-text {
  color:transparent;
  background:linear-gradient(100deg,#fff 0%,#d8b4fe 24%,#f0abfc 45%,#67e8f9 70%,#a7f3d0 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;
  animation:holoText 8s linear infinite;
}
.text-gradient-dark {
  color:transparent;
  background:linear-gradient(100deg,#6d28d9 0%,#c026d3 45%,#0891b2 78%,#0f766e 100%);
  -webkit-background-clip:text;background-clip:text;
}
@keyframes holoText { to { background-position:-220% 0; } }
.eyebrow { color:var(--blue-deep); }
.eyebrow::before { background:linear-gradient(90deg,var(--purple),var(--magenta),var(--cyan)); box-shadow:0 0 18px rgba(217,70,239,.55); }
.section-gradient { background:radial-gradient(circle at 10% 0%,rgba(139,92,246,.11),transparent 33%),radial-gradient(circle at 92% 95%,rgba(34,211,238,.09),transparent 32%),var(--paper); }
.section-ink { background:var(--ink-950); }
.section-dark { background:var(--ink-900); }
.btn-primary { --btn-bg:linear-gradient(128deg,#7c3aed 0%,#a855f7 32%,#d946ef 62%,#0891b2 100%); --btn-border:rgba(240,171,252,.52); box-shadow:0 14px 38px rgba(168,85,247,.3),inset 0 1px rgba(255,255,255,.28); background-size:170% 100%; }
.btn-primary:hover { box-shadow:0 22px 54px rgba(217,70,239,.36),inset 0 1px rgba(255,255,255,.3); background-position:100% 0; }
.btn-dark { --btn-bg:#140721; --btn-border:#140721; }
.link-arrow { color:var(--blue-deep); }
.icon-wrap { background:linear-gradient(145deg,rgba(139,92,246,.13),rgba(34,211,238,.08)); color:var(--ultraviolet); border:1px solid rgba(139,92,246,.11); }

.cursor-orb {
  position:fixed; z-index:9998; left:0; top:0; width:360px; height:360px; border-radius:50%; pointer-events:none;
  transform:translate3d(-50%,-50%,0); opacity:0; filter:blur(18px);
  background:radial-gradient(circle,rgba(217,70,239,.09) 0,rgba(139,92,246,.04) 36%,transparent 72%);
  mix-blend-mode:screen; transition:opacity .3s ease;
}
@media (hover:hover) and (pointer:fine) { body:hover .cursor-orb { opacity:1; } }

.signal-chip {
  display:inline-flex; align-items:center; gap:10px; width:max-content; max-width:100%;
  padding:8px 13px; border:1px solid rgba(218,180,254,.2); border-radius:999px;
  background:rgba(255,255,255,.055); color:#e9d5ff; backdrop-filter:blur(14px);
  font-size:.7rem; font-weight:850; line-height:1; letter-spacing:.11em; text-transform:uppercase;
}
.signal-chip i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(94,234,212,.1),0 0 18px rgba(94,234,212,.9); animation:signalPulse 2s ease-in-out infinite; }
@keyframes signalPulse { 50% { opacity:.45; transform:scale(.72); } }

/* Header and navigation */
.site-header.ph-header { height:82px; background:rgba(5,1,9,.55); border-color:rgba(216,180,254,.09); backdrop-filter:blur(20px) saturate(150%); }
.site-header.ph-header.is-scrolled { height:72px; background:rgba(5,1,9,.9); box-shadow:0 18px 55px rgba(5,1,9,.35); }
.ph-brand img { width:262px; height:auto; }
.ph-header .nav-link,.ph-header .nav-toggle { color:#d8ccdf; }
.ph-header .nav-link:hover,.ph-header .nav-toggle:hover,.ph-header .nav-link[aria-current="page"] { color:#fff; }
.ph-header .nav-search svg { width:19px; }
.ph-mega { max-width:1280px; background:rgba(13,4,23,.94); border:1px solid rgba(216,180,254,.13); box-shadow:0 34px 100px rgba(0,0,0,.5); backdrop-filter:blur(26px) saturate(150%); }
.ph-mega-grid { grid-template-columns:1fr 1fr .95fr; }
.ph-mega .mega-panel { background:rgba(255,255,255,.96); border-color:rgba(124,58,237,.13); }
.ph-mega .mega-panel-highlight { background:linear-gradient(155deg,#220b36,#09020f 70%); }
.ph-mega .mega-panel-highlight::after { width:360px; height:360px; right:-140px; bottom:-180px; background:radial-gradient(circle,rgba(217,70,239,.27),rgba(34,211,238,.08) 45%,transparent 72%); }
.ph-mega .mega-link .mini-icon { background:linear-gradient(145deg,rgba(124,58,237,.12),rgba(34,211,238,.1)); color:var(--ultraviolet); }
.ph-mega .mega-link:hover { background:linear-gradient(120deg,rgba(139,92,246,.09),rgba(34,211,238,.05)); }
.ph-mega-feature .signal-chip { color:#e9d5ff; }
.ph-mobile-nav { background:rgba(5,1,9,.98); }
.ph-mobile-nav a,.ph-mobile-nav button { color:#efe7f4; }
.mobile-home-link { font-size:.74rem!important; letter-spacing:.14em; text-transform:uppercase; color:#a78bfa!important; }

/* Home hero */
.ph-home-hero {
  position:relative; min-height:100svh; overflow:hidden; color:#fff; background:#050109;
  display:grid; align-items:center; padding:calc(var(--header-h) + 72px) 0 90px;
}
.holo-canvas,.page-hero-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.95; }
.hero-grid-lines {
  position:absolute; inset:0; pointer-events:none; opacity:.34;
  background-image:linear-gradient(rgba(196,181,253,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.045) 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:radial-gradient(ellipse at center,#000 18%,transparent 78%);
}
.hero-aurora { position:absolute; border-radius:50%; filter:blur(90px); pointer-events:none; mix-blend-mode:screen; }
.hero-aurora.a1 { width:650px; height:650px; left:-240px; top:8%; background:rgba(124,58,237,.26); animation:auroraFloat 12s ease-in-out infinite alternate; }
.hero-aurora.a2 { width:720px; height:720px; right:-250px; bottom:-230px; background:rgba(217,70,239,.18); animation:auroraFloat 15s ease-in-out infinite alternate-reverse; }
@keyframes auroraFloat { to { transform:translate3d(90px,-50px,0) scale(1.13); } }
.ph-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr); align-items:center; gap:72px; }
.ph-hero-copy { padding-top:24px; }
.ph-hero-copy h1 { max-width:860px; margin-top:25px; font-size:clamp(4rem,7.1vw,7.7rem); line-height:.89; letter-spacing:-.068em; }
.ph-hero-copy .lead { max-width:790px; margin-top:30px; color:#cbbfd5; font-size:clamp(1.08rem,1.45vw,1.35rem); }
.ph-hero-copy .button-row { margin-top:36px; }
.hero-trust-row { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:32px; color:#ac9bb8; font-size:.76rem; font-weight:750; letter-spacing:.02em; }
.hero-trust-row span { display:flex; align-items:center; gap:7px; }
.hero-trust-row svg { width:17px; color:#67e8f9; }
.ph-hero-visual { position:relative; min-height:650px; perspective:1200px; }
.visual-shell {
  position:absolute; inset:0; overflow:hidden; border:1px solid rgba(216,180,254,.16); border-radius:42px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 38%,rgba(139,92,246,.08));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 40px 110px rgba(0,0,0,.42),0 0 100px rgba(124,58,237,.12);
  backdrop-filter:blur(22px); transform:rotateY(-4deg) rotateX(2deg); transform-style:preserve-3d;
}
.visual-noise { position:absolute; inset:0; opacity:.18; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }
.visual-scan { position:absolute; inset:-30% 0 auto; height:35%; background:linear-gradient(to bottom,transparent,rgba(103,232,249,.08),transparent); animation:scan 6s linear infinite; }
@keyframes scan { to { transform:translateY(470%); } }
.hero-prism { position:absolute; left:50%; top:46%; width:176px; height:176px; transform:translate(-50%,-50%) rotate(30deg); border:2px solid rgba(216,180,254,.65); background:rgba(12,3,24,.75); clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%); box-shadow:0 0 55px rgba(168,85,247,.32); animation:prismFloat 6s ease-in-out infinite; }
.hero-prism::before { content:""; position:absolute; inset:24px; border:3px solid rgba(34,211,238,.6); clip-path:inherit; }
.hero-prism span { position:absolute; top:50%; font-size:3rem; font-weight:900; transform:translateY(-50%) rotate(-30deg); color:#fff; text-shadow:0 0 28px rgba(217,70,239,.8); }
.hero-prism span:first-child { left:48px; }.hero-prism span:nth-child(2) { right:45px; color:#67e8f9; }
.hero-prism i { position:absolute; inset:50% auto auto 50%; width:5px; height:5px; border-radius:50%; background:#fff; box-shadow:0 0 28px 12px rgba(217,70,239,.7); }
@keyframes prismFloat { 50% { transform:translate(-50%,-55%) rotate(35deg) scale(1.04); } }
.orbit-ring { position:absolute; left:50%; top:46%; border:1px solid rgba(196,181,253,.22); border-radius:50%; transform:translate(-50%,-50%); }
.orbit-ring.ring-1 { width:390px; height:260px; animation:orbitWobble 12s ease-in-out infinite alternate; }
.orbit-ring.ring-2 { width:560px; height:430px; border-color:rgba(103,232,249,.13); animation:orbitWobble 17s ease-in-out infinite alternate-reverse; }
@keyframes orbitWobble { to { transform:translate(-50%,-50%) rotate(9deg) scale(1.035); } }
.orbit-node { position:absolute; display:flex; align-items:center; gap:7px; padding:9px 12px; border-radius:999px; background:rgba(12,3,24,.86); border:1px solid rgba(216,180,254,.23); box-shadow:0 12px 30px rgba(0,0,0,.35); color:#e9d5ff; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
.orbit-node svg { width:16px; color:#67e8f9; }.orbit-node.n-search { left:-45px; top:34%; }.orbit-node.n-media { right:-38px; bottom:28%; }.orbit-node.n-creative { left:7%; top:-18px; }.orbit-node.n-response { right:-45px; top:40%; }.orbit-node.n-data { left:13%; bottom:-16px; }
.signal-card { position:absolute; z-index:4; width:230px; padding:16px; border-radius:17px; background:rgba(12,3,24,.8); border:1px solid rgba(216,180,254,.17); box-shadow:0 22px 50px rgba(0,0,0,.38); backdrop-filter:blur(18px); }
.signal-card-a { left:22px; top:54px; animation:cardFloat 7s ease-in-out infinite; }.signal-card-b { right:22px; top:76px; animation:cardFloat 8s ease-in-out infinite reverse; }.signal-card-c { right:58px; bottom:74px; animation:cardFloat 6.5s ease-in-out infinite .7s; }
@keyframes cardFloat { 50% { transform:translateY(-10px); } }
.signal-card-label { display:block; margin-bottom:7px; color:#9f8eab; font-size:.61rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.signal-card strong { display:block; color:#f9f5fc; font-size:.79rem; line-height:1.35; }
.signal-bars { display:flex; gap:4px; align-items:end; height:35px; margin-top:12px; }.signal-bars i { flex:1; height:var(--h,50%); border-radius:3px 3px 1px 1px; background:linear-gradient(to top,#7c3aed,#22d3ee); animation:barBeat 2.3s ease-in-out infinite; }.signal-bars i:nth-child(1){--h:28%}.signal-bars i:nth-child(2){--h:52%;animation-delay:.2s}.signal-bars i:nth-child(3){--h:72%;animation-delay:.4s}.signal-bars i:nth-child(4){--h:48%;animation-delay:.6s}.signal-bars i:nth-child(5){--h:92%;animation-delay:.8s}@keyframes barBeat{50%{height:calc(var(--h) * .62)}}
.signal-flow { display:flex; align-items:center; gap:13px; margin-top:14px; }.signal-flow i { position:relative; width:13px; height:13px; border-radius:50%; background:#d946ef; box-shadow:0 0 16px rgba(217,70,239,.7); }.signal-flow i:not(:last-child)::after { content:""; position:absolute; left:16px; top:6px; width:11px; height:1px; background:linear-gradient(90deg,#d946ef,#22d3ee); }.signal-flow i:nth-child(2){background:#8b5cf6}.signal-flow i:nth-child(3){background:#22d3ee}
.mini-pulse { display:block; width:100%; height:26px; margin-top:8px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30'%3E%3Cpath d='M0 17h32l8-10 12 20 12-16 9 6h34l9-12 14 22 10-10h50' fill='none' stroke='%2367e8f9' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat; }
.visual-caption { position:absolute; left:25px; right:25px; bottom:23px; display:flex; justify-content:space-between; color:#9b8aa7; font-size:.66rem; letter-spacing:.06em; text-transform:uppercase; }.visual-caption span{display:flex;align-items:center;gap:8px}.visual-caption i{width:7px;height:7px;border-radius:50%;background:#5eead4;box-shadow:0 0 12px #5eead4}.visual-caption em{font-style:normal}
.hero-scroll { position:absolute; z-index:3; left:50%; bottom:25px; display:flex; align-items:center; gap:13px; transform:translateX(-50%); color:#8f7d9b; font-size:.67rem; letter-spacing:.1em; text-transform:uppercase; }.hero-scroll i{width:1px;height:34px;background:linear-gradient(#d946ef,transparent);animation:scrollLine 1.8s ease-in-out infinite}@keyframes scrollLine{50%{transform:scaleY(.45);transform-origin:top}}

.ph-capability-band { position:relative; overflow:hidden; background:#0b0212; border-top:1px solid rgba(216,180,254,.09); border-bottom:1px solid rgba(216,180,254,.09); color:#d7cbde; }
.ph-capability-band::before,.ph-capability-band::after { content:""; position:absolute; z-index:2; top:0; bottom:0; width:160px; pointer-events:none; }.ph-capability-band::before{left:0;background:linear-gradient(90deg,#0b0212,transparent)}.ph-capability-band::after{right:0;background:linear-gradient(-90deg,#0b0212,transparent)}
.ph-capability-band .marquee-track { display:flex; width:max-content; animation:phMarquee 42s linear infinite; }.ph-capability-band .marquee-item { display:flex; align-items:center; gap:10px; padding:19px 28px; white-space:nowrap; font-size:.75rem; font-weight:780; letter-spacing:.08em; text-transform:uppercase; }.ph-capability-band .marquee-item svg { width:17px; color:#67e8f9; }.ph-capability-band .marquee-item::after { content:""; width:5px; height:5px; margin-left:25px; border-radius:50%; background:#d946ef; box-shadow:0 0 14px rgba(217,70,239,.9); }
@keyframes phMarquee { to { transform:translateX(-50%); } }

/* Brand film */
.ph-video-section { overflow:hidden; background:radial-gradient(circle at 25% 20%,rgba(124,58,237,.18),transparent 35%),radial-gradient(circle at 80% 80%,rgba(34,211,238,.08),transparent 38%),#050109; }
.ph-film-shell { position:relative; overflow:hidden; aspect-ratio:16/8.6; border-radius:38px; border:1px solid rgba(216,180,254,.16); background:#08010e; box-shadow:0 40px 110px rgba(0,0,0,.5),0 0 100px rgba(124,58,237,.12); }
.ph-brand-film { width:100%; height:100%; object-fit:cover; opacity:.86; }
.film-overlay { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:30px; background:linear-gradient(to bottom,rgba(5,1,9,.45),transparent 30%,transparent 62%,rgba(5,1,9,.67)); pointer-events:none; }
.film-top { display:flex; justify-content:space-between; color:#cbbfd5; font-size:.65rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.film-center { align-self:center; margin:auto; text-align:center; max-width:900px; }.film-kicker { display:block; margin-bottom:18px; color:#67e8f9; font-size:.66rem; font-weight:850; letter-spacing:.15em; }.film-center strong { display:block; color:#fff; font-size:clamp(2.2rem,5vw,5.4rem); line-height:.94; letter-spacing:-.055em; text-shadow:0 18px 50px rgba(0,0,0,.5); }
.film-control { pointer-events:auto; align-self:flex-end; display:flex; align-items:center; gap:8px; padding:10px 14px; color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(5,1,9,.55); backdrop-filter:blur(12px); font-size:.73rem; font-weight:800; }.film-control svg{width:16px}

/* Five-stage system */
.ph-system-section { overflow:hidden; }
.ph-stage-tabs { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; padding:8px; border-radius:22px; background:#f0ebf4; border:1px solid #e5dceb; }
.ph-stage-tab { display:flex; align-items:center; justify-content:center; gap:9px; min-height:54px; border:0; border-radius:16px; background:transparent; color:#655471; font-size:.82rem; font-weight:820; transition:.3s var(--ease); }.ph-stage-tab span { color:#9b83ab; font-size:.65rem; }.ph-stage-tab:hover { color:#35164e; background:rgba(255,255,255,.65); }.ph-stage-tab.is-active { color:#fff; background:linear-gradient(130deg,#6d28d9,#c026d3 60%,#0891b2); box-shadow:0 12px 30px rgba(124,58,237,.24); }.ph-stage-tab.is-active span { color:#e9d5ff; }
.ph-stage-panels { margin-top:20px; }
.ph-stage-panel { display:none; grid-template-columns:1fr 1.05fr; gap:65px; align-items:center; min-height:590px; padding:66px; border:1px solid #e4dbe9; border-radius:38px; background:linear-gradient(145deg,#fff,#faf7fc); box-shadow:0 30px 80px rgba(53,22,78,.1); }.ph-stage-panel.is-active { display:grid; animation:stageIn .6s var(--ease); }@keyframes stageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.stage-number { display:block; color:#8b5cf6; font-size:.68rem; font-weight:900; letter-spacing:.15em; }.stage-copy h3 { margin-top:18px; font-size:clamp(2.6rem,4vw,4.4rem); }.stage-copy h4 { margin-top:20px; color:#3c2949; font-size:1.3rem; line-height:1.35; }.stage-copy p { margin-top:17px; color:#756582; font-size:1.04rem; }.stage-copy ul { list-style:none; padding:0; margin:25px 0; display:grid; gap:12px; }.stage-copy li { display:flex; gap:10px; align-items:center; color:#4d3b59; font-weight:730; }.stage-copy li svg { width:18px; color:#7c3aed; }
.stage-visual { position:relative; min-height:430px; border-radius:32px; overflow:hidden; background:radial-gradient(circle at center,rgba(168,85,247,.24),transparent 28%),linear-gradient(145deg,#160622,#07010d); border:1px solid rgba(216,180,254,.14); }
.stage-visual::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(196,181,253,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.045) 1px,transparent 1px); background-size:42px 42px; mask-image:radial-gradient(circle,#000,transparent 78%); }
.stage-core { position:absolute; left:50%; top:50%; width:130px; height:130px; transform:translate(-50%,-50%) rotate(30deg); clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%); border:2px solid #c084fc; background:rgba(12,3,24,.8); box-shadow:0 0 60px rgba(217,70,239,.35); display:grid; place-items:center; }.stage-core span{transform:rotate(-30deg);font-size:2.1rem;font-weight:900;color:#fff}.stage-core i{position:absolute;width:6px;height:6px;border-radius:50%;background:#67e8f9;box-shadow:0 0 24px 9px rgba(34,211,238,.55)}
.stage-orbit { position:absolute; left:50%; top:50%; border:1px solid rgba(216,180,254,.18); border-radius:50%; transform:translate(-50%,-50%); }.stage-orbit span { position:absolute; padding:7px 10px; border:1px solid rgba(216,180,254,.2); border-radius:999px; background:#12051d; color:#d8ccdf; font-size:.62rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.stage-orbit.o1{width:270px;height:170px;animation:orbitWobble 8s ease-in-out infinite}.stage-orbit.o1 span{left:-28px;top:42%}.stage-orbit.o2{width:390px;height:270px;animation:orbitWobble 12s ease-in-out infinite reverse}.stage-orbit.o2 span{right:-35px;top:30%}.stage-orbit.o3{width:510px;height:365px;animation:orbitWobble 16s ease-in-out infinite}.stage-orbit.o3 span{left:38%;bottom:-15px}
.stage-stream { position:absolute; left:28px; right:28px; bottom:25px; display:flex; gap:7px; align-items:flex-end; height:42px; }.stage-stream b{flex:1;border-radius:3px;background:linear-gradient(to top,#7c3aed,#22d3ee);height:30%;animation:streamBeat 2.1s ease-in-out infinite}.stage-stream b:nth-child(2){height:62%;animation-delay:.15s}.stage-stream b:nth-child(3){height:90%;animation-delay:.3s}.stage-stream b:nth-child(4){height:48%;animation-delay:.45s}.stage-stream b:nth-child(5){height:72%;animation-delay:.6s}@keyframes streamBeat{50%{transform:scaleY(.58);transform-origin:bottom}}

/* Services */
.ph-services-section { overflow:hidden; background:radial-gradient(circle at 0 20%,rgba(124,58,237,.18),transparent 34%),radial-gradient(circle at 100% 80%,rgba(217,70,239,.13),transparent 36%),#050109; }
.service-aurora { position:absolute; width:680px; height:680px; left:45%; top:20%; border-radius:50%; background:rgba(34,211,238,.05); filter:blur(100px); }
.ph-service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.ph-service-card { position:relative; isolation:isolate; min-height:335px; padding:28px; overflow:hidden; border-radius:25px; color:#fff; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018)); border:1px solid rgba(216,180,254,.13); box-shadow:inset 0 1px rgba(255,255,255,.055); transition:transform .45s var(--ease),border-color .3s ease,box-shadow .3s ease; }
.ph-service-card::before { content:""; position:absolute; z-index:-1; width:240px; height:240px; left:var(--mx,50%); top:var(--my,50%); transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(217,70,239,.18),transparent 70%); opacity:0; transition:opacity .3s; }
.ph-service-card:hover { transform:translateY(-8px); border-color:rgba(216,180,254,.3); box-shadow:0 30px 70px rgba(0,0,0,.34),0 0 45px rgba(124,58,237,.1); }.ph-service-card:hover::before { opacity:1; }
.ph-service-card .card-beam { position:absolute; inset:0 auto 0 -100%; width:60%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent); transform:skewX(-20deg); transition:left .8s var(--ease); }.ph-service-card:hover .card-beam{left:140%}
.service-card-top { display:flex; justify-content:space-between; align-items:start; }.service-index { color:#867594; font-size:.66rem; font-weight:900; letter-spacing:.12em; }.ph-service-card .icon-wrap { width:48px; height:48px; color:#d8b4fe; background:linear-gradient(145deg,rgba(168,85,247,.18),rgba(34,211,238,.1)); border-color:rgba(216,180,254,.15); }.ph-service-card h3 { margin-top:42px; font-size:1.75rem; }.ph-service-card p { margin-top:14px; color:#aa9bb5; font-size:.92rem; }.ph-service-card .link-arrow { position:absolute; left:28px; bottom:25px; color:#67e8f9; font-size:.76rem; }
.ph-service-grid.light-grid .ph-service-card { color:#160622; background:linear-gradient(145deg,#fff,#f9f5fb); border-color:#e4dbe9; box-shadow:0 14px 38px rgba(53,22,78,.07); }.ph-service-grid.light-grid .ph-service-card p{color:#756582}.ph-service-grid.light-grid .service-index{color:#9b83ab}.ph-service-grid.light-grid .ph-service-card:hover{border-color:#c4b5fd;box-shadow:0 28px 70px rgba(109,40,217,.13)}.ph-service-grid.light-grid .ph-service-card .link-arrow{color:#6d28d9}
.center-action { display:flex; justify-content:center; margin-top:42px; }

/* Industry imagery */
.ph-industries-home { overflow:hidden; }
.ph-industry-mosaic { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:370px; gap:15px; }
.ph-industry-mosaic.all { grid-auto-rows:355px; }
.ph-industry-tile { position:relative; overflow:hidden; border-radius:26px; background:#10041a; box-shadow:0 20px 50px rgba(38,13,55,.14); }
.ph-industry-tile:nth-child(1),.ph-industry-tile:nth-child(8),.ph-industry-tile:nth-child(17),.ph-industry-tile:nth-child(24){grid-column:span 2}.ph-industry-tile:nth-child(1),.ph-industry-tile:nth-child(17){grid-row:span 2}
.ph-industry-tile picture,.ph-industry-tile img { width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease),filter .5s ease; }.ph-industry-tile img{filter:saturate(.86) brightness(.78)}.ph-industry-tile:hover img{transform:scale(1.055);filter:saturate(1.1) brightness(.94)}
.industry-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(5,1,9,.96) 0,rgba(5,1,9,.2) 65%,rgba(5,1,9,.12)),linear-gradient(120deg,rgba(124,58,237,.2),transparent 42%); }
.industry-tile-content { position:absolute; inset:auto 0 0; padding:26px; color:#fff; }.industry-num { position:absolute; right:24px; top:28px; color:#9c8aa8; font-size:.66rem; font-weight:900; letter-spacing:.12em; }.industry-tile-content .industry-icon { display:grid; place-items:center; width:42px; height:42px; margin-bottom:19px; border-radius:13px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14); color:#67e8f9; backdrop-filter:blur(12px); }.industry-tile-content .industry-icon svg{width:20px}.industry-tile-content h3{font-size:1.65rem}.industry-tile-content p{max-width:400px;margin-top:9px;color:#b9aabe;font-size:.83rem}.industry-link{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:#e9d5ff;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.industry-link svg{width:16px;transition:transform .25s}.ph-industry-tile:hover .industry-link svg{transform:translate(3px,-3px)}

/* Human + AI console */
.ph-human-ai { background:radial-gradient(circle at 85% 30%,rgba(217,70,239,.17),transparent 33%),radial-gradient(circle at 20% 90%,rgba(34,211,238,.07),transparent 30%),#050109; }
.ph-ai-console { position:relative; overflow:hidden; padding:27px; border:1px solid rgba(216,180,254,.17); border-radius:28px; background:rgba(15,4,24,.8); box-shadow:0 40px 90px rgba(0,0,0,.38); }.ph-ai-console::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(196,181,253,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent)}
.console-head { position:relative; display:flex; justify-content:space-between; gap:20px; padding-bottom:18px; border-bottom:1px solid rgba(216,180,254,.1); color:#cbbfd5; font-size:.65rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.console-head span{display:flex;align-items:center;gap:8px}.console-head i{width:7px;height:7px;border-radius:50%;background:#5eead4;box-shadow:0 0 14px #5eead4}.console-head em{font-style:normal;color:#796887}
.console-grid { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-top:22px; }.console-grid>div{padding:18px;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid rgba(216,180,254,.08)}.console-grid span{display:block;color:#8e7c99;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.console-grid strong{display:block;margin-top:6px;color:#fff;font-size:.9rem}.console-grid i{display:block;position:relative;height:4px;margin-top:15px;border-radius:4px;background:rgba(255,255,255,.07)}.console-grid i::after{content:"";display:block;width:var(--p);height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#d946ef,#22d3ee);box-shadow:0 0 12px rgba(217,70,239,.4)}
.console-loop { position:relative; display:flex; align-items:center; justify-content:space-between; gap:7px; margin-top:22px; padding:16px; border-radius:16px; background:rgba(34,211,238,.04); border:1px solid rgba(34,211,238,.09); color:#d8ccdf; font-size:.61rem; font-weight:850; letter-spacing:.1em; }.console-loop i{flex:1;height:1px;background:linear-gradient(90deg,#7c3aed,#22d3ee)}.ph-ai-console>p{position:relative;margin-top:16px;color:#796887;font-size:.68rem}

.ph-origin-visual { position:relative; min-height:520px; overflow:hidden; padding:52px; border-radius:34px; color:#fff; background:radial-gradient(circle at 75% 25%,rgba(217,70,239,.32),transparent 32%),radial-gradient(circle at 20% 85%,rgba(34,211,238,.15),transparent 30%),linear-gradient(145deg,#1a0828,#07010e); box-shadow:0 30px 80px rgba(53,22,78,.22); }.origin-year{display:block;font-size:clamp(5rem,10vw,9rem);font-weight:900;line-height:.85;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(233,213,255,.5)}.ph-origin-visual strong{display:block;max-width:460px;margin-top:40px;font-size:2rem;line-height:1.12}.ph-origin-visual p{max-width:510px;margin-top:17px;color:#c6b6ce}.origin-lines{position:absolute;right:-40px;bottom:-40px;width:260px;height:260px;border:1px solid rgba(216,180,254,.15);border-radius:50%;animation:orbitWobble 10s ease-in-out infinite}.origin-lines i{position:absolute;inset:20px;border:1px solid rgba(34,211,238,.12);border-radius:50%}.origin-lines i:nth-child(2){inset:55px}.origin-lines i:nth-child(3){inset:90px}.origin-lines i:nth-child(4){inset:120px;background:#67e8f9;box-shadow:0 0 35px 14px rgba(34,211,238,.25)}

/* Inner-page enhancements */
.ph-page-hero { min-height:720px; overflow:hidden; padding:calc(var(--header-h) + 70px) 0 90px; background:radial-gradient(circle at 12% 16%,rgba(124,58,237,.26),transparent 35%),radial-gradient(circle at 90% 70%,rgba(217,70,239,.15),transparent 36%),#050109; }
.ph-page-hero::before,.ph-page-hero::after { display:none; }.ph-page-hero-inner { align-items:center; }.ph-page-hero h1 { margin-top:26px; font-size:clamp(3.3rem,5.2vw,6rem); }.ph-page-hero .lead { max-width:820px; }
.ph-hero-aside { position:relative; overflow:hidden; min-height:390px; display:flex; flex-direction:column; justify-content:flex-end; border-color:rgba(216,180,254,.14); background:rgba(255,255,255,.035); box-shadow:0 30px 70px rgba(0,0,0,.25); }.aside-glow{position:absolute;width:260px;height:260px;left:50%;top:36%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(168,85,247,.15);filter:blur(45px)}.ph-hero-aside .aside-label{position:relative;color:#d8b4fe}.aside-radar{position:absolute;left:50%;top:39%;width:230px;height:230px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(216,180,254,.19)}.aside-radar::before,.aside-radar::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(103,232,249,.12)}.aside-radar::after{left:0;right:0;top:50%;width:auto;height:1px}.radar-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(216,180,254,.14);border-radius:50%}.radar-ring.r1{width:70%;height:70%}.radar-ring.r2{width:42%;height:42%}.radar-ring.r3{width:15%;height:15%;background:#67e8f9;box-shadow:0 0 26px 8px rgba(34,211,238,.25)}.aside-radar>i{position:absolute;left:50%;top:50%;width:50%;height:1px;background:linear-gradient(90deg,#d946ef,transparent);transform-origin:left;animation:radarSweep 4s linear infinite}@keyframes radarSweep{to{transform:rotate(360deg)}}.ph-hero-aside ul{position:relative}.ph-hero-aside li svg{color:#67e8f9}
.page-hero-canvas { opacity:.52; }
.ph-service-signal-band { padding:24px 0; color:#fff; background:#0a0211; border-top:1px solid rgba(216,180,254,.08); border-bottom:1px solid rgba(216,180,254,.08); }.ph-service-signal-band .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.service-signal-copy strong{display:block;margin-top:14px;font-size:1.55rem}.service-signal-copy p{margin-top:6px;color:#a998b4}.service-signal-visual{position:relative;height:100px}.signal-center{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%);padding:13px 18px;border:1px solid rgba(216,180,254,.2);border-radius:999px;background:#150621;color:#fff}.signal-center svg{width:19px;color:#67e8f9}.signal-point{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#d946ef;box-shadow:0 0 18px #d946ef}.signal-point.p1{left:8%}.signal-point.p2{right:8%;background:#22d3ee;box-shadow:0 0 18px #22d3ee}.signal-point.p3{left:50%;top:8%;background:#a7f3d0;box-shadow:0 0 18px #a7f3d0}.signal-route{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#8b5cf6,#22d3ee,transparent);transform-origin:left}.signal-route.r1{left:9%;right:50%;top:50%}.signal-route.r2{left:50%;right:9%;top:50%}.signal-route.r3{left:50%;top:14%;width:1px;height:35%;background:linear-gradient(transparent,#d946ef)}
.ph-industry-hero-media { padding:32px 0 72px; background:#050109; color:#fff; }.industry-media-card{position:relative;overflow:hidden;aspect-ratio:16/7.4;border-radius:36px;border:1px solid rgba(216,180,254,.15);box-shadow:0 36px 100px rgba(0,0,0,.46)}.industry-media-card picture,.industry-media-card img{width:100%;height:100%;object-fit:cover}.industry-media-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,1,9,.88),transparent 60%),linear-gradient(90deg,rgba(5,1,9,.3),transparent)}.industry-media-card figcaption{position:absolute;left:34px;right:34px;bottom:30px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.industry-media-card figcaption .signal-chip{grid-column:1/-1}.industry-media-card figcaption strong{font-size:1.4rem}.industry-media-card figcaption em{color:#a795b2;font-size:.7rem;font-style:normal;text-transform:uppercase;letter-spacing:.09em}.industry-media-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.industry-media-notes span{padding:15px 17px;border:1px solid rgba(216,180,254,.11);border-radius:14px;background:rgba(255,255,255,.035);color:#ae9bb8;font-size:.78rem}.industry-media-notes b{display:block;margin-bottom:5px;color:#67e8f9;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}

/* Services overview system map */
.ph-service-map { overflow:hidden; }.ph-loop-map{position:relative;min-height:650px;max-width:980px;margin:35px auto 0;border:1px solid rgba(216,180,254,.13);border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.18),transparent 24%),radial-gradient(ellipse,rgba(255,255,255,.025),transparent 68%)}.ph-loop-map::before,.ph-loop-map::after{content:"";position:absolute;inset:12%;border:1px solid rgba(103,232,249,.11);border-radius:50%}.ph-loop-map::after{inset:27%;border-color:rgba(216,180,254,.13)}.loop-core{position:absolute;left:50%;top:50%;width:160px;height:160px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid rgba(216,180,254,.45);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);background:#12051d;color:#fff;box-shadow:0 0 70px rgba(217,70,239,.25)}.loop-core span{text-align:center;font-size:1.1rem;font-weight:900;line-height:1.05}.loop-core i{position:absolute;width:7px;height:7px;border-radius:50%;background:#67e8f9;box-shadow:0 0 30px 10px rgba(34,211,238,.3)}.loop-node{position:absolute;width:180px;padding:17px;border:1px solid rgba(216,180,254,.13);border-radius:17px;background:rgba(13,4,23,.86);box-shadow:0 18px 40px rgba(0,0,0,.25);color:#fff}.loop-node b{display:block;color:#67e8f9;font-size:.61rem;letter-spacing:.1em}.loop-node strong{display:block;margin-top:5px;font-size:.95rem}.loop-node span{display:block;margin-top:3px;color:#95839f;font-size:.72rem}.loop-node.l1{left:10%;top:12%}.loop-node.l2{right:7%;top:18%}.loop-node.l3{right:3%;bottom:18%}.loop-node.l4{left:42%;bottom:3%}.loop-node.l5{left:3%;bottom:24%}
.ph-constraint-stack { display:grid; gap:12px; }.ph-constraint-stack article{position:relative;overflow:hidden;padding:20px 22px;border:1px solid #e2d7e8;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(53,22,78,.06)}.ph-constraint-stack span{display:block;color:#8b5cf6;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.ph-constraint-stack strong{display:block;margin-top:5px;color:#251330;font-size:1.05rem}.ph-constraint-stack i{position:absolute;left:0;bottom:0;width:var(--w,48%);height:3px;background:linear-gradient(90deg,#7c3aed,#d946ef,#22d3ee)}.ph-constraint-stack article:nth-child(2) i{--w:68%}.ph-constraint-stack article:nth-child(3) i{--w:83%}.ph-constraint-stack article:nth-child(4) i{--w:100%}
.ph-industry-radar{position:relative;min-height:520px;border:1px solid rgba(216,180,254,.14);border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.18),transparent 26%)}.ph-industry-radar::before,.ph-industry-radar::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(216,180,254,.09)}.ph-industry-radar::after{left:0;right:0;top:50%;width:auto;height:1px}.ph-industry-radar .radar-ring{border-color:rgba(216,180,254,.13)}.ph-industry-radar .r1{width:78%;height:78%}.ph-industry-radar .r2{width:52%;height:52%}.ph-industry-radar .r3{width:25%;height:25%;background:transparent;box-shadow:none}.ph-industry-radar>b{position:absolute;left:50%;top:50%;width:48%;height:1px;background:linear-gradient(90deg,#d946ef,transparent);transform-origin:left;animation:radarSweep 5s linear infinite}.radar-label{position:absolute;padding:8px 11px;border:1px solid rgba(216,180,254,.15);border-radius:999px;background:#140721;color:#d9ccdf;font-size:.64rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.radar-label.a{left:43%;top:4%}.radar-label.b{right:2%;top:28%}.radar-label.c{right:9%;bottom:12%}.radar-label.d{left:39%;bottom:1%}.radar-label.e{left:4%;bottom:18%}.radar-label.f{left:1%;top:28%}

/* Footer and CTA */
.ph-cta-section { overflow:hidden; background:#050109; }.ph-cta-shell { position:relative; overflow:hidden; border:1px solid rgba(216,180,254,.15); background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.3),transparent 36%),radial-gradient(circle at 80% 80%,rgba(217,70,239,.18),transparent 34%),linear-gradient(145deg,#140721,#07010d); }.ph-cta-shell canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.45}.ph-cta-shell .cta-content{position:relative;z-index:2}.cta-prism{position:absolute;right:8%;top:50%;width:180px;height:180px;transform:translateY(-50%) rotate(30deg);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);border:2px solid rgba(216,180,254,.35);opacity:.55}.cta-prism span{position:absolute;inset:26px;border:2px solid rgba(34,211,238,.35);clip-path:inherit}.cta-prism i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 34px 13px rgba(217,70,239,.45)}
.site-footer.ph-footer { position:relative; overflow:hidden; background:#050109; }.footer-orbit{position:absolute;width:650px;height:650px;right:-270px;top:40px;border:1px solid rgba(216,180,254,.07);border-radius:50%}.footer-orbit span{position:absolute;inset:90px;border:1px solid rgba(34,211,238,.06);border-radius:50%}.footer-orbit i{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#d946ef;box-shadow:0 0 55px 24px rgba(217,70,239,.15)}
.footer-lead{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;padding:35px 0 78px;border-bottom:1px solid rgba(216,180,254,.08)}.footer-lead h2{font-size:clamp(3rem,5vw,5.5rem)}.footer-lead>div:last-child p{margin-bottom:24px;color:#aa9bb5}.ph-footer-grid{position:relative;z-index:1;grid-template-columns:1.3fr .8fr .8fr .65fr;padding-top:70px}.ph-footer .footer-col h3,.footer-industries h3{color:#8d7a99}.footer-industries{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:45px;padding:48px 0 60px;border-top:1px solid rgba(216,180,254,.08)}.ph-footer .footer-links a:hover{color:#fff}.ph-footer .footer-contact svg{color:#67e8f9}

/* Responsive */
@media (max-width:1180px) {
  .ph-hero-grid { grid-template-columns:1fr 480px; gap:42px; }.ph-hero-visual{min-height:570px}.ph-hero-copy h1{font-size:clamp(3.8rem,7vw,6.3rem)}
  .ph-service-grid{grid-template-columns:repeat(3,1fr)}
  .ph-industry-mosaic{grid-template-columns:repeat(3,1fr)}
  .ph-industry-tile:nth-child(n){grid-column:span 1;grid-row:span 1}.ph-industry-tile:nth-child(1),.ph-industry-tile:nth-child(8),.ph-industry-tile:nth-child(17){grid-column:span 2}
  .ph-mega-grid{grid-template-columns:1fr 1fr .8fr}.ph-mega .mega-link span span{display:none}
}
@media (max-width:980px) {
  .cursor-orb{display:none}.ph-header .ph-brand img{width:230px}
  .ph-home-hero{min-height:auto;padding-top:145px}.ph-hero-grid{grid-template-columns:1fr}.ph-hero-copy{max-width:860px}.ph-hero-copy h1{font-size:clamp(4rem,11vw,7rem)}.ph-hero-visual{min-height:620px;max-width:760px;width:100%;margin:0 auto}.visual-shell{transform:none}
  .hero-scroll{display:none}.ph-film-shell{aspect-ratio:16/10}.film-center strong{font-size:clamp(2.3rem,7vw,4.6rem)}
  .ph-stage-panel{grid-template-columns:1fr;padding:42px}.stage-visual{min-height:390px}.ph-stage-tabs{overflow:auto;grid-template-columns:repeat(5,minmax(145px,1fr));scrollbar-width:none}.ph-stage-tabs::-webkit-scrollbar{display:none}
  .ph-service-grid{grid-template-columns:repeat(2,1fr)}
  .ph-industry-mosaic{grid-template-columns:repeat(2,1fr)}.ph-industry-tile:nth-child(n){grid-column:span 1}.ph-industry-tile:nth-child(1),.ph-industry-tile:nth-child(8),.ph-industry-tile:nth-child(17){grid-column:span 2}
  .ph-page-hero{min-height:auto}.ph-page-hero-inner{grid-template-columns:1fr}.ph-hero-aside{min-height:360px}
  .ph-service-signal-band .container{grid-template-columns:1fr}.service-signal-visual{height:90px}
  .industry-media-card{aspect-ratio:16/10}.industry-media-notes{grid-template-columns:1fr}
  .ph-loop-map{min-height:600px;border-radius:40px}.loop-node{width:160px}.loop-node.l1{left:3%}.loop-node.l2{right:2%}.loop-node.l4{left:37%}
  .footer-lead{grid-template-columns:1fr}.ph-footer-grid{grid-template-columns:1.25fr 1fr 1fr}.ph-footer-grid .footer-col:last-child{grid-column:2/4}.footer-industries{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px) {
  :root{--header-h:70px}.container{width:min(calc(100% - 28px),var(--container))}.section{padding:82px 0}.section-head{gap:25px}
  .site-header.ph-header{height:70px}.ph-header .ph-brand img{width:194px}.header-inner{height:70px}
  .ph-home-hero{padding-top:120px;padding-bottom:70px}.ph-hero-copy h1{font-size:clamp(3.4rem,15.2vw,5.5rem);line-height:.88}.ph-hero-copy .lead{margin-top:24px}.ph-hero-copy .button-row{margin-top:28px}.hero-trust-row{gap:10px 16px}.ph-hero-visual{min-height:515px}.visual-shell{border-radius:28px}.hero-prism{width:126px;height:126px}.hero-prism span{font-size:2rem}.hero-prism span:first-child{left:35px}.hero-prism span:nth-child(2){right:33px}.orbit-ring.ring-1{width:280px;height:190px}.orbit-ring.ring-2{width:400px;height:320px}.signal-card{width:185px;padding:13px}.signal-card-a{left:10px;top:30px}.signal-card-b{right:10px;top:60px}.signal-card-c{right:20px;bottom:52px}.visual-caption{left:15px;right:15px}.visual-caption em{display:none}.orbit-node{font-size:.55rem;padding:7px 9px}.orbit-node b{display:none}
  .ph-capability-band .marquee-item{padding:16px 20px}
  .ph-film-shell{aspect-ratio:9/10;border-radius:25px}.film-overlay{padding:18px}.film-top{font-size:.55rem}.film-top span:last-child{display:none}.film-center strong{font-size:2.8rem}.film-kicker{font-size:.52rem;line-height:1.6}.film-control span{display:none}
  .ph-stage-panel{padding:28px;border-radius:27px;min-height:auto}.stage-copy h3{font-size:3rem}.stage-visual{min-height:330px}.stage-orbit.o3{width:390px;height:300px}.stage-orbit.o2{width:310px;height:220px}.stage-orbit.o1{width:220px;height:150px}
  .ph-service-grid{grid-template-columns:1fr}.ph-service-card{min-height:300px}
  .ph-industry-mosaic,.ph-industry-mosaic.all{grid-template-columns:1fr;grid-auto-rows:360px}.ph-industry-tile:nth-child(n){grid-column:auto}.ph-industry-tile:nth-child(1),.ph-industry-tile:nth-child(8),.ph-industry-tile:nth-child(17){grid-column:auto}
  .console-grid{grid-template-columns:1fr}.console-loop{overflow:auto}.ph-origin-visual{min-height:480px;padding:35px}.origin-year{font-size:6rem}
  .ph-page-hero{padding-top:120px}.ph-page-hero h1{font-size:clamp(3rem,12.2vw,4.8rem)}.ph-hero-aside{min-height:330px}.aside-radar{width:190px;height:190px}
  .industry-media-card{aspect-ratio:4/5;border-radius:25px}.industry-media-card figcaption{left:20px;right:20px;bottom:20px;grid-template-columns:1fr}.industry-media-card figcaption em{display:none}.industry-media-card figcaption strong{font-size:1.12rem}
  .ph-loop-map{min-height:auto;padding:25px;display:grid;gap:11px;border-radius:26px}.ph-loop-map::before,.ph-loop-map::after,.loop-core{display:none}.loop-node{position:relative!important;inset:auto!important;width:auto}
  .ph-industry-radar{min-height:390px}.radar-label{font-size:.52rem}
  .ph-cta-shell{padding:32px 24px}.cta-prism{display:none}
  .footer-lead{padding-bottom:55px}.ph-footer-grid{grid-template-columns:1fr 1fr;gap:38px}.ph-footer-grid .footer-brand{grid-column:1/-1}.ph-footer-grid .footer-col:last-child{grid-column:auto}.footer-industries{grid-template-columns:1fr 1fr;gap:35px}
}
@media (max-width:470px) {
  .ph-hero-copy h1{font-size:3.45rem}.ph-hero-visual{min-height:455px}.signal-card{width:164px}.signal-card-c{display:none}.orbit-ring.ring-2{width:350px}.hero-trust-row span{font-size:.68rem}.ph-stage-panel{padding:22px}.stage-visual{min-height:280px}.stage-core{width:100px;height:100px}.stage-orbit.o3{width:320px;height:255px}.stage-orbit.o2{width:260px;height:190px}.ph-origin-visual{padding:27px}.origin-year{font-size:5rem}.ph-footer-grid,.footer-industries{grid-template-columns:1fr}.ph-footer-grid .footer-col:last-child{grid-column:auto}
}
@media (prefers-reduced-motion:reduce) {
  .holo-text,.text-gradient,.hero-aurora,.hero-prism,.orbit-ring,.signal-card,.signal-chip i,.ph-capability-band .marquee-track,.visual-scan,.stage-orbit,.stage-stream b,.aside-radar>i,.ph-industry-radar>b,.origin-lines{animation:none!important}
  .ph-capability-band .marquee-track{transform:none;flex-wrap:wrap;width:auto}.ph-capability-band .marquee-track>*:nth-child(n+15){display:none}
  .ph-brand-film{display:none}.ph-film-shell{background:url('/assets/video/purpleholo-ai-growth-engine-poster.jpg') center/cover no-repeat}
}

/* Mobile intrinsic-size safeguards — keep long AI/service language inside the viewport. */
.ph-hero-grid > *, .ph-page-hero-inner > *, .section-head > *, .feature-split > * { min-width:0; }
.signal-chip { width:fit-content; min-width:0; overflow-wrap:anywhere; white-space:normal; line-height:1.35; }
@media (max-width:700px) {
  .ph-home-hero .container,
  .ph-page-hero .container { width:calc(100% - 28px); max-width:calc(100% - 28px); min-width:0; }
  .ph-hero-grid,.ph-hero-copy,.ph-hero-visual,.ph-page-hero-inner { width:100%; max-width:100%; min-width:0; }
  .ph-hero-copy h1,.ph-page-hero h1 { max-width:100%; overflow-wrap:normal; word-break:normal; }
  .signal-chip { max-width:100%; font-size:.62rem; }
}
@media (max-width:470px) {
  .ph-hero-copy h1 { font-size:clamp(3.05rem,13.7vw,3.35rem); }
}

/* --- PurpleHolo refinements: cleaner industries footer + additional skill video reel --- */
.footer-industries-wrap{position:relative;z-index:1;padding:48px 0 60px;border-top:1px solid rgba(216,180,254,.08)}
.footer-industries-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.footer-industries-head h3{margin:0;font-size:1.15rem;letter-spacing:.02em;color:#d8b4fe}
.footer-industries-head p{max-width:620px;margin:0;color:#9f8cb0;line-height:1.65}
.footer-industries{padding:0;border-top:0}

.ph-skills-reel{overflow:hidden;background:radial-gradient(circle at 20% 25%,rgba(34,211,238,.12),transparent 28%),radial-gradient(circle at 82% 78%,rgba(124,58,237,.18),transparent 35%),linear-gradient(180deg,#f7f2ff,#f3f8ff)}
.ph-skill-shell{position:relative;overflow:hidden;min-height:540px;border-radius:34px;border:1px solid rgba(124,58,237,.18);background:#08010e;box-shadow:0 40px 90px rgba(18,7,35,.18)}
.ph-skill-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(124,58,237,.25),transparent 30%),radial-gradient(circle at 75% 70%,rgba(34,211,238,.16),transparent 26%);pointer-events:none;z-index:1}
.ph-skill-film{width:100%;height:100%;min-height:540px;object-fit:cover;opacity:.88;filter:saturate(1.05) contrast(1.04) brightness(.95)}
.skill-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:28px;background:linear-gradient(to bottom,rgba(5,1,9,.45),rgba(5,1,9,.05) 26%,rgba(5,1,9,.12) 55%,rgba(5,1,9,.78));pointer-events:none}
.skill-top{display:flex;justify-content:space-between;gap:18px;color:#d8b4fe;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.skill-headline{max-width:560px}
.skill-headline strong{display:block;color:#fff;font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.02;letter-spacing:-.04em;max-width:560px}
.skill-headline p{max-width:480px;margin-top:12px;color:#d2c3dd;font-size:1rem;line-height:1.7}
.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:520px}
.skill-grid div{padding:15px 16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.06);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.skill-grid span{display:block;color:#8eeaff;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.skill-grid strong{display:block;margin-top:7px;color:#fff;font-size:1rem;line-height:1.35}
.skill-overlay .film-control{margin-top:16px}

@media (max-width:980px){
  .footer-industries-head{flex-direction:column;align-items:flex-start}
  .ph-skill-shell,.ph-skill-film{min-height:480px}
}
@media (max-width:720px){
  .skill-overlay{padding:20px}
  .skill-top{font-size:.58rem}
  .skill-headline strong{font-size:2.5rem}
  .skill-grid{grid-template-columns:1fr}
  .ph-skill-shell,.ph-skill-film{min-height:460px;border-radius:25px}
}
@media (max-width:540px){
  .footer-industries-wrap{padding:40px 0 52px}
  .skill-headline strong{font-size:2rem}
  .skill-headline p{font-size:.95rem}
  .skill-overlay .film-control span{display:none}
}


/* Compact footer location line replacing the oversized location pill. */
.footer-brand .footer-location{display:flex;align-items:center;gap:9px;max-width:none;margin-top:14px;color:#c7b9d0;font-size:.86rem;line-height:1.5}
.footer-brand .footer-location svg{flex:0 0 auto;width:17px;height:17px;color:#67e8f9}
.footer-brand .footer-location span{display:block}


/* --- Rev4 about-page operator-map repair --- */
.operator-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:220px;height:220px;border-radius:50%;text-align:center;color:#fff;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.08),rgba(255,255,255,.02) 45%,rgba(4,12,20,.88) 72%),linear-gradient(145deg,rgba(10,30,49,.96),rgba(6,17,28,.96));border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 70px rgba(0,0,0,.28),0 0 0 18px rgba(47,124,255,.06)}
.operator-center span{display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:linear-gradient(145deg,rgba(47,124,255,.28),rgba(82,217,255,.08));color:#dff7ff}
.operator-center span svg{width:48px;height:48px}
.operator-center strong{display:block;font-size:1.55rem;line-height:1.05;letter-spacing:-.03em}
.operator-center em{font-style:normal;color:var(--slate-300);font-size:.82rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
.operator-badge{left:auto;right:auto;bottom:auto;width:220px;grid-template-columns:auto 1fr;box-shadow:0 20px 40px rgba(0,0,0,.22)}
.operator-badge .badge-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,rgba(47,124,255,.28),rgba(82,217,255,.08));color:#cff7ff}
.operator-badge .badge-icon svg{width:22px;height:22px}
.operator-badge.b1{left:6%;top:8%}
.operator-badge.b2{right:4%;top:18%}
.operator-badge.b3{left:4%;bottom:10%}
.operator-badge.b4{right:6%;bottom:8%;width:250px;grid-template-columns:auto 1fr}
.operator-badge.b4 .signal{display:flex;width:48px;justify-content:center}
@media (max-width:1200px){
  .operator-badge{width:200px}
  .operator-badge.b4{width:228px}
  .operator-center{width:190px;height:190px}
  .operator-center strong{font-size:1.32rem}
}
@media (max-width:980px){
  .operator-center{width:180px;height:180px}
  .operator-center span{width:74px;height:74px}.operator-center span svg{width:40px;height:40px}
  .operator-badge{width:188px;padding:14px;gap:10px}
  .operator-badge .badge-icon{width:40px;height:40px}
  .operator-badge.b4{width:210px}
}
@media (max-width:720px){
  .operator-map{inset:34px 18px 26px}
  .operator-visual{min-height:650px}
  .operator-center{top:46%;width:170px;height:170px}
  .operator-badge{width:165px;padding:12px;border-radius:14px}
  .operator-badge .badge-icon{width:36px;height:36px}
  .operator-badge .badge-icon svg{width:18px;height:18px}
  .operator-badge strong{font-size:.9rem}.operator-badge span{font-size:.7rem}
  .operator-badge.b1{left:2%;top:2%}
  .operator-badge.b2{right:2%;top:16%}
  .operator-badge.b3{left:2%;bottom:18%}
  .operator-badge.b4{right:2%;bottom:6%;width:188px}
}
@media (max-width:540px){
  .operator-visual{min-height:700px}
  .operator-center{top:42%;width:160px;height:160px}
  .operator-center strong{font-size:1.18rem}
  .operator-badge{width:150px}
  .operator-badge.b4{width:176px}
}