:root {
  --bg: #05070c;
  --bg-soft: #09101c;
  --bg-panel: #0b1321;
  --surface: #ffffff;
  --surface-soft: #f4f7fb;
  --ink: #0b111d;
  --muted: #606b7d;
  --muted-light: #a9b3c4;
  --line: #dde3ec;
  --line-dark: rgba(255,255,255,.11);
  --blue: #2875ff;
  --blue-bright: #2da7ff;
  --cyan: #63e4ff;
  --violet: #6857ff;
  --blue-soft: #eaf2ff;
  --shell: min(1180px, calc(100% - 42px));
  --radius: 18px;
  --radius-large: 28px;
  --shadow: 0 24px 70px rgba(0,0,0,.28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); background: var(--bg); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
a { color: inherit; }
img, svg { display: block; max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: -70px; z-index: 1000; padding: 12px 16px; border-radius: 8px; background: white; color: #111; font-weight: 800; transition: top .2s; }
.skip-link:focus { top: 14px; }
.site-shell { width: var(--shell); margin: 0 auto; }

/* Header */
.site-header { position: fixed; inset: 0 0 auto; z-index: 100; padding: 14px 0; pointer-events: none; }
.nav-shell { width: var(--shell); min-height: 66px; margin: 0 auto; padding: 8px 12px 8px 16px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 26px; border: 1px solid rgba(255,255,255,.72); border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 12px 38px rgba(0,0,0,.18); backdrop-filter: blur(18px); pointer-events: auto; transition: transform .25s ease, box-shadow .25s ease; }
.site-header.scrolled .nav-shell { transform: translateY(-4px); box-shadow: 0 18px 52px rgba(0,0,0,.24); }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 900; letter-spacing: -.035em; }
.brand-mark { width: 34px; height: 34px; flex: 0 0 auto; }
.brand-name { font-size: 20px; }
.main-navigation { justify-self: center; display: flex; align-items: center; gap: 30px; }
.main-navigation a { color: #1b2230; text-decoration: none; font-size: 13px; font-weight: 800; transition: color .2s; }
.main-navigation a:hover { color: var(--blue); }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.nav-login { padding: 10px 12px; color: #1b2230; text-decoration: none; font-size: 13px; font-weight: 800; }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 0; background: transparent; }
.menu-toggle span:not(.sr-only) { display: block; height: 2px; margin: 5px 0; border-radius: 2px; background: #111827; }

.button { min-height: 46px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 900; line-height: 1; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: white; background: linear-gradient(135deg, #1f67ff 0%, #2875ff 55%, #5b50ff 100%); box-shadow: 0 12px 30px rgba(40,117,255,.28); }
.button-primary:hover { box-shadow: 0 16px 38px rgba(40,117,255,.38); }
.button-outline { color: white; border-color: rgba(115,159,255,.58); background: rgba(10,17,31,.55); }
.button-outline:hover { border-color: #75a5ff; background: rgba(40,117,255,.12); }
.button-small { min-height: 42px; padding: 0 18px; font-size: 13px; }
.button-large { min-height: 54px; padding: 0 24px; }
.button-light { width: 100%; color: #111827; background: white; }
.button-dark { color: white; background: #05070c; }

/* Hero */
.hero-section { min-height: 860px; padding: 148px 0 90px; position: relative; overflow: hidden; background: radial-gradient(circle at 73% 28%, rgba(30,91,255,.16), transparent 28%), linear-gradient(180deg, #05070c 0%, #05070c 72%, #07101e 100%); color: white; }
.hero-section::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(73,133,255,.7), transparent); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; opacity: .55; }
.hero-glow-one { width: 500px; height: 500px; right: -180px; top: 120px; background: rgba(33,103,255,.34); }
.hero-glow-two { width: 390px; height: 390px; left: 22%; bottom: -220px; background: rgba(76,219,255,.15); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .86fr 1.24fr; align-items: center; gap: 66px; }
.hero-copy { padding-top: 20px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #a9c2f7; font-size: 11px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow i { width: 28px; height: 2px; background: linear-gradient(90deg, var(--cyan), var(--blue)); }
.hero-copy h1 { margin: 26px 0 24px; font-size: clamp(54px, 5.8vw, 78px); line-height: .99; letter-spacing: -.065em; }
.hero-copy h1 span { color: #4b89ff; text-shadow: 0 0 40px rgba(40,117,255,.25); }
.hero-copy > p { max-width: 585px; margin: 0; color: #bec7d5; font-size: 19px; line-height: 1.6; }
.hero-actions { margin-top: 34px; display: flex; gap: 12px; flex-wrap: wrap; }
.trust-line { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 18px; color: #8f9bad; font-size: 12px; }
.trust-line span { display: inline-flex; align-items: center; gap: 7px; }
.trust-line i { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid rgba(112,155,255,.5); border-radius: 50%; color: #6fa2ff; font-style: normal; font-size: 10px; }
.hero-visual { min-width: 0; position: relative; }
.visual-halo { position: absolute; inset: 12% -4% 5% 10%; border-radius: 42px; background: rgba(24,91,255,.28); filter: blur(58px); }
.app-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(87,140,255,.75); border-radius: 18px; background: #08101d; box-shadow: 0 0 0 1px rgba(57,130,255,.12), 0 30px 80px rgba(0,0,0,.46), 0 0 50px rgba(32,103,255,.22); transform: perspective(1300px) rotateY(-2deg) rotateX(1deg); }
.app-topbar { height: 60px; padding: 0 16px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 18px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(6,12,22,.95); }
.app-mini-brand { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.app-mini-brand span { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; color: white; background: var(--blue); }
.client-switcher { min-width: 214px; padding: 7px 10px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; background: #0e1726; }
.client-switcher small { display: block; color: #637087; font-size: 7px; letter-spacing: .13em; }
.client-switcher strong { display: block; margin-top: 2px; color: #eaf0fa; font-size: 10px; }
.client-switcher b { color: #738098; }
.client-avatar { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: linear-gradient(145deg,#1a2535,#4c5563); color: white; font-size: 9px; font-weight: 900; }
.app-user { display: flex; align-items: center; gap: 13px; }
.notification-dot { width: 9px; height: 9px; border-radius: 50%; background: #ff4d6d; box-shadow: 0 0 0 4px rgba(255,77,109,.12); }
.user-avatar { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: #25334a; color: white; font-size: 10px; font-weight: 900; }
.app-shell { height: 465px; display: grid; grid-template-columns: 142px 1fr; }
.app-sidebar { padding: 20px 10px; display: flex; flex-direction: column; gap: 4px; border-right: 1px solid rgba(255,255,255,.07); background: #07101c; }
.side-label { margin: 7px 9px 5px; color: #546178; font-size: 7px; letter-spacing: .16em; font-weight: 900; }
.app-sidebar button { min-height: 34px; padding: 0 10px; display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 6px; border: 0; border-radius: 7px; color: #8490a4; background: transparent; text-align: left; font-size: 9px; }
.app-sidebar button i { font-style: normal; text-align: center; }
.app-sidebar button b { min-width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; background: #1b2940; font-size: 7px; }
.app-sidebar button.active { color: white; background: linear-gradient(90deg, rgba(40,117,255,.92), rgba(40,117,255,.7)); box-shadow: 0 8px 24px rgba(40,117,255,.18); }
.app-content { min-width: 0; padding: 22px; color: #dfe7f2; background: radial-gradient(circle at 85% 12%, rgba(48,98,210,.1), transparent 32%), #0a1321; }
.app-heading { display: flex; justify-content: space-between; align-items: start; gap: 14px; }
.app-heading small { color: #68778f; font-size: 7px; letter-spacing: .14em; font-weight: 900; }
.app-heading h2 { margin: 5px 0 3px; color: white; font-size: 18px; letter-spacing: -.03em; }
.app-heading p { margin: 0; color: #718097; font-size: 9px; }
.app-heading button { height: 32px; padding: 0 14px; border: 0; border-radius: 7px; color: white; background: var(--blue); font-size: 9px; font-weight: 900; }
.metrics-row { margin-top: 18px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(255,255,255,.07); border-radius: 9px; background: #0e1929; }
.metrics-row article { padding: 12px; border-right: 1px solid rgba(255,255,255,.07); }
.metrics-row article:last-child { border-right: 0; }
.metrics-row span, .metrics-row small { display: block; color: #6e7c92; font-size: 7px; }
.metrics-row strong { display: block; margin: 5px 0 3px; color: white; font-size: 20px; }
.app-tabs { margin-top: 15px; padding: 4px; display: inline-flex; gap: 2px; border: 1px solid rgba(255,255,255,.06); border-radius: 8px; background: #0d1725; }
.app-tabs span { padding: 7px 10px; border-radius: 5px; color: #6f7d92; font-size: 8px; font-weight: 800; }
.app-tabs span.active { color: white; background: #1c2c44; }
.calendar-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(255,255,255,.07); border-radius: 9px; overflow: hidden; }
.calendar-grid > article { min-width: 0; min-height: 214px; padding: 8px; border-right: 1px solid rgba(255,255,255,.07); background: rgba(10,18,30,.72); }
.calendar-grid > article:last-child { border-right: 0; }
.calendar-grid > article.current-day { background: rgba(31,71,140,.16); box-shadow: inset 0 3px 0 var(--blue); }
.calendar-grid header { padding: 4px 4px 8px; display: flex; align-items: center; justify-content: space-between; color: #67768e; font-size: 7px; }
.calendar-grid header b { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; color: white; background: rgba(255,255,255,.07); font-size: 8px; }
.current-day header b { background: var(--blue); }
.post-card { padding: 8px; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; background: #121e30; }
.post-card::before { content: ""; display: block; height: 2px; margin: -8px -8px 8px; border-radius: 7px 7px 0 0; background: var(--blue); }
.post-cyan::before { background: var(--cyan); }.post-violet::before { background: var(--violet); }
.post-meta { display: flex; justify-content: space-between; color: #7e8ca0; font-size: 6px; }
.post-meta span { color: #86aaff; font-weight: 900; }
.post-card > strong { min-height: 36px; margin-top: 7px; display: block; color: #e9eff7; font-size: 8px; line-height: 1.4; }
.post-image { height: 74px; margin-top: 7px; position: relative; overflow: hidden; border-radius: 5px; background: linear-gradient(145deg,#17345e,#53a8ff); }
.post-image::before, .post-image::after, .post-image span { content: ""; position: absolute; }
.image-build::before { width: 52%; height: 62%; left: 14%; bottom: 0; background: #f1f5fb; clip-path: polygon(0 100%,0 38%,22% 38%,22% 16%,52% 16%,52% 0,84% 0,84% 48%,100% 48%,100% 100%); }
.image-build::after { width: 27%; height: 42%; right: 7%; bottom: 0; background: #d8e1ef; }
.image-process { background: linear-gradient(145deg,#0f3154,#2e9dca); }
.image-process::before { width: 70%; height: 10px; left: 15%; top: 24px; border-radius: 5px; background: rgba(255,255,255,.75); box-shadow: 0 18px 0 rgba(255,255,255,.35); }
.image-process::after { width: 21px; height: 21px; right: 14px; bottom: 11px; border: 3px solid #bceeff; border-radius: 50%; }
.image-team { background: linear-gradient(145deg,#382065,#8067ff); }
.image-team::before { width: 28px; height: 28px; left: 18px; top: 15px; border-radius: 50%; background: #d2c8ff; box-shadow: 28px 12px 0 #a49bff, 54px 2px 0 #e7e3ff; }
.image-team::after { width: 76px; height: 30px; left: 14px; bottom: -5px; border-radius: 40px 40px 0 0; background: rgba(255,255,255,.45); }
.post-card footer { margin-top: 7px; display: flex; justify-content: space-between; color: #77869c; font-size: 6px; }
.post-card footer span { color: #76a1ff; font-weight: 900; }
.add-day { width: 100%; height: 54px; margin-top: 3px; border: 1px dashed rgba(255,255,255,.12); border-radius: 7px; color: #64738b; background: rgba(255,255,255,.02); }
.metric-float { position: absolute; z-index: 3; border: 1px solid rgba(99,148,255,.32); border-radius: 12px; color: white; background: rgba(10,19,34,.92); box-shadow: 0 20px 50px rgba(0,0,0,.34); backdrop-filter: blur(14px); }
.metric-float-one { width: 190px; left: -30px; top: 104px; padding: 15px; }
.metric-float-one small, .metric-float-two small { display: block; color: #718099; font-size: 7px; letter-spacing: .11em; }
.metric-float-one strong { display: block; margin: 6px 0 9px; font-size: 11px; }
.metric-float-one > span { height: 5px; display: block; border-radius: 5px; background: #1e2a3d; overflow: hidden; }
.metric-float-one > span i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,var(--cyan),var(--blue)); }
.metric-float-two { right: -26px; bottom: 62px; padding: 13px 16px; display: flex; align-items: center; gap: 10px; }
.metric-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #6ef2c2; background: rgba(46,218,158,.12); }
.metric-float-two strong { display: block; margin-top: 4px; font-size: 10px; }

.client-strip { padding: 34px 0 38px; color: white; background: #07101e; border-bottom: 1px solid rgba(255,255,255,.07); }
.client-strip .site-shell { display: flex; align-items: center; justify-content: center; gap: 35px; flex-wrap: wrap; }
.client-strip p { margin: 0; color: #59677c; font-size: 9px; font-weight: 900; letter-spacing: .17em; }
.client-names { display: flex; align-items: center; gap: 27px; flex-wrap: wrap; }
.client-names span { color: #d6dde8; font-size: 17px; font-weight: 900; letter-spacing: -.02em; }
.client-names small { display: block; margin-top: 1px; color: #5f6b7e; font-size: 6px; letter-spacing: .18em; }
.client-names i { width: 1px; height: 28px; background: rgba(255,255,255,.12); }

/* Statement */
.statement-section { min-height: 680px; padding: 140px 0; position: relative; overflow: hidden; color: white; background: #030508; }
.statement-glow { position: absolute; width: 920px; height: 500px; left: 16%; top: -220px; border-radius: 50%; background: radial-gradient(circle, rgba(28,89,211,.48), rgba(17,58,128,.18) 46%, transparent 72%); filter: blur(30px); }
.statement-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.18fr .72fr; align-items: end; gap: 100px; }
.statement-grid h2 { max-width: 780px; margin: 0; font-size: clamp(50px, 6.3vw, 82px); line-height: 1.05; letter-spacing: -.06em; background: linear-gradient(105deg,#dff9ff 0%,#65ddf5 27%,#397cff 60%,#7f8aa1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.statement-copy { padding-bottom: 12px; }
.statement-copy p { margin: 0 0 34px; color: #c3cad4; font-size: 18px; line-height: 1.65; }
.statement-copy a { padding-bottom: 7px; display: inline-flex; gap: 12px; color: white; border-bottom: 2px solid white; text-decoration: none; font-weight: 900; }
.statement-copy a span { color: #5e92ff; }

/* General headings */
.section-heading { max-width: 780px; }
.section-heading.centered { margin: 0 auto; text-align: center; }
.section-heading h2 { margin: 20px 0 18px; font-size: clamp(46px, 5vw, 68px); line-height: 1.04; letter-spacing: -.06em; }
.section-heading > p { max-width: 650px; margin: 0; color: var(--muted); font-size: 18px; line-height: 1.65; }
.section-heading.centered > p { margin-left: auto; margin-right: auto; }
.section-heading-light { color: white; }
.section-heading-light > p { color: #9ca9bb; }
.eyebrow-dark { color: #3667b4; }

/* Solutions */
.solutions-section { padding: 120px 0; background: #f6f8fc; }
.solution-grid { margin-top: 64px; display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.solution-card { min-height: 360px; padding: 34px; position: relative; overflow: hidden; border: 1px solid #dfe5ee; border-radius: 18px; background: white; }
.solution-card h3 { margin: 30px 0 12px; font-size: 30px; line-height: 1.08; letter-spacing: -.045em; }
.solution-card p { margin: 0; color: var(--muted); line-height: 1.65; }
.solution-number { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 28px; border-radius: 20px; color: #1d63e6; background: #eaf2ff; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.solution-card-large { min-height: 520px; grid-column: 1 / -1; display: grid; grid-template-columns: .75fr 1.1fr; align-items: center; gap: 62px; color: white; border-color: #1f3761; background: radial-gradient(circle at 85% 18%, rgba(45,122,255,.18), transparent 28%), #08111f; }
.solution-card-large p { color: #aab6c7; }
.solution-copy h3 { font-size: 46px; }
.solution-copy ul { margin: 26px 0 0; padding: 0; display: grid; gap: 12px; list-style: none; color: #d9e1ed; }
.solution-copy li::before { content: "✓"; margin-right: 10px; color: #55a4ff; }
.workspace-demo { padding: 18px; border: 1px solid rgba(121,159,225,.24); border-radius: 14px; background: rgba(15,28,48,.86); box-shadow: 0 28px 70px rgba(0,0,0,.3); }
.workspace-demo header { padding: 6px 4px 17px; display: flex; justify-content: space-between; color: #93a2b7; font-size: 12px; }
.workspace-demo header strong { color: white; font-size: 14px; }
.workspace-row { padding: 15px; display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 12px; border-top: 1px solid rgba(255,255,255,.07); }
.workspace-row.active { border-radius: 10px; border: 1px solid rgba(64,131,255,.5); background: rgba(40,117,255,.1); }
.workspace-row strong, .workspace-row small { display: block; }
.workspace-row strong { font-size: 13px; }.workspace-row small { margin-top: 3px; color: #708099; font-size: 10px; }
.workspace-row b { color: #8fa0b7; font-size: 10px; }.workspace-row i { color: #6297ff; font-style: normal; }
.ws-avatar { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 10px; color: white; font-size: 10px; font-weight: 900; }
.ws-one { background: #27303d; }.ws-two { background: #2c6d43; }.ws-three { background: #168ebd; }
.mini-composer { margin-top: 28px; padding: 18px; border: 1px solid #dce4ef; border-radius: 12px; background: #f8faff; }
.composer-lines { display: grid; gap: 7px; }.composer-lines i { height: 8px; border-radius: 4px; background: #dce4ef; }.composer-lines i:nth-child(2){width:78%;}.composer-lines i:nth-child(3){width:58%;}
.composer-media { width: 88px; height: 80px; margin-top: 18px; display: grid; place-items: center; border: 1px dashed #aab8cc; border-radius: 9px; color: #6681a6; background: white; }
.mini-composer footer { margin-top: 18px; display: flex; justify-content: flex-end; gap: 8px; }.mini-composer footer span,.mini-composer footer b{padding:8px 11px;border-radius:6px;font-size:8px;}.mini-composer footer span{border:1px solid #d9e1ec;}.mini-composer footer b{color:white;background:var(--blue);}
.mini-flow { min-height: 155px; margin-top: 28px; padding: 20px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 12px; background: linear-gradient(145deg,#08111f,#112847); }
.mini-flow span { padding: 10px 13px; border: 1px solid rgba(112,155,255,.32); border-radius: 8px; color: #dfe8f6; background: rgba(255,255,255,.04); font-size: 10px; font-weight: 800; }.mini-flow i{color:#5992ff;font-style:normal;}
.solution-card-wide { grid-column: 1 / -1; min-height: 420px; display: grid; grid-template-columns: .7fr 1.1fr; align-items: center; gap: 60px; }
.solution-card-wide h3 { font-size: 42px; }
.report-demo { padding: 24px; border: 1px solid #dbe3ee; border-radius: 14px; background: #f8faff; }
.report-header { display: flex; align-items: center; gap: 12px; }.report-header>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:white;background:#222c3a;font-size:10px;font-weight:900;}.report-header small,.report-header strong{display:block;}.report-header small{color:#8390a3;font-size:8px;letter-spacing:.12em;}.report-header strong{margin-top:3px;}
.report-metrics { margin-top: 22px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #dfe5ee; border-radius: 10px; background: white; }.report-metrics span{padding:15px;border-right:1px solid #e4e9f0;}.report-metrics span:last-child{border-right:0}.report-metrics small,.report-metrics strong{display:block;}.report-metrics small{color:#7e8999;font-size:9px;}.report-metrics strong{margin-top:5px;font-size:20px;}
.report-chart { height: 110px; margin-top: 22px; padding: 15px; display: flex; align-items: end; gap: 10px; border-radius: 10px; background: linear-gradient(180deg,#eef4ff,#fff); }.report-chart i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#4ca7ff,#2875ff);}.report-chart i:nth-child(1){height:35%}.report-chart i:nth-child(2){height:48%}.report-chart i:nth-child(3){height:42%}.report-chart i:nth-child(4){height:63%}.report-chart i:nth-child(5){height:58%}.report-chart i:nth-child(6){height:79%}.report-chart i:nth-child(7){height:92%}

/* Workflow */
.workflow-section { padding: 128px 0; position: relative; overflow: hidden; color: white; background: #05070c; }
.workflow-glow { position: absolute; width: 780px; height: 400px; top: -250px; left: calc(50% - 390px); border-radius: 50%; background: rgba(28,91,215,.34); filter: blur(80px); }
.workflow-section .site-shell { position: relative; z-index: 2; }
.workflow-track { margin-top: 64px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 12px; }
.workflow-track article { min-height: 178px; padding: 24px; display: flex; flex-direction: column; border: 1px solid rgba(111,151,225,.24); border-radius: 14px; background: linear-gradient(145deg,rgba(18,31,52,.85),rgba(7,13,23,.85)); }
.workflow-track article span { width: 34px; height: 27px; display: grid; place-items: center; border-radius: 15px; color: #82adff; background: rgba(40,117,255,.14); font-size: 9px; font-weight: 900; }
.workflow-track article strong { margin-top: auto; font-size: 19px; }.workflow-track article small{margin-top:8px;color:#8d9aab;line-height:1.5;}.workflow-track>i{color:#3d72cd;font-style:normal;}

/* Agency */
.agency-section { padding: 130px 0; background: white; }
.agency-grid { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 90px; }
.agency-visual { min-height: 520px; position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 22px; background: radial-gradient(circle at 50% 20%,rgba(55,123,255,.4),transparent 42%),#07101e; }
.agency-panel { width: 72%; padding: 25px; position: relative; z-index: 2; border: 1px solid rgba(128,162,225,.24); border-radius: 15px; color: white; background: rgba(12,24,42,.88); box-shadow: 0 28px 70px rgba(0,0,0,.34); }
.agency-panel header { display: flex; justify-content: space-between; color: #7e8da3; font-size: 9px; letter-spacing: .1em; }.agency-panel header b{color:#b9c6d8;}
.agency-stat { margin-top: 17px; padding: 15px; display: grid; grid-template-columns: 1fr auto; align-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; background: #101d30; }.agency-stat small,.agency-stat span{color:#728198;font-size:9px;}.agency-stat strong{grid-row:1/3;grid-column:2;font-size:27px;}.agency-stat span{margin-top:4px;color:#63a0ff;}
.agency-list { margin-top: 15px; display: grid; gap: 9px; }.agency-list span{padding:11px;border-radius:8px;background:rgba(255,255,255,.035);color:#aeb9c8;font-size:9px;}.agency-list i{width:7px;height:7px;margin-right:9px;display:inline-block;border-radius:50%;}.dot-blue{background:#2875ff}.dot-cyan{background:#58d8ff}.dot-violet{background:#725dff}
.agency-orbit { position:absolute;border:1px solid rgba(80,142,255,.22);border-radius:50%;}.orbit-one{width:360px;height:360px}.orbit-two{width:470px;height:470px}
.agency-copy h2 { margin: 22px 0; font-size: clamp(43px,4.8vw,62px); line-height:1.04;letter-spacing:-.06em;}.agency-copy>p{margin:0;color:var(--muted);font-size:18px;line-height:1.65;}.agency-points{margin-top:36px;display:grid;gap:12px;}.agency-points article{padding:16px 0;display:grid;grid-template-columns:42px 1fr;gap:14px;border-top:1px solid #e2e6ed;}.agency-points article>span{color:#2c6eee;font-size:11px;font-weight:900;}.agency-points strong,.agency-points small{display:block;}.agency-points small{margin-top:5px;color:#737f90;line-height:1.5;}

/* Plans */
.plans-section { padding: 126px 0; color: white; background: #030508; }
.plans-grid { margin-top: 62px; display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.plan-card { min-height: 510px; padding: 30px; position: relative; display: flex; flex-direction: column; border: 2px solid #2d68c6; border-radius: 14px; background: linear-gradient(145deg,#0b111c,#05070c); }
.plan-card.featured { border-color: #4d89ff; box-shadow: 0 0 0 1px rgba(57,132,255,.25),0 0 36px rgba(40,117,255,.22); }
.popular-badge { position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:7px 13px;border-radius:16px;color:white;background:var(--blue);font-size:8px;font-weight:900;letter-spacing:.08em; }
.plan-label { color:#6092ef;font-size:9px;font-weight:900;letter-spacing:.15em; }.plan-card h3{margin:18px 0 10px;font-size:38px;letter-spacing:-.045em;}.plan-card>p{min-height:70px;margin:0;color:#a3adbc;line-height:1.55;}.plan-status{margin:24px 0 20px;font-size:21px;}.plan-card ul{margin:0 0 28px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:13px;list-style:none;color:#c7cfda;font-size:13px;}.plan-card li::before{content:"✓";margin-right:10px;color:#69a4ff;}.plan-card .button{margin-top:auto;}
.custom-plan { margin-top: 22px; padding: 28px 30px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-radius: 14px; color: #04101e; background: linear-gradient(105deg,#62dbff,#5795ff 62%,#7770ff); }.custom-plan strong,.custom-plan span{display:block;}.custom-plan strong{font-size:22px;}.custom-plan span{margin-top:5px;color:#183358;}

/* Final CTA and footer */
.final-cta-section { padding: 80px 0; background: #030508; }
.final-cta { padding: 34px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 26px; border: 1px solid rgba(66,129,255,.42); border-radius: 16px; color: white; background: radial-gradient(circle at 70% 0,rgba(31,96,233,.26),transparent 36%),#08101d; }
.final-mark { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; color: white; background: linear-gradient(145deg,var(--cyan),var(--blue) 55%,var(--violet)); font-size:28px;box-shadow:0 0 30px rgba(40,117,255,.28); }.final-cta>div:nth-child(2)>span{color:#6385bb;font-size:9px;font-weight:900;letter-spacing:.14em;}.final-cta h2{margin:7px 0 4px;font-size:27px;letter-spacing:-.04em;}.final-cta p{margin:0;color:#8f9bad;}
.site-footer { padding: 75px 0 28px; color: white; background: #020307; border-top: 1px solid rgba(255,255,255,.07); }
.footer-grid { display:grid;grid-template-columns:1.6fr repeat(3,.65fr);gap:60px;}.brand-footer{color:white}.footer-brand p{max-width:390px;margin:22px 0 0;color:#788496;line-height:1.65;}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links strong{margin-bottom:6px;color:#617087;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.footer-links a{color:#a6b0bf;text-decoration:none;font-size:13px}.footer-links a:hover{color:white}.footer-bottom{margin-top:58px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);color:#536075;font-size:11px;}

.reveal-item { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.reveal-item.visible { opacity: 1; transform: none; }

@media (max-width: 1080px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 760px; }
  .hero-visual { width: min(880px,100%); margin: 20px auto 0; }
  .hero-section { padding-bottom: 120px; }
  .statement-grid { grid-template-columns: 1fr; gap: 50px; }
  .statement-copy { max-width: 650px; }
  .solution-card-large, .solution-card-wide { grid-template-columns: 1fr; }
  .agency-grid { grid-template-columns: 1fr; }
  .agency-visual { order: 2; }
  .workflow-track { grid-template-columns: repeat(5,1fr); }
  .workflow-track > i { display: none; }
}

@media (max-width: 850px) {
  :root { --shell: min(100% - 28px, 760px); }
  .site-header { padding: 9px 0; }
  .nav-shell { grid-template-columns: 1fr auto; min-height: 58px; padding: 7px 10px 7px 13px; }
  .menu-toggle { display: block; }
  .main-navigation { position: absolute; left: 14px; right: 14px; top: 70px; padding: 14px; display: none; flex-direction: column; align-items: stretch; gap: 0; border: 1px solid #dfe4eb; border-radius: 12px; background: white; box-shadow: 0 18px 50px rgba(0,0,0,.22); }
  .main-navigation.open { display: flex; }
  .main-navigation a { padding: 13px 9px; }
  .nav-actions { display: none; }
  .hero-section { padding-top: 120px; }
  .hero-copy h1 { font-size: clamp(52px,11vw,72px); }
  .app-shell { grid-template-columns: 82px 1fr; }
  .app-sidebar button { grid-template-columns:1fr;justify-items:center; }.app-sidebar button span,.app-sidebar button b,.side-label{display:none}.app-sidebar button i{font-size:12px}
  .metric-float-one { left: 8px; top: 88px; }.metric-float-two{right:8px;bottom:45px}
  .client-strip .site-shell { justify-content:flex-start; }.client-names{gap:18px}.client-names i{display:none}
  .solution-grid { grid-template-columns:1fr; }.solution-card-large,.solution-card-wide{grid-column:auto}.solution-card-large{padding:30px}.solution-copy h3{font-size:40px}
  .workflow-track { grid-template-columns: repeat(2,1fr); }
  .plans-grid { grid-template-columns:1fr; }.plan-card{min-height:auto}.plan-card>p{min-height:auto}.custom-plan{align-items:flex-start;flex-direction:column}
  .final-cta { grid-template-columns:auto 1fr; }.final-cta>a{grid-column:1/-1;width:100%}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-links:last-child{grid-column:2}
}

@media (max-width: 560px) {
  .brand-name { font-size: 18px; }
  .hero-section { min-height:auto;padding-bottom:80px; }
  .hero-copy h1 { font-size: 49px; }
  .hero-copy > p { font-size:17px; }
  .hero-actions { flex-direction:column; }.hero-actions .button{width:100%}.trust-line{flex-direction:column;gap:10px}
  .app-window { transform:none; }
  .app-topbar { grid-template-columns:1fr auto; }.client-switcher{display:none}
  .app-shell { height:420px;grid-template-columns:56px 1fr; }.app-sidebar{padding:12px 6px}.app-content{padding:13px}.app-heading p,.app-heading button{display:none}.app-heading h2{font-size:15px}.metrics-row{grid-template-columns:repeat(2,1fr)}.metrics-row article:nth-child(2){border-right:0}.calendar-grid{grid-template-columns:repeat(2,1fr)}.calendar-grid>article:nth-child(n+3){display:none}.metric-float{display:none}
  .client-names span{font-size:14px}
  .statement-section { min-height:auto;padding:100px 0; }.statement-grid h2{font-size:48px}.statement-copy p{font-size:16px}
  .solutions-section,.workflow-section,.agency-section,.plans-section{padding:90px 0}.section-heading h2{font-size:43px}.section-heading>p{font-size:16px}
  .solution-card{padding:25px;min-height:auto}.solution-card-large{gap:35px}.solution-copy h3,.solution-card-wide h3{font-size:35px}.workspace-row{grid-template-columns:auto 1fr auto}.workspace-row b{display:none}.report-metrics{grid-template-columns:1fr}.report-metrics span{border-right:0;border-bottom:1px solid #e4e9f0}.report-metrics span:last-child{border-bottom:0}
  .workflow-track{grid-template-columns:1fr}.workflow-track article{min-height:140px}
  .agency-visual{min-height:430px}.agency-panel{width:88%}.agency-copy h2{font-size:42px}
  .custom-plan .button{width:100%}.final-cta{grid-template-columns:1fr;text-align:left}.final-mark{width:52px;height:52px}.final-cta h2{font-size:24px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:38px 22px}.footer-brand{grid-column:1/-1}.footer-links:last-child{grid-column:auto}.footer-bottom{flex-direction:column}
}

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