<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SIRTIKA™ SOM Hub — Platform Demo</title>
<style>
:root{
--ink:#0C2237;--slate:#1C3D5A;--gold:#B8860B;--champagne:#E8D290;
--sand:#F1EFE8;--paper:#FFFFFF;--green:#2F7D5A;--amber:#C9922A;--red:#B23A33;
--ink-70:rgba(12,34,55,.70);--ink-45:rgba(12,34,55,.45);--line:rgba(12,34,55,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Calibri,'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--sand);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
body.touring{padding-bottom:172px}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}
nav{position:sticky;top:0;z-index:50;background:var(--ink);border-bottom:1px solid rgba(232,210,144,.22)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;flex-direction:column;line-height:1}
.brand .mark{font-size:23px;font-weight:700;letter-spacing:.5px;color:var(--paper)}
.brand .mark b{color:var(--champagne)}
.brand .sub{font-size:10.5px;letter-spacing:3.5px;color:var(--gold);margin-top:5px;font-weight:700}
.tabs{display:flex;gap:3px;flex-wrap:wrap}
.tab{background:none;border:none;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:.2px;color:rgba(255,255,255,.62);padding:9px 14px;border-radius:6px;transition:all .2s}
.tab:hover{color:#fff}
.tab.active{color:var(--ink);background:var(--champagne)}
/* client account strip */
.clientbar{position:sticky;top:66px;z-index:49;background:var(--slate);border-bottom:1px solid rgba(232,210,144,.18)}
.cb-inner{max-width:1160px;margin:0 auto;padding:9px 32px;display:flex;gap:26px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.78)}
.cb-item{display:flex;gap:7px;align-items:baseline}
.cb-item .k{color:var(--champagne);font-weight:700;letter-spacing:.3px}
.cb-item .v{font-weight:600;color:#fff}
.cb-risk .v{color:#e79b95}
.cb-stage .v{color:var(--champagne)}
section{display:none;animation:fade .45s ease}
section.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase}
.stage-h{font-size:37px;font-weight:700;color:var(--ink);margin:10px 0 0;line-height:1.12}
.lead{font-size:18px;color:var(--ink-70);max-width:720px;margin-top:16px}
.rule{height:2px;width:54px;background:var(--gold);margin:22px 0 0;border-radius:2px}
.ovband{padding:70px 0}
.band-dark{background:var(--ink);color:#fff}
.band-dark .stage-h{color:#fff}.band-dark .eyebrow{color:var(--champagne)}.band-dark .lead{color:rgba(255,255,255,.74)}
/* HERO */
.hero{background:var(--ink);color:var(--paper);padding:76px 0 64px}
.hero .eyebrow{color:var(--champagne)}
.hero h1{font-size:48px;font-weight:700;line-height:1.08;margin:18px 0 0;max-width:880px}
.hero h1 em{font-style:normal;color:var(--champagne)}
.hero p.sub{font-size:19px;color:rgba(255,255,255,.78);max-width:700px;margin-top:22px}
.hero p.aud{font-size:15px;color:var(--champagne);max-width:680px;margin-top:14px;font-weight:600}
.ctarow{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.cta{cursor:pointer;background:var(--gold);color:#fff;border:none;font-family:inherit;font-size:14.5px;font-weight:700;letter-spacing:.3px;padding:14px 24px;border-radius:8px;transition:all .2s}
.cta:hover{background:var(--champagne);color:var(--ink)}
.cta.ghost{background:transparent;border:1px solid rgba(232,210,144,.5);color:var(--champagne)}
.cta.ghost:hover{background:var(--champagne);color:var(--ink)}
.attrib{margin-top:28px;font-size:13.5px;color:rgba(255,255,255,.55);border-left:2px solid var(--gold);padding-left:14px}
.attrib b{color:rgba(255,255,255,.85);font-weight:700}
/* positioning */
.posrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.poscard{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:13px;padding:22px}
.poscard .pk{font-size:16px;font-weight:700;color:var(--ink)}
.poscard .pv{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-top:4px}
.poscard p{font-size:13.5px;color:var(--ink-70);margin-top:10px}
/* compare */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
.col-card{border-radius:14px;padding:26px 28px}
.col-card h5{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:14px}
.col-card ul{list-style:none}
.col-card li{font-size:15.5px;padding:9px 0;display:flex;align-items:flex-start;gap:11px}
.col-card li .mk{flex-shrink:0;font-weight:700}
.light .col-card{background:var(--paper);border:1px solid var(--line)}
.light .col-have h5{color:var(--ink-45)}.light .col-have li{color:var(--ink-70)}.light .col-have .mk{color:var(--ink-45)}
.col-bad{border-top:4px solid var(--red)!important}
.light .col-bad h5{color:var(--red)}.light .col-bad li{color:var(--ink)}.light .col-bad .mk{color:var(--red)}
.dk .col-card{background:var(--slate);border:1px solid rgba(232,210,144,.16)}
.dk .col-bad h5{color:#e79b95}.dk .col-card li{color:rgba(255,255,255,.82)}.dk .col-bad .mk{color:#e79b95}
.col-good{border-top:4px solid var(--green)!important}
.dk .col-good h5{color:#7fcfa6}.dk .col-good .mk{color:#7fcfa6}
.pull{margin-top:30px;font-size:21px;font-weight:600;color:var(--slate);border-left:3px solid var(--gold);padding:6px 0 6px 20px}
.band-dark .pull{color:var(--champagne)}
.mandate{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.mcard{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:13px;padding:22px}
.mcard h5{font-size:17px;font-weight:700;color:var(--ink)}
.mcard p{font-size:14px;color:var(--ink-70);margin-top:9px}
.mandate-line{margin-top:28px;font-size:19px;font-weight:700;color:var(--ink)}
.mandate-line em{font-style:normal;color:var(--gold)}
.loop{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;margin-top:36px}
.stagecard{background:var(--slate);border:1px solid rgba(232,210,144,.25);border-radius:14px;padding:24px;cursor:pointer;transition:all .25s;display:flex;flex-direction:column;min-height:182px}
.stagecard:hover{transform:translateY(-5px);border-color:var(--champagne);box-shadow:0 14px 30px rgba(0,0,0,.28)}
.stagecard .num{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--gold)}
.stagecard h3{font-size:22px;font-weight:700;color:#fff;margin:12px 0 0}
.stagecard .tag{font-size:12.5px;letter-spacing:1px;color:var(--champagne);margin-top:3px;text-transform:uppercase;font-weight:600}
.stagecard p{font-size:14px;color:rgba(255,255,255,.66);margin-top:13px}
.arrow{display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:26px;padding:0 14px}
.loopback{text-align:center;color:rgba(255,255,255,.5);font-size:13px;letter-spacing:1.5px;margin-top:24px}
.loopback b{color:var(--champagne)}
/* journey */
.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}
.jstep{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px 16px;position:relative}
.jstep .jw{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--gold);text-transform:uppercase}
.jstep .jt{font-size:15px;font-weight:700;color:var(--ink);margin-top:6px}
.jstep .jd{font-size:12.5px;color:var(--ink-70);margin-top:6px}
/* packages */
.pkgs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.pkg{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:22px;display:flex;flex-direction:column}
.pkg h5{font-size:16px;font-weight:700;color:var(--ink)}
.pkg .seq{font-size:11.5px;font-weight:700;letter-spacing:1px;color:var(--gold);text-transform:uppercase}
.pkg p{font-size:13.5px;color:var(--ink-70);margin-top:8px}
.pkg.lead-pkg{border-top:3px solid var(--gold)}
/* outcomes */
.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.oc{background:var(--slate);border:1px solid rgba(232,210,144,.16);border-radius:11px;padding:18px 20px;color:#fff;font-size:15px;font-weight:600;display:flex;gap:11px;align-items:center}
.oc .ck{color:var(--champagne);font-weight:700}
.confnote{margin-top:30px;background:rgba(12,34,55,.04);border:1px solid var(--line);border-radius:10px;padding:16px 20px;font-size:13.5px;color:var(--ink-70)}
.confnote b{color:var(--ink)}
.panel{padding:60px 0}
.grid2{display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;margin-top:40px;align-items:start}
/* DIAGNOSYS */
.gauge-wrap{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:32px;text-align:center;box-shadow:0 6px 22px rgba(12,34,55,.05)}
.gauge{width:180px;height:180px;border-radius:50%;margin:4px auto 0;display:flex;align-items:center;justify-content:center;position:relative;background:conic-gradient(var(--gold) 0deg 194deg, rgba(12,34,55,.10) 194deg 360deg)}
.gauge::before{content:"";position:absolute;inset:15px;background:var(--paper);border-radius:50%}
.gauge .val{position:relative;z-index:1}
.gauge .val b{font-size:44px;font-weight:700;color:var(--ink);display:block;line-height:1}
.gauge .val span{font-size:14px;color:var(--ink-45);letter-spacing:1px}
.band{margin-top:16px;font-size:14px;font-weight:700;letter-spacing:1px;color:var(--amber);text-transform:uppercase}
.bands{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px}
.bandseg{padding:8px 4px;border-radius:7px;background:rgba(12,34,55,.05);border:1px solid var(--line)}
.bandseg b{display:block;font-size:13px;color:var(--ink)}
.bandseg span{font-size:11px;color:var(--ink-45);letter-spacing:.3px}
.bandseg.active{background:var(--champagne);border-color:var(--gold)}
.bandseg.active b,.bandseg.active span{color:var(--ink)}
.risk{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.risk b{display:block;font-size:30px;font-weight:700;color:var(--red)}
.risk span{font-size:13px;color:var(--ink-70)}
.dim{margin-bottom:18px}
.dim .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}
.dim .name{font-size:15.5px;font-weight:600;color:var(--ink)}
.dim .pct{font-size:15px;font-weight:700;color:var(--slate)}
.track{height:11px;background:rgba(12,34,55,.08);border-radius:6px;overflow:hidden}
.fill{height:100%;width:0;border-radius:6px;transition:width 1.1s cubic-bezier(.22,.61,.36,1)}
.riskbd{margin-top:50px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px 28px}
.rb-head{font-size:17px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:6px}
.rb-head span{font-size:13.5px;font-weight:400;color:var(--ink-45)}
.rb-row{display:grid;grid-template-columns:200px 70px 1fr;gap:16px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.rb-row:last-child{border-bottom:none}
.rb-row .rbk{font-size:14.5px;color:var(--ink-70)}
.rb-row b{font-size:15px;font-weight:700;color:var(--ink)}
.rb-bar{height:9px;background:rgba(12,34,55,.07);border-radius:5px;overflow:hidden}
.rb-bar i{display:block;height:100%;background:var(--red);opacity:.78;border-radius:5px}
.caps-h,.gaps h4,.sub-block-h{font-size:13px;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;font-weight:700}
.caps-h{margin-top:50px}
.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.cap{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:flex;gap:11px;align-items:center;font-size:15px;font-weight:600;color:var(--ink)}
.cap .ck{color:var(--gold);font-weight:700;font-size:16px}
.gaps{margin-top:50px}
.gap-row{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:10px;padding:16px 22px;margin-top:14px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.gap-row[data-sev="med"]{border-left-color:var(--amber)}
.gap-main{flex:1;min-width:280px;display:flex;align-items:center;gap:14px}
.sev{font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 9px;border-radius:5px;color:#fff;background:var(--red);flex-shrink:0}
.gap-row[data-sev="med"] .sev{background:var(--amber)}
.gap-main .txt{font-size:15px;color:var(--ink)}
.gap-meta{display:flex;gap:10px;flex-wrap:wrap}
.gap-meta span{font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--slate);background:var(--sand);border:1px solid var(--line);padding:5px 11px;border-radius:18px;white-space:nowrap}
/* BLUEPRINT */
.fn-block{margin-top:38px}
.fn-head{display:flex;align-items:baseline;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:20px}
.fn-head .fn{font-size:20px;font-weight:700;letter-spacing:2px;color:var(--ink)}
.fn-head .fn-tag{font-size:14px;color:var(--ink-45)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}
.asset{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:16px 18px;transition:all .2s;position:relative;overflow:hidden}
.asset:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(12,34,55,.10);border-color:var(--champagne)}
.asset::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);opacity:0;transition:opacity .2s}
.asset:hover::before{opacity:1}
.asset .code{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--gold)}
.asset .nm{font-size:15px;font-weight:600;color:var(--ink);margin-top:5px;line-height:1.32}
.asset .fmt{display:inline-block;font-size:11px;letter-spacing:.5px;color:var(--ink-45);margin-top:10px;border:1px solid var(--line);padding:3px 9px;border-radius:5px}
.build-foot{margin-top:44px;text-align:center;background:var(--ink);color:#fff;border-radius:14px;padding:28px}
.build-foot b{font-size:28px;color:var(--champagne)}
.build-foot span{display:block;font-size:15px;color:rgba(255,255,255,.7);margin-top:6px}
/* HUB */
.missing{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--slate);background:var(--champagne);padding:7px 14px;border-radius:20px;margin-top:18px}
.subhead{font-size:13px;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;font-weight:700;margin-top:48px}
.intel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.itile{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;padding:20px}
.itile h5{font-size:15.5px;font-weight:700;color:var(--ink)}
.itile p{font-size:13.5px;color:var(--ink-70);margin-top:8px;line-height:1.45}
.library{margin-top:18px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px 28px}
.lib-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px}
.lib-head b{font-size:18px;color:var(--ink)}.lib-head span{font-size:13px;color:var(--ink-45)}
.lib-row{display:flex;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}
.lib-row:last-child{border-bottom:none}
.lib-fn{font-size:13px;font-weight:700;letter-spacing:1.5px;color:var(--slate);width:84px;flex-shrink:0}
.codes{display:flex;gap:7px;flex-wrap:wrap}
.codes span{font-size:11.5px;font-weight:700;letter-spacing:.5px;color:var(--gold);background:var(--sand);border:1px solid var(--line);padding:3px 8px;border-radius:5px}
.onb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.onb-card{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;padding:20px 22px}
.onb-stage{font-size:14px;font-weight:700;letter-spacing:2px;color:var(--ink)}
.onb-days{font-size:12.5px;color:var(--gold);font-weight:700;margin-top:2px}
.onb-card ul{list-style:none;margin-top:14px}
.onb-card li{font-size:14px;color:var(--ink-70);padding:9px 0;display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line)}
.onb-card li:first-child{border-top:none}
.dtag{font-size:11px;font-weight:700;color:var(--slate);background:var(--sand);border:1px solid var(--line);padding:2px 7px;border-radius:5px;flex-shrink:0}
.onb-without{margin-top:16px;font-size:14px;color:var(--red);background:rgba(178,58,51,.06);border:1px solid rgba(178,58,51,.18);border-radius:10px;padding:14px 18px}
.gov{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.gov-col{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px}
.gov-col h6{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase}
.gov-col ul{list-style:none;margin-top:12px}
.gov-col li{font-size:14.5px;color:var(--ink);padding:8px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}
.gov-col li:first-child{border-top:none}
.gov-col li::before{content:"●";color:var(--gold);font-size:9px}
.sumcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.sum{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:22px;text-align:center}
.sum .lab{font-size:12.5px;letter-spacing:1.2px;color:var(--ink-45);text-transform:uppercase}
.sum .v{font-size:36px;font-weight:700;margin-top:6px;line-height:1}
.sum .meta{font-size:13px;color:var(--ink-70);margin-top:6px}
.chip-row{display:flex;justify-content:center;gap:10px;margin-top:10px}
.chip{font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;color:#fff}
.formula{margin-top:22px;background:var(--slate);color:#fff;border-radius:12px;padding:20px 26px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.formula .f-main{font-size:16px;font-weight:600}.formula .f-main em{font-style:normal;color:var(--champagne);font-weight:700}
.formula .f-note{font-size:13.5px;color:rgba(255,255,255,.66)}
.scorecard{margin-top:18px;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(12,34,55,.06)}
.sc-head,.sc-row{display:grid;grid-template-columns:1.5fr 2fr 2fr 1fr;gap:20px;align-items:center;padding:15px 26px}
.sc-head{background:var(--ink);color:#fff}
.sc-head div{font-size:12.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.sc-head .r{text-align:center}
.sc-row{border-top:1px solid var(--line)}
.sc-row:hover{background:var(--sand)}
.sc-row.gap{background:rgba(178,58,51,.04)}
.who{display:flex;flex-direction:column}
.who b{font-size:16px;font-weight:600;color:var(--ink)}
.who small{font-size:12px;color:var(--ink-45)}
.flagtag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.5px;color:var(--red);background:rgba(178,58,51,.10);padding:2px 7px;border-radius:4px;margin-top:4px;width:fit-content}
.meter{position:relative}
.meter .mtrack{height:14px;background:rgba(12,34,55,.08);border-radius:7px;overflow:hidden}
.meter .mfill{height:100%;width:0;border-radius:7px;transition:width 1s cubic-bezier(.22,.61,.36,1)}
.meter .mval{font-size:12.5px;font-weight:700;color:var(--ink-70);position:absolute;right:0;top:-19px}
.combined{display:flex;justify-content:center}
.badge{font-size:18px;font-weight:700;color:#fff;width:54px;height:42px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.legend{display:flex;gap:22px;margin-top:18px;font-size:13px;color:var(--ink-70);flex-wrap:wrap}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:7px;vertical-align:middle}
.kdg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.kdg-card{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:12px;padding:20px}
.kdg-name{font-size:16px;font-weight:700;color:var(--ink)}
.kdg-scores{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap}
.kdg-scores span{font-size:13px;color:var(--ink-70)}.kdg-scores b{color:var(--ink)}
.kdg-scores .kdg-gap{color:#fff;background:var(--red);padding:2px 9px;border-radius:14px;font-weight:700;font-size:12px}
.kdg-issue{font-size:13.5px;color:var(--ink-70);margin-top:12px;line-height:1.45}
.kdg-action{font-size:13px;color:var(--slate);margin-top:12px;border-top:1px solid var(--line);padding-top:11px}
.kdg-action b{color:var(--gold)}
footer{background:var(--ink);color:rgba(255,255,255,.55);padding:28px 0;margin-top:10px}
.foot-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px}
.foot-inner b{color:var(--champagne)}
.demo-flag{font-size:11.5px;letter-spacing:1px;color:var(--gold);border:1px solid rgba(232,210,144,.3);padding:5px 12px;border-radius:20px}
/* hover tooltip */
#tt{position:fixed;z-index:65;max-width:320px;background:var(--ink);color:#fff;border:1px solid rgba(232,210,144,.35);border-left:3px solid var(--gold);border-radius:10px;padding:13px 16px;box-shadow:0 16px 44px rgba(12,34,55,.38);opacity:0;transform:translateY(4px);transition:opacity .14s,transform .14s;pointer-events:none}
#tt.show{opacity:1;transform:none}
#tt .tt-t{font-size:13.5px;font-weight:700;color:var(--champagne)}
#tt .tt-d{font-size:13px;color:rgba(255,255,255,.85);margin-top:6px;line-height:1.5}
[data-tip]:not([data-goto]){cursor:help}
.tab[data-tip]{cursor:pointer}
/* STORY */
.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.act{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px}
.act .ph{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.act .pt{font-size:18px;font-weight:700;color:var(--ink);margin:6px 0 2px}
.act ul{list-style:none;margin-top:12px}
.act li{font-size:14px;color:var(--ink-70);padding:7px 0;display:flex;gap:9px;align-items:flex-start;border-top:1px solid var(--line)}
.act li:first-child{border-top:none}
.act.before{border-top:3px solid var(--red)}.act.before .ph{color:var(--red)}.act.before li::before{content:"\2715";color:var(--red);font-weight:700}
.act.during{border-top:3px solid var(--gold)}.act.during .ph{color:var(--gold)}.act.during li::before{content:"\2192";color:var(--gold);font-weight:700}
.act.after{border-top:3px solid var(--green)}.act.after .ph{color:var(--green)}.act.after li::before{content:"\2713";color:var(--green);font-weight:700}
.vp{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
.vpcard{background:var(--slate);color:#fff;border:1px solid rgba(232,210,144,.16);border-radius:12px;padding:20px 22px}
.vpcard h5{font-size:16px;color:#fff;font-weight:700}
.vpcard p{font-size:13.5px;color:rgba(255,255,255,.72);margin-top:7px}
.roi{margin-top:18px;background:var(--ink);color:#fff;border-radius:16px;padding:32px;border:1px solid rgba(232,210,144,.2)}
.roi-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}
.roi-stat{text-align:center}
.roi-stat b{display:block;font-size:30px;font-weight:700;color:#fff;line-height:1.1}
.roi-stat span{font-size:12.5px;color:rgba(255,255,255,.6)}
.roi-stat.risk b{color:#e79b95}
.roi-stat.ret b{color:var(--champagne);font-size:40px}
.roi-op{font-size:22px;color:var(--gold);font-weight:700;text-align:center}
.roi-note{font-size:12.5px;color:rgba(255,255,255,.5);margin-top:18px;text-align:center;line-height:1.5}
/* challenges */
.challenges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}
.chal{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:10px;padding:15px 18px;display:flex;gap:14px;align-items:flex-start}
.chal .cn{font-size:13px;font-weight:700;color:var(--red);background:rgba(178,58,51,.08);border-radius:7px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chal .ct{font-size:14.5px;color:var(--ink)}
/* assessment capability cards */
.capgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.capcard{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:11px;padding:18px}
.capcard .cct{font-size:15px;font-weight:700;color:var(--ink)}
.capcard .cce{font-size:13px;color:var(--ink-70);margin-top:8px;line-height:1.45}
/* key deliverables */
.keydel{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}
.kd{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:18px 20px}
.kd .kdc{font-size:11.5px;font-weight:700;letter-spacing:.5px;color:var(--gold);background:var(--sand);border:1px solid var(--line);padding:3px 8px;border-radius:5px}
.kd b{display:block;font-size:15.5px;color:var(--ink);margin-top:9px}
.kd p{font-size:13.5px;color:var(--ink-70);margin-top:7px;line-height:1.45}
/* value note */
.libval{margin-top:14px;font-size:14px;color:var(--ink-70);background:rgba(184,134,11,.06);border:1px solid rgba(184,134,11,.18);border-radius:9px;padding:13px 16px}
.libval b{color:var(--ink)}
/* daily support engine */
.dse{margin-top:16px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px 28px}
.dse-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:13px}
.dse-head b{font-size:17px;color:var(--ink)}.dse-head span{font-size:13px;color:var(--ink-45)}
.dse-item{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);align-items:baseline}
.dse-item:last-child{border-bottom:none}
.di-k{font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--gold);text-transform:uppercase}
.di-v{font-size:14.5px;color:var(--ink)}
/* deliverable modal */
.asset{cursor:pointer}
.asset .more{position:absolute;right:14px;bottom:13px;font-size:10.5px;font-weight:700;letter-spacing:.5px;color:var(--gold);opacity:0;transition:opacity .2s}
.asset:hover .more{opacity:1}
.kd{cursor:pointer;transition:all .2s}
.kd:hover{border-color:var(--champagne);box-shadow:0 8px 20px rgba(12,34,55,.08);transform:translateY(-2px)}
.codes span{cursor:pointer;transition:all .15s}
.codes span:hover{background:var(--champagne);color:var(--ink);border-color:var(--gold)}
#modal{position:fixed;inset:0;z-index:80;background:rgba(12,34,55,.55);display:none;align-items:center;justify-content:center;padding:24px}
#modal.show{display:flex}
#modal.tourmode{align-items:flex-start;padding-top:80px}
#modal.tourmode .modal-card{max-height:60vh;margin-bottom:190px}
.modal-card{background:var(--paper);border-radius:16px;max-width:640px;width:100%;max-height:86vh;overflow:auto;box-shadow:0 30px 80px rgba(12,34,55,.4);animation:popin .24s ease}
@keyframes popin{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.modal-top{background:var(--ink);color:#fff;padding:24px 28px;border-radius:16px 16px 0 0;position:relative}
.modal-fn{font-size:11.5px;font-weight:700;letter-spacing:2px;color:var(--champagne)}
.modal-code{font-size:13px;font-weight:700;letter-spacing:1.5px;color:var(--gold);margin-top:9px}
.modal-name{font-size:23px;font-weight:700;color:#fff;margin-top:3px;line-height:1.15}
.modal-x{position:absolute;top:18px;right:20px;background:rgba(255,255,255,.12);border:none;color:#fff;width:34px;height:34px;border-radius:8px;font-size:15px;cursor:pointer;line-height:1}
.modal-x:hover{background:rgba(255,255,255,.24)}
.modal-body{padding:24px 28px}
.mb-row{margin-bottom:20px}
.mb-k{font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}
.mb-v{font-size:15px;color:var(--ink);margin-top:7px;line-height:1.5}
.mb-list{list-style:none;margin-top:9px}
.mb-list li{font-size:14.5px;color:var(--ink-70);padding:6px 0 6px 22px;position:relative}
.mb-list li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}
.mb-foot{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}
.mb-chip{font-size:12.5px;font-weight:600;color:var(--slate);background:var(--sand);border:1px solid var(--line);padding:6px 12px;border-radius:18px}
.mb-chip b{color:var(--gold);font-weight:700}
/* dashboards / role views */
.roleseg{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:5px;gap:4px;margin-top:26px}
.roleseg button{background:none;border:none;font-family:inherit;font-size:14px;font-weight:700;color:var(--ink-45);padding:10px 24px;border-radius:24px;cursor:pointer;transition:all .2s}
.roleseg button.on{background:var(--ink);color:#fff}
.dash{display:none}
.dash.on{display:block;animation:fade .4s ease}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.kpi{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:13px;padding:20px 22px}
.kpi .kl{font-size:12px;letter-spacing:.8px;color:var(--ink-45);text-transform:uppercase}
.kpi .kv{font-size:32px;font-weight:700;margin-top:7px;line-height:1}
.kpi .km{font-size:13px;color:var(--ink-70);margin-top:6px}
.dact{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:14px 18px;margin-top:10px;font-size:14.5px;color:var(--ink);display:flex;gap:13px;align-items:center}
.dact .dn{font-size:11.5px;font-weight:700;color:var(--gold);background:var(--sand);border:1px solid var(--line);border-radius:6px;padding:3px 9px;flex-shrink:0}
.coachgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:14px}
.coach{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:12px;padding:18px 20px}
.coach .cn2{font-size:16px;font-weight:700;color:var(--ink)}
.coach .cs{font-size:12.5px;color:var(--ink-45);margin-top:2px}
.coach .cl{font-size:13.5px;color:var(--ink-70);margin-top:11px;line-height:1.45}
.coach .ca{font-size:13px;color:var(--slate);margin-top:11px;border-top:1px solid var(--line);padding-top:10px}
.coach .ca b{color:var(--gold)}
.deal{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:13px 18px;margin-top:10px}
.deal .dnm{font-size:14.5px;font-weight:600;color:var(--ink)}
.deal .dval{font-size:14px;font-weight:700;color:var(--slate)}
.stagechip{font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 11px;border-radius:14px;color:#fff;white-space:nowrap}
.scorestrip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.realtag{display:inline-block;background:var(--gold);color:#fff;padding:5px 13px;border-radius:18px;letter-spacing:1.5px}
.spotlight{position:relative;z-index:30;box-shadow:0 0 0 3px var(--gold),0 0 0 10px rgba(184,134,11,.20),0 18px 50px rgba(12,34,55,.30);border-radius:16px;animation:glow 1.8s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 0 0 3px var(--gold),0 0 0 10px rgba(184,134,11,.18),0 18px 50px rgba(12,34,55,.28)}50%{box-shadow:0 0 0 3px var(--gold),0 0 0 14px rgba(184,134,11,.10),0 18px 50px rgba(12,34,55,.28)}}
#startTour{position:fixed;right:26px;bottom:26px;z-index:60;background:var(--gold);color:#fff;border:none;font-family:inherit;font-size:15px;font-weight:700;padding:15px 24px;border-radius:30px;cursor:pointer;box-shadow:0 10px 28px rgba(12,34,55,.28);transition:all .2s}
#startTour:hover{background:var(--champagne);color:var(--ink);transform:translateY(-2px)}
#tourbar{position:fixed;left:0;right:0;bottom:0;z-index:95;background:var(--ink);color:#fff;border-top:2px solid var(--gold);transform:translateY(110%);transition:transform .4s cubic-bezier(.22,.61,.36,1);box-shadow:0 -10px 40px rgba(0,0,0,.30)}
#tourbar.show{transform:none}
#tb-prog{height:3px;background:var(--gold);width:0;transition:width .4s ease}
.tb-inner{max-width:1160px;margin:0 auto;padding:18px 32px;display:flex;gap:28px;align-items:center}
.tb-left{flex:1;min-width:0}
.tb-step{font-size:11px;font-weight:700;letter-spacing:2.5px;color:var(--gold)}
.tb-title{font-size:17px;font-weight:700;color:var(--champagne);margin-top:5px}
.tb-text{font-size:14.5px;color:rgba(255,255,255,.82);margin-top:5px;line-height:1.5;max-width:780px}
.tb-ctrl{display:flex;align-items:center;gap:10px;flex-shrink:0}
.tb-toggle{background:transparent;border:1px solid rgba(232,210,144,.35);color:rgba(255,255,255,.7);font-family:inherit;font-size:12.5px;font-weight:700;padding:9px 13px;border-radius:7px;cursor:pointer;transition:all .2s}
.tb-toggle.on{background:rgba(232,210,144,.16);border-color:var(--champagne);color:var(--champagne)}
.tb-select{background:var(--slate);color:#fff;border:1px solid rgba(232,210,144,.3);font-family:inherit;font-size:12.5px;font-weight:600;padding:9px 9px;border-radius:7px;max-width:148px;cursor:pointer}
.tb-btn{background:var(--slate);border:none;color:#fff;font-family:inherit;font-size:14px;font-weight:700;padding:11px 18px;border-radius:8px;cursor:pointer;transition:all .2s}
.tb-btn:hover{background:#26506f}
.tb-btn.primary{background:var(--gold)}.tb-btn.primary:hover{background:var(--champagne);color:var(--ink)}
.tb-btn.ghost{background:transparent;color:rgba(255,255,255,.6);padding:11px 12px}.tb-btn.ghost:hover{color:#fff}
.tb-btn:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:920px){
.grid2,.loop,.compare,.mandate,.posrow,.journey,.pkgs,.outcomes,.caps,.gov,.onb-grid,.kdg,.intel,.acts,.vp,.roi-flow,.challenges,.capgrid,.keydel,.kpis,.coachgrid,.scorestrip{grid-template-columns:1fr}.deal{grid-template-columns:1fr auto}.dse-item{grid-template-columns:1fr;gap:4px}
.arrow{transform:rotate(90deg);padding:6px 0}.sumcards{grid-template-columns:repeat(2,1fr)}
.sc-head{display:none}.sc-row{grid-template-columns:1fr;gap:12px}.rb-row{grid-template-columns:1fr auto;gap:8px}.rb-bar{display:none}
.hero h1{font-size:31px}.stage-h{font-size:25px}.wrap{padding:0 20px}.cb-inner{padding:9px 20px;gap:14px}
.tb-inner{flex-direction:column;align-items:stretch;gap:14px;padding:16px 20px}.tb-ctrl{flex-wrap:wrap}body.touring{padding-bottom:240px}
}
</style>
</head>
<body>
<nav>
<div class="wrap nav-inner">
<div class="brand"><span class="mark">SIRTIKA<b>™</b></span><span class="sub">SOM HUB PLATFORM</span></div>
<div class="tabs">
<button class="tab active" data-tab="story">Story</button>
<button class="tab" data-tab="diagnosys">Diagnosys</button>
<button class="tab" data-tab="blueprint">SOM Blueprint</button>
<button class="tab" data-tab="hub">Hub</button>
<button class="tab" data-tab="dashboards">Dashboards</button>
<button class="tab" data-tab="value">Value</button>
</div>
</div>
</nav>
<div class="clientbar"><div class="cb-inner">
<div class="cb-item"><span class="k">CLIENT</span><span class="v">ABC Tech Services Pvt. Ltd.</span></div>
<div class="cb-item"><span class="k">INDUSTRY</span><span class="v">Technology Services</span></div>
<div class="cb-item"><span class="k">REVENUE</span><span class="v">₹75 Cr</span></div>
<div class="cb-item"><span class="k">TEAM</span><span class="v">4 ISEs · 8 Sales Execs · 2 Marketing</span></div>
<div class="cb-item cb-stage"><span class="k">STAGE</span><span class="v">Developing</span></div>
<div class="cb-item cb-risk"><span class="k">REVENUE AT RISK</span><span class="v">₹18 Cr</span></div>
<div class="cb-item"><span class="k">LAST DIAGNOSYS</span><span class="v">24 Jun 2026</span></div>
</div></div>
<!-- ================= STORY (opening) ================= -->
<section id="story" class="active">
<div class="hero"><div class="wrap">
<span class="eyebrow">A story most growth teams know</span>
<h1>Meet ABC Tech Services.<br><em>It has everything — except predictable growth.</em></h1>
<p class="sub">A technology services company with a real product, a team of 4 Internal Sales Executives, strong delivery, and good partnerships. On paper, everything it needs. And yet revenue stays stuck — unpredictable, founder-dependent, and hard to forecast.</p>
<div class="ctarow">
<button class="cta" data-tour="1">Take the guided walkthrough →</button>
<button class="cta ghost" data-goto="diagnosys">Skip to the platform →</button>
</div>
<div class="attrib"><b>Naveenn Suri</b> · Former EY Partner · 28+ years · Creator of SIRTIKA™</div>
</div></div>
<div class="ovband light" id="s-have"><div class="wrap">
<span class="eyebrow realtag">ABC's reality · 01</span>
<h2 class="stage-h">Strong capabilities. Weak revenue predictability.</h2><div class="rule"></div>
<div class="compare light">
<div class="col-card col-have"><h5>What ABC already has</h5><ul>
<li><span class="mk">•</span>A team of 4 ISEs, 8 sales execs & 2 marketing</li><li><span class="mk">•</span>A real product and regular client meetings</li>
<li><span class="mk">•</span>Strong delivery capability</li><li><span class="mk">•</span>Good products and partnerships</li></ul></div>
<div class="col-card col-have col-bad"><h5>What ABC still struggles with</h5><ul>
<li><span class="mk">✕</span>Revenue that's hard to predict</li><li><span class="mk">✕</span>The founder still has to close the big deals</li>
<li><span class="mk">✕</span>Weak access to CXO buyers</li><li><span class="mk">✕</span>Forecasting that's really guesswork</li>
<li><span class="mk">✕</span>No process that scales beyond a few people</li></ul></div>
</div>
<div class="pull">Most companies have a CRM. Few have a Sales Operating Model.</div>
</div></div>
<div class="ovband band-dark dk" id="s-without"><div class="wrap">
<span class="eyebrow realtag">ABC's reality · 02</span>
<h2 class="stage-h">At ABC, sales is activities. Not a system.</h2><div class="rule"></div>
<div class="compare">
<div class="col-card col-bad"><h5>How it works today</h5><ul>
<li><span class="mk">✕</span>Every ISE sells differently</li><li><span class="mk">✕</span>The CRM is just reporting</li>
<li><span class="mk">✕</span>Deals silently slip away</li><li><span class="mk">✕</span>Knowledge leaves with the people</li>
<li><span class="mk">✕</span>Forecasting becomes guesswork</li></ul></div>
<div class="col-card col-good"><h5>What ABC needs instead</h5><ul>
<li><span class="mk">✓</span>One documented process</li><li><span class="mk">✓</span>A governance rhythm in place</li>
<li><span class="mk">✓</span>Pipeline that reflects reality</li><li><span class="mk">✓</span>Faster onboarding for new joiners</li>
<li><span class="mk">✓</span>Predictable, scalable growth</li></ul></div>
</div>
</div></div>
<div class="ovband light" id="challenges-band"><div class="wrap">
<span class="eyebrow realtag">ABC's reality · 03</span>
<h2 class="stage-h">The challenges holding ABC back</h2><div class="rule"></div>
<div class="challenges" id="challenges">
<div class="chal"><span class="cn">1</span><span class="ct">Revenue swings quarter to quarter — no predictability</span></div>
<div class="chal"><span class="cn">2</span><span class="ct">Growth depends on the founder closing the big deals</span></div>
<div class="chal"><span class="cn">3</span><span class="ct">New ISEs take 5+ months to become productive</span></div>
<div class="chal"><span class="cn">4</span><span class="ct">Weak access to CXO and decision-maker conversations</span></div>
<div class="chal"><span class="cn">5</span><span class="ct">Forecasts are guesswork, not a governed process</span></div>
<div class="chal"><span class="cn">6</span><span class="ct">No common qualification standard — pipeline is inflated</span></div>
<div class="chal"><span class="cn">7</span><span class="ct">Sales and marketing aren't aligned on ICP or messaging</span></div>
<div class="chal"><span class="cn">8</span><span class="ct">Knowledge lives in a few heads — and leaves with them</span></div>
</div>
</div></div>
<div class="ovband light"><div class="wrap">
<span class="eyebrow">The turning point</span>
<h2 class="stage-h">Then ABC met SIRTIKA™.</h2><div class="rule"></div>
<p class="lead">Not another training program. Not more coaching. SIRTIKA™ installs the revenue system itself — the model, the assets, the governance, and the adoption layer that makes growth repeatable — then proves it's being used.</p>
</div></div>
<div class="ovband band-dark"><div class="wrap">
<span class="eyebrow">The SIRTIKA™ way</span>
<h2 class="stage-h">Revenue should be system-driven.</h2><div class="rule"></div>
<div class="mandate">
<div class="mcard"><h5>Not founder-driven</h5><p>Revenue that depends on one person is fragile, unscalable, and ultimately unsellable.</p></div>
<div class="mcard"><h5>Not hero-driven</h5><p>Top performers mask systemic failure. When they leave, the revenue leaves with them.</p></div>
<div class="mcard"><h5>Not relationship-driven</h5><p>Relationships are a valuable asset. But an asset is not a revenue system.</p></div>
</div>
<h2 class="stage-h" style="margin-top:48px">Diagnose. Build. Adopt.</h2><div class="rule"></div>
<p class="lead">SIRTIKA™ installs the system in three connected stages, run as a loop.</p>
<div class="loop">
<div class="stagecard" data-goto="diagnosys"><span class="num">STAGE 01</span><h3>Diagnose</h3><span class="tag">SIRTIKA™ Diagnosys</span><p>An AI-native read of how ABC's sales engine is built today — and where revenue leaks.</p></div>
<div class="arrow">→</div>
<div class="stagecard" data-goto="blueprint"><span class="num">STAGE 02</span><h3>Build</h3><span class="tag">Sales Operating Model</span><p>25 deliverables across five functions — the full manual for how the team wins.</p></div>
<div class="arrow">→</div>
<div class="stagecard" data-goto="hub"><span class="num">STAGE 03</span><h3>Adopt</h3><span class="tag">SIRTIKA™ Hub</span><p>The accountability layer that proves the model is learned and applied — rep by rep.</p></div>
</div>
<div class="loopback">↻ THE LOOP · Re-run <b>Diagnosys</b> as the business changes — the model refreshes and adoption re-measures</div>
<div style="margin-top:34px"><button class="cta" data-goto="diagnosys">Start with a Diagnosys →</button></div>
</div></div>
</section>
<!-- ================= DIAGNOSYS ================= -->
<section id="diagnosys">
<div class="panel"><div class="wrap">
<span class="eyebrow">Stage 01 · Diagnose</span>
<h2 class="stage-h">SIRTIKA™ Diagnosys</h2><div class="rule"></div>
<p class="lead">An AI-native assessment that scores the revenue engine across five dimensions, quantifies hidden revenue risk, and produces the prioritised roadmap that drives the SOM build.</p>
<div class="grid2">
<div class="gauge-wrap">
<div class="gauge"><div class="val"><b>54</b><span>/ 100</span></div></div>
<div class="band">Developing</div>
<div class="bands">
<div class="bandseg"><b>0–40</b><span>Reactive</span></div>
<div class="bandseg active"><b>41–60</b><span>Developing</span></div>
<div class="bandseg"><b>61–80</b><span>Structured</span></div>
<div class="bandseg"><b>81–100</b><span>Scalable</span></div>
</div>
<div class="risk"><b>₹18 Cr</b><span>Annual revenue at risk from structural gaps</span></div>
</div>
<div id="diag-dims">
<div class="dim"><div class="top"><span class="name">Sales Process Maturity</span><span class="pct">48</span></div><div class="track"><div class="fill" data-w="48%" data-c="amber"></div></div></div>
<div class="dim"><div class="top"><span class="name">Market Traction</span><span class="pct">61</span></div><div class="track"><div class="fill" data-w="61%" data-c="amber"></div></div></div>
<div class="dim"><div class="top"><span class="name">Talent Readiness</span><span class="pct">57</span></div><div class="track"><div class="fill" data-w="57%" data-c="amber"></div></div></div>
<div class="dim"><div class="top"><span class="name">Governance Effectiveness</span><span class="pct">39</span></div><div class="track"><div class="fill" data-w="39%" data-c="red"></div></div></div>
<div class="dim"><div class="top"><span class="name">Growth Strategy</span><span class="pct">52</span></div><div class="track"><div class="fill" data-w="52%" data-c="amber"></div></div></div>
<p style="font-size:13.5px;color:var(--ink-45);margin-top:18px">Assessed across five dimensions, mapped to the SIRTIKA™ Maturity Score and Execution Reality Scorecard.</p>
</div>
</div>
<div class="riskbd" id="risk-breakdown">
<div class="rb-head">Revenue at Risk = ₹18 Cr <span>— Unqualified Pipeline + Forecast Slippage + Founder Dependency + Slow Onboarding + Deal Leakage</span></div>
<div class="rb-row"><span class="rbk">Unqualified pipeline</span><b>₹6 Cr</b><div class="rb-bar"><i style="width:33%"></i></div></div>
<div class="rb-row"><span class="rbk">Forecast slippage</span><b>₹4 Cr</b><div class="rb-bar"><i style="width:22%"></i></div></div>
<div class="rb-row"><span class="rbk">Founder dependency</span><b>₹3 Cr</b><div class="rb-bar"><i style="width:17%"></i></div></div>
<div class="rb-row"><span class="rbk">Deal leakage</span><b>₹3 Cr</b><div class="rb-bar"><i style="width:17%"></i></div></div>
<div class="rb-row"><span class="rbk">Slow onboarding</span><b>₹2 Cr</b><div class="rb-bar"><i style="width:11%"></i></div></div>
</div>
<div class="caps-h">What the assessment delivers</div>
<p style="font-size:14px;color:var(--ink-45);margin-top:6px">Not just a score — six concrete outputs, each with a worked example.</p>
<div class="capgrid" id="diag-caps">
<div class="capcard"><div class="cct">Revenue Risk Analysis</div><div class="cce">₹18 Cr at risk, itemised by cause — unqualified pipeline, forecast slippage, founder dependency, leakage.</div></div>
<div class="capcard"><div class="cct">SWOT Analysis</div><div class="cce">Strengths: delivery & product. Weaknesses: qualification & governance. Opportunities: CXO access. Threats: founder dependency.</div></div>
<div class="capcard"><div class="cct">Hidden Gap Detection</div><div class="cce">Silent gaps surfaced — e.g. ~40% of pipeline unqualified — before they cost a quarter.</div></div>
<div class="capcard"><div class="cct">Maturity Score</div><div class="cce">A single 0–100 benchmark with band — ABC: 54, "Developing" — tracked over time.</div></div>
<div class="capcard"><div class="cct">Prioritised Roadmap</div><div class="cce">A 90-day plan sequencing what to fix first for the biggest revenue impact.</div></div>
<div class="capcard"><div class="cct">SOM Blueprint</div><div class="cce">Defines which of the 25 deliverables ABC needs — and in what order.</div></div>
</div>
<div class="gaps">
<h4>Top structural gaps — severity, business impact, fix and timeline</h4>
<div class="gap-row" data-sev="high"><div class="gap-main"><span class="sev">HIGH</span><span class="txt">No stage-gate qualification — ~40% of pipeline unqualified; forecast slips every quarter.</span></div><div class="gap-meta"><span>Impact ₹6 Cr</span><span>Fix D09</span><span>30 days</span></div></div>
<div class="gap-row" data-sev="high"><div class="gap-main"><span class="sev">HIGH</span><span class="txt">Forecasting is gut-feel, not governed — no reliable line of sight on the quarter.</span></div><div class="gap-meta"><span>Impact ₹4 Cr</span><span>Fix D18</span><span>60 days</span></div></div>
<div class="gap-row" data-sev="med"><div class="gap-main"><span class="sev">MED</span><span class="txt">New ISEs take 5+ months to a first closed deal — playbook lives in a few senior heads.</span></div><div class="gap-meta"><span>Impact ₹2 Cr</span><span>Fix D04 · D06</span><span>90 days</span></div></div>
</div>
</div></div>
</section>
<!-- ================= SOM BLUEPRINT ================= -->
<section id="blueprint">
<div class="panel"><div class="wrap">
<span class="eyebrow">Stage 02 · Build</span>
<h2 class="stage-h">SOM Blueprint — 25 deliverables</h2><div class="rule"></div>
<p class="lead">From the diagnostic, SIRTIKA™ installs ABC's complete Sales Operating Model — 25 deliverables (D01–D25) across five functions. Working operating assets that stay even when people change.</p>
<div id="fn-render"></div>
<div class="sub-block-h" style="margin-top:46px">A few of the key deliverables, explained</div>
<div class="keydel" id="keydel">
<div class="kd"><span class="kdc">D02</span><b>Defined ICP & Account List</b><p>Clear ICP criteria and a tiered, named account list — so the team targets the right companies, not everyone.</p></div>
<div class="kd"><span class="kdc">D07</span><b>Industry Focus Approach</b><p>An industry-specific go-to-market and pitch approach, so the message lands in each vertical.</p></div>
<div class="kd"><span class="kdc">D03</span><b>Persona Guide</b><p>A guide to the personas inside a client organisation — who to engage, what each cares about, and how to win them.</p></div>
<div class="kd"><span class="kdc">D04</span><b>Inside Sales Playbook</b><p>The end-to-end playbook for the inside sales team — outreach, qualification and a 60+ scenario pitch matrix.</p></div>
<div class="kd"><span class="kdc">D05</span><b>CXO Conversation Guide</b><p>How to approach and convince CXOs — opening lines, value framing and the questions that earn a second meeting.</p></div>
<div class="kd"><span class="kdc">D12</span><b>Objection Handling Guide</b><p>The common objections by stage and persona, with tested responses that keep deals moving.</p></div>
<div class="kd"><span class="kdc">D10</span><b>Value & ROI Assets</b><p>Value- and ROI-based sales and marketing assets that make the business case in the buyer's language.</p></div>
<div class="kd"><span class="kdc">D09</span><b>Stage-Gated Pipeline</b><p>A stage-gate qualification process so only real deals advance — and the forecast reflects reality.</p></div>
</div>
<div class="build-foot"><b>25 deliverables installed · 100% handover</b><span>Five functions · one revenue engine · refreshed as the business evolves</span></div>
</div></div>
</section>
<!-- ================= HUB ================= -->
<section id="hub">
<div class="panel"><div class="wrap">
<span class="eyebrow">Stage 03 · Adopt</span>
<h2 class="stage-h">SIRTIKA™ Hub</h2><div class="rule"></div>
<span class="missing">The missing layer between strategy and execution</span>
<p class="lead" style="margin-top:18px">The Hub is where ABC's Sales Operating Model goes to live, get used, and get measured — one home for every asset, tools that onboard and support the team daily, and the assessment that proves the model is being run.</p>
<div class="subhead">1 · One home for the model</div>
<div class="library" id="hub-library">
<div class="lib-head"><b>The SOM Library</b><span>25 live assets · version-controlled · always current</span></div>
<div class="lib-row"><span class="lib-fn">TARGET</span><span class="codes"><span>D01</span><span>D02</span><span>D03</span><span>D25</span></span></div>
<div class="lib-row"><span class="lib-fn">ENGAGE</span><span class="codes"><span>D04</span><span>D05</span><span>D06</span><span>D07</span><span>D08</span></span></div>
<div class="lib-row"><span class="lib-fn">CLOSE</span><span class="codes"><span>D09</span><span>D10</span><span>D11</span><span>D12</span><span>D13</span></span></div>
<div class="lib-row"><span class="lib-fn">GOVERN</span><span class="codes"><span>D14</span><span>D15</span><span>D16</span><span>D17</span><span>D18</span><span>D19</span><span>D20</span></span></div>
<div class="lib-row"><span class="lib-fn">SCALE</span><span class="codes"><span>D21</span><span>D22</span><span>D23</span><span>D24</span></span></div>
</div>
<div class="libval"><b>The value:</b> one source of truth — no version chaos, no hunting through inboxes, always the current asset, and instant access for every rep even when people change.</div>
<div class="subhead">2 · Onboarding tool</div>
<div id="hub-onboard">
<div class="onb-grid">
<div class="onb-card"><div class="onb-stage">LEARN</div><div class="onb-days">Days 1–7</div><ul>
<li><span>Read the ICP & tiered account list</span><span class="dtag">D02</span></li>
<li><span>Study the buyer persona maps</span><span class="dtag">D03</span></li>
<li><span>Learn the Inside Sales Playbook</span><span class="dtag">D04</span></li></ul></div>
<div class="onb-card"><div class="onb-stage">PRACTICE</div><div class="onb-days">Days 8–17</div><ul>
<li><span>Role-play the qualification script</span><span class="dtag">D04</span></li>
<li><span>Submit your first handover note</span><span class="dtag">D09</span></li>
<li><span>Draft a mock engagement proposal</span><span class="dtag">D10</span></li></ul></div>
<div class="onb-card"><div class="onb-stage">OPERATE</div><div class="onb-days">Days 18–30</div><ul>
<li><span>Send 30 outreach, qualify 5</span><span class="dtag">D04</span></li>
<li><span>Hand over 3 qualified leads</span><span class="dtag">D09</span></li>
<li><span>Run your first meetings</span><span class="dtag">D06 · D08</span></li></ul></div>
</div>
<div class="onb-without"><b>Without the Hub:</b> shadow whoever's free · guess what counts as "qualified" · get told you did it wrong — no map, no order, no answer to "what next?"</div>
</div>
<div class="libval"><b>The value:</b> new ISEs and sales execs become productive in weeks, not months — and onboarding never depends on who happens to be free to train them.</div>
<div class="subhead">3 · Daily support engine</div>
<p style="font-size:14.5px;color:var(--ink-70);margin-top:8px;max-width:780px">Every morning, each sales and inside-sales rep opens the Hub to a daily brief — what to do next, which asset to use, and where a deal needs attention. It turns the model into a daily habit.</p>
<div class="dse" id="dse">
<div class="dse-head"><b>Today · Priya Nair (ISE)</b><span>Daily brief from the Hub</span></div>
<div class="dse-items">
<div class="dse-item"><span class="di-k">Next best action</span><span class="di-v">Re-engage Auto-Components Ltd — the CFO isn't involved yet. Open with the D05 CXO guide.</span></div>
<div class="dse-item"><span class="di-k">Asset to use</span><span class="di-v">Send the D10 value & ROI proposal for the deal now in Proposal stage.</span></div>
<div class="dse-item"><span class="di-k">Qualification check</span><span class="di-v">2 deals are missing a clear next step — apply the D09 stage-gate before the review.</span></div>
<div class="dse-item"><span class="di-k">Coaching nudge</span><span class="di-v">Practise the budget objection (D12) before tomorrow's 11am call.</span></div>
</div>
</div>
<div class="libval"><b>The value:</b> reps always know the next best action and the right asset for the moment — so the model gets used in real deals, not just learned.</div>
<div class="subhead">4 · Adoption assessment</div>
<p style="font-size:14.5px;color:var(--ink-70);margin-top:8px;max-width:780px">The Hub measures whether the model is actually being run — combining what each rep has <b>learned</b> with how they're <b>applying</b> it in live deals.</p>
<div class="sumcards">
<div class="sum"><div class="lab">Team Adoption</div><div class="v" style="color:var(--amber)">70</div><div class="meta">Combined score</div></div>
<div class="sum"><div class="lab">Roster status</div><div class="v" style="color:var(--ink)">4</div><div class="chip-row"><span class="chip" style="background:var(--green)">1</span><span class="chip" style="background:var(--amber)">2</span><span class="chip" style="background:var(--red)">1</span></div></div>
<div class="sum"><div class="lab">Avg Readiness</div><div class="v" style="color:var(--slate)">87</div><div class="meta">Layer 1 · learned</div></div>
<div class="sum"><div class="lab">Avg Impact</div><div class="v" style="color:var(--slate)">63</div><div class="meta">Layer 2 · applied</div></div>
</div>
<div class="formula">
<div class="f-main">Combined Adoption Score = <em>30%</em> Readiness + <em>70%</em> Impact</div>
<div class="f-note">Readiness = trained, ICP understood, pitch test passed, mock proposal submitted. Impact = applying the model in real deals, using stage-gates, creating qualified pipeline.</div>
</div>
<div class="scorecard">
<div class="sc-head"><div>Internal Sales Executive</div><div class="r">Readiness · Layer 1</div><div class="r">Impact · Layer 2</div><div class="r">Combined</div></div>
<div id="roster"></div>
</div>
<div class="legend">
<span><i style="background:var(--green)"></i>Green — above 80</span>
<span><i style="background:var(--amber)"></i>Amber — 50 to 80</span>
<span><i style="background:var(--red)"></i>Red — under 50</span>
<span><i style="background:rgba(178,58,51,.10);border:1px solid var(--red)"></i>Flag — knowing-doing gap</span>
</div>
<div class="sub-block-h" style="margin-top:48px;letter-spacing:2.5px">Knowing-Doing Gap Detector™</div>
<p style="font-size:14.5px;color:var(--ink-70);margin-top:8px;max-width:780px">Reps who <b>know</b> the model but aren't <b>applying</b> it — high Readiness, low Impact. The coaching gap, named per person, with the fix and a review date.</p>
<div class="kdg" id="kdg"></div>
<div class="subhead">Governance rhythm</div>
<div class="gov" id="governance">
<div class="gov-col"><h6>Weekly</h6><ul><li>Pipeline Review</li><li>Lead-Gen Review</li><li>Rep Coaching Review</li></ul></div>
<div class="gov-col"><h6>Monthly</h6><ul><li>CEO Review</li><li>SOM Asset Update</li></ul></div>
<div class="gov-col"><h6>Quarterly</h6><ul><li>Diagnosys Refresh</li><li>Roadmap Re-prioritisation</li></ul></div>
</div>
</div></div>
</section>
<!-- ================= DASHBOARDS (role views) ================= -->
<section id="dashboards">
<div class="panel"><div class="wrap">
<span class="eyebrow">The platform · role views</span>
<h2 class="stage-h">One platform. A view for every role.</h2><div class="rule"></div>
<p class="lead">The same Sales Operating Model and live data, reshaped for who's looking — the CEO sees revenue and risk, the manager sees adoption and coaching, the rep sees their day.</p>
<div class="roleseg" id="roleseg">
<button class="on" data-role="ceo">CEO</button>
<button data-role="mgr">Sales Manager</button>
<button data-role="rep">ISE / Rep</button>
</div>
<div class="dash on" id="dash-ceo">
<div class="subhead">What the CEO sees — revenue, risk and predictability</div>
<div class="kpis">
<div class="kpi"><div class="kl">Revenue Maturity</div><div class="kv" style="color:var(--amber)">54</div><div class="km">Developing band</div></div>
<div class="kpi"><div class="kl">Revenue at Risk</div><div class="kv" style="color:var(--red)">₹18 Cr</div><div class="km">From structural gaps</div></div>
<div class="kpi"><div class="kl">Forecast Confidence</div><div class="kv" style="color:var(--amber)">62%</div><div class="km">Low — ungoverned</div></div>
<div class="kpi"><div class="kl">Pipeline Coverage</div><div class="kv" style="color:var(--amber)">2.1×</div><div class="km">Target 3.0×</div></div>
<div class="kpi"><div class="kl">Founder Dependency</div><div class="kv" style="color:var(--red)">High</div><div class="km">Top deals founder-led</div></div>
<div class="kpi"><div class="kl">Team Adoption</div><div class="kv" style="color:var(--amber)">70</div><div class="km">Combined score</div></div>
</div>
<div class="subhead">Top structural gaps</div>
<div class="gap-row" data-sev="high"><div class="gap-main"><span class="sev">HIGH</span><span class="txt">No stage-gate qualification — pipeline inflated, forecast slips.</span></div><div class="gap-meta"><span>₹6 Cr</span><span>Fix D09</span></div></div>
<div class="gap-row" data-sev="high"><div class="gap-main"><span class="sev">HIGH</span><span class="txt">Forecasting is gut-feel, not governed.</span></div><div class="gap-meta"><span>₹4 Cr</span><span>Fix D18</span></div></div>
<div class="gap-row" data-sev="med"><div class="gap-main"><span class="sev">MED</span><span class="txt">New ISEs take 5+ months to ramp.</span></div><div class="gap-meta"><span>₹2 Cr</span><span>Fix D04 · D06</span></div></div>
<div class="subhead">SIRTIKA™ focus — next 30 days</div>
<div class="dact"><span class="dn">1</span>Install the D09 stage-gate qualification — recover the ₹6 Cr leak first.</div>
<div class="dact"><span class="dn">2</span>Stand up governed forecasting with D18 — replace gut-feel with method.</div>
<div class="dact"><span class="dn">3</span>Launch Hub onboarding for the 4 ISEs — cut ramp from months to weeks.</div>
</div>
<div class="dash" id="dash-mgr">
<div class="subhead">What the Sales Manager sees — adoption and coaching</div>
<div class="kpis">
<div class="kpi"><div class="kl">Team Adoption</div><div class="kv" style="color:var(--amber)">70</div><div class="km">Combined score</div></div>
<div class="kpi"><div class="kl">Avg Readiness</div><div class="kv" style="color:var(--slate)">87</div><div class="km">Learned</div></div>
<div class="kpi"><div class="kl">Avg Impact</div><div class="kv" style="color:var(--slate)">63</div><div class="km">Applied</div></div>
<div class="kpi"><div class="kl">Qualified Pipeline</div><div class="kv" style="color:var(--slate)">₹9 Cr</div><div class="km">Stage-gated</div></div>
<div class="kpi"><div class="kl">Deals at Risk</div><div class="kv" style="color:var(--red)">3</div><div class="km">Need attention</div></div>
<div class="kpi"><div class="kl">Coaching Flags</div><div class="kv" style="color:var(--red)">2</div><div class="km">Knowing-doing gap</div></div>
</div>
<div class="subhead">Coaching priorities</div>
<div class="coachgrid">
<div class="coach"><div class="cn2">Rohan Gupta</div><div class="cs">Enterprise · North · Readiness 95 / Impact 58</div><div class="cl">Knows qualification but isn't applying stage-gate discipline in live deals.</div><div class="ca">Coach on <b>D09</b> · review in 7 days</div></div>
<div class="coach"><div class="cn2">Karthik Reddy</div><div class="cs">Inside · West · Readiness 72 / Impact 38</div><div class="cl">Learns fast but low live-deal activity and qualification rigour.</div><div class="ca">Coach on <b>D04 · D09</b> · review in 14 days</div></div>
</div>
<div class="subhead">Deals needing attention this week</div>
<div class="deal"><span class="dnm">Auto-Components Ltd</span><span class="dval">₹1.2 Cr</span><span class="stagechip" style="background:var(--red)">Stalled · CFO absent</span></div>
<div class="deal"><span class="dnm">Vertex Manufacturing</span><span class="dval">₹60 L</span><span class="stagechip" style="background:var(--amber)">No next step</span></div>
<div class="deal"><span class="dnm">Meridian Logistics</span><span class="dval">₹80 L</span><span class="stagechip" style="background:var(--amber)">Slipping stage</span></div>
</div>
<div class="dash" id="dash-rep">
<div class="subhead">What an ISE sees — Priya Nair</div>
<div class="scorestrip">
<div class="kpi"><div class="kl">Readiness · L1</div><div class="kv" style="color:var(--slate)">88</div><div class="km">Learned</div></div>
<div class="kpi"><div class="kl">Impact · L2</div><div class="kv" style="color:var(--amber)">71</div><div class="km">Applied</div></div>
<div class="kpi"><div class="kl">Combined</div><div class="kv" style="color:var(--amber)">76</div><div class="km">Amber — keep applying</div></div>
</div>
<div class="subhead">Today — my brief</div>
<div class="dse" style="margin-top:14px">
<div class="dse-head"><b>Priya Nair (ISE)</b><span>From the Hub</span></div>
<div class="dse-items">
<div class="dse-item"><span class="di-k">Next best action</span><span class="di-v">Re-engage Auto-Components Ltd — the CFO isn't involved yet. Open with the D05 CXO guide.</span></div>
<div class="dse-item"><span class="di-k">Asset to use</span><span class="di-v">Send the D10 value & ROI proposal for the deal now in Proposal stage.</span></div>
<div class="dse-item"><span class="di-k">Qualification check</span><span class="di-v">2 deals are missing a clear next step — apply the D09 stage-gate.</span></div>
<div class="dse-item"><span class="di-k">Coaching nudge</span><span class="di-v">Practise the budget objection (D12) before tomorrow's 11am call.</span></div>
</div>
</div>
<div class="subhead">My pipeline</div>
<div class="deal"><span class="dnm">Northgate Retail</span><span class="dval">₹2.1 Cr</span><span class="stagechip" style="background:var(--gold)">Negotiation</span></div>
<div class="deal"><span class="dnm">Auto-Components Ltd</span><span class="dval">₹1.2 Cr</span><span class="stagechip" style="background:var(--amber)">Proposal</span></div>
<div class="deal"><span class="dnm">Meridian Logistics</span><span class="dval">₹80 L</span><span class="stagechip" style="background:var(--slate)">Discovery</span></div>
<div class="subhead">My go-to assets <span style="font-weight:400;text-transform:none;letter-spacing:0;color:var(--ink-45);font-size:13px">— click to open</span></div>
<div class="codes" style="margin-top:14px">
<span data-d="D04">D04 · Inside Sales Playbook</span>
<span data-d="D05">D05 · CXO Guide</span>
<span data-d="D09">D09 · Stage-Gate</span>
<span data-d="D10">D10 · ROI Proposal</span>
<span data-d="D12">D12 · Objection Handling</span>
</div>
</div>
</div></div>
</section>
<!-- ================= VALUE (close) ================= -->
<section id="value">
<div class="panel"><div class="wrap">
<span class="eyebrow">The outcome for ABC</span>
<h2 class="stage-h">From founder-led chaos to a system that compounds</h2><div class="rule"></div>
<p class="lead">The before, the 90-day install, and the after — the value it creates, the return it pays back, and finally, what you're actually buying.</p>
<div class="subhead">The outcome</div>
<div class="acts" id="acts">
<div class="act before"><div class="ph">Before · Day 0</div><div class="pt">Founder-led, unpredictable</div>
<ul><li>Founder closes the big deals</li><li>New reps take 5+ months to ramp</li><li>Forecasts miss every quarter</li><li>₹18 Cr leaking through the cracks</li><li>Every ISE sells differently</li></ul></div>
<div class="act during"><div class="ph">During · 90 days</div><div class="pt">The system gets installed</div>
<ul><li>Diagnosys exposes the leaks</li><li>SOM installs 25 working assets</li><li>Hub onboards the team on rails</li><li>Adoption measured from week one</li><li>Governance rhythm switched on</li></ul></div>
<div class="act after"><div class="ph">After · Month 4+</div><div class="pt">System-driven, compounding</div>
<ul><li>One documented operating model</li><li>New reps productive in weeks</li><li>Forecasts governed and trusted</li><li>Founder freed from every deal</li><li>Adoption visible, rep by rep</li></ul></div>
</div>
<div class="subhead">Expected outcomes</div>
<div class="outcomes">
<div class="oc"><span class="ck">✓</span>30–50% faster sales onboarding</div>
<div class="oc"><span class="ck">✓</span>Improved qualification discipline</div>
<div class="oc"><span class="ck">✓</span>Better forecast reliability</div>
<div class="oc"><span class="ck">✓</span>Lower founder dependency</div>
<div class="oc"><span class="ck">✓</span>Higher CXO conversation quality</div>
<div class="oc"><span class="ck">✓</span>Stronger pipeline governance</div>
</div>
<div class="subhead">The ROI</div>
<div class="roi" id="roi">
<div class="roi-flow">
<div class="roi-stat risk"><b>₹18 Cr</b><span>Revenue at risk</span></div>
<div class="roi-op">→</div>
<div class="roi-stat"><b>₹6–7 Cr</b><span>Recoverable in Year 1</span></div>
<div class="roi-op">=</div>
<div class="roi-stat ret"><b>10×+</b><span>Typical Year-1 return</span></div>
</div>
<div class="roi-note">Illustrative. The recoverable range assumes 30–40% of identified revenue-at-risk is addressed in the first year. The program investment is a small fraction of what it protects — quoted per engagement and priced by region.</div>
</div>
<div class="subhead">Why SIRTIKA™, not advisory or training</div>
<div class="vp" id="valueprop">
<div class="vpcard"><h5>Installs the system, not a report</h5><p>25 working assets your team actually uses — not advisory slides that gather dust.</p></div>
<div class="vpcard"><h5>Measures adoption, not just delivery</h5><p>Proof the model is learned and applied, rep by rep — the layer most programs skip.</p></div>
<div class="vpcard"><h5>Stays when people leave</h5><p>The model is the asset. Knowledge no longer walks out the door with your best people.</p></div>
<div class="vpcard"><h5>One platform, end to end</h5><p>Diagnose, build, adopt and govern in a single connected system.</p></div>
</div>
<div class="subhead">What you're buying</div>
<div class="posrow" id="positioning">
<div class="poscard"><div class="pk">SIRTIKA™ Diagnosys</div><div class="pv">Assessment</div><p>AI-native diagnostic that scores the engine and quantifies revenue at risk.</p></div>
<div class="poscard"><div class="pk">SIRTIKA™ SOM</div><div class="pv">Operating Model Build</div><p>25 deliverables installed as working operating assets across five functions.</p></div>
<div class="poscard"><div class="pk">SIRTIKA™ SOM Hub</div><div class="pv">Adoption & Governance Platform</div><p>Hosts the model, onboards joiners, and measures adoption rep by rep.</p></div>
</div>
<div class="pkgs" id="packages">
<div class="pkg lead-pkg"><div class="seq">Step 1</div><h5>Diagnosys</h5><p>Assessment + report + prioritised roadmap.</p></div>
<div class="pkg"><div class="seq">Step 2</div><h5>SOM Build</h5><p>25 deliverables installed + full handover.</p></div>
<div class="pkg"><div class="seq">Step 3</div><h5>SOM Hub</h5><p>Adoption tracking + dashboards + governance.</p></div>
<div class="pkg"><div class="seq">Ongoing</div><h5>Growth Partner</h5><p>Advisory + execution support over time.</p></div>
</div>
<div class="subhead">How SIRTIKA™ gets installed</div>
<div class="journey" id="journey">
<div class="jstep"><div class="jw">Week 1–2</div><div class="jt">Diagnosys</div><div class="jd">Assess the engine, quantify risk.</div></div>
<div class="jstep"><div class="jw">Week 3–4</div><div class="jt">SOM Blueprint</div><div class="jd">Design the model and roadmap.</div></div>
<div class="jstep"><div class="jw">Week 5–8</div><div class="jt">Asset Build</div><div class="jd">Install the 25 deliverables.</div></div>
<div class="jstep"><div class="jw">Week 9–12</div><div class="jt">Hub Adoption</div><div class="jd">Onboard, measure, coach.</div></div>
<div class="jstep"><div class="jw">Month 4+</div><div class="jt">Governance</div><div class="jd">Cadence, refresh, scale.</div></div>
</div>
<div class="confnote"><b>Confidentiality:</b> All client data shown in this demo is illustrative. In production, each client environment has role-based access, client-specific assets, and confidential data controls.</div>
<div style="margin-top:26px"><button class="cta" data-goto="story">Back to the start ↺</button></div>
</div></div>
</section>
<footer><div class="wrap foot-inner">
<div>SIRTIKA<b>™</b> · Naveenn Suri · [email protected] · Delhi</div>
<div class="demo-flag">ILLUSTRATIVE DEMO DATA · CONFIDENTIAL</div>
</div></footer>
<div id="modal"></div>
<button id="startTour">▶ Start guided tour</button>
<div id="tourbar">
<div id="tb-prog"></div>
<div class="tb-inner">
<div class="tb-left">
<div class="tb-step">STEP <span id="tb-n">1</span> / <span id="tb-tot">25</span></div>
<div class="tb-title" id="tb-title"></div>
<div class="tb-text" id="tb-text"></div>
</div>
<div class="tb-ctrl">
<select id="tb-voicepick" class="tb-select" title="Choose voice"></select>
<button id="tb-voice" class="tb-toggle">🔇 Voice</button>
<button id="tb-auto" class="tb-toggle">▶ Auto</button>
<button id="tb-back" class="tb-btn">← Back</button>
<button id="tb-next" class="tb-btn primary">Next →</button>
<button id="tb-exit" class="tb-btn ghost">Exit</button>
</div>
</div>
</div>
<script>
var COLORS={green:"#2F7D5A",amber:"#C9922A",red:"#B23A33"};
function esc(x){return String(x).replace(/&/g,"&").replace(/"/g,""");}
var FNDESC={TARGET:"Who to sell to — defines the ideal customer, account list, personas and demand model.",ENGAGE:"How to connect — playbooks, pitch decks and CXO scripts that get the team into the right conversations.",CLOSE:"How to win — stage-gates, ROI proposals, pricing, objection handling and deal acceleration.",GOVERN:"How to control — charter, reviews, dashboards and forecasting that give leadership a true line of sight.",SCALE:"How to grow — execution plans, campaigns, partner co-sell and compensation that compound growth."};
var FUNCTIONS=[
{fn:"TARGET",tag:"Who to sell to",items:[["D01","Diagnostic Report","PDF"],["D02","ICP Definition + Account List","Excel"],["D03","Buyer Persona Maps","PDF"],["D25","Demand Calculator","Excel"]]},
{fn:"ENGAGE",tag:"How to connect",items:[["D04","Inside Sales Playbook","Word / PDF"],["D05","CXO Conversation Playbook","PDF"],["D06","ISE Pitch Deck","Deck"],["D07","Industry-Specific Pitch Deck","Deck"],["D08","Company Deck","PPTX"]]},
{fn:"CLOSE",tag:"How to win",items:[["D09","Pipeline Stage-Gate Framework","Excel"],["D10","Engagement Proposal (ROI)","PDF"],["D11","Pricing Guidelines / Matrix","PDF"],["D12","Objection Handling Playbook","PDF"],["D13","Deal Acceleration Plan","PDF"]]},
{fn:"GOVERN",tag:"How to control",items:[["D14","Governance Charter","PDF"],["D15","Weekly Pipeline Review Deck","PDF"],["D16","Weekly Lead-Gen Review","Excel"],["D17","Monthly CEO Dashboard","PDF"],["D18","Sales Forecasting Template","Excel"],["D19","Monthly Dashboard Data Forms","Excel"],["D20","Sales Operating Manual","Word / PDF"]]},
{fn:"SCALE",tag:"How to grow",items:[["D21","Month-2 Execution Plan","PDF"],["D22","Campaign Calendar + KPIs","PDF"],["D23","Partner Co-Sell Strategy","PDF"],["D24","Compensation & Territory Framework","PDF"]]}
];
var fnHtml="";
FUNCTIONS.forEach(function(g){
fnHtml+='<div class="fn-block" data-tt="'+g.fn+' — '+esc(g.tag)+'" data-tip="'+esc(FNDESC[g.fn])+'"><div class="fn-head"><span class="fn">'+g.fn+'</span><span class="fn-tag">'+g.tag+'</span></div><div class="cards">';
g.items.forEach(function(it){fnHtml+='<div class="asset" data-d="'+it[0]+'" data-tt="'+it[0]+' — '+esc(it[1])+'" data-tip="Click to preview — purpose, contents, who uses it, and the metric it drives.">'+'<div class="code">'+it[0]+'</div><div class="nm">'+it[1]+'</div><span class="fmt">'+it[2]+'</span><span class="more">Preview ↗</span></div>';});
fnHtml+='</div></div>';
});
document.getElementById("fn-render").innerHTML=fnHtml;
var ROSTER=[
{n:"Aarav Mehta",t:"Enterprise · West",r:92,i:84},
{n:"Priya Nair",t:"Mid-market · West",r:88,i:71},
{n:"Rohan Gupta",t:"Enterprise · North",r:95,i:58,issue:"Understands qualification but doesn't apply stage-gate discipline in live deals.",fix:"D09",review:7},
{n:"Karthik Reddy",t:"Inside · West",r:72,i:38,issue:"Learns fast but low live-deal activity and qualification rigour.",fix:"D04 · D09",review:14}
];
function band(v){return v>80?"green":(v>=50?"amber":"red");}
var rHtml="";
ROSTER.forEach(function(p){
var c=Math.round(p.r*0.3+p.i*0.7),cb=band(c),gap=(p.r-p.i)>=25;
var rtip='Readiness '+p.r+', Impact '+p.i+', Combined Adoption Score '+c+'.'+(gap?' Knows the model but is not yet applying it in live deals — a coaching priority.':'');
rHtml+='<div class="sc-row'+(gap?' gap':'')+'" data-tt="'+p.n+' · '+p.t+'" data-tip="'+rtip+'">'+
'<div class="who"><b>'+p.n+'</b><small>'+p.t+'</small>'+(gap?'<span class="flagtag">KNOWING-DOING GAP</span>':'')+'</div>'+
'<div class="meter"><span class="mval">'+p.r+'</span><div class="mtrack"><div class="mfill" data-w="'+p.r+'%" data-c="'+band(p.r)+'"></div></div></div>'+
'<div class="meter"><span class="mval">'+p.i+'</span><div class="mtrack"><div class="mfill" data-w="'+p.i+'%" data-c="'+band(p.i)+'"></div></div></div>'+
'<div class="combined"><span class="badge" style="background:'+COLORS[cb]+'">'+c+'</span></div></div>';
});
document.getElementById("roster").innerHTML=rHtml;
var kHtml="";
ROSTER.filter(function(p){return (p.r-p.i)>=25;}).forEach(function(p){
var g=p.r-p.i;
kHtml+='<div class="kdg-card"><div class="kdg-name">'+p.n+'</div>'+
'<div class="kdg-scores"><span>Readiness <b>'+p.r+'</b></span><span>Impact <b>'+p.i+'</b></span><span class="kdg-gap">Gap '+g+'</span></div>'+
'<div class="kdg-issue">'+(p.issue||'')+'</div>'+
'<div class="kdg-action">Action: Manager coaching on <b>'+(p.fix||'')+'</b> · Review in '+(p.review||7)+' days</div></div>';
});
document.getElementById("kdg").innerHTML=kHtml;
function fillBars(sec){
sec.querySelectorAll(".fill,.mfill").forEach(function(el){
el.style.background=COLORS[el.dataset.c]||"#B8860B";el.style.width="0";
requestAnimationFrame(function(){setTimeout(function(){el.style.width=el.dataset.w;},60);});
});
}
var tabs=document.querySelectorAll(".tab");
function show(id){
document.querySelectorAll("section").forEach(function(s){s.classList.remove("active")});
tabs.forEach(function(t){t.classList.toggle("active",t.dataset.tab===id)});
var sec=document.getElementById(id);sec.classList.add("active");
window.scrollTo({top:0,behavior:"instant"});fillBars(sec);
}
tabs.forEach(function(t){t.addEventListener("click",function(){goToTab(t.dataset.tab)})});
document.querySelectorAll("[data-goto]").forEach(function(el){el.addEventListener("click",function(){goToTab(el.dataset.goto)})});
document.querySelectorAll("[data-tour]").forEach(function(el){el.addEventListener("click",function(){startTour()})});
var STEPS=[
{tab:"story",sel:null,title:"Meet ABC Tech Services",say:"Meet ABC Tech Services — a technology services company with a real product and a team of fourteen: four Internal Sales Executives, eight sales executives, and two in marketing. On paper, everything it needs. And yet growth stays stuck. ABC doesn't have a capability problem; it has a sales system problem."},
{tab:"story",sel:"#s-have",title:"ABC's reality 01 — strong, but not predictable",say:"ABC's first reality. It has real strengths — a team doing the work, a product, regular meetings, strong delivery. But alongside them: revenue that's hard to predict, a founder who still has to close, weak CXO access, and forecasting that's guesswork. It has a C-R-M, but not a Sales Operating Model."},
{tab:"story",sel:"#s-without",title:"ABC's reality 02 — activities, not a system",say:"ABC's second reality. Sales is a set of activities, not a system. Every rep sells differently, the C-R-M is just reporting, deals slip away quietly, and knowledge leaves with the people. What ABC needs instead is one documented process with a governance rhythm."},
{tab:"story",sel:"#challenges",title:"ABC's reality 03 — the challenges",say:"Put together, here are the challenges holding ABC back: unpredictable revenue, founder dependency, a five-month ramp for new reps, weak CXO access, guesswork forecasting, inflated pipeline, sales and marketing out of step, and knowledge that walks out the door."},
{tab:"story",sel:".loop",title:"Then ABC met SIRTIKA™",say:"Then ABC met SIRTIKA. Not another training program — a way to install the revenue system itself, in three connected stages run as a loop: Diagnose, Build, Adopt. Let's walk each one."},
{tab:"diagnosys",sel:".gauge-wrap",title:"Stage 1 — score & maturity band",say:"Stage one is Diagnosys. ABC scores 54 out of 100 — the Developing band: repeatable in parts, but still founder-dependent. Five dimensions sit underneath, and governance is the weakest."},
{tab:"diagnosys",sel:"#risk-breakdown",title:"Revenue at risk, explained",say:"The eighteen crore at risk isn't vague. It breaks down: six crore from unqualified pipeline, four from forecast slippage, three each from founder dependency and deal leakage, and two from slow onboarding."},
{tab:"diagnosys",sel:"#diag-caps",title:"What the assessment delivers",say:"And it's not just a score — six concrete outputs, each with a worked example. The SWOT, for instance, names strengths like delivery, weaknesses like qualification, the opportunity in CXO access, and the threat of founder dependency."},
{tab:"diagnosys",sel:".gaps",title:"Gaps with severity and a fix",say:"Each gap carries a severity, a rupee impact, the exact deliverable that fixes it, and a timeline. No stage-gate qualification is high severity, six crore of impact, fixed by D09 in thirty days."},
{tab:"blueprint",sel:"#fn-render .fn-block",title:"Stage 2 — 25 assets, five functions",say:"Stage two builds the Sales Operating Model: twenty-five deliverables across Target, Engage, Close, Govern and Scale. Let me open one sample from each function, so you can see what every card holds — without leaving the tour."},
{tab:"blueprint",sel:null,modal:"D02",title:"TARGET — sample deliverable",say:"From TARGET: the ICP and account list. This is exactly what opens when you click any card — purpose, what's inside, who uses it, and the metric it drives. This one defines who to sell to."},
{tab:"blueprint",sel:null,modal:"D04",title:"ENGAGE — sample deliverable",say:"From ENGAGE: the Inside Sales Playbook — the end-to-end manual for the inside sales team, with cadences, a qualification framework, and a sixty-scenario pitch matrix."},
{tab:"blueprint",sel:null,modal:"D09",title:"CLOSE — sample deliverable",say:"From CLOSE: the stage-gate pipeline framework — entry and exit criteria for every stage, so only real deals advance and the forecast reflects reality."},
{tab:"blueprint",sel:null,modal:"D17",title:"GOVERN — sample deliverable",say:"From GOVERN: the monthly CEO dashboard — revenue versus plan, pipeline coverage, forecast and risk, on a single page for leadership."},
{tab:"blueprint",sel:null,modal:"D22",title:"SCALE — sample deliverable",say:"And from SCALE: the campaign calendar with KPIs — a planned demand-generation engine with monthly themes and targets. That's one sample from each of the five functions."},
{tab:"blueprint",sel:"#keydel",title:"Now explore all 25 yourself",say:"Those were five samples — you can click any of the twenty-five cards yourself to open them the same way. Here are a few of the most important, explained in plain language."},
{tab:"hub",sel:"#hub-library",title:"Hub tool 1 — one home for the model",say:"Stage three is the Hub. First, it's one home for the model: all twenty-five assets, version-controlled and always current. One source of truth, instant access for every rep, even when people change."},
{tab:"hub",sel:"#hub-onboard",title:"Hub tool 2 — onboarding",say:"Second, onboarding. Every new joiner follows a guided thirty-day path — learn, practise, operate — each step backed by the exact deliverable. Productive in weeks, not months."},
{tab:"hub",sel:"#dse",title:"Hub tool 3 — daily support engine",say:"Third, the daily support engine. Every morning each rep opens a brief: the next best action, the right asset to use, a qualification check, and a coaching nudge. The model becomes a daily habit."},
{tab:"hub",sel:".scorecard",title:"Hub tool 4 — adoption assessment",say:"Fourth, assessment. Adoption combines Readiness — has the rep learned the model — and Impact — are they applying it — weighted thirty seventy. One row per rep, colour-coded."},
{tab:"hub",sel:"#kdg",title:"Knowing-Doing Gap Detector™",say:"And the signature feature. Rohan knows qualification but isn't applying it — high readiness, low impact. The Hub names the gap, the fix, and a review date."},
{tab:"dashboards",sel:"#roleseg",title:"A view for every role",say:"The same platform reshapes for who's looking. The CEO sees revenue, risk and forecast confidence. The manager sees adoption and who to coach. Each rep sees their score, their day, and the assets to use."},
{tab:"value",sel:"#acts",title:"The outcome for ABC",say:"Here's how it plays out. Before SIRTIKA, ABC is founder-led and leaking eighteen crore. Over ninety days the system is installed. After, the model is documented, reps are productive in weeks, forecasts are governed, and the founder is freed from every deal."},
{tab:"value",sel:"#roi",title:"The ROI",say:"And the economics. Eighteen crore at risk; six to seven crore recoverable in year one — a return of many times the program investment, which is a small fraction of what it protects."},
{tab:"value",sel:"#positioning",title:"What you're buying",say:"And that's what you're buying — one platform, three products. Diagnosys to assess, the SOM to build, and the SOM Hub to drive and govern adoption. Diagnose, build, adopt. The journey starts with a single Diagnosys."}
];
var touring=false,step=0,voiceOn=false,autoOn=false,lastEl=null,autoTimer=null;
var synth=window.speechSynthesis,chosenVoice=null,enVoices=[];
var FEMALE=/female|samantha|victoria|karen|moira|tessa|fiona|veena|heera|neerja|raveena|aditi|kajal|swara|zira|susan|linda|catherine|serena|allison|ava|joanna|kendra|kimberly|salli|nicole|amy|emma|sonia|libby|maisie/i;
function pickVoice(list){
if(!list||!list.length)return null;
function score(v){var s=0,L=(v.lang||"").toLowerCase(),N=(v.name||"").toLowerCase();
if(L.indexOf("en-in")===0)s+=3;else if(L.indexOf("en-gb")===0)s+=2;else if(L.indexOf("en-us")===0||L.indexOf("en-au")===0)s+=1;else s+=0.5;
if(FEMALE.test(N))s+=6;return s;}
return list.slice().sort(function(a,b){return score(b)-score(a)})[0];
}
function refreshVoices(){
if(!synth)return;var all=synth.getVoices();if(!all.length)return;
enVoices=all.filter(function(v){return /^en/i.test(v.lang)});if(!enVoices.length)enVoices=all.slice();
if(!chosenVoice)chosenVoice=pickVoice(enVoices);
var sel=document.getElementById("tb-voicepick");
if(sel){sel.innerHTML="";enVoices.forEach(function(v,idx){var o=document.createElement("option");o.value=idx;o.textContent=v.name.replace(/Microsoft |Google /,"")+" ("+v.lang+")";if(chosenVoice&&v.name===chosenVoice.name)o.selected=true;sel.appendChild(o);});}
}
if(synth){refreshVoices();synth.onvoiceschanged=refreshVoices;setTimeout(refreshVoices,400);}
var bar=document.getElementById("tourbar");
function clearHL(){if(lastEl){lastEl.classList.remove("spotlight");lastEl=null;}}
function speak(text){
if(!synth)return;synth.cancel();
if(!voiceOn){if(autoOn)scheduleAuto(text);return;}
var u=new SpeechSynthesisUtterance(text.replace(/™/g,""));
if(chosenVoice)u.voice=chosenVoice;u.rate=1;u.pitch=1;
u.onend=function(){if(autoOn&&touring)autoTimer=setTimeout(go.bind(null,1),850);};
synth.speak(u);
}
function scheduleAuto(text){var w=text.split(/\s+/).length;autoTimer=setTimeout(go.bind(null,1),Math.max(4000,w/2.6*1000));}
function clearAuto(){if(autoTimer){clearTimeout(autoTimer);autoTimer=null;}}
function render(){
var s=STEPS[step];show(s.tab);clearHL();
document.getElementById("tb-n").textContent=step+1;
document.getElementById("tb-title").textContent=s.title;
document.getElementById("tb-text").textContent=s.say;
document.getElementById("tb-prog").style.width=((step+1)/STEPS.length*100)+"%";
document.getElementById("tb-back").disabled=(step===0);
document.getElementById("tb-next").textContent=(step===STEPS.length-1)?"Finish":"Next →";
if(s.sel){setTimeout(function(){var el=document.querySelector(s.sel);if(el){el.classList.add("spotlight");lastEl=el;var y=el.getBoundingClientRect().top+window.scrollY-160;window.scrollTo({top:y<0?0:y,behavior:"smooth"});}},300);}
if(s.modal){openModal(s.modal,true);}else if(modalEl&&modalEl.classList.contains("show")){closeModal();}
clearAuto();speak(s.say);
}
function go(dir){clearAuto();if(synth)synth.cancel();var n=step+dir;if(n<0)return;if(n>=STEPS.length){endTour();return;}step=n;render();}
var TAB_STEP={};STEPS.forEach(function(st,i){if(TAB_STEP[st.tab]===undefined)TAB_STEP[st.tab]=i;});
function activeTab(){var a=document.querySelector("section.active");return a?a.id:"story";}
function goToTab(tab){if(touring){step=(TAB_STEP[tab]!==undefined?TAB_STEP[tab]:0);render();}else{show(tab);}}
function startTour(){touring=true;step=(TAB_STEP[activeTab()]!==undefined?TAB_STEP[activeTab()]:0);document.getElementById("startTour").style.display="none";document.body.classList.add("touring");bar.classList.add("show");render();}
function endTour(){touring=false;clearAuto();clearHL();if(modalEl&&modalEl.classList.contains("show"))closeModal();if(synth)synth.cancel();bar.classList.remove("show");document.body.classList.remove("touring");document.getElementById("startTour").style.display="block";}
document.getElementById("startTour").addEventListener("click",startTour);
document.getElementById("tb-next").addEventListener("click",function(){go(1)});
document.getElementById("tb-back").addEventListener("click",function(){go(-1)});
document.getElementById("tb-exit").addEventListener("click",endTour);
document.getElementById("tb-voice").addEventListener("click",function(){
voiceOn=!voiceOn;this.classList.toggle("on",voiceOn);this.textContent=(voiceOn?"🔊":"🔇")+" Voice";
if(!voiceOn){if(synth)synth.cancel();}else{speak(STEPS[step].say);}
});
document.getElementById("tb-auto").addEventListener("click",function(){
autoOn=!autoOn;this.classList.toggle("on",autoOn);if(autoOn){speak(STEPS[step].say);}else{clearAuto();}
});
document.getElementById("tb-voicepick").addEventListener("change",function(){var v=enVoices[+this.value];if(v){chosenVoice=v;if(voiceOn&&touring)speak(STEPS[step].say);}});
document.addEventListener("keydown",function(e){if(!touring)return;if(e.key==="ArrowRight")go(1);else if(e.key==="ArrowLeft")go(-1);else if(e.key==="Escape")endTour();});
document.getElementById("tb-tot").textContent=STEPS.length;
/* ===== DELIVERABLE PREVIEW MODALS ===== */
var DMETA={
D01:{purpose:"The full output of Diagnosys — engine maturity, revenue at risk, and the prioritised roadmap.",inside:["Maturity score and band","Revenue-at-risk breakdown","SWOT and hidden gaps","90-day roadmap"],who:"CEO and leadership",drives:"Maturity Score"},
D02:{purpose:"Defines exactly who to sell to, and ranks the accounts worth pursuing.",inside:["ICP criteria — firmographic and trigger-based","Tiered, named account list","Clear disqualifiers","TAM and SAM view"],who:"ISEs and Sales Execs",drives:"Qualified pipeline"},
D03:{purpose:"A guide to the personas inside a target organisation — who to engage and what each cares about.",inside:["Persona profiles by role","Pains, goals and triggers","Messaging angles per persona","Objection hot-spots"],who:"ISEs and Sales Execs",drives:"CXO meeting rate"},
D25:{purpose:"Models the activity needed to hit a revenue target — reverse-engineers the funnel.",inside:["Target to deals to meetings to outreach math","Conversion assumptions","Capacity and coverage check"],who:"Sales leadership",drives:"Pipeline coverage"},
D04:{purpose:"The end-to-end operating manual for the inside sales team.",inside:["Outreach cadences","Qualification framework","60+ scenario pitch matrix","Call and email scripts"],who:"ISEs",drives:"Qualified handovers / week"},
D05:{purpose:"How to approach and convince CXOs — the senior-buyer conversation guide.",inside:["Opening lines by role","Value framing for executives","Discovery questions","Triggers that earn a second meeting"],who:"Sales Execs and founder",drives:"CXO conversion"},
D06:{purpose:"The standard first-meeting narrative for inside sales.",inside:["Problem to solution arc","Proof points","Built-in discovery prompts"],who:"ISEs",drives:"Meeting to opportunity"},
D07:{purpose:"A pitch tailored to each target vertical so the message lands.",inside:["Industry-specific pains","Relevant case proof","Vertical messaging"],who:"Sales Execs",drives:"Win rate by vertical"},
D08:{purpose:"The corporate credibility deck used across client conversations.",inside:["Who we are","Capabilities and proof","Clear differentiators"],who:"All client-facing roles",drives:"Brand credibility"},
D09:{purpose:"A stage-gate qualification process so only real deals advance — and the forecast reflects reality.",inside:["Stage definitions","Entry and exit criteria","Required evidence per gate","Forecast categories"],who:"Sales and leadership",drives:"Forecast accuracy"},
D10:{purpose:"A value- and ROI-based proposal that makes the business case in the buyer language.",inside:["Problem and impact framing","ROI model","Scope and pricing","Executive summary"],who:"Sales Execs",drives:"Proposal win rate"},
D11:{purpose:"Consistent pricing and discounting guidance for the team.",inside:["Pricing tiers","Discount guardrails","Approval thresholds"],who:"Sales and finance",drives:"Average deal size and margin"},
D12:{purpose:"Tested responses to the objections that stall deals.",inside:["Objections by stage and persona","Reframes and responses","Proof to deploy"],who:"ISEs and Sales Execs",drives:"Stage conversion"},
D13:{purpose:"A playbook to unstick and accelerate live deals.",inside:["Stall diagnostics","Mutual action plans","Champion-building moves"],who:"Sales Execs",drives:"Sales cycle time"},
D14:{purpose:"Defines the operating rhythm, roles and accountabilities of the revenue engine.",inside:["Meeting cadence","RACI of roles","KPIs and owners"],who:"Leadership",drives:"Operating discipline"},
D15:{purpose:"The standard format for the weekly pipeline review.",inside:["Pipeline by stage","Deal-risk flags","Commit vs best-case"],who:"Sales managers",drives:"Forecast reliability"},
D16:{purpose:"Tracks top-of-funnel health every week.",inside:["Outreach and response","Meetings booked","Lead-to-SQL conversion"],who:"Inside sales and marketing",drives:"Pipeline created"},
D17:{purpose:"The one-page revenue view for the CEO.",inside:["Revenue vs plan","Pipeline coverage","Forecast and risk","Team adoption"],who:"CEO",drives:"Revenue predictability"},
D18:{purpose:"Turns gut-feel forecasting into a governed, repeatable method.",inside:["Weighted pipeline","Commit / best / worst","Roll-up logic"],who:"Sales leadership",drives:"Forecast accuracy"},
D19:{purpose:"Standardised inputs that feed the dashboards.",inside:["Data-capture templates","Field definitions","Submission cadence"],who:"Sales ops",drives:"Data quality"},
D20:{purpose:"The master reference for how the team sells.",inside:["End-to-end process","All assets indexed","Roles and cadence"],who:"The whole team",drives:"Onboarding speed"},
D21:{purpose:"The 30-day plan to operationalise the model right after build.",inside:["Week-by-week actions","Owners and milestones","Quick wins"],who:"Leadership and team",drives:"Time to first results"},
D22:{purpose:"A planned demand-generation calendar with targets.",inside:["Campaign themes by month","Channels","KPI targets"],who:"Marketing and sales",drives:"Pipeline created"},
D23:{purpose:"How to generate revenue through partners.",inside:["Partner tiers","Co-sell motions","Joint value propositions"],who:"Partnerships and sales",drives:"Partner-sourced pipeline"},
D24:{purpose:"Aligns incentives and coverage to the operating model.",inside:["Comp-plan design","Territory and account allocation","Quota logic"],who:"Leadership and HR",drives:"Rep productivity and retention"}
};
var CODEMAP={};
FUNCTIONS.forEach(function(g){g.items.forEach(function(it){CODEMAP[it[0]]={name:it[1],fmt:it[2],fn:g.fn,tag:g.tag};});});
var modalEl=document.getElementById("modal");
function openModal(code,tour){
var c=CODEMAP[code],m=DMETA[code]||{};if(!c)return;
if(typeof hideTip==="function")hideTip();
var ins=(m.inside)?'<ul class="mb-list">'+m.inside.map(function(x){return '<li>'+x+'</li>';}).join('')+'</ul>':'';
modalEl.innerHTML='<div class="modal-card">'+
'<div class="modal-top"><button class="modal-x" id="modal-x">✕</button>'+
'<div class="modal-fn">'+c.fn+' · '+c.tag+'</div>'+
'<div class="modal-code">'+code+'</div>'+
'<div class="modal-name">'+c.name+'</div></div>'+
'<div class="modal-body">'+
'<div class="mb-row"><div class="mb-k">Purpose</div><div class="mb-v">'+(m.purpose||'')+'</div></div>'+
(ins?'<div class="mb-row"><div class="mb-k">What is inside</div>'+ins+'</div>':'')+
'<div class="mb-foot"><span class="mb-chip">Who uses it: <b>'+(m.who||'')+'</b></span><span class="mb-chip">Drives: <b>'+(m.drives||'')+'</b></span><span class="mb-chip">Format: <b>'+c.fmt+'</b></span></div>'+
'</div></div>';
modalEl.className=tour?"show tourmode":"show";if(!tour)document.body.style.overflow="hidden";
document.getElementById("modal-x").addEventListener("click",closeModal);
}
function closeModal(){modalEl.className="";modalEl.innerHTML="";document.body.style.overflow="";}
modalEl.addEventListener("click",function(e){if(e.target===modalEl)closeModal();});
document.addEventListener("click",function(e){var el=e.target.closest&&e.target.closest("[data-d]");if(el)openModal(el.dataset.d);});
document.addEventListener("keydown",function(e){if(e.key==="Escape"&&modalEl.classList.contains("show"))closeModal();});
// tag library codes + key-deliverable cards as clickable
document.querySelectorAll("#hub-library .codes span").forEach(function(sp){sp.dataset.d=sp.textContent.trim();sp.title="Preview deliverable";});
document.querySelectorAll(".kd").forEach(function(k){var c=k.querySelector(".kdc");if(c)k.dataset.d=c.textContent.trim();});
/* ===== DASHBOARD ROLE SWITCH ===== */
document.querySelectorAll("#roleseg button").forEach(function(b){
b.addEventListener("click",function(){
document.querySelectorAll("#roleseg button").forEach(function(x){x.classList.toggle("on",x===b)});
var r=b.dataset.role;
["ceo","mgr","rep"].forEach(function(k){document.getElementById("dash-"+k).classList.toggle("on",k===r)});
});
});
/* ===== HOVER TOOLTIPS ===== */
var TIPS={
"#roleseg":{t:"Role-based views",d:"Switch between CEO, Sales Manager and ISE — the same model and data, reshaped for each role."},
"#challenges":{t:"The challenges",d:"The concrete problems holding ABC back — unpredictable revenue, founder dependency, slow ramp, weak CXO access, guesswork forecasting, and sales-marketing misalignment."},
"#diag-caps":{t:"What the assessment delivers",d:"Six concrete outputs — revenue risk, SWOT, hidden gaps, maturity score, roadmap and the SOM blueprint — each shown with a worked example."},
"#keydel":{t:"Key deliverables, explained",d:"A plain-language look at the most important assets — ICP, industry focus, personas, playbooks, CXO guide, ROI proposal, objection handling and stage-gates."},
"#dse":{t:"Daily Support Engine",d:"Each rep's daily brief: next-best-action, the right asset for the moment, qualification checks and coaching nudges — the model used daily, not just learned."},
"#s-have":{t:"ABC's reality",d:"Strong capabilities — team, product, delivery — but unpredictable, founder-dependent revenue. A CRM, but no Sales Operating Model."},
"#s-without":{t:"Activities, not a system",d:"Everyone sells differently, the CRM is just reporting, and knowledge walks out the door. The classic no-system pattern."},
"#positioning":{t:"What you're buying",d:"One platform, three products bought in sequence: Diagnosys (assessment), SOM (build), SOM Hub (adoption & governance)."},
"#packages":{t:"Engagement structure",d:"Diagnosys → SOM Build → SOM Hub → Growth Partner. Each step builds on the last."},
"#journey":{t:"Implementation journey",d:"A 90-day install — Diagnosys, blueprint, asset build, Hub adoption — then an ongoing governance rhythm."},
"#acts":{t:"Before → During → After",d:"The client transformation: founder-led and leaking, a 90-day install, then a system-driven engine that compounds."},
"#roi":{t:"The ROI",d:"₹18 Cr at risk and ₹6–7 Cr recoverable in year one — a return of many times the program investment, which is priced per engagement by region."},
"#valueprop":{t:"Why SIRTIKA™",d:"It installs the system (not a report), measures adoption (not just delivery), and stays when people leave."},
".gauge-wrap":{t:"Maturity Score & band",d:"A 0–100 score for how systemised the engine is. Bands: 0–40 Reactive, 41–60 Developing, 61–80 Structured, 81–100 Scalable. ABC is Developing."},
"#risk-breakdown":{t:"Revenue at risk, itemised",d:"The ₹18 Cr is built from five sources — unqualified pipeline, forecast slippage, founder dependency, deal leakage and slow onboarding."},
"#diag-dims":{t:"Five assessment dimensions",d:"Sales Process Maturity, Market Traction, Talent Readiness, Governance Effectiveness and Growth Strategy — so you see which part is weakest."},
".gaps":{t:"Actionable gaps",d:"Each gap shows severity, rupee impact, the exact fixing deliverable, and a 30/60/90-day timeline."},
"#hub-library":{t:"The SOM Library",d:"All 25 deliverables live in the Hub, version-controlled and always current — one source of truth."},
"#governance":{t:"Governance rhythm",d:"The operating cadence that keeps the model alive: weekly, monthly and quarterly reviews and refreshes."},
".formula":{t:"Combined Adoption Score",d:"Readiness (learned) counts 30%; Impact (applied in live deals) counts 70% — using the model matters more than knowing it."},
".scorecard":{t:"SOM Scorecard",d:"One row per ISE showing Readiness, Impact and Combined, colour-coded, so leadership sees who is running the model."},
"#kdg":{t:"Knowing-Doing Gap Detector™",d:"Flags reps with high Readiness but low Impact, names the issue, the fix deliverable, and a review date — a signature SIRTIKA™ feature."}
};
var TIPS_ARR={
".tab":[
{t:"Story",d:"The opening narrative: meet ABC, see why it's stuck, and how it meets SIRTIKA™."},
{t:"Diagnosys · Stage 1",d:"The AI-native assessment: maturity score, revenue-at-risk breakdown, five dimensions, and prioritised gaps."},
{t:"SOM Blueprint · Stage 2",d:"The 25 deliverables across Target, Engage, Close, Govern and Scale — the installed operating model."},
{t:"Hub · Stage 3",d:"The adoption platform: library, onboarding, governance rhythm, the SOM Scorecard, and the gap detector."},
{t:"Dashboards",d:"The same platform through three lenses — CEO, Sales Manager and ISE — each with the view that fits the role."},
{t:"Value",d:"The outcome: before/after, ROI, why SIRTIKA™, and — last — exactly what you're buying."}
],
".stagecard":[
{t:"Stage 1 — Diagnose",d:"SIRTIKA™ Diagnosys: scores the engine and surfaces hidden revenue risk before it costs you."},
{t:"Stage 2 — Build",d:"The Sales Operating Model: 25 deliverables installed as working assets, not advisory slides."},
{t:"Stage 3 — Adopt",d:"The SIRTIKA™ Hub: hosts the model, onboards joiners, and measures adoption rep by rep."}
],
".poscard":[
{t:"Diagnosys = Assessment",d:"AI-native diagnostic that scores the engine and quantifies revenue at risk."},
{t:"SOM = Build",d:"25 deliverables installed as working operating assets across five functions."},
{t:"SOM Hub = Adoption platform",d:"Hosts the model, onboards joiners, runs governance, and measures adoption rep by rep."}
],
".jstep":[
{t:"Week 1–2 · Diagnosys",d:"Assess the engine across five dimensions and quantify the revenue at risk."},
{t:"Week 3–4 · Blueprint",d:"Design the Sales Operating Model and the prioritised 90-day roadmap."},
{t:"Week 5–8 · Asset Build",d:"Install the 25 deliverables as working operating assets."},
{t:"Week 9–12 · Hub Adoption",d:"Onboard the team, measure adoption, and start coaching to the gaps."},
{t:"Month 4+ · Governance",d:"Run the cadence, refresh the model, and scale what works."}
],
".pkg":[
{t:"Diagnosys",d:"Assessment, report and prioritised roadmap. The entry point."},
{t:"SOM Build",d:"All 25 deliverables installed, with full handover to your team."},
{t:"SOM Hub",d:"Adoption tracking, dashboards and governance — the recurring layer."},
{t:"Growth Partner",d:"Ongoing advisory and execution support beyond the install."}
],
".gap-row":[
{t:"Unqualified pipeline · HIGH",d:"~40% of pipeline pushed as 'qualified' without stage-gates. ₹6 Cr impact. D09 installs the discipline in 30 days."},
{t:"Gut-feel forecasting · HIGH",d:"Forecasts are opinion, not method. ₹4 Cr impact. D18 makes forecasting governed and repeatable in 60 days."},
{t:"Slow new-rep ramp · MED",d:"Playbook lives in a few senior heads. ₹2 Cr impact. D04 and D06 make it learnable from day one in 90 days."}
],
"#hub-onboard .onb-card":[
{t:"Learn · Days 1–7",d:"Orientation: the new joiner reads the ICP, personas and Inside Sales Playbook."},
{t:"Practice · Days 8–17",d:"Supervised practice: role-play qualification, a first handover, a mock proposal."},
{t:"Operate · Days 18–30",d:"Live: real outreach, real qualified handovers, first meetings — productive in weeks."}
],
".vpcard":[
{t:"Installs the system",d:"25 working assets your team uses — not advisory slides that gather dust."},
{t:"Measures adoption",d:"Proof the model is learned and applied, rep by rep — the layer most programs skip."},
{t:"Stays when people leave",d:"The model is the asset; knowledge no longer walks out the door."},
{t:"One platform",d:"Diagnose, build, adopt and govern in a single connected system."}
]
};
function applyTips(){
for(var sel in TIPS){var n=document.querySelector(sel);if(n){n.dataset.tt=TIPS[sel].t;n.dataset.tip=TIPS[sel].d;}}
for(var s2 in TIPS_ARR){var ns=document.querySelectorAll(s2);TIPS_ARR[s2].forEach(function(o,i){if(ns[i]){ns[i].dataset.tt=o.t;ns[i].dataset.tip=o.d;}});}
}
applyTips();
var tt=document.createElement("div");tt.id="tt";tt.innerHTML='<div class="tt-t"></div><div class="tt-d"></div>';document.body.appendChild(tt);
var ttT=tt.querySelector(".tt-t"),ttD=tt.querySelector(".tt-d");
function moveTip(x,y){var pad=16,w=tt.offsetWidth,h=tt.offsetHeight,nx=x+16,ny=y+18;if(nx+w+pad>window.innerWidth)nx=x-w-16;if(nx<pad)nx=pad;if(ny+h+pad>window.innerHeight)ny=y-h-18;if(ny<pad)ny=pad;tt.style.left=nx+"px";tt.style.top=ny+"px";}
function showTip(el,x,y){var t=el.dataset.tt||"",d=el.dataset.tip||"";if(!d&&!t)return;ttT.textContent=t;ttT.style.display=t?"block":"none";ttD.textContent=d;tt.classList.add("show");moveTip(x,y);}
function hideTip(){tt.classList.remove("show");}
document.addEventListener("mouseover",function(e){var el=e.target.closest&&e.target.closest("[data-tip]");if(el)showTip(el,e.clientX,e.clientY);});
document.addEventListener("mousemove",function(e){if(!tt.classList.contains("show"))return;var el=e.target.closest&&e.target.closest("[data-tip]");if(el)moveTip(e.clientX,e.clientY);else hideTip();});
document.addEventListener("mouseout",function(e){var el=e.target.closest&&e.target.closest("[data-tip]");if(el){var to=e.relatedTarget;if(!(to&&to.closest&&to.closest("[data-tip]")===el))hideTip();}});
window.addEventListener("scroll",hideTip,true);
</script>
</body>
</html>