.vakt-story{background:#fff;color:#10243d}
.vakt-hero{position:relative;display:flex;min-height:780px;align-items:center;overflow:hidden;background:#07182c;color:#fff}
.vakt-hero-image,.vakt-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.vakt-hero-image{object-fit:cover;object-position:center}
.vakt-hero-shade{background:linear-gradient(90deg,rgba(4,18,35,.96) 0%,rgba(4,18,35,.82) 31%,rgba(4,18,35,.25) 61%,rgba(4,18,35,.1) 100%)}
.vakt-hero-content{position:relative;z-index:2;padding-top:108px;padding-bottom:90px}
.vakt-hero-content h1{max-width:790px;margin:0;font-size:clamp(54px,6vw,88px);line-height:.98;letter-spacing:-.058em}
.vakt-hero-content h1 span{color:#80b4ff}
.vakt-hero-content>p:not(.kicker){max-width:650px;margin:25px 0 0;color:#d4e1ed;font-size:19px;line-height:1.7}
.vakt-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}
.vakt-hero-pills span{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(4,18,35,.35);color:#dce8f5;font-size:12px;font-weight:700;backdrop-filter:blur(8px)}
.vakt-live-card{position:absolute;z-index:3;right:5vw;bottom:36px;display:grid;grid-template-columns:12px 1fr auto;gap:14px;align-items:center;width:min(410px,calc(100% - 40px));padding:18px 20px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(7,24,45,.8);box-shadow:0 25px 60px rgba(0,0,0,.35);backdrop-filter:blur(16px)}
.vakt-live-card i{width:10px;height:10px;border-radius:50%;background:#5ce2a2;box-shadow:0 0 0 7px rgba(92,226,162,.13);animation:vaktPulse 1.8s infinite}
.vakt-live-card small,.vakt-live-card b,.vakt-live-card span{display:block}.vakt-live-card small{color:#78b2ff;font-size:9px;font-weight:800;letter-spacing:.09em}.vakt-live-card b{margin:3px 0;font-size:13px}.vakt-live-card span{color:#aebfd1;font-size:11px}.vakt-live-card strong{color:#fff;font-size:22px}
@keyframes vaktPulse{50%{box-shadow:0 0 0 12px rgba(92,226,162,0)}}

.vakt-control{overflow:hidden;background:#f4f7fb}
.vakt-control-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}
.vakt-control-copy h2,.vakt-modes-heading h2,.reporting-intro h2,.vakt-chain-heading h2{margin:0;font-size:clamp(40px,4.5vw,64px);line-height:1.05;letter-spacing:-.048em}
.vakt-control-copy>p:not(.kicker){margin:24px 0 0;color:#63768a;font-size:17px;line-height:1.75}
.vakt-admin-list{display:grid;gap:0;margin-top:30px;border-top:1px solid #d8e2ec}
.vakt-admin-list article{display:grid;grid-template-columns:36px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid #d8e2ec}
.vakt-admin-list span{padding-top:3px;color:#2f7df6;font-size:11px;font-weight:800}.vakt-admin-list b{font-size:16px}.vakt-admin-list p{margin:5px 0 0;color:#6b7e91;font-size:13px;line-height:1.55}
.vakt-dashboard{position:relative;padding:12px;border-radius:20px;background:#0b1e36;box-shadow:0 35px 80px rgba(7,31,59,.23)}
.vakt-dashboard .browser-bar{border-radius:10px 10px 0 0}.vakt-dashboard>img{display:block;width:100%;aspect-ratio:1.62;object-fit:cover;object-position:top;border-radius:0 0 10px 10px}
.dashboard-chip{position:absolute;display:flex;flex-direction:column;padding:13px 17px;border:1px solid #d9e3ee;border-radius:10px;background:#fff;box-shadow:0 15px 35px rgba(7,31,59,.18)}
.dashboard-chip small{color:#2f7df6;font-size:9px;font-weight:800;letter-spacing:.08em}.dashboard-chip b{margin-top:2px;font-size:12px}.chip-plan{left:-34px;top:26%}.chip-report{right:-28px;bottom:18%}

.vakt-modes{background:#09172b;color:#fff}
.vakt-modes-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:50px}.vakt-modes-heading>p{margin:0;color:#aebfd0;font-size:17px;line-height:1.7}
.vakt-mode-panel{display:grid;grid-template-columns:.62fr 1.38fr;min-height:600px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#0c203b;box-shadow:0 36px 90px rgba(0,0,0,.28)}
.vakt-mode-tabs{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);background:#07182d}
.vakt-mode-tabs button{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:29px 25px;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;text-align:left;cursor:pointer;transition:.25s ease}
.vakt-mode-tabs button:hover,.vakt-mode-tabs button.active{background:#12335d}.vakt-mode-tabs button.active{box-shadow:inset 4px 0 #4e94ff}
.vakt-mode-tabs span{grid-row:1/3;color:#679ce5;font-size:10px;font-weight:800}.vakt-mode-tabs b{font-size:16px}.vakt-mode-tabs small{grid-column:2;color:#91a7be;line-height:1.5}
.vakt-mode-stage{display:grid;grid-template-columns:1fr .9fr;gap:25px;align-items:center;padding:50px 45px;background:radial-gradient(circle at 84% 50%,rgba(47,125,246,.2),transparent 38%)}
.vakt-mode-copy>p:first-child{margin:0 0 13px;color:#75aaff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vakt-mode-copy h3{margin:0 0 17px;font-size:36px;letter-spacing:-.035em}.vakt-mode-copy>p:not(:first-child){color:#b9c9da;line-height:1.75}.vakt-mode-copy ul{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}.vakt-mode-copy li{font-size:13px;font-weight:700}.vakt-mode-copy li:before{content:'✓';margin-right:9px;color:#70adff}
.vakt-phone-wrap{position:relative;display:grid;place-items:center;min-height:500px}.vakt-phone-wrap .phone-device{z-index:2;width:min(245px,78%);filter:drop-shadow(0 30px 32px rgba(0,0,0,.5));transition:transform .35s ease}.vakt-phone-wrap .phone-screen img{display:block;width:100%;height:100%;object-fit:fill}.vakt-phone-wrap .pulse-ring{position:absolute;width:330px;height:330px;border:1px solid rgba(90,155,255,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(47,125,246,.045),0 0 0 110px rgba(47,125,246,.02)}
.vakt-mode-panel.is-changing .phone-device{transform:translateY(8px) scale(.98)}

.vakt-reporting{overflow:hidden;background:#fff}
.vakt-reporting-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:95px;align-items:center}
.reporting-intro>p:not(.kicker){margin:24px 0;color:#62758a;font-size:17px;line-height:1.75}
.report-stack{position:relative;min-height:520px}.report-sheet{position:absolute;border:1px solid #dce5ee;border-radius:14px;background:#fff;box-shadow:0 28px 65px rgba(7,31,59,.14)}.report-sheet-back{inset:35px 65px 35px 25px;padding:25px;transform:rotate(-5deg);background:#eaf2ff}.report-sheet-back span{color:#2f7df6;font-size:10px;font-weight:800}.report-sheet-back i{display:block;width:72%;height:10px;margin-top:21px;border-radius:6px;background:#c9dbf1}.report-sheet-front{inset:25px 15px 25px 70px;padding:29px;transform:rotate(2deg)}
.report-sheet-front header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #dfe7ef}.report-sheet-front small,.report-sheet-front b{display:block}.report-sheet-front small{color:#2f7df6;font-size:9px;font-weight:800;letter-spacing:.08em}.report-sheet-front b{margin-top:5px;font-size:18px}.report-sheet-front header>span{padding:6px 8px;border-radius:5px;background:#e5f8ef;color:#16704a;font-size:9px;font-weight:800}
.report-chart{display:flex;height:190px;align-items:end;gap:11px;padding:30px 15px 18px;border-bottom:1px solid #dfe7ef}.report-chart i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(#69a5ff,#2164c7)}
.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:22px}.report-kpis b,.report-kpis small{display:block}.report-kpis b{font-size:12px}.report-kpis small{margin-top:4px;color:#718296;font-size:9px;line-height:1.4}
.vakt-report-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid #dce5ee;border-bottom:1px solid #dce5ee}.vakt-report-benefits article{min-height:230px;padding:27px;border-left:1px solid #dce5ee}.vakt-report-benefits article:last-child{border-right:1px solid #dce5ee}.vakt-report-benefits span{color:#2f7df6;font-size:10px;font-weight:800}.vakt-report-benefits h3{margin:30px 0 10px;font-size:19px}.vakt-report-benefits p{margin:0;color:#697b8e;font-size:13px;line-height:1.6}

.vakt-chain{padding:105px 0;background:#0b1220;color:#fff}.vakt-chain-heading{max-width:920px}.vakt-chain-flow{display:grid;grid-template-columns:repeat(4,1fr);margin:65px 0 0;padding:0;list-style:none}.vakt-chain-flow li{position:relative;min-height:180px;padding:26px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.vakt-chain-flow li:last-child{border-right:1px solid rgba(255,255,255,.18)}.vakt-chain-flow span,.vakt-chain-flow b,.vakt-chain-flow small{display:block}.vakt-chain-flow span{color:#6fa8ff;font-size:10px;font-weight:800}.vakt-chain-flow b{margin-top:36px;font-size:16px}.vakt-chain-flow small{margin-top:7px;color:#94a8bd;line-height:1.5}.vakt-chain-flow li:not(:last-child):after{content:'→';position:absolute;z-index:2;right:-10px;top:50%;color:#69a6ff;transform:translateY(-50%)}

@media(max-width:1050px){.vakt-hero{min-height:720px}.vakt-control-grid,.vakt-reporting-grid{grid-template-columns:1fr;gap:55px}.vakt-dashboard{max-width:820px}.vakt-mode-panel{grid-template-columns:1fr}.vakt-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.vakt-mode-tabs button{min-height:140px;padding:22px}.vakt-mode-tabs button.active{box-shadow:inset 0 4px #4e94ff}.vakt-reporting-grid{grid-template-columns:1fr 1.15fr}.vakt-chain-flow{grid-template-columns:1fr 1fr}.vakt-chain-flow li:nth-child(2){border-right:1px solid rgba(255,255,255,.18)}.vakt-chain-flow li:not(:last-child):after{display:none}}
@media(max-width:760px){.vakt-hero{min-height:760px;align-items:flex-end}.vakt-hero-image{object-position:62% center}.vakt-hero-shade{background:linear-gradient(0deg,rgba(4,18,35,.98) 0%,rgba(4,18,35,.87) 48%,rgba(4,18,35,.25) 100%)}.vakt-hero-content{padding-top:210px;padding-bottom:135px}.vakt-hero-content h1{font-size:48px}.vakt-hero-content>p:not(.kicker){font-size:16px}.vakt-live-card{right:20px;bottom:18px}.vakt-modes-heading,.vakt-reporting-grid{grid-template-columns:1fr;gap:28px}.vakt-mode-tabs{grid-template-columns:1fr}.vakt-mode-tabs button{min-height:0}.vakt-mode-stage{grid-template-columns:1fr;padding:35px 22px}.vakt-phone-wrap{min-height:450px}.dashboard-chip{display:none}.report-stack{min-height:430px}.report-sheet-back{inset:30px 35px}.report-sheet-front{inset:15px 10px 15px 35px;padding:22px}.vakt-report-benefits{grid-template-columns:1fr 1fr}.vakt-report-benefits article:nth-child(2){border-right:1px solid #dce5ee}.vakt-chain-flow{grid-template-columns:1fr}.vakt-chain-flow li{min-height:130px;border-right:1px solid rgba(255,255,255,.18)}.vakt-chain-flow li+li{border-top:0}.vakt-chain{padding:75px 0}}
@media(max-width:500px){.vakt-hero-content h1{font-size:41px}.vakt-live-card{grid-template-columns:10px 1fr}.vakt-live-card strong{display:none}.vakt-report-benefits{grid-template-columns:1fr}.vakt-report-benefits article{min-height:0;border-right:1px solid #dce5ee;border-bottom:1px solid #dce5ee}.vakt-report-benefits article:last-child{border-bottom:0}.report-chart{height:150px}.report-kpis{gap:7px}}

@media(prefers-reduced-motion:reduce){.vakt-live-card i{animation:none}}