@font-face{font-family:'Noto Sans Devanagari';font-weight:100 900;font-display:swap;src:url(/NotoSansDevanagari-400.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A}
@font-face{font-family:'Noto Sans Kannada';font-weight:100 900;font-display:swap;src:url(/NotoSansKannada-400.woff2) format('woff2');unicode-range:U+0951-0952, U+0964-0965, U+0B83, U+0C80-0CF3, U+1CD0, U+1CD2-1CD3, U+1CDA, U+1CF2, U+1CF4, U+200C-200D, U+20B9, U+25CC, U+A830-A835}
:lang(kn){font-family:Inter,'Noto Sans Kannada',system-ui,sans-serif}:lang(hi){font-family:Inter,'Noto Sans Devanagari',system-ui,sans-serif}
body{font-family:Inter,'Noto Sans Kannada','Noto Sans Devanagari',system-ui,-apple-system,Segoe UI,Arial,sans-serif}
@media (min-width:1000px){.p-hero .herocopy{align-items:flex-start;text-align:left}}

/* ===== product pages (AI Assistant + Automation) ===== */
.p-hero{padding:34px 0 56px}
.p-hgrid{display:grid;gap:40px;align-items:center}
.p-hero h1{font-size:clamp(40px,10.4vw,74px);max-width:13ch}
.p-hero .lede{max-width:40ch}
.p-ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}
.p-chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.p-chips li{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;padding:7px 12px 7px 9px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid var(--line)}
.p-chips svg{width:18px;height:18px;flex:none}
.p-lang{font-size:14px;color:var(--mute);margin:14px 0 0}.p-lang b{color:var(--ink);font-weight:650}
.demo-tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);background:#fff;border:1px solid #d6e9ed;padding:3px 8px;border-radius:6px}
/* hero visual: photo + phone */
.p-vis{position:relative;min-height:540px;max-width:560px;width:100%;margin:0 auto}
.p-photo{position:absolute;top:0;right:0;width:78%;height:82%;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(12,26,31,.45)}
.p-photo img{width:100%;height:100%;object-fit:cover}
.p-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,116,144,0) 50%,rgba(14,116,144,.35))}
.p-photo figcaption{position:absolute;left:14px;bottom:12px;z-index:2;color:#fff;font-size:12px;font-weight:600;opacity:.9}
.phone{position:relative;width:264px;border-radius:38px;background:#0c1a1f;padding:9px;box-shadow:0 40px 70px -30px rgba(12,26,31,.6),0 0 0 1px rgba(255,255,255,.1) inset}
.phone .scr{border-radius:30px;overflow:hidden;background:#efe7dd;position:relative}
.p-vis .phone{position:absolute;left:0;bottom:0;z-index:3}
.wa-top{display:flex;align-items:center;gap:9px;background:#075e54;color:#fff;padding:26px 12px 10px}
.wa-top .av{width:30px;height:30px;border-radius:50%;background:#cfe9e4;display:grid;place-items:center;color:#075e54;font-weight:700;font-size:13px;flex:none}
.wa-top b{display:block;font-size:13.5px;line-height:1.2}.wa-top small{font-size:11px;opacity:.85}
.ig-top{background:#fff;color:var(--ink);border-bottom:1px solid #eee}.ig-top .av{background:linear-gradient(45deg,#f9a03f,#d62976,#962fbf);color:#fff}
.ig-scr{background:#fff!important}
.wa-body{padding:12px 10px 14px;display:flex;flex-direction:column;gap:7px;min-height:330px;font-size:13.5px;line-height:1.38}
.b{max-width:84%;padding:7px 10px 6px;border-radius:10px;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.08);word-wrap:break-word}
.b small{display:block;text-align:right;font-size:10px;color:#667781;margin-top:2px}
.b.in{align-self:flex-start;background:#fff;border-top-left-radius:3px}
.b.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:3px}
.ig-scr .b.in{background:#efefef;box-shadow:none;border-radius:18px}
.ig-scr .b.out{background:linear-gradient(135deg,#7b3fe4,#3a7bfd);color:#fff;box-shadow:none;border-radius:18px}
.ig-scr .b.out small{color:rgba(255,255,255,.75)}
.b .ai{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.05em;color:#0e7490;background:#e5f3f6;border-radius:4px;padding:1px 5px;margin-bottom:3px;opacity:1;position:static;width:auto;height:auto}
.ig-scr .b.out .ai{background:rgba(255,255,255,.22);color:#fff}
.b.card{padding:0;overflow:hidden;width:84%}
.b.card .ph{height:84px;background:linear-gradient(135deg,#7a1f2b,#b33a4a 60%,#e2a35d);position:relative}
.b.card .ph:after{content:"";position:absolute;left:50%;top:14px;width:40px;height:62px;margin-left:-20px;border-radius:20px 20px 6px 6px;background:rgba(255,255,255,.18)}
.b.card .t{padding:6px 10px 6px}
.typing-b{align-self:flex-start;background:#fff;border-radius:10px;padding:9px 12px;display:flex;gap:4px}
.typing-b i{width:6px;height:6px;border-radius:50%;background:#9aa5a9;animation:tdot 1s infinite}
.typing-b i:nth-child(2){animation-delay:.15s}.typing-b i:nth-child(3){animation-delay:.3s}
@keyframes tdot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}
.float-card{position:absolute;z-index:4;border-radius:16px;padding:11px 14px;font-size:13px;line-height:1.35;max-width:230px;background:rgba(255,255,255,.92)}
.float-card b{display:block;font-size:13.5px}
.float-card .k{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--teal)}
.fc1{right:-6px;top:46%;animation:bob 6s ease-in-out infinite}
.fc2{right:8%;top:-14px;animation:bob 7s ease-in-out infinite reverse}
@keyframes bob{50%{transform:translateY(-8px)}}
.p-vis .ig-mini{position:absolute;right:2%;bottom:-6px;z-index:4;width:230px;border-radius:18px;padding:10px;background:rgba(255,255,255,.95)}
.ig-mini .row{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;margin-bottom:7px}
.ig-mini .row i{width:20px;height:20px;border-radius:50%;background:linear-gradient(45deg,#f9a03f,#d62976,#962fbf);display:block}
.ig-mini .b{font-size:13px;max-width:92%}
.ig-mini .b.in{background:#efefef;box-shadow:none;border-radius:16px}
.ig-mini .b.out{background:linear-gradient(135deg,#7b3fe4,#3a7bfd);color:#fff;box-shadow:none;border-radius:16px;margin-top:6px;margin-left:auto}
.ig-mini .b.out .ai{background:rgba(255,255,255,.22);color:#fff}
/* channel strip */
.p-strip{padding:20px 0 40px}
.chgrid{display:grid;gap:12px}
.ch{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:20px}
.ch .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}
.ch .ic svg{width:24px;height:24px}
.ch h3{font-size:17px;margin:2px 0 4px}.ch p{margin:0;font-size:14.5px;color:var(--mute);line-height:1.5}
/* before / after */
.ba2{display:grid;gap:18px;margin-top:10px}
.bapane{border-radius:24px;padding:22px;position:relative;overflow:hidden}
.bapane.bad{background:#111a1e;color:#e8eef0}
.bapane.bad video,.bapane.bad .vbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.bapane.bad>*{position:relative}
.bapane.good{background:linear-gradient(160deg,#e9f6f8,#ffffff 70%);border:1px solid #d6e9ed}
.bahead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}
.bahead h3{font-size:19px}
.clock{font-feature-settings:"tnum";font-weight:700;font-size:13px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
.good .clock{background:#fff;border-color:#d6e9ed;color:var(--teal-d)}
.thread{display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:1.4}
.thread .b{max-width:88%}
.bad .b.in{background:#25343a;color:#e8eef0;box-shadow:none}
.bad .b.in small{color:#9fb0b5}
.bad .b.out{background:#33454c;color:#e8eef0;box-shadow:none}
.sysline{align-self:center;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);color:#b8c6ca}
.good .sysline{background:#e5f3f6;color:var(--teal-d)}
.outcome{display:flex;align-items:center;gap:8px;margin-top:16px;font-weight:650;font-size:15px}
.outcome i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;flex:none}
.bad .outcome i{background:#5b2a2a;color:#ffb4b4}.good .outcome i{background:var(--teal);color:#fff}
/* interactive demo */
.demo{display:grid;gap:34px;align-items:center}
.seg{display:inline-flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:999px;background:#fff;border:1px solid var(--line);margin:0 0 22px}
.seg button{font:inherit;font-size:14.5px;font-weight:600;border:0;background:transparent;color:var(--mute);padding:9px 16px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.seg button[aria-pressed="true"]{background:var(--teal);color:#fff}
.seg button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.demo .phone{margin:0 auto;width:290px}
.demo .wa-body{min-height:420px}
.ticks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px}
.ticks li:before{content:"";width:20px;height:20px;border-radius:50%;flex:none;margin-top:2px;background:var(--teal-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%230e7490' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.replay{font:inherit;font-size:14px;font-weight:600;color:var(--teal);background:none;border:0;padding:8px 0;cursor:pointer;margin-top:10px}
/* media banner */
.mbanner{position:relative;border-radius:28px;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;color:#fff;background:#0c1a1f}
.mbanner video,.mbanner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mbanner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,26,31,.05) 20%,rgba(12,26,31,.78))}
.mbanner .mtext{position:relative;z-index:2;padding:26px}
.mbanner h2{color:#fff;margin-bottom:10px;font-size:clamp(28px,6.4vw,46px)}
.mbanner p{margin:0;max-width:52ch;color:rgba(255,255,255,.86)}
.mbanner .credit{position:absolute;right:14px;top:12px;z-index:2;font-size:11px;color:rgba(255,255,255,.7)}
/* use cases */
.uc{display:grid;gap:22px;align-items:stretch;margin-top:6px}
.ucphoto{border-radius:24px;overflow:hidden;min-height:280px;position:relative;background:#dfe9ea}
.ucphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s}
.ucbody{border-radius:24px;padding:24px}
.ucbody h3{font-size:24px;margin:6px 0 12px}
.ucbody .thread{margin:16px 0 4px;padding:14px;border-radius:16px;background:#efe7dd}
.segwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}
.segwrap .seg{flex-wrap:nowrap;white-space:nowrap}
/* features */
.fgrid{display:grid;gap:12px}
.feat2{border-radius:20px;padding:22px}
.feat2 .ic{width:42px;height:42px;border-radius:12px;background:var(--teal-l);display:grid;place-items:center;margin-bottom:14px}
.feat2 .ic svg{width:22px;height:22px;stroke:var(--teal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feat2 h3{font-size:18px;margin-bottom:6px}.feat2 p{margin:0;color:var(--mute);font-size:15px;line-height:1.55}
/* steps line */
.psteps{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:s}
.psteps li{border-radius:22px;padding:24px;position:relative}
.psteps .n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--teal);color:#fff;font-weight:700;font-size:15px;margin-bottom:14px;box-shadow:0 0 0 6px var(--teal-l)}
.psteps h3{margin-bottom:6px}.psteps p{margin:0;color:var(--mute);font-size:15.5px}
.psteps .when{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:650;color:var(--teal-d);background:var(--teal-l);padding:4px 10px;border-radius:999px}
/* final CTA */
.pcta{border-radius:30px;padding:44px 24px;text-align:center;color:#fff;position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 0%,#8fd6e2 0%,rgba(143,214,226,0) 55%),linear-gradient(160deg,#0b5c72 0%,#0e7490 50%,#3aa6b8 100%)}
.pcta h2{color:#fff;margin:0 auto 12px}
.pcta p{color:rgba(255,255,255,.88);margin:0 auto 26px;max-width:48ch}
.pcta .btn{background:#fff;color:var(--teal-d);border-color:#fff}
.pcta .btn:hover{background:#eef8fa}
.pcta .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.label-ill{font-size:12.5px;color:var(--mute);margin-top:12px}
/* ===== automation ===== */
.flowcard{border-radius:26px;padding:20px;position:relative}
.flowcard .fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}
.flowcard .fh b{font-size:15px}
.flow{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:12px}
.flow:before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:repeating-linear-gradient(180deg,#bfdde4 0 6px,transparent 6px 11px)}
.flow li{position:relative;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 12px;transition:border-color .3s,box-shadow .3s,transform .3s}
.flow li .fi{width:22px;height:22px;flex:none;border-radius:8px;display:grid;place-items:center;position:relative;z-index:1}
.flow li .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--teal-l);margin-left:-6px}
.flow li .ico svg{width:19px;height:19px;stroke:var(--teal);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.flow li small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.flow li span{font-size:14.5px;font-weight:600;line-height:1.3;display:block}
.flow li.trig .ico{background:#fff4e0}.flow li.trig .ico svg{stroke:#c2410c}
.flow li.res{background:linear-gradient(135deg,#0e7490,#14a3b8);border-color:transparent;color:#fff}
.flow li.res small{color:rgba(255,255,255,.8)}.flow li.res .ico{background:rgba(255,255,255,.18)}.flow li.res .ico svg{stroke:#fff}
.flow li.on{border-color:#7cc6d4;box-shadow:0 10px 24px -14px rgba(14,116,144,.6);transform:translateX(4px)}
.flow li.res.on{box-shadow:0 14px 30px -14px rgba(14,116,144,.8)}
.pulse{position:absolute;left:16px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(14,116,144,.18);z-index:2;transition:top .6s cubic-bezier(.4,.1,.2,1);pointer-events:none}
.au-vis{position:relative;max-width:540px;width:100%;margin:0 auto}
.au-vis .p-photo{position:relative;width:100%;height:220px;margin-bottom:-60px;border-radius:24px}
.au-vis .flowcard{margin:0 14px}
.tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}
.tools span{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600}
.tools span i{width:9px;height:9px;border-radius:3px;display:block}
.wfx{display:grid;gap:24px;align-items:start}
.wfdesc h3{font-size:24px;margin:4px 0 10px}
.wfdesc p{color:var(--mute);margin:0}
/* sheet mockup */
.mock{border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 24px 48px -28px rgba(12,26,31,.25)}
.mock .mbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:#f8faf9;font-size:13px;font-weight:600}
.mock .mbar i{width:10px;height:10px;border-radius:50%;background:#e4e8e6;display:block}
.mock .mbar .sp{flex:1}
.sheet{width:100%;border-collapse:collapse;font-size:13px}
.sheet th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);font-weight:650;text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);background:#fbfcfb}
.sheet td{padding:10px;border-bottom:1px solid #eef1ef;white-space:nowrap}
.sheet tr.new td{animation:rowin 1s ease both;background:#f0fafb}
@keyframes rowin{from{background:#c9eef4}}
.st-c{display:inline-block;font-size:11.5px;font-weight:650;padding:3px 8px;border-radius:999px}
.s-new{background:#e5f3f6;color:#0b5c72}.s-fu{background:#fff4e0;color:#9a4b07}.s-bk{background:#e3f6e8;color:#1f6b35}.s-pd{background:#f2e8fb;color:#6b2fa0}
.sheetwrap{overflow-x:auto}
.mgrid2{display:grid;gap:16px}
.rep{padding:18px}
.rep .big{font-size:34px;font-weight:750;letter-spacing:-.03em;line-height:1}
.rep .kp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.rep .kp div{background:#f6f9f8;border-radius:12px;padding:10px}
.rep .kp small{display:block;font-size:11px;color:var(--mute);font-weight:600}
.rep .kp b{font-size:20px;letter-spacing:-.02em}
.spark{width:100%;height:70px;display:block}
/* hours chart */
.hours{display:grid;gap:14px;margin-top:10px}
.hrow{display:grid;grid-template-columns:1fr;gap:6px}
.hrow .hl{font-size:14.5px;font-weight:600;display:flex;justify-content:space-between}
.hrow .hl span{color:var(--mute);font-weight:500;font-size:13.5px}
.hbar{height:12px;border-radius:999px;background:#eef1ef;position:relative;overflow:hidden}
.hbar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;display:block;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.hbar .bef{background:#f0b9a8}.hbar .aft{background:var(--teal)}
.hleg{display:flex;gap:16px;font-size:13px;color:var(--mute);margin-top:4px}
.hleg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
@media (min-width:720px){
 .chgrid{grid-template-columns:repeat(3,1fr)}
 .ba2{grid-template-columns:1fr 1fr}
 .fgrid{grid-template-columns:repeat(3,1fr)}
 .psteps{grid-template-columns:repeat(3,1fr)}
 .uc{grid-template-columns:1fr 1fr}
 .ucphoto{min-height:420px}
 .mbanner{min-height:420px}.mbanner .mtext{padding:40px}
 .pcta{padding:70px 40px}
 .mgrid2{grid-template-columns:1.5fr 1fr}
 .hrow{grid-template-columns:260px 1fr;align-items:center}
 .segwrap{margin:0;padding:0;overflow:visible}
}
@media (min-width:1000px){
 .p-hero{padding:56px 0 80px}
 .p-hgrid{grid-template-columns:1.02fr 1fr;gap:60px}
 .p-vis{min-height:600px}
 .demo{grid-template-columns:1fr 1fr;gap:60px}
 .wfx{grid-template-columns:.9fr 1.1fr;gap:56px}
 .au-vis .p-photo{height:260px}
}
@media (max-width:420px){
 .p-vis .phone{width:232px}
 .p-vis .ig-mini{width:180px}
}

/* fixes pass 2 */
.p-hero h1 em{white-space:nowrap}
.clock{white-space:nowrap}
.p-hero .herocopy{text-align:center}
.p-hero .lede{margin-left:auto;margin-right:auto}
.p-hero .p-ctas,.p-hero .p-chips{justify-content:center}
.pmain>section{padding:60px 0}
.pmain>.p-hero{padding:30px 0 50px}
.pmain>.p-strip{padding:10px 0 30px}
.hl span{white-space:nowrap}
@media (max-width:999px){
 .p-vis{min-height:0;max-width:440px;padding-bottom:10px}
 .p-photo{position:relative;width:100%;height:250px;right:auto;top:auto}
 .p-vis .phone{position:relative;left:auto;bottom:auto;margin:-110px 0 0 2%;width:250px}
 .p-vis .ig-mini{right:0;bottom:40px;width:196px}
 .fc2{display:block;top:auto;bottom:calc(100% - 270px);right:-4px;max-width:200px;font-size:12px;padding:9px 12px}
}
@media (min-width:720px){.pmain>section{padding:76px 0}.hrow{grid-template-columns:340px 1fr}}
@media (min-width:1000px){
 .pmain>section{padding:84px 0}
 .pmain>.p-hero{padding:50px 0 70px}
 .p-hero .herocopy{text-align:left}
 .p-hero .lede{margin-left:0}
 .p-hero .p-ctas,.p-hero .p-chips{justify-content:flex-start}
 .p-vis .p-photo{width:70%;height:78%}
 .p-vis .phone{width:252px}
 .p-vis .ig-mini{right:-10px;bottom:20px}
}

.p-photo{margin:0}
@media (min-width:1000px){.p-hero .herocopy .lede,.p-hero .herocopy p{text-align:left!important}}
@media (max-width:999px){.p-vis{padding-bottom:70px}.p-vis .ig-mini{bottom:0}}