:root {
  --bg: #ffffff;
  --panel: #f4f7fb;
  --panel2: #ffffff;
  --text: #111827;
  --muted: #66758b;
  --line: rgba(101, 119, 151, .18);
  --blue: #4f67ed;
  --cyan: #18bfd4;
  --green: #18bfd4;
}

body { color:var(--text);background:#fff; }
body.nav-open { overflow:hidden; }
body::selection { color:#fff;background:#5067ed; }
.site-nav,.site-nav.scrolled { height:64px;padding:0 3.2vw;border-color:rgba(204,216,228,.78);background:rgba(255,255,255,.96); }
.site-nav.scrolled { box-shadow:0 10px 34px rgba(39,56,89,.08); }
.site-nav nav { color:#526075; }
.site-nav nav a:hover { color:var(--blue); }
.nav-download { color:white;background:linear-gradient(135deg,var(--blue),#667bf5);box-shadow:0 10px 26px rgba(79,103,237,.24); }
.nav-actions { justify-self:end;display:flex;align-items:center;gap:10px; }
.nav-account { padding:10px 12px;border-radius:9px;color:#526075;font-size:12px;font-weight:700;transition:color .2s ease,background .2s ease; }
.nav-account:hover { color:#3449c9;background:#eef2ff; }
.site-nav nav a.mobile-only-home { display:none; }
.home-section-nav { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;color:#647187;font-size:10px; }
.home-section-nav span { margin-right:2px;color:#929daf; }
.home-section-nav a { padding:6px 9px;border:1px solid #dbe2ec;border-radius:999px;background:rgba(255,255,255,.58);transition:.2s ease; }
.home-section-nav a:hover { color:#3449c9;border-color:#bdc9f6;background:#fff; }
body { animation:page-enter .22s ease-out both; }
@keyframes page-enter { from { opacity:.82; } to { opacity:1; } }

.hero { min-height:875px;grid-template-columns:minmax(460px,.88fr) minmax(600px,1.12fr);background:linear-gradient(125deg,#f8fbfd 0%,#eef3fb 48%,#e8f8fa 100%); }
.hero-grid { opacity:.28;background-image:linear-gradient(rgba(112,132,181,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(112,132,181,.16) 1px,transparent 1px); }
.hero::after { background:linear-gradient(90deg,rgba(248,251,253,.35),transparent 55%,rgba(232,247,250,.16)); }
.glow-one { opacity:.22;background:#7286ff; }
.glow-two { opacity:.25;background:#29ccdb; }
.overline,.section-label { color:#4f67dd; }
.overline i { background:linear-gradient(90deg,var(--blue),var(--cyan)); }
.hero-lead { max-width:610px;color:#59687d;font-size:16px; }
.hero-proof { color:#59687d; }
.hero-proof b { color:#b4bfce; }
.hero-proof span:nth-of-type(2n) { color:#238fa1; }
.action.primary { color:white;background:linear-gradient(135deg,var(--blue),#637af6);box-shadow:0 15px 38px rgba(79,103,237,.24); }
.action.ghost { border-color:#bdc8f8;color:#4056cc;background:rgba(255,255,255,.68); }
.channel-list { align-items:center;gap:16px;margin-top:36px; }
.channel-label { color:#8a97aa;font-size:10px;font-weight:700;letter-spacing:.08em;white-space:nowrap; }
.channel-list>span { min-width:0;flex-direction:row;gap:6px;padding:0;color:#6e7b8f;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:10px; }
.channel-list i { color:#4057d3;background:#edf1ff; }
.team-orbit { border-color:rgba(79,103,237,.25); }
.team-core { border-color:rgba(91,113,237,.32);background:radial-gradient(circle,#fff,#edf1ff 72%);box-shadow:0 0 72px rgba(79,103,237,.22); }
.team-core small { color:#238fa1; }
.role-card { border-color:transparent;background:rgba(255,255,255,.9);box-shadow:0 15px 38px rgba(42,59,96,.12); }
.role-card>i { color:white;background:linear-gradient(135deg,var(--blue),var(--cyan)); }
.role-card small { color:#7d899b; }
.hero-screen { left:3%;right:0;border-color:transparent;background:white;box-shadow:0 35px 85px rgba(45,63,101,.18); }
.screen-bar { color:#7d899a;background:#f9fbfd; }
.screen-bar i { background:#c8d3df; }
.screen-crop img { width:100%;height:100%;object-fit:cover;object-position:left top;transform:none; }

.hero-team { display:grid;place-items:center;min-height:650px; }
/* Marketing frame built from real client screenshots */
.product-showcase { width:min(740px,100%);border:1px solid rgba(144,160,196,.3);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 35px 90px rgba(42,61,104,.18);backdrop-filter:blur(20px);overflow:hidden; }
.product-showcase-head { height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e5eaf1;background:rgba(255,255,255,.92); }
.product-showcase-head>div { display:flex;align-items:center;gap:10px; }
.product-showcase-head>div>img { width:34px;height:34px;padding:5px;border:1px solid #e3e8f1;border-radius:10px;background:#fff; }
.product-showcase-head span,.product-showcase-head strong,.product-showcase-head small { display:block; }
.product-showcase-head strong { color:#233047;font-size:12px; }
.product-showcase-head small { margin-top:3px;color:#8a96a8;font-size:9px; }
.product-showcase-head button { min-width:48px;height:34px;padding:0 10px;border:1px solid #dce3ed;border-radius:8px;color:#617086;background:#fff;font-size:9px;font-weight:700;cursor:pointer; }
.product-showcase-head button:hover { color:#4056ce;border-color:#bec9f4;background:#f7f8ff; }
.product-stage { position:relative;aspect-ratio:1.82;background:#f7f9fc;overflow:hidden; }
.product-stage>img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.012);transition:opacity .65s ease,transform 5s ease; }
.product-stage>img.active { opacity:1;transform:scale(1.04); }
.product-stage::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(30,45,76,.1));pointer-events:none; }
.product-focus { position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.85);border-radius:10px;color:#fff;background:rgba(48,65,109,.82);box-shadow:0 11px 28px rgba(31,48,85,.2);backdrop-filter:blur(9px);font-size:9px;font-weight:750;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;pointer-events:none; }
.product-focus.active { opacity:1;transform:none; }
.product-focus i { width:7px;height:7px;border-radius:50%;background:#65e1c3;box-shadow:0 0 0 5px rgba(101,225,195,.18); }
.focus-task { left:45%;top:56%; }
.focus-experts { left:47%;top:24%; }
.focus-skills { right:25%;top:17%; }
.focus-knowledge { right:22%;top:34%; }
.focus-automation { left:45%;top:22%; }
.product-showcase-foot { padding:12px 14px 0;background:#fff; }
.product-showcase-foot nav { display:grid;grid-template-columns:repeat(5,1fr);gap:5px; }
.product-showcase-foot button { min-width:0;display:flex;align-items:center;gap:7px;padding:9px 7px;border:0;border-radius:10px;color:#7c899b;background:transparent;text-align:left;cursor:pointer;transition:.2s ease; }
.product-showcase-foot button:hover { color:#4056ce;background:#f5f7ff; }
.product-showcase-foot button.active { color:#4056ce;background:#eef2ff; }
.product-showcase-foot button>img { width:17px;height:17px;object-fit:contain;flex:0 0 auto; }
.product-showcase-foot button span,.product-showcase-foot button b,.product-showcase-foot button small { display:block;min-width:0; }
.product-showcase-foot button b { font-size:9px;white-space:nowrap; }
.product-showcase-foot button small { margin-top:2px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.product-showcase-progress { height:3px;margin-top:8px;background:#edf0f5; }
.product-showcase-progress b { display:block;width:0;height:100%;background:linear-gradient(90deg,#4f67ed,#18bfd4);transition:width .1s linear; }

.trust-rail { position:relative;z-index:5;max-width:1180px;display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin:-32px auto 0;padding:31px 42px;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 22px 70px rgba(45,62,96,.12);backdrop-filter:blur(18px); }
.trust-rail article { display:flex;align-items:center;gap:15px; }
.trust-rail i { flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eef2ff; }
.trust-rail i img { width:20px;height:20px; }
.trust-rail span,.trust-rail b,.trust-rail small { display:block; }
.trust-rail b { color:#243147;font-size:14px; }
.trust-rail small { margin-top:5px;color:#748197;font-size:11px;line-height:1.5; }

.promise { padding-top:118px;background:#fff; }
.promise h2 em { background:linear-gradient(100deg,#3349cc,#586ff0 50%,#12aebe);background-clip:text;-webkit-background-clip:text; }
.promise-lines { color:#637187; }
.promise-lines span::before { background:var(--cyan);box-shadow:0 0 0 5px rgba(24,191,212,.11); }
.cap-grid { gap:14px;margin-top:60px;border:0; }
.cap-card,.cap-card:first-child { min-height:235px;border:0;border-radius:18px;background:#f6f8fc; }
.cap-card:hover { background:#f0f4ff;box-shadow:0 18px 45px rgba(42,59,97,.09); }
.cap-card>span { color:#8491a4; }
.cap-card>i { color:#4057d2;background:#edf1ff; }
.cap-card p { color:#68768b; }

.demo { padding-top:120px;background:linear-gradient(180deg,#f3f6fb,#edf3fa); }
.demo-heading { max-width:1180px;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;column-gap:80px;text-align:left; }
.demo-heading .section-label { grid-column:1/-1; }
.demo-heading h2 { margin-bottom:0;font-size:clamp(44px,4vw,62px); }
.demo-heading>p:last-child { max-width:430px;justify-self:end;padding-bottom:7px;line-height:1.8; }
.demo-heading>p:last-child { color:#68758a; }
.video-shell { border-color:transparent;background:#fff;box-shadow:0 36px 90px rgba(47,63,98,.16); }
.video-top { display:none; }
.video-top i { background:#cbd5e2; }
.video-top small { color:#4058d2;background:#eef1ff; }
.video-shell video { background:#edf2f8; }
.video-fallback { background:linear-gradient(145deg,#eef3fa,#e7eef8); }
.tour-slides img { left:-16%;width:160%;height:auto;object-fit:contain;transform:scale(1);transform-origin:top left; }
.tour-slides::after { background:linear-gradient(180deg,transparent 61%,rgba(242,246,251,.76) 82%,rgba(232,239,248,.98)); }
.tour-slides img.active { opacity:.96;transform:scale(1.025); }
.tour-control { color:#4058d2;border:0;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(25,38,68,.18);backdrop-filter:blur(10px); }
.tour-caption span { color:#24324a; }
.tour-caption small { color:#738197; }
.tour-progress { background:#cfd9e7; }
.video-ready-note { color:#617086;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(35,51,84,.12);backdrop-filter:blur(10px); }
.video-ready-note b { color:#4058d2; }
.tour-progress i { background:linear-gradient(90deg,var(--blue),var(--cyan)); }

.scenarios { padding:108px 5vw 96px;background:#fff; }
.scenario-intro { max-width:1360px;margin-bottom:38px;text-align:left; }
.scenario-intro h2 { max-width:900px;font-size:clamp(44px,4.4vw,64px); }
.scenario-intro>p:last-child { max-width:650px;color:#66758a; }
.scenario-row { max-width:1360px;min-height:0;grid-template-columns:minmax(0,1.16fr) minmax(350px,.84fr);gap:5vw;padding:52px 0;border:0; }
.scenario-row.reverse { grid-template-columns:minmax(350px,.84fr) minmax(0,1.16fr); }
.scenario-visual { padding:17px;border-color:transparent;background:linear-gradient(145deg,#f8fbfd,#eef3fb);box-shadow:0 28px 70px rgba(43,60,96,.09); }
.shot { aspect-ratio:16/9;border-color:transparent; }
.shot video { width:100%;height:100%;display:block;object-fit:cover;background:#fff; }
.visual-tag { color:#4058d2; }
.float-result { border-color:transparent;color:#435066;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(42,59,96,.13); }
.float-result.live i { background:var(--cyan);box-shadow:0 0 0 4px rgba(24,191,212,.12); }
.scenario-copy>span { color:#4d63d6; }
.scenario-copy>p { color:#66758a; }
.scenario-copy ul { color:#48576d; }
.scenario-copy li::before { color:#18afc1; }
.scenario-copy a { color:#4058d2; }

.download-panel { color:#152033;border:0;background:radial-gradient(circle at 82% 18%,rgba(92,116,246,.16),transparent 29%),linear-gradient(120deg,#f8fbfd,#eef3ff 60%,#eafafa); }
.download-panel .section-label { color:#4f67dd; }
.download-copy>p:nth-of-type(2) { color:#66758a; }
.system-grid { grid-template-columns:repeat(4,1fr); }
.system-grid>div { border-color:transparent;background:rgba(255,255,255,.84);box-shadow:0 16px 42px rgba(44,61,96,.08); }
.system-grid small { color:#7a8799; }
footer { color:#6f7b8d;background:#fff;border-color:#dfe6ee; }

a:focus-visible,button:focus-visible { outline:3px solid rgba(79,103,237,.32);outline-offset:4px; }
.site-nav nav { gap:6px; }
.site-nav nav a { min-height:36px;display:flex;align-items:center;padding:9px 13px;border-radius:9px;font-size:13px;line-height:18px;transition:color .2s ease,background .2s ease; }
.site-nav nav a::after { display:none; }
.site-nav nav a.active { color:#3449c9;background:#eef2ff;font-weight:700; }
.home-brand>span { width:34px;height:34px; }

.channel-list i img { width:21px;height:21px;object-fit:contain; }
.role-card>i img { width:19px;height:19px;filter:brightness(0) invert(1); }
.cap-card>i img { width:18px;height:18px;object-fit:contain; }
.system-grid i img { width:32px;height:32px;object-fit:contain; }

@media(max-width:1050px) {
  .system-grid { grid-template-columns:repeat(2,1fr); }
  .scenario-row,.scenario-row.reverse { grid-template-columns:1fr;gap:42px;padding:48px 0; }
}

@media(max-width:760px) {
  .site-nav,.site-nav.scrolled { height:62px;padding:0 16px; }
  .site-nav.open nav { top:62px; }
  .nav-menu { min-width:48px;height:36px;padding:0 11px;border:1px solid #dce3f4;border-radius:9px;color:#4056ce;background:#f3f5ff;font-size:11px;font-weight:750; }
  .nav-actions { display:none; }
  .site-nav.open nav a.mobile-only-home { display:flex; }
  .site-nav.open nav { border-color:#dfe6ee;background:#fff; }
  .site-nav nav a::after { right:auto;bottom:4px;width:26px; }
  .hero { min-height:auto;grid-template-columns:1fr;padding-bottom:40px; }
  .hero h1 { font-size:40px;line-height:1.08;letter-spacing:-.055em; }
  .hero-team { min-height:590px; }
  .product-showcase { border-radius:18px; }
  .product-showcase-head { height:54px;padding:0 12px; }
  .product-showcase-head strong { font-size:11px; }
  .product-stage { aspect-ratio:1.56; }
  .product-stage>img { object-fit:cover;object-position:left top; }
  .product-showcase-foot { padding:9px 9px 0; }
  .product-showcase-foot nav { gap:2px; }
  .product-showcase-foot button { justify-content:center;padding:8px 4px; }
  .product-showcase-foot button>img { width:16px;height:16px; }
  .product-showcase-foot button span small { display:none; }
  .product-focus { padding:7px 8px;font-size:8px; }
  .channel-list { display:grid;grid-template-columns:repeat(3,max-content);gap:12px 16px; }
  .channel-label { width:100%; }
  .channel-label { grid-column:1/-1;text-align:center; }
  .channel-list>span { font-size:9px; }
  .home-section-nav { justify-content:center; }
  .trust-rail { grid-template-columns:1fr;gap:22px;margin:0 18px;padding:26px; }
  .demo-heading { display:block;text-align:left; }
  .demo-heading>p:last-child { max-width:none;margin-top:18px;padding:0; }
  .scenario-intro { text-align:left; }
  .scenarios { padding:76px 21px 68px; }
  .scenario-intro { margin-bottom:28px; }
  .scenario-row,.scenario-row.reverse { gap:30px;padding:36px 0; }
  .scenario-visual { padding:11px; }
  .promise h2,.demo-heading h2,.scenario-intro h2,.download-copy h2 { font-size:36px;line-height:1.14; }
  .cap-card,.cap-card:first-child { min-height:215px; }
  .system-grid { grid-template-columns:1fr; }
  .video-shell { border-radius:14px; }
}
@media(prefers-reduced-motion:reduce) { body { animation:none; } }