:root {
  --ink: #18231d;
  --muted: #5d6d65;
  --paper: #f4fbf8;
  --surface: #ffffff;
  --line: #dcebe4;
  --violet: #559238;
  --violet-2: #76bb45;
  --magenta: #08a8cf;
  --teal: #087f86;
  --teal-2: #28c59c;
  --green: #5a9638;
  --orange: #f1b928;
  --coral: #ef5e62;
  --nav: #172820;
  --nav-2: #244131;
  --shadow: 0 22px 60px rgba(26, 69, 49, .13);
  --shadow-soft: 0 10px 30px rgba(38, 91, 67, .09);
  --radius: 22px;
  --top: 76px;
  --side: 260px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.page-progress { position: fixed; z-index: 1001; top: 0; left: 0; right: 0; height: 4px; background: rgba(255,255,255,.08); }
.page-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--orange), var(--magenta), var(--teal-2)); box-shadow: 0 0 14px rgba(189,77,255,.7); }
.ambient { position: fixed; z-index: -2; pointer-events: none; border-radius: 50%; filter: blur(90px); opacity: .12; }
.ambient-one { width: 440px; height: 440px; right: -160px; top: 25vh; background: var(--magenta); }
.ambient-two { width: 380px; height: 380px; left: 15vw; bottom: -180px; background: var(--teal-2); }

