@font-face{font-family:QBPKannada;src:url('assets/fonts/NotoSansKannada-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:QBPTelugu;src:url('assets/fonts/NotoSansTelugu-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
.native-kn,[lang="kn"]{font-family:QBPKannada,Inter,sans-serif}
[lang="te"]{font-family:QBPTelugu,Inter,sans-serif}
html[lang="kn"]{--body:QBPKannada,Inter,sans-serif;--display:QBPKannada,Inter,sans-serif}
html[lang="te"]{--body:QBPTelugu,Inter,sans-serif;--display:QBPTelugu,Inter,sans-serif}
.language-control{display:flex;align-items:center;gap:5px;border:1px solid #dae1ec;border-radius:8px;padding:0 9px;background:#fff;flex-shrink:0}
.language-control svg{width:17px;height:17px;fill:none;stroke:#586783;stroke-width:1.5;flex-shrink:0}
.language-select{border:0;background:transparent;color:#26364e;min-height:40px;max-width:105px;font:13px Inter,QBPKannada,QBPTelugu,sans-serif;padding:7px 2px;cursor:pointer}
.language-select option{font-family:Inter,QBPKannada,QBPTelugu,sans-serif}
.language-control:focus-within{outline:3px solid #174bff55;outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.voice-language-options>[role="group"]{flex-wrap:wrap}
.voice-language-options button{min-width:66px;padding:7px 10px}
.voice-language-options button[lang="kn"],.voice-language-options button[lang="te"]{line-height:1.7}
.demo-main{padding-bottom:120px}
html:not([lang="en"]) body{font-family:var(--body);line-height:1.7}
html:not([lang="en"]) :is(h1,h2,h3){font-family:var(--display);letter-spacing:0;line-height:1.45}
html:not([lang="en"]) :is(.eyebrow,.mini-label,.feature-number,.scenario-label,.sample-label,.devices-bottom,.closing-note){letter-spacing:0;line-height:1.8}
html:not([lang="en"]) .story-hero h1{font-size:clamp(36px,3.8vw,59px);line-height:1.45}
html:not([lang="en"]) .hero-description{line-height:1.75;font-size:22px}
html:not([lang="en"]) .hero-detail{max-width:490px;line-height:1.9}
html:not([lang="en"]) .hero-copy{min-width:0}
html:not([lang="en"]) .hero-notes{flex-wrap:wrap;row-gap:5px}
html:not([lang="en"]) .hero-actions{flex-wrap:wrap;gap:15px}
html:not([lang="en"]) .button{font-size:13px;white-space:normal;line-height:1.8}
html:not([lang="en"]) .desktop-nav{gap:18px;margin-left:0;font-size:12px}
html:not([lang="en"]) .header-actions{gap:10px}
html:not([lang="en"]) .site-header .brand-name{display:none}
html:not([lang="en"]) .receipt-row,html:not([lang="en"]) .receipt-bottom{gap:10px}
html:not([lang="en"]) .voice-float{max-width:300px}
html:not([lang="en"]) .voice-float p{font-size:12px}
html:not([lang="en"]) .stage-caption{letter-spacing:0}
html:not([lang="en"]) .section-heading>div{min-width:0;flex:1}
html:not([lang="en"]) :is(.intro h2,.section-heading h2,.foundations-section .section-heading h2,.story-businesses>.section-heading h2){font-size:clamp(30px,3.25vw,47px);line-height:1.5}
html:not([lang="en"]) :is(.section-heading>p,.setup-intro p){font-size:15px;line-height:1.95}
html:not([lang="en"]) .setup-step h3{font-size:23px;line-height:1.55}
html:not([lang="en"]) .setup-step p{min-height:110px;line-height:1.9}
html:not([lang="en"]) .flow-copy h2{font-size:clamp(36px,3.7vw,54px);line-height:1.5}
html:not([lang="en"]) .flow-copy>p{line-height:2}
html:not([lang="en"]) .flow-copy select{font-family:var(--body)}
html:not([lang="en"]) .demo-command>p{font-size:13px;line-height:1.9}
html:not([lang="en"]) .demo-main{min-height:550px}
html:not([lang="en"]) .demo-main{padding-bottom:135px}
html:not([lang="en"]) .flow-tabs button{font-size:11px;line-height:1.9;padding:18px 8px;overflow-wrap:anywhere}
html:not([lang="en"]) .flow-result{bottom:24px;min-height:84px}
html:not([lang="en"]) .flow-result p{line-height:1.8}
html:not([lang="en"]) .flow-result strong{font-size:12px;line-height:1.75}
html:not([lang="en"]) :is(.language-feature h3,.offline-story h3,.feature-card h3,.toolset-features .sales-feature h3){font-size:29px;line-height:1.55}
html:not([lang="en"]) :is(.connected-benefits h3,.business-scale h3){font-size:22px;line-height:1.65}
html:not([lang="en"]) .connection-story{white-space:normal}
html:not([lang="en"]) .offline-bill{flex-wrap:wrap}
html:not([lang="en"]) .stock-item{gap:10px}
html:not([lang="en"]) .stock-item strong{font-size:13px}
html:not([lang="en"]) .stock-item>div>span{font-size:10px}
html:not([lang="en"]) .devices-bottom{flex-wrap:wrap}
html:not([lang="en"]) .closing-content h2{font-size:clamp(40px,4.5vw,64px);line-height:1.6}
html:not([lang="en"]) .access-dialog h2{font-size:30px;line-height:1.7}
html:not([lang="en"]) .access-dialog :is(input,select){font-family:var(--body);line-height:1.8}
html:not([lang="en"]) .form-note{line-height:1.9}
html:not([lang="en"]) .brand-mark,html:not([lang="en"]) .brand-name{font-family:Archivo,Inter,sans-serif;line-height:1;letter-spacing:-.07em}
/* The editable screen studio shares the same local fonts, with legible Indic metrics. */
html:not([lang="en"]) .studio{font-family:var(--body)}
html:not([lang="en"]) .app-screen :is(h1,h2){font-family:var(--body);letter-spacing:0;line-height:1.6}
html:not([lang="en"]) .app-screen .greeting h1{font-size:17px;white-space:normal}
html:not([lang="en"]) .app-screen .page-header h1{font-size:14px}
html:not([lang="en"]) .app-screen .page-header p{font-size:8px;line-height:1.7;margin-top:1px}
html:not([lang="en"]) .app-screen .transcript-card h2{font-size:16px;line-height:1.7}
html:not([lang="en"]) .app-screen .card-heading h2{font-size:10px}
html:not([lang="en"]) .app-screen .payment-confirmation h2{font-size:15px}
html:not([lang="en"]) .app-screen .receipt-paper>h2{font-size:15px}
html:not([lang="en"]) .app-screen .voice-capture{padding-top:8px}
html:not([lang="en"]) .app-screen .mic-orbit{width:122px;height:122px}
html:not([lang="en"]) .app-screen .mic-orbit-inner{width:98px;height:98px}
html:not([lang="en"]) .app-screen .mic-button{width:74px;height:74px}
html:not([lang="en"]) .app-screen .transcript-card{margin-top:11px;padding-top:11px;padding-bottom:9px}
html:not([lang="en"]) .app-screen .voice-total{margin-top:10px}
html:not([lang="en"]) .app-screen .recognized-items>div{padding:8px 0}
html:not([lang="en"]) .app-screen .receipt-paper{padding-top:12px;padding-bottom:15px}
html:not([lang="en"]) .app-screen .receipt-date{font-size:7px;gap:5px}
html:not([lang="en"]) .app-screen .receipt-id{margin-top:10px;padding-top:10px}
html:not([lang="en"]) .app-screen .receipt-items>div{padding:8px 0}
html:not([lang="en"]) .app-screen .receipt-thanks{margin-top:10px}
html:not([lang="en"]) .app-screen .receipt-thanks>span{margin-top:4px}
html:not([lang="en"]) .app-screen .analytics-summary h2{font-family:Archivo,Inter,sans-serif;line-height:1.1;letter-spacing:-.055em}
html:not([lang="en"]) .app-screen .hourly-chart{height:93px;margin-top:23px}
html:not([lang="en"]) .app-screen .analytics-metrics>div{padding:8px}
html:not([lang="en"]) .app-screen .bestseller-row{padding:8px 0}
html:not([lang="en"]) .app-screen .inventory-summary h2,html:not([lang="en"]) .app-screen .ledger-summary h2{font-family:Archivo,Inter,sans-serif;line-height:1.1;letter-spacing:-.04em}
html:not([lang="en"]) .app-screen .inventory-summary h2 small{font-family:var(--body)}
html:not([lang="en"]) .app-screen .receipt-items p{line-height:1.4}
html:not([lang="en"]) .app-screen .hourly-chart{height:78px}
html:not([lang="en"]) .app-screen .analytics-metrics>div{padding-top:6px;padding-bottom:6px}
html:not([lang="en"]) .app-screen .payments-card{margin-top:10px;padding-top:10px;padding-bottom:10px}
html:not([lang="en"]) .business-support h4{font-size:19px;line-height:1.8;letter-spacing:0}
html:not([lang="en"]) .business-support p{line-height:2}
html:not([lang="en"]) .story-businesses .business-tabs>button>b{font-size:13px;letter-spacing:0;line-height:1.9}
html:not([lang="en"]) .story-businesses .business-tabs>button{min-height:85px}
html:not([lang="en"]) .business-panel-copy h3{font-size:36px;line-height:1.6}
html:not([lang="en"]) .business-panel-copy p{line-height:1.95}
html:not([lang="en"]) .business-chips{flex-wrap:wrap}
html:not([lang="en"]) .extended-body{gap:8px}
html:not([lang="en"]) .extended-body .service-client{margin-top:7px}
html:not([lang="en"]) .app-screen .extended-body .service-paper .receipt-items>div{padding:7px 0}
html:not([lang="en"]) .extended-body .receipt-grand-total{margin-top:8px}
@media(max-width:480px){html:not([lang="en"]) .business-panel-copy h3{font-size:29px}html:not([lang="en"]) .story-businesses .business-panel{min-height:535px}html:not([lang="en"]) .story-businesses .business-tabs>button>b{font-size:12px}html:not([lang="en"]) .story-businesses .business-tabs>button{min-height:90px}}
@media(max-width:1100px){.site-header{gap:16px}.desktop-nav{gap:16px}.header-actions{gap:9px}html:not([lang="en"]) .desktop-nav{display:none}html:not([lang="en"]) .menu-toggle{display:block}html:not([lang="en"]) .setup-step p{min-height:0}.language-select{font-size:12px}}
@media(max-width:800px){.header-actions>.button-small{display:none}.site-header{gap:10px}html:not([lang="en"]) .story-hero h1{font-size:clamp(31px,6vw,49px)}html:not([lang="en"]) .flow-copy h2{font-size:42px}html:not([lang="en"]) .setup-step p{min-height:0}.voice-language-options button{flex:0 1 auto;min-width:65px}.voice-language-options{max-width:100%}html:not([lang="en"]) .section-heading>p{max-width:100%}}
@media(max-width:480px){.site-header{padding-left:6%;padding-right:6%}.language-select{max-width:89px}.language-control{padding:0 6px;gap:3px}.header-actions{gap:7px}html:not([lang="en"]) .header-actions{gap:7px}html:not([lang="en"]) .story-hero h1{font-size:clamp(29px,7.5vw,36px)}html:not([lang="en"]) .hero-description{font-size:18px}html:not([lang="en"]) :is(.intro h2,.section-heading h2,.foundations-section .section-heading h2,.story-businesses>.section-heading h2){font-size:29px}html:not([lang="en"]) .flow-copy h2{font-size:35px}html:not([lang="en"]) :is(.language-feature h3,.offline-story h3,.feature-card h3,.toolset-features .sales-feature h3){font-size:25px}html:not([lang="en"]) .voice-float p{font-size:10px}html:not([lang="en"]) .flow-result{width:calc(100% - 28px)}html:not([lang="en"]) .demo-receipt{width:calc(100% - 40px);padding:22px 17px}html:not([lang="en"]) .flow-tabs button{font-size:9px}html:not([lang="en"]) .stock-item{gap:7px;padding-left:10px;padding-right:10px}html:not([lang="en"]) .stock-item strong{font-size:11px}html:not([lang="en"]) .stock-item>div>span{font-size:9px}html:not([lang="en"]) .stock-item>b{font-size:11px}html:not([lang="en"]) .flow-copy select,html:not([lang="en"]) .access-dialog :is(input,select){font-size:16px}}