@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Syne:wght@600;700;800&display=swap');

:root {
  --ink: #17213d;
  --ink-soft: #53607b;
  --indigo: #4f46e5;
  --indigo-deep: #3830ad;
  --indigo-pale: #eef0ff;
  --sky-pale: #e8f4ff;
  --mint-pale: #e6f6f1;
  --paper: #f8faff;
  --white: #ffffff;
  --line: #dfe4f3;
  --line-strong: #cbd2e8;
  --shadow: 0 20px 55px rgba(35, 50, 115, .12);
  --radius: 20px;
}

* { box-sizing: border-box; }
.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; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Plus Jakarta Sans", sans-serif; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .28; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E"); }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid rgba(79,70,229,.35); outline-offset: 4px; }
.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 100; padding: .75rem 1rem; background: var(--ink); color: white; border-radius: 8px; text-decoration: none; } .skip-link:focus { top: 1rem; }
.shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.eyebrow { margin: 0 0 18px; color: var(--indigo); font: 500 .72rem/1 "DM Mono", monospace; letter-spacing: .13em; text-transform: uppercase; }
.section-heading { max-width: 650px; margin: 0; font-family: "Syne", sans-serif; font-size: clamp(2.1rem, 4vw, 3.7rem); line-height: 1.06; letter-spacing: -.06em; }
.section-copy { max-width: 560px; margin: 22px 0 0; color: var(--ink-soft); font-size: 1.02rem; line-height: 1.75; }