.topbar {
  position: fixed; z-index: 900; top: 0; left: 0; right: 0; height: var(--top);
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 10px 24px 10px 18px;
  background: rgba(255,255,255,.93); backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(30,24,66,.1); box-shadow: 0 6px 24px rgba(25,20,56,.05);
}
.brand-lockup { display: flex; align-items: center; min-width: 0; gap: 11px; }
.logo-frame { background: white; display: grid; place-items: center; overflow: hidden; flex: 0 0 auto; }
.logo-frame.singhi { width: 118px; height: 47px; }
.logo-frame.singhi img { width: 110px; height: auto; }
.logo-frame.thirdeye { width: 50px; height: 50px; border-radius: 12px; }
.logo-frame.thirdeye img { width: 44px; height: 44px; object-fit: contain; }
.brand-divider { width: 1px; height: 40px; background: var(--line); margin: 0 2px; }
.product-name { display: flex; flex-direction: column; line-height: 1.15; white-space: nowrap; }
.product-name strong { font-size: 15px; letter-spacing: .01em; }
.product-name small { color: var(--muted); font-size: 11px; margin-top: 3px; }
.top-actions { display: flex; align-items: center; gap: 12px; }
.status-chip { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #4b4561; background: #f2f0f8; padding: 8px 11px; border-radius: 999px; }
.status-chip i { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px rgba(237,122,50,.12); }
.compact-field { display: flex; flex-direction: column; line-height: 1; }
.compact-field span { font-size: 10px; color: var(--muted); margin: 0 0 4px 8px; text-transform: uppercase; letter-spacing: .08em; }
.compact-field select { width: 210px; border: 1px solid var(--line); border-radius: 10px; padding: 8px 28px 8px 10px; background: white; color: var(--ink); font-weight: 650; font-size: 12px; }
.mobile-menu { display: none; width: 44px; height: 44px; border: 0; background: #f2f0f8; border-radius: 12px; align-items: center; justify-content: center; flex-direction: column; gap: 4px; }
.mobile-menu span { display: block; width: 20px; height: 2px; border-radius: 2px; background: var(--ink); }

.button { border: 0; border-radius: 11px; padding: 10px 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; font-weight: 750; font-size: 13px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: white; background: linear-gradient(135deg, var(--violet), var(--magenta)); box-shadow: 0 9px 24px rgba(110,53,220,.25); }
.button-primary:hover { box-shadow: 0 13px 32px rgba(110,53,220,.34); }
.button-ghost { color: var(--ink); background: white; border: 1px solid var(--line); box-shadow: var(--shadow-soft); }
.button-light { color: var(--violet); background: white; box-shadow: 0 12px 26px rgba(24,18,51,.15); }
.button-large { min-height: 48px; padding: 12px 20px; font-size: 14px; }
.button-wide { width: 100%; min-height: 50px; }

.sidebar {
  position: fixed; z-index: 850; top: var(--top); bottom: 0; left: 0; width: var(--side);
  padding: 18px 14px; color: white; overflow-y: auto;
  background:
    radial-gradient(circle at 0 10%, rgba(216,54,156,.20), transparent 34%),
    radial-gradient(circle at 100% 90%, rgba(22,197,162,.14), transparent 30%),
    linear-gradient(170deg, var(--nav), var(--nav-2));
  border-right: 1px solid rgba(255,255,255,.06);
}
.user-card { display: flex; align-items: center; gap: 10px; padding: 12px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 15px; margin-bottom: 18px; }
.avatar { display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 11px; color: white; background: linear-gradient(135deg, var(--magenta), var(--violet)); font-weight: 850; font-size: 12px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); }
.avatar.large { width: 62px; height: 62px; border-radius: 18px; font-size: 18px; }
.user-card > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; }
.user-card strong { font-size: 12px; }
.user-card small { color: #aaa3c4; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-card b { margin-left: auto; padding: 4px 6px; border-radius: 6px; background: rgba(22,197,162,.18); color: #77f4d6; font-size: 9px; }
.sidebar nav { display: flex; flex-direction: column; gap: 3px; }
.sidebar nav a { display: flex; align-items: center; gap: 12px; min-height: 42px; padding: 9px 11px; border-radius: 11px; color: #aaa3c4; font-size: 13px; font-weight: 650; transition: .2s ease; }
.sidebar nav a span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: rgba(255,255,255,.06); font-size: 9px; color: #81799f; }
.sidebar nav a:hover { color: white; background: rgba(255,255,255,.06); }
.sidebar nav a.active { color: white; background: linear-gradient(90deg, rgba(154,69,245,.27), rgba(216,54,156,.10)); box-shadow: inset 3px 0 var(--magenta); }
.sidebar nav a.active span { color: white; background: var(--violet); }
.sidebar-note { margin-top: 20px; padding: 14px; border-radius: 14px; background: rgba(0,0,0,.16); border: 1px solid rgba(255,255,255,.07); display: flex; flex-direction: column; }
.sidebar-note span { color: var(--orange); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sidebar-note strong { font-size: 12px; margin: 5px 0 3px; }
.sidebar-note small { color: #9690ae; font-size: 10px; line-height: 1.4; }
.sidebar-backdrop { display: none; }

.main { margin-left: var(--side); padding-top: var(--top); transition: padding-right .3s ease; }
body.guide-running .main { padding-right: 380px; }
.section { position: relative; min-height: 100vh; padding: 76px clamp(28px, 5vw, 78px); overflow: hidden; }
.section:nth-child(odd) { background: rgba(255,255,255,.76); }
.dark-section { color: white; background:
  radial-gradient(circle at 100% 0, rgba(22,197,162,.18), transparent 32%),
  radial-gradient(circle at 0 80%, rgba(216,54,156,.18), transparent 32%),
  linear-gradient(145deg, #171426 0%, #0f2428 100%) !important; }
.eyebrow { margin: 0 0 10px; color: var(--violet); font-size: 11px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow.coral { color: #ff898d; }
.eyebrow.magenta { color: var(--magenta); }
.eyebrow.teal { color: var(--teal); }
.eyebrow.green { color: var(--green); }
.eyebrow.orange { color: var(--orange); }
.section-heading { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: 56px; align-items: end; margin-bottom: 42px; }
.section-heading h2 { margin: 0; max-width: 820px; font-size: clamp(31px, 4vw, 54px); line-height: 1.06; letter-spacing: -.045em; }
.section-heading > p { margin: 0 0 4px; color: var(--muted); font-size: 16px; }
.dark-section .section-heading > p { color: #c7c1d5; }
.section-footnote { margin: 16px 0 0; color: var(--muted); font-size: 12px; }

.hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(420px, .9fr); column-gap: 56px; align-items: center; background:
  linear-gradient(125deg, rgba(255,255,255,.92), rgba(248,246,255,.82)),
  radial-gradient(circle at 70% 30%, rgba(154,69,245,.15), transparent 38%); }
.hero:before { content: ""; position: absolute; right: 8%; top: 10%; width: 36%; height: 70%; background-image: radial-gradient(rgba(110,53,220,.16) 1px, transparent 1px); background-size: 20px 20px; mask-image: linear-gradient(to bottom, transparent, black 18%, black 75%, transparent); }
.hero-copy, .hero-visual, .value-ribbon, .story-flow { position: relative; z-index: 1; }
.hero h1 { margin: 0; font-size: clamp(48px, 6vw, 84px); line-height: .98; letter-spacing: -.065em; max-width: 900px; }
.hero h1 span { color: transparent; background: linear-gradient(90deg, var(--violet), var(--magenta), var(--orange)); background-clip: text; -webkit-background-clip: text; }
.hero-lead { max-width: 720px; margin: 24px 0 0; color: #514c63; font-size: clamp(17px, 1.6vw, 21px); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.demo-disclosure { max-width: 720px; padding-left: 14px; border-left: 3px solid var(--orange); color: var(--muted); font-size: 11px; margin: 24px 0 0; }
.hero-visual { height: 500px; min-width: 0; }
.hero-core { position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 175px; height: 175px; border-radius: 48px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: white; background: linear-gradient(145deg, #392175, #7a2dc8 55%, #137c78); box-shadow: 0 28px 70px rgba(77,42,149,.33), inset 0 0 0 1px rgba(255,255,255,.25); }
.hero-core:after { content:""; position:absolute; inset:10px; border:1px solid rgba(255,255,255,.12); border-radius:39px; }
.core-icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 18px; background: rgba(255,255,255,.15); font-size: 18px; font-weight: 900; margin-bottom: 9px; }
.hero-core strong { font-size: 18px; }
.hero-core small { color: #d8ceee; font-size: 11px; }
.core-ring { position: absolute; inset: -20px; border-radius: 60px; border: 1px solid rgba(110,53,220,.24); animation: pulseRing 3s ease infinite; }
.orbit { position: absolute; left: 50%; top: 50%; border-radius: 50%; border: 1px dashed rgba(110,53,220,.25); transform: translate(-50%,-50%); }
.orbit-a { width: 360px; height: 360px; animation: spin 28s linear infinite; }
.orbit-b { width: 470px; height: 270px; border-color: rgba(0,127,120,.22); animation: spinReverse 34s linear infinite; }
.float-node { position: absolute; z-index: 4; width: 106px; min-height: 78px; border: 1px solid rgba(255,255,255,.7); border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(255,255,255,.86); backdrop-filter: blur(10px); box-shadow: var(--shadow); animation: float 5s ease-in-out infinite; }
.float-node b { font-size: 17px; color: var(--violet); }
.float-node small { color: var(--muted); font-size: 10px; }
.float-node.n1 { left: 0; top: 58px; }
.float-node.n2 { right: 5px; top: 58px; animation-delay: -1.4s; }
.float-node.n3 { left: -15px; bottom: 42px; animation-delay: -2.6s; }
.float-node.n4 { right: -10px; bottom: 38px; animation-delay: -3.8s; }
.float-node.n4 b { color: var(--teal); }
.data-lines { position: absolute; inset: 20px -10px; width: calc(100% + 20px); height: calc(100% - 40px); }
.data-lines path { fill: none; stroke: url(#lineGradient); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 5 12; animation: dash 7s linear infinite; opacity: .65; }
.value-ribbon { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 20px; border: 1px solid var(--line); background: var(--line); border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-soft); }
.value-ribbon > div { background: rgba(255,255,255,.95); padding: 16px 18px; display: flex; align-items: center; gap: 13px; }
.metric-icon { display: grid; place-items: center; flex: 0 0 auto; min-width: 45px; height: 45px; border-radius: 13px; padding: 0 7px; color: white; font-size: 12px; font-weight: 850; }
.metric-icon.violet { background: var(--violet); }.metric-icon.teal { background: var(--teal); }.metric-icon.orange { background: var(--orange); }.metric-icon.green { background: var(--green); }
.value-ribbon p { margin: 0; display: flex; flex-direction: column; line-height: 1.25; }
.value-ribbon strong { font-size: 12px; }.value-ribbon small { color: var(--muted); font-size: 10px; margin-top: 3px; }
.story-flow { grid-column: 1 / -1; display: flex; align-items: stretch; gap: 10px; margin-top: 16px; }
.story-step { flex: 1; display: flex; align-items: center; gap: 10px; min-width: 0; padding: 13px 14px; border-radius: 15px; background: white; box-shadow: var(--shadow-soft); border: 1px solid var(--line); }
.story-step > span { display: grid; place-items: center; flex: 0 0 auto; width: 30px; height: 30px; border-radius: 10px; color: white; background: var(--violet); font-weight: 850; font-size: 11px; }
.story-step.risk > span { background: var(--coral); }.story-step.outcome > span { background: var(--teal); }.story-step.value > span { background: var(--orange); }
.story-step p { display: flex; flex-direction: column; margin: 0; line-height: 1.2; min-width: 0; }
.story-step b { font-size: 12px; }.story-step small { color: var(--muted); font-size: 9px; margin-top: 3px; }
.story-flow > i { flex: 0 0 22px; position: relative; }
.story-flow > i:before { content:""; position:absolute; width:100%; height:1px; background:linear-gradient(90deg,var(--violet),var(--teal)); top:50%; }
.story-flow > i:after { content:""; position:absolute; right:0; top:calc(50% - 3px); width:6px; height:6px; transform:rotate(45deg); border-top:1px solid var(--teal); border-right:1px solid var(--teal); }

.as-is-workflow { display: grid; grid-template-columns: 180px 1fr 300px 1fr 180px; align-items: center; gap: 20px; padding: 28px; border-radius: var(--radius); background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }
.workflow-person, .manual-output { min-height: 142px; border-radius: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: rgba(255,255,255,.08); }
.workflow-person strong, .manual-output b { margin-top: 8px; font-size: 13px; }.workflow-person small, .manual-output small { color: #aaa5bb; font-size: 10px; }
.flow-arrow { position: relative; height: 2px; background: linear-gradient(90deg, var(--coral), rgba(255,255,255,.25)); }
.flow-arrow:after { content:""; position:absolute; right:0; top:-4px; width:8px; height:8px; border-top:2px solid #bbb4cc; border-right:2px solid #bbb4cc; transform:rotate(45deg); }
.flow-arrow span { position: absolute; bottom: 9px; left: 50%; transform: translateX(-50%); color: #aaa5bb; white-space: nowrap; font-size: 9px; }
.consumer-tools { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.consumer-tools div { min-height: 110px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 15px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.11); }
.consumer-tools b { font-size: 13px; }.consumer-tools small { color: #aaa5bb; font-size: 8px; text-align: center; }
.manual-output { position: relative; }.manual-output span { position: absolute; right: 11px; top: 11px; display: grid; place-items:center; width:24px;height:24px;border-radius:50%;background:rgba(239,94,98,.18);color:#ff9295;font-weight:900; }
.risk-strip { display: grid; grid-template-columns: 260px 1fr; gap: 28px; padding: 22px 26px; margin-top: 18px; border-radius: 20px; background: linear-gradient(90deg, rgba(239,94,98,.17), rgba(255,255,255,.05)); border: 1px solid rgba(239,94,98,.26); }
.risk-score { display: flex; flex-direction: column; }.risk-score span { color: #ff8c91; font-size: 28px; font-weight: 900; }.risk-score strong { font-size: 14px; }.risk-score small { color: #aaa5bb; font-size: 10px; }
.risk-lines { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px 28px; }
.risk-lines div { display: grid; grid-template-columns: 1fr auto; position: relative; padding-bottom: 9px; }
.risk-lines i { position:absolute; left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden; }
.risk-lines i:before { content:"";display:block;width:var(--risk);height:100%;background:linear-gradient(90deg,var(--coral),var(--orange)); }
.risk-lines span { color:#c9c4d4;font-size:11px; }.risk-lines b { font-size:10px;color:#ff9a9e; }
.risk-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 18px; }
.risk-card { min-height: 240px; padding: 20px; border-radius: 18px; background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.10); transition: .25s ease; }
.risk-card:hover { transform: translateY(-4px); border-color: rgba(239,94,98,.45); background: rgba(255,255,255,.09); }
.risk-card > span { color:#ff8c91;font-weight:900;font-size:11px; }.risk-card h3 { margin:10px 0 8px;font-size:15px;line-height:1.25; }.risk-card p { margin:0;color:#b8b3c5;font-size:12px; }.risk-card b { display:block;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09);color:#ffc0a1;font-size:10px;line-height:1.4; }
.as-is-example { display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;margin-top:18px;padding:28px;border-radius:22px;background:linear-gradient(135deg,rgba(110,53,220,.27),rgba(216,54,156,.12));border:1px solid rgba(186,91,255,.24); }
.as-is-example h3 { margin:0;font-size:20px;line-height:1.4;max-width:820px; }.file-stack { display:flex;gap:8px;flex-wrap:wrap;margin-top:18px; }.file-stack span { padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.08);color:#c8c2d5;font-size:10px; }
.time-compare-mini { display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center; }.time-compare-mini span { padding:16px 8px;border-radius:16px;background:rgba(239,94,98,.13);display:flex;flex-direction:column; }.time-compare-mini span.good { background:rgba(22,197,162,.13); }.time-compare-mini b { font-size:23px; }.time-compare-mini small { font-size:9px;color:#bcb7c8; }.time-compare-mini i { color:#928ca3;font-size:11px; }.time-compare-mini em { grid-column:1/-1;font-size:10px;color:#79efd2;font-style:normal; }

.studio-section { background: linear-gradient(145deg,#f7f5ff,#f3fbfa) !important; }
.studio-shell { border-radius: 26px; background: #131126; box-shadow: 0 32px 80px rgba(31,21,70,.20); overflow:hidden;border:1px solid rgba(255,255,255,.12); }
.studio-topline { display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#1c1836;border-bottom:1px solid rgba(255,255,255,.08); }
.mode-switch { display:flex;padding:4px;border-radius:12px;background:rgba(0,0,0,.22); }.mode-switch button { min-width:170px;padding:9px 14px;border:0;border-radius:9px;background:transparent;color:#8f89a5;font-weight:750;font-size:12px;cursor:pointer; }.mode-switch button.active { background:linear-gradient(135deg,var(--coral),#b83885);color:white;box-shadow:0 6px 15px rgba(239,94,98,.2); }.mode-switch button[data-mode="tobe"].active { background:linear-gradient(135deg,var(--violet),var(--teal)); }
.environment-indicator { display:flex;align-items:center;gap:8px;color:#c8c3d4;font-size:11px; }.environment-indicator i { width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(239,94,98,.12); }
.studio-shell.tobe .environment-indicator i { background:var(--teal-2);box-shadow:0 0 0 5px rgba(22,197,162,.13); }
.studio-grid { display:grid;grid-template-columns:minmax(330px,.75fr) minmax(430px,1.25fr);min-height:610px; }
.query-controls { padding:28px;border-right:1px solid rgba(255,255,255,.08);color:white; }.query-controls label { display:block;margin-bottom:18px; }.query-controls label > span,.field-label { display:block;color:#9993ac;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:7px; }
.query-controls select,.query-controls textarea { width:100%;border:1px solid rgba(255,255,255,.13);border-radius:12px;color:white;background:#201c3a;padding:12px;outline:none; }.query-controls select { min-height:46px; }.query-controls textarea { resize:vertical;line-height:1.5;font-size:12px; }.query-controls select:focus,.query-controls textarea:focus { border-color:#9c66ee;box-shadow:0 0 0 3px rgba(110,53,220,.18); }
.file-chips { display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px; }.file-chips span { padding:7px 9px;border-radius:8px;background:#292443;border:1px solid rgba(255,255,255,.08);font-size:9px;color:#c8c3d4; }.file-chips span:before { content:"✓";color:var(--teal-2);font-weight:900;margin-right:5px; }
.prompt-chain { display:flex;gap:7px;align-items:center;overflow-x:auto;margin:0 0 20px;padding-bottom:6px; }.prompt-chain span { flex:0 0 auto;padding:7px 9px;border-radius:8px;background:rgba(110,53,220,.18);color:#cbb0f3;font-size:9px;border:1px solid rgba(154,69,245,.16); }.prompt-chain i { width:12px;height:1px;background:#5b5374;flex:0 0 auto; }
.query-result { position:relative;padding:28px;color:white;background:radial-gradient(circle at 100% 0,rgba(22,197,162,.12),transparent 34%),#17142c;overflow:auto; }.empty-result { min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#aaa4ba; }.empty-result h3 { color:white;margin:22px 0 5px; }.empty-result p { max-width:420px;font-size:12px; }
.radar-icon { position:relative;width:94px;height:94px;border-radius:50%;border:1px solid rgba(154,69,245,.4);background:radial-gradient(circle,rgba(154,69,245,.24),transparent 67%); }.radar-icon i { position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(154,69,245,.22); }.radar-icon i:nth-child(2){inset:31px}.radar-icon i:nth-child(3){inset:46px;background:var(--teal-2);box-shadow:0 0 18px var(--teal-2)}
.processing-state { min-height:540px;display:flex;flex-direction:column;justify-content:center;max-width:560px;margin:auto; }.processing-state h3 { margin:0 0 20px;font-size:22px; }.process-step { display:flex;align-items:center;gap:12px;padding:12px 0;color:#8f89a2;border-bottom:1px solid rgba(255,255,255,.06); }.process-step span { display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2b2643;font-size:10px; }.process-step.done { color:white; }.process-step.done span { background:var(--teal);color:white; }.process-step.active span { background:var(--violet);animation:pulseDot 1s ease infinite; }
.result-layout { display:flex;flex-direction:column;gap:14px; }.result-head { display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1); }.result-head h3 { margin:2px 0 0;font-size:20px; }.result-status { padding:7px 10px;border-radius:8px;background:rgba(239,94,98,.14);color:#ff9fa2;font-size:9px;font-weight:800;white-space:nowrap; }.tobe .result-status { background:rgba(22,197,162,.14);color:#75efd3; }
.result-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }.result-metrics div { padding:13px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06); }.result-metrics small { display:block;color:#9993aa;font-size:9px; }.result-metrics b { display:block;margin-top:3px;font-size:18px; }
.result-summary,.result-findings,.result-warning,.result-sources,.result-approval { padding:15px 16px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07); }.result-layout h4 { margin:0 0 8px;font-size:12px;color:#d8d3e2;text-transform:uppercase;letter-spacing:.07em; }.result-layout p { margin:0;color:#c0bbc9;font-size:12px; }.result-findings ul { margin:0;padding-left:18px;color:#c7c2d0;font-size:11px; }.result-findings li+li { margin-top:6px; }.result-warning { border-color:rgba(239,94,98,.25);background:rgba(239,94,98,.08); }.result-warning h4 { color:#ff9498; }.result-sources { border-color:rgba(22,197,162,.24); }.source-row { display:flex;justify-content:space-between;gap:15px;padding:7px 0;font-size:10px;color:#beb8c9;border-bottom:1px solid rgba(255,255,255,.05); }.source-row:last-child{border:0}.source-row b { color:#71e9ce; }.result-approval { display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,rgba(110,53,220,.16),rgba(22,197,162,.09)); }.result-approval span { display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--violet);font-weight:900; }.result-approval p { display:flex;flex-direction:column; }.result-approval b { color:white;font-size:12px; }.result-approval small { color:#9f99ad;font-size:9px; }

.library-toolbar { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px; }.library-search { min-width:280px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:white;padding:0 12px; }.library-search input { height:44px;border:0;outline:0;background:transparent;width:100%;font-size:13px; }.library-search span { font-size:20px;color:var(--muted); }.library-filters { display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end; }.library-filters button { border:1px solid var(--line);background:white;color:var(--muted);padding:8px 11px;border-radius:9px;font-size:10px;font-weight:750;cursor:pointer; }.library-filters button.active { background:var(--ink);border-color:var(--ink);color:white; }
.query-card-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }.query-card { position:relative;min-height:275px;padding:22px;border-radius:20px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-soft);overflow:hidden;transition:.25s ease; }.query-card:after { content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--accent,var(--violet));transform:scaleX(.15);transform-origin:left;transition:.3s ease; }.query-card:hover { transform:translateY(-5px);box-shadow:var(--shadow); }.query-card:hover:after { transform:scaleX(1); }.query-card-top { display:flex;align-items:center;justify-content:space-between; }.query-number { display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:white;background:var(--accent,var(--violet));font-size:11px;font-weight:900; }.query-category { color:var(--accent,var(--violet));font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850; }.query-card h3 { margin:18px 0 8px;font-size:17px; }.query-card > p { margin:0;color:var(--muted);font-size:12px;min-height:58px; }.query-steps { display:flex;gap:5px;flex-wrap:wrap;margin-top:14px; }.query-steps span { padding:5px 7px;border-radius:6px;background:#f4f2f8;color:#665f78;font-size:8px; }.query-card-bottom { display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:13px;border-top:1px solid var(--line); }.query-card-bottom span { display:flex;flex-direction:column;font-size:9px;color:var(--muted); }.query-card-bottom b { color:var(--ink);font-size:13px; }.query-card-bottom button { border:0;background:transparent;color:var(--accent,var(--violet));font-size:10px;font-weight:800;cursor:pointer; }
.library-growth { display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;align-items:center;margin-top:24px;padding:26px 32px;border-radius:22px;color:white;background:linear-gradient(125deg,#20163f,#612d9b 55%,#087872);box-shadow:var(--shadow); }.growth-visual { display:flex;align-items:center;gap:12px; }.growth-visual span { display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:18px;font-weight:900; }.growth-visual i { height:2px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.7));position:relative; }.growth-visual i:after { content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:2px solid white;border-right:2px solid white;transform:rotate(45deg); }.library-growth h3 { margin:0 0 5px;font-size:21px; }.library-growth p { margin:0;color:#d0c8dd;font-size:12px; }

.to-be-section { background:linear-gradient(180deg,#f3fbfa,#f7f5ff) !important; }.architecture { padding:28px;border-radius:26px;background:white;border:1px solid var(--line);box-shadow:var(--shadow); }.arch-band { border-radius:18px;padding:18px;background:#faf9fd;border:1px solid var(--line); }.arch-title { display:flex;align-items:baseline;gap:12px;margin-bottom:14px; }.arch-title span { color:var(--violet);font-size:9px;font-weight:900;letter-spacing:.12em; }.arch-title strong { font-size:15px; }.source-nodes,.output-nodes { display:grid;grid-template-columns:repeat(6,1fr);gap:10px; }.source-nodes div,.output-nodes div { min-height:76px;border-radius:13px;background:white;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }.source-nodes b { color:var(--violet);font-size:13px; }.source-nodes small,.output-nodes small { color:var(--muted);font-size:8px; }.output-nodes b { color:var(--teal);font-size:13px; }
.arch-flow { width:60%;height:36px;margin:auto;display:flex;justify-content:space-around; }.arch-flow span { width:2px;background:linear-gradient(var(--violet),var(--teal));position:relative; }.arch-flow span:after { content:"";position:absolute;bottom:0;left:-3px;width:6px;height:6px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(45deg); }.azure-boundary { position:relative;padding:42px 20px 20px;border-radius:22px;background:linear-gradient(135deg,#19152f,#122c31);border:1px solid rgba(22,197,162,.35);color:white;box-shadow:inset 0 0 60px rgba(22,197,162,.05); }.azure-label { position:absolute;top:12px;left:20px;right:20px;display:flex;justify-content:space-between;color:#78ead0;font-size:9px;font-weight:850;letter-spacing:.1em; }.azure-label small { color:#8f8aa0;font-weight:500;letter-spacing:0; }.identity-layer { display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10); }.identity-layer>div:first-child { display:flex;align-items:center;gap:12px; }.identity-layer>div:first-child>span { display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#4e2ca0; }.identity-layer p,.platform-core p { margin:0;display:flex;flex-direction:column; }.identity-layer b,.platform-core b { font-size:13px; }.identity-layer small,.platform-core small { font-size:9px;color:#a8a1b9; }.access-ok { padding:7px 9px;border-radius:7px;background:rgba(22,197,162,.15);color:#73efd2;font-size:8px;font-weight:850; }
.platform-layer { display:grid;grid-template-columns:220px 1fr;gap:14px;margin-top:12px; }.platform-core { display:flex;align-items:center;gap:12px;padding:16px;border-radius:15px;background:linear-gradient(135deg,rgba(110,53,220,.55),rgba(216,54,156,.28));border:1px solid rgba(255,255,255,.13); }.platform-core>span { display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.14);font-weight:900; }.platform-modules { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }.platform-modules span { display:grid;place-items:center;text-align:center;min-height:45px;padding:6px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#c8c2d4;font-size:8px; }
.data-layer { display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px;border-radius:13px;background:rgba(0,0,0,.16); }.data-layer span { padding:7px 9px;border-radius:8px;background:rgba(22,197,162,.11);border:1px solid rgba(22,197,162,.16);color:#b7eadd;font-size:8px; }.data-layer span:first-child { background:transparent;border:0;color:#aaa4b6;font-weight:800;margin-right:auto; }.data-layer small { color:#726c83;font-size:8px; }
.human-loop { display:flex;align-items:center;margin-top:20px;padding:18px;border-radius:20px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-soft); }.human-loop>div { flex:1;display:flex;align-items:center;gap:10px; }.human-loop>div>span { display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;color:white;background:var(--violet);font-size:11px;font-weight:900; }.human-loop>div:nth-of-type(2)>span { background:var(--teal); }.human-loop>div:nth-of-type(3)>span { background:var(--orange); }.human-loop>div:nth-of-type(4)>span { background:var(--green); }.human-loop p { display:flex;flex-direction:column;margin:0;line-height:1.25; }.human-loop strong { font-size:11px; }.human-loop small { color:var(--muted);font-size:8px;margin-top:3px; }.human-loop>i { flex:0 0 28px;height:1px;background:linear-gradient(90deg,var(--violet),var(--teal));margin:0 6px;position:relative; }.human-loop>i:after { content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid var(--teal);border-right:1px solid var(--teal);transform:rotate(45deg); }

.security-section { background:#151329 !important;color:white; }.security-section:before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(to bottom,black,transparent 72%); }.security-section>* { position:relative;z-index:1; }.security-section .section-heading>p { color:#aaa5b9; }.security-layout { display:grid;grid-template-columns:minmax(380px,.9fr) minmax(430px,1.1fr);gap:50px;align-items:center; }.shield-stage { min-height:520px;position:relative;display:grid;place-items:center; }.shield-rings { position:absolute;inset:10%;display:grid;place-items:center; }.shield-rings span { position:absolute;border:1px solid rgba(22,197,162,.2);border-radius:50%;animation:pulseRing 4s ease infinite; }.shield-rings span:nth-child(1){width:88%;height:88%}.shield-rings span:nth-child(2){width:65%;height:65%;animation-delay:-1.2s}.shield-rings span:nth-child(3){width:43%;height:43%;animation-delay:-2.4s}
.shield { position:relative;width:200px;height:230px;clip-path:polygon(50% 0,92% 17%,86% 68%,50% 100%,14% 68%,8% 17%);background:linear-gradient(145deg,#6e35dc,#007f78 70%,#16c5a2);display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 30px 45px rgba(16,197,162,.18)); }.shield:after { content:"";position:absolute;inset:10px;clip-path:inherit;border:1px solid rgba(255,255,255,.3); }.shield>span { display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:rgba(255,255,255,.16);font-size:26px;font-weight:900; }.shield strong { margin-top:9px;font-size:18px; }.shield small { color:#c9ece5;font-size:9px; }.shield-stat { position:absolute;width:100px;min-height:68px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(10px); }.shield-stat b { color:#7cebd2;font-size:13px; }.shield-stat small { color:#918ba3;font-size:8px; }.shield-stat.s1{left:2%;top:15%}.shield-stat.s2{right:2%;top:15%}.shield-stat.s3{left:2%;bottom:15%}.shield-stat.s4{right:2%;bottom:15%}
.control-list { display:flex;flex-direction:column;gap:8px; }.control-item { width:100%;display:flex;align-items:center;gap:13px;text-align:left;color:white;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;cursor:pointer;transition:.2s ease; }.control-item:hover,.control-item.active { background:rgba(110,53,220,.16);border-color:rgba(154,69,245,.36); }.control-item>span { display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:10px;background:rgba(110,53,220,.23);color:#c6a5f4;font-size:9px;font-weight:900; }.control-item p { display:flex;flex-direction:column;margin:0;line-height:1.25; }.control-item b { font-size:12px; }.control-item small { color:#9690a7;font-size:9px;margin-top:3px; }.control-item>i { margin-left:auto;color:#756f86;font-style:normal;font-size:18px; }.control-detail { padding:15px 16px;border-left:3px solid var(--teal-2);background:rgba(22,197,162,.07);border-radius:0 12px 12px 0;color:#bcb6c6;font-size:11px; }
.access-lab { margin-top:28px;padding:24px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09); }.access-lab-head { display:flex;align-items:center;justify-content:space-between;gap:20px; }.access-lab h3 { margin:0;font-size:20px; }.security-section .button-ghost { background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:white;box-shadow:none; }.access-flow { display:grid;grid-template-columns:180px 1fr 190px;gap:20px;align-items:center;margin-top:22px; }.access-user,.access-gate { min-height:110px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }.access-user>span { display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--violet);font-size:10px;font-weight:900; }.access-user b,.access-gate b { font-size:11px;margin-top:5px; }.access-user small,.access-gate small { color:#918b9f;font-size:8px; }.access-line { height:2px;background:linear-gradient(90deg,var(--violet),var(--coral));position:relative; }.access-line i { display:block;position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#d183ff;box-shadow:0 0 14px #b850f4;animation:travel 2s linear infinite; }.access-line small { position:absolute;left:50%;bottom:10px;transform:translateX(-50%);white-space:nowrap;color:#9992a8;font-size:8px; }.access-gate>span { display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);font-weight:900; }.access-gate.blocked { border-color:rgba(239,94,98,.45);background:rgba(239,94,98,.10); }.access-gate.blocked>span { background:var(--coral); }.access-gate.blocked b { color:#ff999c; }.mini-log { margin-top:15px;padding:10px 12px;border-radius:9px;background:rgba(0,0,0,.2);color:#787284;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px; }.mini-log.success { color:#7ae8cf; }

.value-section { background:linear-gradient(180deg,#fff,#fbf7ff) !important; }.value-calculator { display:grid;grid-template-columns:.78fr 1.22fr;border:1px solid var(--line);border-radius:25px;background:white;box-shadow:var(--shadow);overflow:hidden; }.calc-inputs { padding:28px;background:#17142d;color:white; }.calc-inputs label { display:grid;grid-template-columns:1fr auto;gap:5px;margin-bottom:20px; }.calc-inputs label span { font-size:11px;color:#b0aabd; }.calc-inputs label strong { font-size:14px;color:#77ead0; }.calc-inputs input[type="range"] { grid-column:1/-1;width:100%;accent-color:var(--magenta); }.assumption-box { padding:12px;border-radius:11px;background:rgba(255,255,255,.07);display:flex;flex-direction:column; }.assumption-box b { color:#e3ddec;font-size:10px; }.assumption-box span { color:#918ba2;font-size:8px; }
.calc-results { display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:1px;background:var(--line); }.calc-results>div { background:white;padding:24px;display:flex;flex-direction:column;justify-content:center; }.calc-results small { color:var(--muted);font-size:9px; }.calc-results strong { margin-top:5px;color:var(--ink);font-size:clamp(24px,3vw,40px);line-height:1;letter-spacing:-.04em; }.calc-results span { color:var(--muted);font-size:9px;margin-top:4px; }.calc-results .result-hero { background:linear-gradient(145deg,#f5eeff,#edfffb); }.calc-results .result-hero strong { color:var(--violet);font-size:clamp(35px,4vw,58px); }
.chart-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px; }.chart-card { padding:24px;border-radius:21px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-soft); }.chart-card.wide { grid-column:1/-1; }.chart-title { display:flex;justify-content:space-between;align-items:flex-start;gap:20px; }.chart-title h3 { margin:0;font-size:17px; }.chart-title>span { padding:6px 8px;border-radius:7px;background:#f5f1f8;color:var(--muted);font-size:8px;font-weight:800;white-space:nowrap; }
.capacity-chart { height:270px;display:flex;justify-content:center;align-items:flex-end;gap:55px;padding:30px 30px 0;border-bottom:1px solid var(--line);background-image:linear-gradient(to top,transparent 24%,var(--line) 25%,transparent 25.5%,transparent 49%,var(--line) 50%,transparent 50.5%,transparent 74%,var(--line) 75%,transparent 75.5%); }.capacity-bar { height:100%;width:100px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center; }.capacity-bar>span { position:relative;width:100%;height:var(--h);min-height:25px;border-radius:12px 12px 3px 3px;background:linear-gradient(180deg,var(--coral),#b33d72);animation:growBar 1.4s ease both; }.capacity-bar.tobe>span { background:linear-gradient(180deg,var(--teal-2),var(--teal)); }.capacity-bar b { position:absolute;left:50%;top:10px;transform:translateX(-50%);color:white;font-size:22px; }.capacity-bar small { margin-top:8px;text-align:center;color:var(--muted);font-size:9px; }.chart-card>p { color:var(--muted);font-size:10px;margin:14px 0 0; }
.cost-bars { margin-top:40px;display:flex;flex-direction:column;gap:28px; }.cost-bars label { display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;margin-bottom:8px; }.cost-bars label b { color:var(--ink); }.bar { display:block;height:28px;width:var(--w);border-radius:0 12px 12px 0;animation:growWidth 1.4s ease both; }.bar.licence { background:linear-gradient(90deg,var(--coral),var(--orange)); }.bar.platform { background:linear-gradient(90deg,var(--violet),var(--teal)); }.saving-callout { display:flex;align-items:center;gap:15px;margin-top:32px;padding:15px;border-radius:14px;background:#f6f1fc; }.saving-callout strong { color:var(--violet);font-size:24px;white-space:nowrap; }.saving-callout span { color:var(--muted);font-size:9px; }
.usecase-chart { margin-top:28px;display:flex;flex-direction:column;gap:11px; }.uc-row { display:grid;grid-template-columns:170px 1fr 62px;gap:12px;align-items:center; }.uc-row>span { font-size:10px;color:#554f64;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.uc-bars { position:relative;height:27px;background:#f3f1f7;border-radius:6px;overflow:hidden; }.uc-bars i { display:flex;align-items:center;height:50%;width:var(--w);padding-left:6px;color:white;font-style:normal;font-size:7px;font-weight:800; }.uc-bars i:first-child { background:linear-gradient(90deg,#e66b74,#ee9a51); }.uc-bars i:last-child { background:linear-gradient(90deg,#6e35dc,#0c9f8a); }.uc-row b { font-size:10px;color:var(--teal); }.chart-legend { display:flex;justify-content:flex-end;gap:15px;margin-top:12px;color:var(--muted);font-size:9px; }.chart-legend span { display:flex;align-items:center;gap:5px; }.chart-legend i { width:13px;height:7px;border-radius:3px; }.legend-asis { background:var(--coral); }.legend-tobe { background:var(--teal); }
.value-summary-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px; }.value-summary-grid>div { padding:20px;border-radius:18px;background:linear-gradient(145deg,#1d1737,#162d31);color:white; }.value-summary-grid span { display:block;color:#78ead1;font-size:24px;font-weight:900;letter-spacing:-.03em; }.value-summary-grid b { display:block;font-size:12px;margin-top:3px; }.value-summary-grid small { display:block;color:#958fa4;font-size:9px;margin-top:4px; }
.strategic-value { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:16px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line); }.strategic-value>div { display:flex;align-items:flex-start;gap:10px;padding:17px;background:white; }.strategic-value>div>span { display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border-radius:9px;color:white;background:var(--violet);font-size:8px;font-weight:900; }.strategic-value>div:nth-child(2)>span{background:var(--magenta)}.strategic-value>div:nth-child(3)>span{background:var(--teal)}.strategic-value>div:nth-child(4)>span{background:var(--orange)}.strategic-value p { display:flex;flex-direction:column;margin:0;line-height:1.25; }.strategic-value b { font-size:10px; }.strategic-value small { margin-top:4px;color:var(--muted);font-size:8px; }

.roadmap-section { background:linear-gradient(155deg,#f6f3ff,#f2fbf9) !important; }.phase-tabs { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;border-radius:19px;background:#eae7f2; }.phase-tabs button { position:relative;border:0;border-radius:13px;padding:14px 16px;background:transparent;text-align:left;cursor:pointer;color:#716b7f;display:flex;flex-direction:column; }.phase-tabs button:after { content:"";position:absolute;left:100%;top:50%;width:8px;height:2px;background:#b7b1c3; }.phase-tabs button:last-child:after{display:none}.phase-tabs button.active { color:white;background:linear-gradient(135deg,var(--violet),var(--magenta));box-shadow:0 12px 24px rgba(110,53,220,.22); }.phase-tabs span { font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:850; }.phase-tabs b { font-size:17px;margin-top:3px; }.phase-tabs small { font-size:9px;opacity:.76; }
.phase-detail { display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:1px;margin-top:14px;border-radius:22px;overflow:hidden;background:var(--line);border:1px solid var(--line);box-shadow:var(--shadow); }.phase-detail>div { background:white;padding:24px; }.phase-detail h3 { margin:0 0 13px;font-size:15px; }.phase-detail ul { margin:0;padding-left:17px;color:var(--muted);font-size:11px; }.phase-detail li+li { margin-top:7px; }.phase-commercial { background:linear-gradient(145deg,#1d1837,#193234)!important;color:white; }.phase-commercial small { color:#9c96aa;font-size:9px; }.phase-commercial strong { display:block;color:#79ecd2;font-size:29px;margin:8px 0 18px; }.phase-commercial span { display:block;padding:8px 0;border-top:1px solid rgba(255,255,255,.08);color:#c2bdca;font-size:10px; }
.identity-roadmap { display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:1px;margin-top:14px;border-radius:18px;overflow:hidden;background:var(--line);border:1px solid var(--line); }.identity-roadmap>div { min-height:105px;padding:15px;background:white;display:flex;flex-direction:column;justify-content:center; }.identity-roadmap-title { color:white;background:linear-gradient(135deg,#1c1737,#55308c)!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:10px; }.identity-roadmap-title>span { display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.12);font-weight:900;font-size:11px; }.identity-roadmap-title p { margin:0;display:flex;flex-direction:column; }.identity-roadmap-title b { font-size:11px; }.identity-roadmap-title small { color:#aaa2bb;font-size:8px; }.identity-roadmap>div>b { color:var(--violet);font-size:9px;text-transform:uppercase;letter-spacing:.07em; }.identity-roadmap>div>span { font-size:11px;font-weight:800;margin-top:4px; }.identity-roadmap>div>small { color:var(--muted);font-size:8px;margin-top:3px; }
.scale-chart { margin-top:18px;padding:24px;border-radius:20px;background:white;border:1px solid var(--line); }.scale-line { height:150px;position:relative;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:2px solid #dcd8e5; }.scale-line:before { content:"";position:absolute;left:8%;right:8%;bottom:2px;height:90%;background:linear-gradient(165deg,transparent 0 52%,rgba(110,53,220,.09) 52%);clip-path:polygon(0 100%,100% 0,100% 100%); }.scale-point { position:relative;z-index:1;width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;background:linear-gradient(145deg,var(--violet),var(--magenta));box-shadow:0 12px 28px rgba(110,53,220,.22); }.scale-point.p0{width:54px;height:54px}.scale-point.p1{width:66px;height:66px}.scale-point.p2{width:76px;height:76px}.scale-point.p3{background:linear-gradient(145deg,var(--teal),var(--teal-2))}.scale-point b { font-size:13px; }.scale-point small { position:absolute;top:calc(100% + 9px);color:var(--muted);font-size:8px;white-space:nowrap; }.scale-message { margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:20px; }.scale-message strong { font-size:13px; }.scale-message span { color:var(--muted);font-size:10px; }
.support-banner { display:grid;grid-template-columns:130px 1fr;gap:25px;align-items:center;margin-top:18px;padding:25px 30px;border-radius:22px;color:white;background:linear-gradient(120deg,#241849,#6130a0 52%,#087d75);box-shadow:var(--shadow); }.support-orb { width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 26px rgba(255,255,255,.05); }.support-orb span { font-size:27px;font-weight:900; }.support-orb small { color:#d5cde1;font-size:9px; }.support-banner h3 { margin:0 0 4px;font-size:21px; }.support-banner p { margin:0;color:#d0c8da;font-size:11px; }

.download-section { background:white !important; }.download-hero { display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:25px;padding:24px 28px;border-radius:22px;background:linear-gradient(135deg,#17142e,#38206c 54%,#08766e);color:white;box-shadow:var(--shadow); }.download-graphic { position:relative;width:94px;height:94px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15); }.download-graphic>span { font-weight:900;font-size:17px; }.download-graphic i { position:absolute;width:8px;height:8px;border-radius:50%;background:var(--teal-2);box-shadow:0 0 12px var(--teal-2); }.download-graphic i:nth-child(2){top:13px;left:13px}.download-graphic i:nth-child(3){right:12px;top:35px;background:var(--orange);box-shadow:0 0 12px var(--orange)}.download-graphic i:nth-child(4){bottom:12px;left:32px;background:var(--magenta);box-shadow:0 0 12px var(--magenta)}.download-hero h3 { margin:0 0 4px;font-size:21px; }.download-hero p { margin:0;color:#c7c1d2;font-size:11px; }.download-meta { display:flex;gap:6px;margin-top:11px;flex-wrap:wrap; }.download-meta span { padding:5px 7px;border-radius:6px;background:rgba(255,255,255,.09);font-size:8px;color:#c8c1d3; }
.download-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px; }.download-card { display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;background:#faf9fc;border:1px solid var(--line);transition:.2s ease; }.download-card:hover { transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:#cab8e8; }.file-type { display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:12px;color:white;font-size:9px;font-weight:900; }.file-type.excel{background:var(--teal)}.file-type.text{background:var(--orange)}.file-type.mail{background:var(--magenta)}.file-type.doc{background:var(--violet)}.download-card p { display:flex;flex-direction:column;margin:0;min-width:0; }.download-card b { font-size:11px; }.download-card small { color:var(--muted);font-size:8px;margin-top:2px; }.download-card>i { margin-left:auto;color:var(--violet);font-size:16px;font-style:normal; }

.comparison-section { background:linear-gradient(180deg,#f7f6fb,#fff) !important; }.comparison-table { border-radius:21px;overflow:hidden;background:var(--line);border:1px solid var(--line);box-shadow:var(--shadow); }.comparison-table>div { display:grid;grid-template-columns:.65fr 1fr 1.25fr 1fr;gap:1px;background:var(--line); }.comparison-table>div>* { background:white;padding:14px 15px;display:flex;align-items:center; }.comparison-table .compare-head>* { color:white;background:#1c1834;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em; }.comparison-table .compare-head .bad { background:#6c2d45; }.comparison-table .compare-head .good { background:#126d69; }.comparison-table b { font-size:11px; }.comparison-table span { color:var(--muted);font-size:10px; }.comparison-table em { color:var(--violet);font-size:9px;font-style:normal;font-weight:750; }
.closing-value { display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;margin-top:24px;padding:30px;border-radius:24px;color:white;background:linear-gradient(120deg,#201744,#702eb2 48%,#087b73);box-shadow:var(--shadow); }.closing-value small { color:#baaed0;font-size:9px;font-weight:850;letter-spacing:.1em; }.closing-value h3 { margin:4px 0;font-size:24px; }.closing-value p { margin:0;color:#cfc7da;font-size:10px; }.closing-numbers { display:flex;gap:8px; }.closing-numbers span { width:90px;height:78px;border-radius:15px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;flex-direction:column; }.closing-numbers b { font-size:16px; }.closing-numbers small { letter-spacing:0;color:#bdb4cb;font-size:8px; }
footer { display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line); }.footer-logos { display:flex;align-items:center;gap:15px; }.footer-logos img:first-child { width:120px;height:auto; }.footer-logos img:last-child { width:54px;height:54px;object-fit:contain; }.footer-logos i { width:1px;height:35px;background:var(--line); }.comparison-section footer p { display:flex;flex-direction:column;text-align:right;margin:0; }.comparison-section footer strong { font-size:10px; }.comparison-section footer small { color:var(--muted);font-size:8px; }

.guide-panel { display:none;position:fixed;z-index:1100;right:18px;bottom:18px;width:340px;border-radius:20px;background:#17142c;color:white;box-shadow:0 28px 80px rgba(17,12,38,.43);border:1px solid rgba(255,255,255,.12);overflow:hidden; }
.guide-panel.open { display:block;animation:guideIn .28s ease both; }.guide-panel.minimised .guide-progress,.guide-panel.minimised .guide-body,.guide-panel.minimised .guide-controls { display:none; }.guide-header { display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:linear-gradient(90deg,rgba(110,53,220,.26),rgba(0,127,120,.16)); }.guide-header>div:first-child { display:flex;flex-direction:column; }.guide-kicker { color:#b7a0da;font-size:8px;font-weight:850;letter-spacing:.12em; }.guide-header strong { font-size:11px; }.guide-header button { width:29px;height:29px;border:0;border-radius:8px;background:rgba(255,255,255,.08);color:white;cursor:pointer;margin-left:4px; }.guide-progress { height:3px;background:rgba(255,255,255,.07); }.guide-progress span { display:block;height:100%;background:linear-gradient(90deg,var(--magenta),var(--teal-2));transition:width .35s ease; }.guide-body { padding:18px 18px 12px; }.guide-time { color:#70e7cc;font-size:8px;font-weight:800; }.guide-body h3 { margin:5px 0 7px;font-size:18px;line-height:1.25; }.guide-body p { margin:0;color:#aca6b8;font-size:11px; }.guide-action { margin-top:12px;padding:10px;border-radius:10px;background:rgba(255,255,255,.06);color:#d0cad8;font-size:9px; }.guide-controls { display:flex;justify-content:space-between;gap:8px;padding:0 18px 17px; }.guide-controls .button { min-width:82px;box-shadow:none; }.guide-controls .button-ghost { color:white;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1); }
.guide-fab { position:fixed;z-index:1000;right:20px;bottom:20px;border:0;border-radius:999px;padding:11px 15px;color:white;background:linear-gradient(135deg,var(--violet),var(--magenta));box-shadow:0 12px 32px rgba(110,53,220,.32);display:flex;align-items:center;gap:8px;cursor:pointer; }.guide-fab span { font-size:10px; }.guide-fab b { font-size:11px; }.guide-panel.open+.guide-fab,.guide-panel.open~.guide-fab { display:none; }
.toast { position:fixed;z-index:1200;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#17142c;color:white;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow);font-size:11px;transition:.25s ease; }.toast.show { opacity:1;transform:translate(-50%,0); }
.guide-highlight { position:relative;z-index:3;outline:4px solid rgba(216,54,156,.35);outline-offset:7px;border-radius:16px; }

.reveal { opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1;transform:none; }
@keyframes spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes spinReverse { to { transform:translate(-50%,-50%) rotate(-360deg); } }
@keyframes float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)} }
@keyframes dash { to { stroke-dashoffset:-68; } }
@keyframes pulseRing { 0%,100%{transform:scale(.96);opacity:.35}50%{transform:scale(1.04);opacity:.85} }
@keyframes pulseDot { 0%,100%{box-shadow:0 0 0 0 rgba(110,53,220,.3)}50%{box-shadow:0 0 0 8px rgba(110,53,220,0)} }
@keyframes travel { from{left:0}to{left:calc(100% - 10px)} }
@keyframes growBar { from{height:0} }
@keyframes growWidth { from{width:0} }
@keyframes guideIn { from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none} }

@media (max-width: 1350px) {
  :root { --side: 235px; }
  .top-actions .status-chip { display:none; }
  .section { padding-left:38px;padding-right:38px; }
  .hero { grid-template-columns:1fr 390px; }.hero-visual{height:430px}.orbit-a{width:310px;height:310px}.orbit-b{width:400px;height:240px}.float-node{width:90px;min-height:68px}.hero-core{width:155px;height:155px}
  .risk-grid { grid-template-columns:repeat(2,1fr); }.risk-card{min-height:190px}
  .query-card-grid { grid-template-columns:repeat(2,1fr); }
  .value-ribbon strong{font-size:10px}.value-ribbon small{font-size:8px}
  .calc-results { grid-template-columns:1.2fr 1fr; }.calc-results>div:nth-child(4){grid-column:2}.value-summary-grid{grid-template-columns:repeat(2,1fr)}.strategic-value{grid-template-columns:repeat(2,1fr)}
  body.guide-running .main { padding-right:0; }.guide-panel{right:18px}
}

@media (max-width: 1050px) {
  :root { --side: 0px; }
  .mobile-menu { display:flex; }
  .sidebar { transform:translateX(-105%);width:270px;transition:.25s ease;box-shadow:20px 0 50px rgba(0,0,0,.28); }
  .sidebar.open { transform:none; }.sidebar-backdrop.open { display:block;position:fixed;z-index:820;inset:var(--top) 0 0;background:rgba(10,7,25,.45);backdrop-filter:blur(2px); }
  .main { margin-left:0; }
  .compact-field { display:none; }
  .hero { grid-template-columns:1fr 410px; }.hero h1{font-size:55px}.hero-lead{font-size:17px}
  .value-ribbon { grid-template-columns:repeat(2,1fr); }
  .story-flow{display:grid;grid-template-columns:repeat(2,1fr)}.story-flow>i{display:none}
  .as-is-workflow { grid-template-columns:150px 1fr 240px; }.as-is-workflow .flow-arrow:nth-of-type(2),.manual-output{display:none}
  .architecture { padding:18px; }.source-nodes,.output-nodes{grid-template-columns:repeat(3,1fr)}
  .security-layout{grid-template-columns:1fr}.shield-stage{min-height:430px}.control-list{max-width:760px;margin:auto;width:100%}
  .value-calculator{grid-template-columns:1fr}.calc-results{grid-template-columns:repeat(4,1fr)}.calc-results>div:nth-child(4){grid-column:auto}
  .comparison-table>div { grid-template-columns:.6fr 1fr 1.2fr .9fr; }
  .identity-roadmap{grid-template-columns:repeat(2,1fr)}.identity-roadmap-title{grid-column:1/-1}
}

@media (max-width: 760px) {
  :root { --top: 68px; }
  .topbar { padding:8px 12px;gap:8px; }.logo-frame.singhi{width:90px;height:38px}.logo-frame.singhi img{width:86px}.logo-frame.thirdeye{width:40px;height:40px}.logo-frame.thirdeye img{width:36px;height:36px}.brand-divider,.product-name{display:none}.top-actions .button{padding:9px 10px;font-size:0}.top-actions .button span{font-size:12px}.top-actions{gap:5px}
  .section { padding:58px 18px; min-height:auto; }.section-heading{grid-template-columns:1fr;gap:12px;margin-bottom:28px}.section-heading h2{font-size:34px}.section-heading>p{font-size:14px}
  .hero { grid-template-columns:1fr;padding-top:50px; }.hero h1{font-size:48px}.hero-visual{height:370px;margin-top:18px}.orbit-a{width:270px;height:270px}.orbit-b{width:330px;height:200px}.hero-core{width:135px;height:135px;border-radius:38px}.float-node{width:78px;min-height:58px;border-radius:14px}.float-node.n1{left:0}.float-node.n2{right:0}.float-node.n3{left:0}.float-node.n4{right:0}.data-lines{inset:0;width:100%;height:100%}
  .value-ribbon{grid-template-columns:1fr;margin-top:0}.story-flow{grid-template-columns:1fr}
  .as-is-workflow{grid-template-columns:1fr;gap:12px}.flow-arrow{width:2px;height:30px;margin:auto;background:linear-gradient(var(--coral),rgba(255,255,255,.25))}.flow-arrow:after{right:-3px;top:auto;bottom:0}.flow-arrow span{bottom:auto;left:12px;top:50%;transform:translateY(-50%)}.consumer-tools{width:100%}.risk-strip{grid-template-columns:1fr}.risk-lines{grid-template-columns:1fr}.risk-grid{grid-template-columns:1fr}.risk-card{min-height:auto}.as-is-example{grid-template-columns:1fr}.time-compare-mini{max-width:420px}
  .studio-topline{align-items:flex-start;gap:12px;flex-direction:column}.mode-switch{width:100%}.mode-switch button{min-width:0;flex:1;font-size:10px}.studio-grid{grid-template-columns:1fr}.query-controls{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:20px}.query-result{padding:20px}.empty-result,.processing-state{min-height:430px}.result-metrics{grid-template-columns:1fr}.result-head{flex-direction:column}
  .library-toolbar{align-items:stretch;flex-direction:column}.library-search{min-width:0}.library-filters{justify-content:flex-start}.query-card-grid{grid-template-columns:1fr}.library-growth{grid-template-columns:1fr;padding:22px}.growth-visual span{width:58px;height:58px}
  .source-nodes,.output-nodes{grid-template-columns:repeat(2,1fr)}.architecture{padding:12px}.azure-label small{display:none}.platform-layer{grid-template-columns:1fr}.platform-modules{grid-template-columns:repeat(2,1fr)}.data-layer{flex-wrap:wrap}.data-layer span:first-child{width:100%}.human-loop{align-items:stretch;flex-direction:column;gap:8px}.human-loop>i{width:1px;height:18px;margin-left:20px;background:linear-gradient(var(--violet),var(--teal))}.human-loop>i:after{right:-3px;top:auto;bottom:0}
  .shield-stage{min-height:380px}.shield{width:155px;height:185px}.shield-stat{width:82px;min-height:58px}.security-layout{gap:20px}.access-lab-head{align-items:flex-start;flex-direction:column}.access-flow{grid-template-columns:1fr}.access-line{width:2px;height:35px;margin:auto}.access-line i{left:-4px;top:0;animation:travelVertical 2s linear infinite}.access-line small{left:14px;bottom:auto;top:50%;transform:translateY(-50%)}
  .calc-results{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:auto}.capacity-chart{gap:32px}.usecase-chart{overflow-x:auto}.uc-row{min-width:540px}.value-summary-grid{grid-template-columns:repeat(2,1fr)}.strategic-value{grid-template-columns:1fr}
  .phase-tabs{grid-template-columns:repeat(2,1fr)}.phase-tabs button:after{display:none}.phase-detail{grid-template-columns:1fr}.identity-roadmap{grid-template-columns:1fr 1fr}.identity-roadmap-title{grid-column:1/-1}.scale-line{justify-content:space-between}.scale-point{width:65px;height:65px}.scale-point.p0{width:45px;height:45px}.scale-point.p1{width:53px;height:53px}.scale-point.p2{width:59px;height:59px}.scale-point b{font-size:10px}.scale-message{align-items:flex-start;flex-direction:column}.support-banner{grid-template-columns:1fr}.support-orb{width:84px;height:84px}
  .download-hero{grid-template-columns:75px 1fr}.download-graphic{width:70px;height:70px}.download-hero .button{grid-column:1/-1}.download-grid{grid-template-columns:1fr}
  .comparison-table{overflow-x:auto}.comparison-table>div{min-width:780px}.closing-value{grid-template-columns:1fr}.closing-numbers{flex-wrap:wrap}.closing-numbers span{flex:1}.closing-value .button{justify-self:start}footer{align-items:flex-start;flex-direction:column}.comparison-section footer p{text-align:left}
  .guide-panel{left:10px;right:10px;bottom:10px;width:auto;max-height:52vh;overflow:auto}.guide-fab{right:12px;bottom:12px}body.guide-running .main{padding-bottom:340px}body.guide-running:has(.guide-panel.minimised) .main{padding-bottom:0}
}

@keyframes travelVertical { from{top:0}to{top:calc(100% - 10px)} }

@media print {
  .topbar,.sidebar,.page-progress,.guide-panel,.guide-fab,.toast,.ambient,.button,.library-toolbar,.studio-topline { display:none !important; }
  body{background:white;color:#111;font-size:11pt}.main{margin:0;padding:0!important}.section{min-height:auto;padding:25px 28px;break-inside:avoid;overflow:visible}.dark-section,.security-section{background:#1a1730!important;color:white!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.hero{display:block}.hero-visual{display:none}.reveal{opacity:1!important;transform:none!important}.risk-grid{grid-template-columns:repeat(2,1fr)}.studio-grid{grid-template-columns:1fr}.query-controls{display:none}.query-result{min-height:260px}.query-card-grid{grid-template-columns:repeat(3,1fr)}.comparison-table{box-shadow:none}.section-heading h2{font-size:28pt}.section-heading{grid-template-columns:1fr 1fr}.chart-card,.architecture,.value-calculator{box-shadow:none}footer{break-before:avoid}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}
}

/* Presentation-view architecture: every sidebar item opens one independent view. */
body { overflow: hidden; }
.main {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  transition: none;
  scrollbar-gutter: stable;
}
body.guide-running .main { padding-right: 0 !important; }
.section {
  display: none;
  min-height: calc(100vh - var(--top));
  padding-top: clamp(48px, 6vh, 76px);
  padding-bottom: 42px;
  overflow: visible;
}
.section.active-page { display: block; animation: pageViewIn .35s ease both; }
.section.hero.active-page { display: grid; }
.section > * { min-width: 0; }
.section-page-nav {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.dark-section .section-page-nav,.security-section .section-page-nav { border-color: rgba(255,255,255,.12);color:#a8b7af; }
.section-page-nav > div { display:flex;gap:8px; }
.section-page-nav button {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 9px 13px;
  color: var(--ink);
  background: white;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.section-page-nav button.next { color:white;border-color:transparent;background:linear-gradient(135deg,var(--green),var(--teal)); }
.dark-section .section-page-nav button,.security-section .section-page-nav button { color:white;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12); }
.section-heading { gap: clamp(28px,4vw,56px);margin-bottom:34px; }
.section-heading h2 { font-size: clamp(30px,3.25vw,46px); }
.hero {
  background:
    linear-gradient(125deg,rgba(255,255,255,.97),rgba(239,255,247,.91)),
    radial-gradient(circle at 78% 25%,rgba(8,168,207,.18),transparent 38%) !important;
}
.hero:before { background-image:radial-gradient(rgba(90,150,56,.19) 1px,transparent 1px); }
.hero h1 { font-size:clamp(46px,5vw,68px); }
.hero h1 span { background-image:linear-gradient(90deg,var(--green),var(--teal),var(--magenta)); }
.hero-core { background:linear-gradient(145deg,#4d8735,#087f86 58%,#08a8cf);box-shadow:0 28px 70px rgba(27,115,91,.28),inset 0 0 0 1px rgba(255,255,255,.25); }
.sidebar { background:radial-gradient(circle at 0 8%,rgba(8,168,207,.16),transparent 34%),radial-gradient(circle at 100% 90%,rgba(117,189,70,.18),transparent 34%),linear-gradient(170deg,var(--nav),var(--nav-2)); }
.sidebar nav a.active { background:linear-gradient(90deg,rgba(117,189,70,.28),rgba(8,168,207,.12));box-shadow:inset 3px 0 var(--orange); }
.button-primary { background:linear-gradient(135deg,var(--green),var(--teal));box-shadow:0 9px 24px rgba(50,126,76,.24); }
.button-primary:hover { box-shadow:0 13px 32px rgba(50,126,76,.32); }
.page-progress span { background:linear-gradient(90deg,var(--orange),var(--green),var(--magenta));box-shadow:0 0 14px rgba(8,168,207,.55); }
.topbar { border-bottom-color:rgba(55,105,77,.13); }
.status-chip { background:#edf8f2;color:#395a48; }

/* Current general-AI experience */
.current-ai-lab {
  display:grid;
  grid-template-columns:minmax(310px,390px) minmax(0,1fr);
  min-height:570px;
  margin-bottom:28px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:24px;
  overflow:hidden;
  background:#101b17;
  box-shadow:0 26px 70px rgba(0,0,0,.25);
}
.current-ai-rail { padding:22px;background:linear-gradient(165deg,#202d28,#17221d);border-right:1px solid rgba(255,255,255,.09); }
.ai-tool-tabs { display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;margin-bottom:14px;border-radius:12px;background:rgba(0,0,0,.24); }
.ai-tool-tabs button { min-width:0;padding:9px 6px;border:0;border-radius:9px;color:#9fb0a7;background:transparent;font-size:10px;font-weight:800;cursor:pointer; }
.ai-tool-tabs button.active { color:white;background:linear-gradient(135deg,#4d5d55,#303e37);box-shadow:0 8px 16px rgba(0,0,0,.2); }
.current-risk-alerts { margin-bottom:14px;padding:13px;border:1px solid rgba(239,94,98,.35);border-radius:12px;background:rgba(239,94,98,.10); }
.current-risk-alerts strong { display:flex;align-items:center;gap:8px;color:#ffb3b6;font-size:10px; }
.current-risk-alerts strong span { display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:white;background:var(--coral); }
.current-risk-alerts ul { margin:8px 0 0;padding-left:17px;color:#d7c2c1;font-size:10.5px;line-height:1.45; }
.current-ai-rail label { display:flex;flex-direction:column;gap:6px;margin-bottom:13px;color:#b6c1bb;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em; }
.current-ai-rail select,.current-ai-rail textarea { width:100%;border:1px solid rgba(255,255,255,.10);border-radius:10px;padding:10px;color:#f4f7f5;background:rgba(255,255,255,.06);outline:0;font-size:11px;text-transform:none;letter-spacing:0; }
.current-ai-rail select option { color:#18231d;background:white; }
.current-ai-rail textarea { resize:vertical;line-height:1.45; }
.current-ai-rail .field-label { display:block;margin:0 0 6px;color:#b6c1bb;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em; }
.current-ai-rail .file-chips { margin-bottom:13px; }
.button-alert { color:white;background:linear-gradient(135deg,#e75b61,#c13f68);box-shadow:0 10px 24px rgba(239,94,98,.20); }
.lab-note { margin:11px 0 0;color:#7f9188;font-size:8px;line-height:1.45; }
.general-chat { min-width:0;background:#f7faf8;color:var(--ink);display:flex;flex-direction:column; }
.chat-head { display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;border-bottom:1px solid #dce8e1;background:white; }
.chat-head>div { display:flex;align-items:center;gap:10px; }
.chat-mark { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:white;background:#34453d;font-size:10px;font-weight:900; }
.chat-head p { display:flex;flex-direction:column;margin:0;line-height:1.3; }.chat-head b{font-size:12px}.chat-head small{color:var(--muted);font-size:8px}
.session-risk { padding:6px 9px;border-radius:999px;color:#ac3238;background:#fff0f1;border:1px solid #f5c5c8;font-size:8px;font-weight:850;white-space:nowrap; }
.chat-thread { flex:1;min-height:480px;max-height:700px;overflow:auto;padding:26px; }
.chat-welcome { max-width:570px;margin:50px auto;text-align:center; }.chat-welcome>span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 12px;border-radius:16px;background:#e6f4ec;color:var(--green);font-size:22px}.chat-welcome h3{margin:0 0 8px;font-size:20px}.chat-welcome p{margin:7px 0;color:var(--muted);font-size:11px}
.chat-message { max-width:78%;margin-bottom:16px;padding:15px 17px;border-radius:16px;box-shadow:0 8px 24px rgba(30,69,49,.07); }
.chat-message small { display:block;margin-bottom:5px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em; }
.chat-message p { margin:0;font-size:12px; }.chat-message.user{margin-left:auto;background:#e3f1ea;border-bottom-right-radius:5px}.chat-message.user span{display:block;margin-top:8px;color:#668072;font-size:9px}.chat-message.assistant{background:white;border:1px solid #dce9e2;border-bottom-left-radius:5px}.chat-message.assistant h3{margin:0 0 8px;font-size:16px}.chat-message.assistant ul{margin:0;padding-left:18px;color:#3f5148;font-size:11px}.chat-message.assistant li+li{margin-top:6px}.chat-caution{margin-top:11px!important;padding:9px;border-radius:8px;color:#904147;background:#fff0f1;font-size:10px!important}
.chat-typing { width:max-content;display:flex;align-items:center;gap:5px;padding:13px 16px;border-radius:15px;background:white;border:1px solid #dce9e2; }.chat-typing i{width:6px;height:6px;border-radius:50%;background:#71837a;animation:pulseDot 1s infinite}.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}.chat-typing span{margin-left:7px;color:var(--muted);font-size:9px}
.chat-metrics { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px; }.chat-metrics>div{min-width:0;padding:11px;border:1px solid #ecd8d9;border-radius:11px;background:#fff7f7}.chat-metrics small{display:block;color:#85676a;font-size:7px}.chat-metrics b{display:block;margin-top:3px;color:#a3363c;font-size:11px;overflow-wrap:anywhere}.chat-risk-summary{display:flex;flex-direction:column;gap:3px;margin-top:10px;padding:12px;border-radius:11px;color:#77353a;background:#fff0f1;border-left:4px solid var(--coral)}.chat-risk-summary strong{font-size:10px}.chat-risk-summary span{font-size:8px;line-height:1.5}

/* Governed workspace and query library */
.governed-brand { display:flex;align-items:center;gap:10px; }.governed-brand>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:white;background:linear-gradient(135deg,var(--green),var(--magenta));font-size:10px;font-weight:900}.governed-brand p{display:flex;flex-direction:column;margin:0}.governed-brand b{font-size:12px}.governed-brand small{color:#9994a7;font-size:8px}.governed-checks{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.governed-checks span{padding:6px 8px;border-radius:7px;color:#74e5bd;background:rgba(40,197,156,.11);border:1px solid rgba(40,197,156,.15);font-size:8px;font-weight:800}
.query-card { min-height:390px;display:flex;flex-direction:column; }
.query-card > p { min-height:0; }
.query-question { margin:14px 0 12px;padding:11px;border-radius:10px;background:linear-gradient(135deg,#eff9f3,#f0fbfd);border-left:3px solid var(--accent,var(--green)); }
.query-question small { display:block;color:var(--accent,var(--green));font-size:7px;font-weight:900;letter-spacing:.09em; }
.query-question span { display:block;margin-top:4px;color:#3c5146;font-size:10.5px;line-height:1.45; }
.query-steps { margin-top:auto; }
.query-card-bottom { margin-top:14px; }

/* Desktop alignment fixes */
.calc-results { grid-template-columns:1.35fr repeat(3,minmax(145px,1fr)) !important; }
.calc-results > div { min-width:0;padding:20px; }
.calc-results strong { white-space:nowrap;font-size:clamp(23px,2.3vw,36px); }
.calc-results .result-hero strong { font-size:clamp(34px,3.7vw,54px); }
.value-summary-grid > div,.chart-card,.phase-detail > div,.comparison-table > div > * { min-width:0; }
.value-summary-grid span,.closing-numbers b,.phase-commercial strong { white-space:nowrap; }

/* Guided presentation strip: overlays safely and never changes the page width. */
.guide-panel {
  left:calc(var(--side) + 20px);
  right:20px;
  bottom:14px;
  width:auto;
  max-width:none;
  border-radius:18px;
  display:none;
  grid-template-columns:180px minmax(0,1fr) 210px;
  grid-template-rows:minmax(140px,auto) 4px;
  background:linear-gradient(120deg,#173529,#17483b 48%,#096d76);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 24px 70px rgba(13,41,29,.42);
}
.guide-panel.open { display:grid; }
.guide-header { grid-column:1;grid-row:1;padding:18px;align-items:flex-start;background:linear-gradient(145deg,rgba(117,189,70,.22),rgba(8,168,207,.10)); }
.guide-header>div:first-child { gap:4px; }.guide-kicker{color:#aee584;font-size:9px}.guide-header strong{font-size:12px}.guide-header>div:last-child{display:flex}.guide-header button{flex:0 0 auto}
.guide-progress { grid-column:1/-1;grid-row:2;height:4px; }.guide-progress span{background:linear-gradient(90deg,var(--orange),#82cf4c,#20c7b0,#16b8e2)}
.guide-body { grid-column:2;grid-row:1;padding:16px 22px;display:grid;grid-template-columns:minmax(190px,.65fr) minmax(280px,1.35fr);column-gap:24px;align-content:center; }
.guide-time { grid-column:1;color:#aee584;font-size:9px; }.guide-body h3{grid-column:1;margin:4px 0 0;font-size:18px}.guide-body p{grid-column:2;grid-row:1/3;color:#d7e5de;font-size:12px;line-height:1.45;align-self:center}.guide-action{grid-column:1/-1;margin-top:10px;padding:9px 11px;color:#e8f5ee;background:rgba(255,255,255,.08);font-size:10.5px;line-height:1.4}
.guide-controls { grid-column:3;grid-row:1;padding:18px;align-items:center;justify-content:flex-end; }.guide-controls .button{min-width:82px}.guide-controls .button-primary{background:linear-gradient(135deg,#79bd45,#08a8cf)}
.guide-panel.minimised { left:auto;width:230px;grid-template-columns:1fr;grid-template-rows:auto; }.guide-panel.minimised .guide-header{grid-column:1;grid-row:1}.guide-panel.minimised .guide-progress,.guide-panel.minimised .guide-body,.guide-panel.minimised .guide-controls{display:none}
body.guide-running .section.active-page { padding-bottom:225px; }
body.guide-minimised .section.active-page { padding-bottom:42px; }
.guide-fab { background:linear-gradient(135deg,var(--green),var(--magenta));box-shadow:0 12px 32px rgba(35,119,85,.30); }
.guide-highlight { outline:0;box-shadow:0 0 0 3px rgba(241,185,40,.85),0 0 34px rgba(241,185,40,.23);border-radius:16px; }

@keyframes pageViewIn { from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none} }

@media (max-width:1350px) {
  .calc-results { grid-template-columns:1.35fr repeat(3,minmax(125px,1fr)) !important; }
  .calc-results>div{padding:16px}.calc-results strong{font-size:25px}.calc-results .result-hero strong{font-size:39px}
  .guide-panel{grid-template-columns:160px minmax(0,1fr) 190px}.guide-body{grid-template-columns:minmax(160px,.65fr) minmax(250px,1.35fr);padding-left:16px;padding-right:16px;column-gap:16px}
}

@media (max-width:1050px) {
  .guide-panel{left:18px}
  .current-ai-lab{grid-template-columns:330px minmax(0,1fr)}
}

@media (max-width:760px) {
  .main{height:100vh}.section{display:none;min-height:calc(100vh - var(--top));padding:42px 18px 32px}.section.active-page{display:block}.section.hero.active-page{display:grid}
  .current-ai-lab{grid-template-columns:1fr}.current-ai-rail{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.chat-thread{min-height:430px;padding:17px}.chat-metrics{grid-template-columns:repeat(2,1fr)}.chat-message{max-width:94%}.session-risk{white-space:normal;text-align:right}
  .query-card{min-height:auto}.query-steps{margin-top:14px}
  .calc-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}.calc-results>div{padding:16px}.calc-results strong,.calc-results .result-hero strong{font-size:26px}
  .guide-panel{left:10px;right:10px;bottom:10px;width:auto;max-height:62vh;overflow:auto;display:none;grid-template-columns:1fr;grid-template-rows:auto 3px auto auto}.guide-panel.open{display:grid}.guide-header{grid-column:1;grid-row:1;padding:11px 13px}.guide-progress{grid-column:1;grid-row:2}.guide-body{grid-column:1;grid-row:3;display:block;padding:12px 14px}.guide-body h3{font-size:16px}.guide-body p{margin-top:6px}.guide-action{margin-top:8px}.guide-controls{grid-column:1;grid-row:4;padding:0 14px 13px}.guide-panel.minimised{left:auto;width:220px;display:grid;grid-template-columns:1fr;grid-template-rows:auto}.guide-panel.minimised .guide-header{grid-column:1;grid-row:1}body.guide-running .section.active-page{padding-bottom:300px}body.guide-minimised .section.active-page{padding-bottom:32px}
  .section-page-nav{align-items:flex-start;flex-direction:column}.section-page-nav>div{width:100%}.section-page-nav button{flex:1}
}

@media print {
  body{overflow:visible}.main{height:auto;overflow:visible}.section,.section.active-page,.section.hero.active-page{display:block!important}.section-page-nav{display:none!important}.current-ai-lab{grid-template-columns:1fr;break-inside:avoid}.guide-panel{display:none!important}
}