@import "./design-system/brand/tokens/niyama.css";

:root { --ink:#193238; --ink-2:#385057; --muted:#68797b; --paper:#f3f1eb; --paper-2:#e9e6de; --white:#fbfaf7; --line:#d3d2ca; --sage:#526d64; --sage-soft:#dce3de; --clay:#a7654d; --blue:#476779; --radius:8px; --shadow:0 24px 65px rgba(36,51,52,.11); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
img { display:block; max-width:100%; }
a { color:inherit; }
p,h1,h2,h3 { margin:0; }
p { color:var(--muted); font-size:.97rem; line-height:1.68; }
h1,h2,h3 { text-wrap:balance; }
h1 { max-width:680px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(3rem,5.4vw,5.4rem); font-weight:400; letter-spacing:-.045em; line-height:.98; }
h2 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,3.5vw,3.45rem); font-weight:400; letter-spacing:-.035em; line-height:1.05; }
h3 { font-size:1.12rem; font-weight:650; letter-spacing:-.02em; line-height:1.3; }
.skip-link { position:fixed; z-index:100; top:10px; left:10px; transform:translateY(-150%); padding:9px 14px; background:var(--ink); color:white; }
.skip-link:focus { transform:none; }
.site-header { position:absolute; z-index:10; top:0; display:grid; width:100%; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:24px clamp(24px,5vw,72px); }
.brand img,footer img { width:154px; }
.site-header nav { display:flex; gap:30px; }
.site-header nav a { color:var(--ink-2); font-size:.82rem; font-weight:620; text-decoration:none; }
.site-header>.button { justify-self:end; }
.button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; border:1px solid transparent; border-radius:3px; padding:0 20px; font-size:.84rem; font-weight:680; text-decoration:none; transition:background .18s ease,transform .18s ease; }
.button:hover { transform:translateY(-1px); }
.button-small { min-height:38px; padding-inline:16px; font-size:.78rem; }
.button-primary { background:var(--ink); color:var(--white); }
.button-primary:hover { background:var(--sage); }
.button-secondary { border-color:#aeb7b2; background:rgba(251,250,247,.4); }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--sage); font-size:.87rem; font-weight:680; text-decoration:none; }
.text-link span { transition:transform .18s ease; }
.text-link:hover span { transform:translateX(3px); }
.text-link-light { color:#dfe7e2; }
.hero { display:grid; min-height:760px; grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr); align-items:center; gap:clamp(44px,7vw,112px); padding:128px clamp(24px,6vw,100px) 78px; background:linear-gradient(120deg,#eeece6 0%,#f6f4ef 55%,#dfe5e0 100%); }
.hero-copy { display:grid; gap:24px; }
.eyebrow { color:var(--clay); font-size:.68rem; font-weight:760; letter-spacing:.15em; line-height:1.4; text-transform:uppercase; }
.hero-lede { max-width:620px; color:var(--ink-2); font-size:clamp(1.02rem,1.35vw,1.2rem); line-height:1.62; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; }
.hero-visual { display:grid; min-height:500px; align-items:center; }
.portfolio-window { overflow:hidden; border:1px solid #bac3bd; border-radius:var(--radius); background:rgba(251,250,247,.92); box-shadow:var(--shadow); }
.window-bar,.window-row,.window-foot { display:flex; align-items:center; justify-content:space-between; }
.window-bar { height:48px; padding:0 20px; border-bottom:1px solid var(--line); color:var(--muted); font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.window-bar i { width:7px; height:7px; border-radius:50%; background:var(--sage); box-shadow:0 0 0 5px var(--sage-soft); }
.window-feature { display:grid; gap:10px; padding:38px 34px; background:var(--ink); color:var(--white); }
.window-feature small,.window-row small { color:#aebdb9; font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.window-feature strong { font-family:Georgia,"Times New Roman",serif; font-size:2.4rem; font-weight:400; }
.window-feature p { max-width:410px; color:#c5d0cd; }
.signal-row { display:flex; flex-wrap:wrap; gap:8px; padding-top:10px; }
.signal-row span { border:1px solid #52686a; border-radius:99px; padding:6px 10px; color:#d7dfdc; font-size:.68rem; }
.window-row { padding:22px 28px; border-bottom:1px solid var(--line); }
.window-row>div { display:grid; gap:5px; }
.window-row small { color:var(--clay); }
.window-row>span { color:var(--muted); font-size:.7rem; }
.window-foot { justify-content:flex-start; gap:10px; padding:15px 28px; color:var(--muted); font-size:.7rem; }
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--sage); }
.trust-strip { display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid var(--line); background:var(--paper-2); }
.trust-strip p { padding:17px 22px; border-right:1px solid var(--line); color:var(--ink-2); font-size:.72rem; font-weight:650; text-align:center; }
.trust-strip p:last-child { border-right:0; }
.section-shell { width:min(1140px,calc(100% - 48px)); margin-inline:auto; padding-block:clamp(76px,8vw,116px); }
.section-heading { display:grid; max-width:760px; gap:18px; }
.section-heading>p:last-child,.section-lede { max-width:680px; font-size:1.02rem; }
.story { display:grid; gap:46px; }
.benefit-grid { display:grid; grid-template-columns:1.1fr 1fr 1fr; border-block:1px solid var(--line); }
.benefit-card { display:grid; min-height:260px; align-content:end; gap:13px; padding:30px; border-right:1px solid var(--line); background:transparent; }
.benefit-card:last-child { border-right:0; }
.benefit-card-featured { background:var(--sage-soft); }
.card-number { align-self:start; margin-bottom:auto; color:var(--clay); font-size:.65rem; font-weight:740; letter-spacing:.08em; text-transform:uppercase; }
.audience { background:#dde3df; }
.audience-inner { display:grid; gap:46px; }
.nidhi-showcase { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(260px,.55fr); gap:18px; }
.snapshot { overflow:hidden; border:1px solid #b8c2bc; border-radius:var(--radius); background:var(--white); box-shadow:0 14px 38px rgba(40,57,54,.07); }
.snapshot-bar,.snapshot-label { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--line); color:var(--muted); font-size:.68rem; }
.snapshot-brand { display:flex; align-items:baseline; gap:8px; }
.snapshot-brand strong { color:var(--ink); font-family:Georgia,serif; font-size:1.2rem; font-weight:400; }
.snapshot-brand small,.snapshot-label small { color:var(--muted); }
.dashboard-grid { display:grid; min-height:390px; grid-template-columns:145px 1fr; }
.dashboard-grid aside { display:grid; align-content:start; gap:5px; padding:22px 14px; border-right:1px solid var(--line); background:#ecece6; }
.dashboard-grid aside span { border-radius:3px; padding:9px 10px; color:var(--muted); font-size:.68rem; }
.dashboard-grid aside .active { background:var(--white); color:var(--ink); font-weight:700; box-shadow:0 2px 8px rgba(40,57,54,.06); }
.dashboard-main { display:grid; align-content:start; gap:18px; padding:24px; }
.snapshot-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.snapshot-heading>div { display:grid; gap:6px; }
.snapshot-heading small,.metric-row small,.chart-card small { color:var(--muted); font-size:.66rem; }
.snapshot-heading>div strong { max-width:370px; font-family:Georgia,serif; font-size:1.45rem; font-weight:400; line-height:1.15; }
.health-score { display:grid; width:64px; height:64px; place-content:center; border:5px solid var(--sage-soft); border-top-color:var(--sage); border-radius:50%; color:var(--ink); font-size:1.2rem; text-align:center; transform:rotate(8deg); }
.health-score small { display:inline; font-size:.55rem; }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.metric-row>div { display:grid; gap:5px; padding:14px; background:#eeefea; }
.metric-row strong { font-size:1rem; }
.metric-row em { color:var(--sage); font-size:.62rem; font-style:normal; }
.chart-card { display:grid; gap:16px; padding:16px; border:1px solid var(--line); }
.chart-card>div:first-child { display:flex; align-items:center; justify-content:space-between; }
.chart-bars { display:flex; height:92px; align-items:end; gap:6px; border-bottom:1px solid var(--line); }
.chart-bars i { width:100%; height:var(--h); border-radius:2px 2px 0 0; background:linear-gradient(var(--sage),#8da098); }
.mobile-snapshot { align-self:stretch; padding:12px; border-radius:26px; background:var(--ink); color:var(--white); box-shadow:0 24px 50px rgba(25,50,56,.2); }
.phone-top { display:flex; align-items:center; justify-content:space-between; padding:5px 8px 18px; font-size:.6rem; }
.phone-top strong { font-family:Georgia,serif; font-size:1rem; font-weight:400; }
.phone-top i { width:7px; height:7px; border-radius:50%; background:#8eb5a3; }
.mobile-greeting { display:grid; gap:7px; padding:20px 15px 24px; }
.mobile-greeting small { color:#aabbb7; font-size:.65rem; }
.mobile-greeting h3 { color:white; font-family:Georgia,serif; font-size:1.6rem; font-weight:400; }
.mobile-greeting p { color:#afbfbb; font-size:.76rem; }
.mobile-score { display:grid; gap:8px; margin:0 8px 10px; padding:16px; border-radius:10px; background:#314b4d; }
.mobile-score>div { display:flex; align-items:center; justify-content:space-between; }
.mobile-score span,.mobile-score small { color:#bdc9c6; font-size:.68rem; }
.mobile-score strong { font-family:Georgia,serif; font-size:1.7rem; font-weight:400; }
.mobile-task { display:flex; gap:10px; margin:0 8px; padding:14px 8px; border-bottom:1px solid #3e5558; }
.mobile-task i { display:grid; width:22px; height:22px; place-items:center; border:1px solid #627779; border-radius:50%; color:#d6dfdc; font-size:.62rem; font-style:normal; }
.mobile-task>div { display:grid; gap:4px; }
.mobile-task strong { font-size:.72rem; }
.mobile-task small { color:#9eb0ac; font-size:.61rem; line-height:1.4; }
.mobile-snapshot button { width:calc(100% - 16px); margin:20px 8px 6px; border:0; border-radius:4px; padding:12px; background:#d7dfda; color:var(--ink); font-size:.7rem; font-weight:700; }
.conversation-snapshot,.vault-snapshot { min-height:335px; }
.snapshot-label span { color:var(--ink); font-weight:700; }
.conversation-snapshot { padding-bottom:16px; }
.message { margin:16px; border-radius:8px; padding:14px 16px; font-size:.78rem; line-height:1.55; }
.user-message { width:70%; margin-left:auto; background:#e1e5e1; color:var(--ink-2); }
.agent-message { display:grid; grid-template-columns:28px 1fr; gap:10px; background:#edf0ed; }
.agent-message>span { display:grid; width:28px; height:28px; place-items:center; border-radius:50%; background:var(--ink); color:white; font-family:Georgia,serif; }
.agent-message>div { display:grid; gap:7px; }
.agent-message p { font-size:.72rem; line-height:1.55; }
.answer-evidence { display:flex; flex-wrap:wrap; gap:6px; }
.answer-evidence span { border:1px solid #c6cec9; border-radius:99px; padding:4px 7px; color:var(--sage); font-size:.56rem; }
.conversation-action { display:flex; justify-content:space-between; margin:0 16px; padding:11px 13px; border:1px solid #bac5bf; color:var(--sage); font-size:.68rem; font-weight:700; }
.vault-state { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:11px; margin:18px; padding:15px; background:#e7ebe7; }
.vault-mark { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:var(--sage); color:white; font-family:Georgia,serif; }
.vault-state>div:nth-child(2) { display:grid; gap:3px; }
.vault-state small,.vault-list small { color:var(--muted); font-size:.6rem; }
.vault-state>span { color:var(--sage); font-size:.62rem; font-weight:700; }
.vault-list { margin:0 18px; border-top:1px solid var(--line); }
.vault-list>div { display:grid; grid-template-columns:1fr auto 55px; gap:12px; padding:11px 0; border-bottom:1px solid var(--line); font-size:.68rem; }
.vault-list strong { font-weight:600; }
.vault-list small { text-align:right; }
.vault-list .review { color:var(--clay); }
.vault-foot { display:flex; justify-content:space-between; gap:15px; padding:17px 18px; color:var(--muted); font-size:.62rem; }
.vault-foot strong { color:var(--sage); }
.audience-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #b8c2bc; }
.audience-grid article { display:grid; min-height:230px; align-content:end; gap:12px; padding:28px 28px 28px 0; border-right:1px solid #b8c2bc; }
.audience-grid article+article { padding-left:28px; }
.audience-grid article:last-child { border-right:0; }
.audience-grid article>span { color:var(--clay); font-size:.66rem; font-weight:760; letter-spacing:.12em; text-transform:uppercase; }
.principles { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(54px,9vw,110px); }
.principles-quote p { color:var(--ink); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.8rem,3vw,2.8rem); letter-spacing:-.03em; line-height:1.15; }
.principles-list div { display:grid; gap:7px; padding:20px 0; border-top:1px solid var(--line); }
.principles-list div:last-child { border-bottom:1px solid var(--line); }
.principles-list span { color:var(--muted); font-size:.9rem; line-height:1.55; }
.how-it-works { background:var(--blue); color:var(--white); }
.how-it-works .section-shell { display:grid; gap:54px; }
.section-heading-light .eyebrow { color:#d8b6a6; }
.steps { display:grid; margin:0; padding:0; list-style:none; }
.steps li { display:grid; grid-template-columns:56px 1fr; gap:22px; padding:25px 0; border-top:1px solid rgba(255,255,255,.2); }
.steps li:last-child { border-bottom:1px solid rgba(255,255,255,.2); }
.steps li>div { display:grid; grid-template-columns:.7fr 1fr; align-items:baseline; gap:42px; }
.steps p { color:rgba(255,255,255,.68); }
.step-marker { color:#d8b6a6; font-family:Georgia,serif; font-size:1.1rem; }
.control { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(55px,9vw,112px); }
.control-copy { display:grid; gap:20px; }
.trust-ledger { border:1px solid #bdc6c1; border-radius:var(--radius); background:var(--white); box-shadow:0 18px 46px rgba(36,51,52,.08); }
.ledger-head { display:flex; justify-content:space-between; padding:20px 22px; border-bottom:1px solid var(--line); font-size:.76rem; font-weight:700; }
.ledger-head small { color:var(--muted); font-weight:500; }
.ledger-row { display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:14px; padding:20px 22px; border-bottom:1px solid var(--line); }
.ledger-row:last-child { border-bottom:0; }
.ledger-row>span { color:var(--clay); font-family:Georgia,serif; }
.ledger-row>div { display:grid; gap:3px; }
.ledger-row small { color:var(--muted); }
.ledger-row b { color:var(--sage); font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; }
.check-list { display:grid; gap:11px; margin:0; padding:4px 0; list-style:none; }
.check-list li { color:var(--ink-2); font-size:.91rem; }
.check-list li::before { margin-right:10px; color:var(--clay); content:"—"; }
footer { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:30px; padding:30px clamp(24px,6vw,90px); border-top:1px solid #456067; background:var(--ink); color:var(--white); }
footer p,footer span { color:#aebdb9; font-size:.74rem; }
@media (max-width:920px) { .site-header { grid-template-columns:1fr auto; } .site-header nav { display:none; } .hero { min-height:auto; grid-template-columns:1fr; padding-top:125px; } .hero-visual { min-height:auto; } .benefit-grid { grid-template-columns:1fr; } .benefit-card { min-height:220px; border-right:0; border-bottom:1px solid var(--line); } .benefit-card:last-child { border-bottom:0; } .nidhi-showcase { grid-template-columns:1fr; } .mobile-snapshot { width:min(330px,100%); justify-self:center; } .control,.principles { grid-template-columns:1fr; } }
@media (max-width:640px) { h1 { font-size:clamp(2.75rem,13vw,4rem); } .site-header { padding:19px; } .brand img { width:136px; } .site-header>.button { display:none; } .hero { padding:112px 20px 58px; } .trust-strip { grid-template-columns:1fr 1fr; } .section-shell { width:min(100% - 36px,1140px); padding-block:68px; } .dashboard-grid { grid-template-columns:1fr; } .dashboard-grid aside { display:none; } .dashboard-main { padding:17px; } .snapshot-heading { align-items:flex-start; } .metric-row { grid-template-columns:1fr; } .chart-card>div:first-child { align-items:flex-start; flex-direction:column; gap:4px; } .conversation-snapshot,.vault-snapshot { min-height:auto; } .user-message { width:auto; } .vault-list>div { grid-template-columns:1fr auto; } .vault-list small { grid-column:2; } .audience-grid { grid-template-columns:1fr; } .audience-grid article,.audience-grid article+article { min-height:190px; padding:24px 0; border-right:0; border-bottom:1px solid #b8c2bc; } .steps li>div { grid-template-columns:1fr; gap:8px; } .ledger-row { grid-template-columns:26px 1fr; } .ledger-row b { grid-column:2; } footer { grid-template-columns:1fr; justify-items:start; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }