*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fa;color:#0b1739}button,a{font:inherit}.topbar{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(248,250,252,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;border-bottom:1px solid #e6eaf0}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em;text-decoration:none;color:#0a1738}.brand-mark{width:34px;height:34px;border-radius:9px;background:#0b1d46;color:#fff;display:grid;place-items:center}.nav{display:flex;align-items:center;gap:28px}.nav a{text-decoration:none;color:#516078;font-size:14px}.btn{border:0;border-radius:12px;padding:14px 20px;cursor:pointer;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-small{padding:10px 15px;font-size:13px}.btn-outline{background:transparent;border:1px solid #ccd4e0;color:#12224a}.btn-primary{background:#0c214f;color:white;box-shadow:0 10px 25px rgba(12,33,79,.2)}.btn-primary span,.btn-light span{margin-left:10px}.btn-ghost{background:transparent;color:#334765;text-decoration:none}.hero{min-height:calc(100vh - 76px);padding:70px 6vw 90px;display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center;overflow:hidden}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:#6b7890;display:flex;align-items:center;gap:10px}.eyebrow span{width:26px;height:2px;background:#93a4bd}.hero h1{font-size:clamp(54px,7vw,96px);line-height:.95;margin:24px 0;color:#091736;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#7283a1}.hero-text{font-size:18px;line-height:1.7;max-width:650px;color:#647188}.hero-actions{display:flex;gap:12px;margin-top:34px}.hero-proof{display:flex;gap:48px;margin-top:48px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:28px}.hero-proof span{font-size:12px;color:#7c8798;margin-top:5px}.hero-visual{position:relative;min-width:0}.glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#dbe5f5,transparent 68%);top:-70px;right:-80px}.app-window{position:relative;background:white;border:1px solid #dce2eb;border-radius:20px;box-shadow:0 35px 80px rgba(25,45,80,.18);overflow:hidden}.tilt{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.window-bar{height:44px;padding:0 14px;background:#f7f9fb;border-bottom:1px solid #e5e9ef;display:flex;align-items:center;justify-content:space-between;color:#8490a2;font-size:10px}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#c6cfdb}.live-dot{font-weight:700;color:#5c6d87}.mini-dashboard{display:grid;grid-template-columns:52px 1fr;min-height:430px}.mini-sidebar{background:#0b1c43;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:18px}.mini-logo{width:28px;height:28px;border-radius:8px;background:white;color:#0b1c43;display:grid;place-items:center;font-weight:800}.mini-sidebar span{width:18px;height:18px;border-radius:5px;background:#24365b}.mini-sidebar span.active{background:#fff}.mini-main{padding:26px;background:#fbfcfe}.mini-head{display:flex;justify-content:space-between;align-items:center}.mini-head small{font-size:8px;color:#8b96a6}.mini-head h3{margin:5px 0 0;font-size:20px}.mini-head button{background:#0d224f;color:#fff;border:0;border-radius:8px;padding:9px 12px;font-size:9px}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.mini-kpis div{background:#fff;border:1px solid #e7eaf0;border-radius:10px;padding:13px}.mini-kpis b{display:block;font-size:21px}.mini-kpis small{font-size:8px;color:#8a95a5}.mini-table{border:1px solid #e7eaf0;border-radius:10px;background:white;overflow:hidden}.mini-row{display:grid;grid-template-columns:.6fr 1.1fr 1.6fr 1fr;gap:8px;align-items:center;padding:12px;font-size:8px;border-top:1px solid #edf0f4}.mini-title{border:0;background:#f8f9fb;color:#8b96a6}.tag,.status{width:max-content;border-radius:999px;padding:5px 8px;font-weight:700;font-size:8px}.ok{background:#edf8f2;color:#287653}.warn,.warning{background:#fff5e9;color:#a86b1b}.pending{background:#eef2f7;color:#69778b}.statement{padding:110px 6vw;background:white;text-align:center}.statement p{font-size:14px;color:#8995a6;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.statement h2{font-size:clamp(36px,5vw,68px);line-height:1.05;letter-spacing:-.045em;margin:16px auto 0;max-width:1100px}.features{padding:120px 6vw}.section-heading{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:40px;align-items:end}.section-heading h2{font-size:48px;line-height:1.03;margin:0;letter-spacing:-.04em}.section-heading p{color:#738096;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:65px}.feature-card{background:white;border:1px solid #e5e9ef;border-radius:18px;padding:28px;min-height:300px;position:relative}.feature-card .number{font-size:11px;color:#9aa5b5;font-weight:700}.feature-card .icon{margin-top:35px;width:46px;height:46px;border-radius:13px;background:#eef2f7;display:grid;place-items:center;font-size:22px}.feature-card h3{font-size:22px;margin-top:35px}.feature-card p{color:#718096;line-height:1.6;font-size:14px}.workflow{background:#0a1a3d;color:white;padding:110px 6vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.eyebrow.light{color:#9eabc2}.workflow-copy h2{font-size:54px;line-height:1.02;letter-spacing:-.04em;margin:22px 0}.workflow-copy p{color:#aeb8c9;line-height:1.7;max-width:520px}.btn-light{margin-top:22px;background:white;color:#0c214f}.flow{position:relative}.flow-item{display:flex;gap:18px;align-items:center;background:#10264f;border:1px solid #27416e;padding:20px;border-radius:15px}.flow-item.highlight{background:#f4f7fb;color:#0b1d46}.flow-icon{width:48px;height:48px;border-radius:12px;background:#1c3562;display:grid;place-items:center;font-size:20px;font-weight:800}.highlight .flow-icon{background:#0b1d46;color:white}.flow-item div:last-child{display:flex;flex-direction:column}.flow-item small{font-size:9px;letter-spacing:.12em;color:#94a5bf}.flow-item strong{font-size:17px;margin:3px 0}.flow-item span{font-size:11px;color:#91a1b9}.highlight span{color:#6f7d91}.flow-line{width:2px;height:26px;background:#36507b;margin:auto}.alert-card{margin-top:18px;background:#132b55;border:1px dashed #587099;border-radius:12px;padding:15px;font-size:12px;color:#aebad0}.alert-card b{color:white}.cta{padding:100px 6vw;display:flex;align-items:center;justify-content:space-between;background:#f6f8fb}.cta h2{font-size:52px;line-height:1.02;letter-spacing:-.04em;margin:18px 0 0}.btn.big{padding:19px 24px}

/* DEMO */
.demo-shell{position:fixed;inset:0;background:#f3f6fa;z-index:100;display:grid;grid-template-columns:245px 1fr;transform:translateY(105%);transition:.45s cubic-bezier(.22,.8,.3,1);overflow:hidden}.demo-shell.open{transform:translateY(0)}.demo-sidebar{background:#081735;color:#fff;padding:24px 18px;display:flex;flex-direction:column}.demo-brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px}.demo-brand span{width:33px;height:33px;border-radius:9px;background:white;color:#081735;display:grid;place-items:center;font-weight:900}.demo-brand b{letter-spacing:.08em}.demo-menu{display:flex;flex-direction:column;gap:6px}.demo-menu button{border:0;background:transparent;color:#8fa0bc;border-radius:10px;padding:13px;text-align:left;display:flex;gap:12px;align-items:center;cursor:pointer}.demo-menu button.selected{background:#122852;color:#fff}.demo-menu i{margin-left:auto;background:#e5ab4c;color:#081735;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:800}.demo-bottom{margin-top:auto;padding:18px 8px;border-top:1px solid #1f3458;display:flex;flex-direction:column;gap:5px}.demo-bottom small{font-size:9px;color:#7387aa}.demo-bottom strong{font-size:12px}.demo-bottom button{margin-top:14px;background:transparent;border:0;color:#90a2bf;text-align:left;padding:0;cursor:pointer;font-size:12px}.demo-content{padding:38px 44px;overflow:auto}.demo-header{display:flex;justify-content:space-between;align-items:center}.demo-header small{color:#8996aa;font-weight:700;letter-spacing:.12em;font-size:10px}.demo-header h1{font-size:38px;margin:8px 0 5px;letter-spacing:-.04em}.demo-header p{margin:0;color:#7a8799}.demo-actions{display:flex;gap:8px}.icon-btn{width:42px;height:42px;border:1px solid #dce2eb;background:white;border-radius:11px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 20px}.kpi{background:white;border:1px solid #e3e8ef;border-radius:15px;padding:20px;display:grid}.kpi span{font-size:12px;color:#738095}.kpi strong{font-size:35px;margin:10px 0 4px}.kpi small{font-size:10px;color:#97a1b0}.kpi.alert{border-color:#efd6ad}.dashboard-grid{display:grid;grid-template-columns:1fr 330px;gap:18px}.panel{background:#fff;border:1px solid #e2e7ee;border-radius:16px;padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h3{margin:0;font-size:16px}.panel-head p{margin:5px 0 0;color:#97a2b0;font-size:11px}.panel-head button{border:0;background:transparent;color:#64738a;font-size:11px}.planning-table{border:1px solid #e9edf2;border-radius:12px;overflow:hidden}.p-row{display:grid;grid-template-columns:.6fr 1.3fr 1.5fr 1fr .9fr;gap:10px;padding:15px;font-size:11px;border-top:1px solid #edf0f4;align-items:center}.p-head{border:0;background:#f8fafc;color:#8793a5;font-size:9px;text-transform:uppercase;font-weight:700}.status{font-size:9px}.alert-list{display:flex;flex-direction:column}.alert-list>div{display:flex;gap:11px;padding:14px 0;border-top:1px solid #edf0f4}.alert-list>div:first-child{border:0}.alert-list i{width:25px;height:25px;border-radius:8px;background:#fff2df;color:#a76b17;display:grid;place-items:center;font-style:normal;font-weight:800}.alert-list p{margin:0;display:flex;flex-direction:column}.alert-list b{font-size:11px}.alert-list span{font-size:9px;color:#8793a5;margin-top:4px}.odt-modal{position:absolute;inset:0;background:rgba(5,14,34,.64);backdrop-filter:blur(4px);display:none;place-items:center;padding:25px}.odt-modal.open{display:grid}.odt-card{background:#fff;width:min(610px,92vw);border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.odt-top{display:flex;justify-content:space-between;align-items:start}.odt-top small{font-size:9px;letter-spacing:.16em;color:#8895a8;font-weight:800}.odt-top h2{margin:7px 0 0}.odt-top button{border:0;background:#eef2f6;width:32px;height:32px;border-radius:9px;font-size:20px}.progress{height:5px;background:#e9edf3;border-radius:99px;margin:24px 0;overflow:hidden}.progress div{height:100%;width:0;background:#0c214f;transition:.45s}.odt-stage{display:none;text-align:center;min-height:280px;align-items:center;justify-content:center;flex-direction:column}.odt-stage.active{display:flex}.loader{width:48px;height:48px;border:4px solid #dfe5ee;border-top-color:#0c214f;border-radius:50%;animation:spin 1s linear infinite}.odt-stage h3{font-size:24px;margin:22px 0 8px}.odt-stage p{color:#7b8799}.scan-icon,.match-icon,.success-mark{width:55px;height:55px;border-radius:15px;background:#edf2f8;display:grid;place-items:center;font-size:25px;font-weight:800}.success-mark{background:#eaf6ef;color:#347855}.scan-lines{width:78%;display:grid;gap:8px;margin-top:18px}.scan-lines span{height:9px;border-radius:99px;background:linear-gradient(90deg,#e9edf3,#cfd9e7,#e9edf3);background-size:200% 100%;animation:scan 1.2s infinite}.scan-lines span:nth-child(2){width:85%}.scan-lines span:nth-child(3){width:65%}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:16px;text-align:left}.data-grid div{border:1px solid #e3e8ef;border-radius:12px;padding:15px}.data-grid small{display:block;color:#8b96a7;font-size:9px;margin-bottom:7px}.data-grid b{font-size:12px}.choices{display:grid;gap:10px;width:100%;margin-top:12px}.choice{display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e6ee;background:white;padding:15px;border-radius:12px;cursor:pointer;text-align:left}.choice:hover{border-color:#0c214f}.choice span{display:flex;flex-direction:column}.choice small{color:#8d98a8;margin-top:4px}.choice strong{color:#2b5b93}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%{background-position:0% 0}100%{background-position:200% 0}}

@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-visual{max-width:760px}.section-heading{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr}.demo-shell{grid-template-columns:75px 1fr}.demo-sidebar{padding:20px 12px}.demo-brand b,.demo-menu span,.demo-bottom small,.demo-bottom strong{display:none}.demo-bottom button{font-size:0}.demo-bottom button::after{content:'←';font-size:18px}.dashboard-grid{grid-template-columns:1fr}.side-panel{display:none}}@media(max-width:700px){.nav a{display:none}.hero{padding-top:40px}.hero h1{font-size:52px}.hero-proof{gap:20px}.feature-grid{grid-template-columns:1fr}.cta{align-items:flex-start;gap:30px;flex-direction:column}.cta h2{font-size:40px}.demo-shell{grid-template-columns:1fr}.demo-sidebar{display:none}.demo-content{padding:24px 16px}.demo-header{align-items:flex-start}.demo-actions .icon-btn{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.p-row{grid-template-columns:.6fr 1.2fr 1.3fr .9fr}.p-row span:nth-child(4){display:none}.hero-actions{flex-direction:column;align-items:flex-start}}