.site-header { position: sticky; top: 0; z-index: 15; background: rgba(248,250,255,.82); border-bottom: 1px solid transparent; backdrop-filter: blur(18px); transition: border-color .25s ease, box-shadow .25s ease; }
.site-header.is-scrolled { border-color: var(--line); box-shadow: 0 5px 24px rgba(28,40,89,.05); }
.nav { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; gap: 11px; align-items: center; font-weight: 800; text-decoration: none; letter-spacing: -.04em; }
.logo-placeholder { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #c8d0ee; border-radius: 10px; background: var(--white); overflow: hidden; color: var(--indigo); box-shadow: 0 3px 8px rgba(79,70,229,.08); }
.logo-placeholder svg { width: 22px; height: 22px; } .logo-placeholder img { display: block; width: 100%; height: 100%; object-fit: contain; }
.nav-links { display: flex; gap: 29px; align-items: center; list-style: none; padding: 0; margin: 0; }
.nav-links a { color: var(--ink-soft); font-size: .86rem; font-weight: 600; text-decoration: none; transition: color .2s ease; }.nav-links a:hover { color: var(--indigo); }
.login-link, .button-primary { display: inline-flex; justify-content: center; align-items: center; gap: 10px; font-weight: 700; font-size: .88rem; text-decoration: none; border-radius: 10px; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.login-link { padding: 11px 17px; background: var(--ink); color: var(--white); }.login-link:hover,.button-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(47,43,129,.19); }
.menu-toggle { display: none; border: 0; color: var(--ink); background: transparent; padding: 8px; cursor: pointer; }.menu-toggle span { display:block;width:21px;height:2px;margin:5px;background:currentColor; }

.hero { position: relative; overflow: hidden; padding: 94px 0 75px; background: linear-gradient(135deg,#f2f5ff 0%,#f9fbff 48%,#eef6ff 100%); }
.hero::before { content:""; position:absolute; width:740px;height:740px; right:-280px; top:-400px; border:1px solid rgba(79,70,229,.14); border-radius:50%; box-shadow: 0 0 0 60px rgba(79,70,229,.035),0 0 0 130px rgba(79,70,229,.025); }
.hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(79,70,229,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.045) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom,black,transparent 85%); }
.hero-inner { position:relative; display:grid; grid-template-columns: .91fr 1.09fr; align-items:center; gap:60px; }
.hero-copy { padding: 30px 0; }.hero h1 { margin:0; max-width:640px; font-family:"Syne",sans-serif; font-size:clamp(3.1rem,5.8vw,5.6rem);line-height:.97;letter-spacing:-.075em; }.hero h1 em { font-style:normal; color:var(--indigo); }
.hero-lead { max-width:520px; margin:26px 0 30px; color:var(--ink-soft); font-size:1.07rem; line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:18px; }.button-primary { padding:14px 20px; background:var(--indigo); color:white; }.button-primary svg { width:17px; }.plain-note { color:var(--ink-soft); font-size:.78rem; }
.workspace-visual { position:relative; min-height: 440px; }
.workspace-frame { position:absolute; inset:0 0 0 12px; padding:14px; overflow:hidden; background:#fff; border:1px solid rgba(173,184,222,.9); border-radius:20px; box-shadow:var(--shadow); transform:rotate(1.7deg); }
.workspace-top { display:flex; align-items:center; gap:7px; height:26px; border-bottom:1px solid var(--line); padding-bottom:12px; }.dot { width:7px;height:7px;border-radius:50%;background:#d9deec; }.workspace-top span:last-child { margin-left:8px;color:#8791a9;font: .62rem "DM Mono"; }
.workspace-body { display:grid;grid-template-columns:105px 1fr;min-height:360px; }.workspace-sidebar { padding:19px 12px 0 0;border-right:1px solid var(--line); }.side-item { height:26px;border-radius:5px;margin-bottom:8px;background:#f3f5fb; }.side-item.active { background:var(--indigo-pale);width:86%; }.workspace-main { padding:21px; }.dash-title { display:flex;justify-content:space-between;align-items:center;margin-bottom:18px; }.dash-title strong {font-size:.8rem}.dash-title small {color:#7b8499;font-size:.58rem}.metric-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric {padding:11px;border:1px solid var(--line);border-radius:8px}.metric span{display:block;color:#838ca0;font-size:.55rem}.metric b{display:block;font-size:.9rem;margin:5px 0}.metric i{font: .51rem "DM Mono";font-style:normal;color:#14815d}.chart {position:relative;margin-top:16px;height:148px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(to bottom,transparent 32%,#f3f5fb 33%,transparent 34%,transparent 65%,#f3f5fb 66%,transparent 67%);overflow:hidden}.chart svg{position:absolute;inset:0;width:100%;height:100%}.activity-row {display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.56rem;color:#68738b}.activity-row::before {content:"";width:16px;height:16px;background:var(--mint-pale);border-radius:5px}.floating-chip {position:absolute;right:-24px;bottom:28px;background:var(--ink);color:white;padding:14px 16px;border-radius:12px;box-shadow:0 12px 30px rgba(24,33,61,.22);font-size:.69rem;line-height:1.45;transform:rotate(-3deg)}.floating-chip b{display:block;color:#b7c6ff;font:500 .6rem "DM Mono";letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px}
.proof { position:relative;background:var(--ink);color:white;padding:25px 0; }.proof .shell{display:flex;align-items:center;justify-content:space-between;gap:24px}.proof-label{color:#abb8d8;font:500 .7rem "DM Mono";letter-spacing:.09em;text-transform:uppercase}.proof-items{display:flex;gap:46px;align-items:center}.proof-item b{display:block;font-family:"Syne";font-size:1.25rem}.proof-item span{color:#abb8d8;font-size:.7rem}

.platform { padding: 136px 0 100px; }.intro-split{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.intro-split .section-copy{margin-bottom:4px}
.capabilities { display:grid;grid-template-columns:1.18fr .82fr .82fr;grid-template-rows:250px 250px;gap:16px; }.capability{position:relative;overflow:hidden;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:transform .3s ease,box-shadow .3s ease}.capability:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.capability h3{margin:0 0 9px;font-size:1rem;letter-spacing:-.035em}.capability p{max-width:310px;margin:0;color:var(--ink-soft);font-size:.79rem;line-height:1.65}.capability .number{position:absolute;right:24px;top:20px;color:#c2c9df;font: .65rem "DM Mono"}.capability-major{grid-row:span 2;background:linear-gradient(150deg,#f0f1ff,#fff)}.capability-major h3{font-family:"Syne";font-size:1.8rem;max-width:260px}.capability-major p{font-size:.86rem}.mini-bars{position:absolute;bottom:0;left:27px;right:27px;height:185px;display:flex;align-items:end;gap:11px}.mini-bars i{width:22%;background:var(--indigo);border-radius:8px 8px 0 0;opacity:.12}.mini-bars i:nth-child(1){height:40%}.mini-bars i:nth-child(2){height:66%;opacity:.2}.mini-bars i:nth-child(3){height:50%;opacity:.3}.mini-bars i:nth-child(4){height:85%;opacity:1}.mini-bars i:nth-child(5){height:73%;opacity:.48}.capability-sales{background:var(--sky-pale)}.sales-ring{position:absolute;right:20px;bottom:18px;width:83px;height:83px;border:13px solid #c7ddf7;border-top-color:#427cb6;border-radius:50%;transform:rotate(30deg)}.capability-ops{background:var(--mint-pale)}.ops-list{position:absolute;right:20px;bottom:18px;width:115px}.ops-list i{display:block;height:8px;margin-top:9px;background:rgba(24,105,86,.16);border-radius:5px}.ops-list i:nth-child(2){width:78%}.ops-list i:nth-child(3){width:55%}.capability-inventory{background:#f8f6ff}.blocks{position:absolute;bottom:22px;right:22px;display:grid;grid-template-columns:repeat(3,20px);gap:5px}.blocks i{width:20px;height:20px;border-radius:4px;background:#cfc8f7}.blocks i:nth-child(1),.blocks i:nth-child(5),.blocks i:nth-child(9){background:var(--indigo)}

.command { padding:108px 0;background:#e8edff;overflow:hidden }.command-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.command-copy .section-heading{font-size:clamp(2.1rem,3.6vw,3.4rem)}.workflow{margin:31px 0 0;padding:0;list-style:none}.workflow li{display:grid;grid-template-columns:35px 1fr;gap:13px;padding:14px 0;border-top:1px solid rgba(104,117,176,.22)}.workflow li:last-child{border-bottom:1px solid rgba(104,117,176,.22)}.workflow b{font-size:.83rem}.workflow p{grid-column:2;margin:3px 0 0;font-size:.76rem;color:var(--ink-soft);line-height:1.55}.workflow i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:var(--indigo);font:500 .64rem "DM Mono";font-style:normal}.role-board{padding:20px;background:#fff;border:1px solid #d6dcf4;border-radius:18px;box-shadow:0 22px 46px rgba(57,73,138,.13)}.role-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.role-head b{font-size:.82rem}.role-head span{padding:6px 8px;border-radius:20px;background:var(--mint-pale);color:#18705e;font:500 .57rem "DM Mono"}.roles{display:grid;gap:9px}.role{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:10px}.role-mark{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:var(--indigo-pale);color:var(--indigo);font:600 .62rem "DM Mono"}.role b{display:block;font-size:.72rem}.role small{color:#778199;font-size:.62rem}.permission{padding:4px 7px;color:#596785;background:#f3f5fb;border-radius:4px;font: .54rem "DM Mono"}.role:nth-child(2) .role-mark{background:var(--sky-pale);color:#3970a7}.role:nth-child(3) .role-mark{background:var(--mint-pale);color:#1e816d}

.assurance { padding:125px 0 }.assurance-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.assurance-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.assurance-card{padding:22px;border-top:2px solid var(--indigo);background:var(--white);border-radius:0 0 13px 13px;box-shadow:0 10px 24px rgba(39,49,104,.06)}.assurance-card h3{margin:16px 0 9px;font-size:.88rem}.assurance-card p{margin:0;color:var(--ink-soft);font-size:.74rem;line-height:1.65}.assurance-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--indigo-pale);color:var(--indigo);font:500 .72rem "DM Mono"}
.closing { padding:78px 0;background:var(--indigo); color:#fff; overflow:hidden; position:relative; }.closing::after{content:"";position:absolute;right:-100px;top:-340px;width:650px;height:650px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 68px rgba(255,255,255,.055),0 0 0 135px rgba(255,255,255,.04)}.closing .shell{position:relative;z-index:1;display:flex;justify-content:space-between;gap:30px;align-items:end}.closing h2{max-width:720px;margin:0;font-family:"Syne";font-size:clamp(2.3rem,4.6vw,4.6rem);line-height:1;letter-spacing:-.07em}.closing p{max-width:450px;color:#dbe0ff;font-size:.95rem;line-height:1.7}.closing .button-primary{flex:none;background:white;color:var(--indigo);padding:15px 21px}
.footer{padding:34px 0;background:var(--ink);color:#d7def4}.footer .shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{color:#fff}.footer .logo-placeholder{border-color:#506080;background:#24304e;color:#c8d0ff}.footer p{margin:0;color:#aab5d1;font-size:.72rem}.footer nav{display:flex;gap:20px}.footer nav a{font-size:.72rem;text-decoration:none;color:#cdd6ee}.footer nav a:hover{color:white}
.reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s ease }.reveal.visible {opacity:1;transform:none}

@media(max-width:800px){.shell{width:min(100% - 36px,620px)}.nav{height:70px}.menu-toggle{display:block}.nav-links{position:absolute;left:18px;right:18px;top:64px;padding:17px;display:none;align-items:stretch;flex-direction:column;gap:4px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:9px}.nav-links .login-link{margin-top:4px;color:#fff;text-align:center}.hero{padding:60px 0 36px}.hero-inner,.command-grid,.assurance-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(2.8rem,12vw,4.5rem)}.workspace-visual{min-height:360px;margin:0 14px 0 0}.workspace-frame{inset:0}.proof .shell,.closing .shell{align-items:flex-start;flex-direction:column}.proof-items{gap:20px;justify-content:space-between;width:100%}.platform,.assurance{padding:80px 0}.intro-split{display:block;margin-bottom:35px}.capabilities{grid-template-columns:1fr 1fr;grid-template-rows:auto}.capability-major{grid-column:span 2;grid-row:auto;min-height:330px}.capability{min-height:230px}.command{padding:76px 0}.closing{padding:62px 0}.footer .shell{align-items:flex-start;flex-direction:column}.footer nav{flex-wrap:wrap}.metric-grid{gap:6px}.metric{padding:8px}.workspace-sidebar{display:none}.workspace-body{grid-template-columns:1fr}}
@media(max-width:460px){.hero-actions{align-items:flex-start;flex-direction:column}.workspace-visual{min-height:315px}.workspace-main{padding:13px}.chart{height:118px}.floating-chip{right:-10px;bottom:10px}.capabilities,.assurance-cards{grid-template-columns:1fr}.capability-major{grid-column:auto}.proof-items{gap:12px}.proof-item b{font-size:1rem}.proof-item span{font-size:.6rem}.role{grid-template-columns:31px 1fr}.permission{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}