:root{--green:#126a48;--green-dark:#0a472c;--green-deep:#072e1c;--green-light:#ecfdf5;--green-border:#a7f3d0;--green-glow:#126a4826;--blue:#1769e0;--blue-dark:#1254b8;--blue-light:#eff6ff;--blue-border:#bfdbfe;--ink:#0f172a;--text-main:#1e293b;--muted:#475569;--muted-light:#64748b;--surface:#fff;--surface-alt:#f8fafc;--surface-tint:#f1f5f9;--line:#e2e8f0;--line-strong:#cbd5e1;--cream:#fbfcf9;--sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--shell-max:1180px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-phone:36px;--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 4px 12px -2px #0f172a14;--shadow-lg:0 12px 24px -4px #0f172a1a;--shadow-xl:0 24px 48px -12px #0f172a2e;--shadow-phone:0 25px 60px -15px #0f1f1847, 0 0 0 1px #0000000f}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--text-main);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color .15s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.shell{width:min(var(--shell-max), calc(100% - 48px));margin-left:auto;margin-right:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#fbfcf9f5;align-items:center;height:74px;display:flex;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;width:min(1240px,100% - 48px);margin:0 auto;display:flex}.brand{letter-spacing:-.6px;color:var(--ink);align-items:center;gap:10px;font-size:22px;font-weight:800;display:inline-flex}.brand-logo-img{object-fit:cover;border-radius:8px;width:34px;height:34px;box-shadow:0 2px 4px #00000014}nav{color:#334155;align-items:center;gap:24px;font-size:14px;font-weight:700;display:flex}nav a{padding:6px 4px;position:relative}nav a:hover,nav a.active{color:var(--green)}nav a.active:after{content:"";background:var(--green);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:4px;right:4px}.nav-actions{align-items:center;gap:10px;display:flex}.nav-cta{background:var(--green);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 15px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;color:#fff!important}.nav-cta:hover{background:var(--green-dark);transform:translateY(-1px)}.nav-cta-blue{background:var(--blue);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 15px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;color:#fff!important}.nav-cta-blue:hover{background:var(--blue-dark);transform:translateY(-1px)}.menu{display:none}.eyebrow,.section-kicker{font-family:var(--mono);letter-spacing:1.2px;color:var(--green);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.badge{background:var(--surface-tint);color:#334155;border:1px solid var(--line);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.green{background:var(--green-light);color:var(--green-dark);border-color:var(--green-border)}.badge.blue{background:var(--blue-light);color:var(--blue-dark);border-color:var(--blue-border)}.badge-pill{font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-weight:700;display:inline-flex}.badge-pill.green{background:var(--green-light);color:var(--green-dark);border:1px solid var(--green-border)}.badge-pill.blue{background:var(--blue-light);color:var(--blue-dark);border:1px solid var(--blue-border)}.badge-pill span.dot{background:currentColor;border-radius:50%;width:6px;height:6px}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.03em;margin:0;line-height:1.2}h1{letter-spacing:-.035em;font-size:clamp(34px,4.8vw,56px);font-weight:800}h1 em{color:var(--green);font-style:normal}h1 em.blue{color:var(--blue)}h2{letter-spacing:-.025em;margin:8px 0 14px;font-size:clamp(26px,3.2vw,38px);font-weight:800}h2 em{color:var(--green);font-style:normal}h3{margin-bottom:8px;font-size:18px;font-weight:700}.lead{color:var(--muted);max-width:680px;margin:14px 0 0;font-size:clamp(16px,1.8vw,18.5px);line-height:1.7}.section-copy{color:var(--muted);max-width:650px;margin:0 0 28px;font-size:15.5px;line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-dark);box-shadow:0 4px 12px var(--green-glow)}.button.primary-blue{background:var(--blue);color:#fff}.button.primary-blue:hover{background:var(--blue-dark);box-shadow:0 4px 12px #1769e040}.button.secondary{border-color:var(--line-strong);color:var(--ink);background:#fff}.button.secondary:hover{background:var(--surface-alt);border-color:var(--muted)}.button.light{color:var(--green);background:#fff}.button.light:hover{background:#f1f5f9}.text-link{color:var(--green);border-bottom:1.5px solid #126a484d;align-items:center;gap:6px;padding-bottom:2px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.text-link:hover{border-color:var(--green);gap:9px}.text-link-blue{color:var(--blue);border-color:#1769e04d}.text-link-blue:hover{border-color:var(--blue)}.phone-mockup-wrap{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.phone-mockup{border-radius:var(--radius-phone);width:100%;max-width:320px;box-shadow:var(--shadow-phone);background:#0f172a;border:1px solid #334155;padding:10px;transition:transform .25s,box-shadow .25s;position:relative}.phone-mockup:hover{transform:translateY(-4px);box-shadow:0 30px 70px -15px #0f1f1859}.phone-notch{z-index:10;background:#0f172a;border-radius:10px;width:80px;height:14px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-screen{background:#fff;border-radius:27px;line-height:0;display:block;position:relative;overflow:hidden}.phone-screen img{object-fit:cover;width:100%;height:auto;display:block}.dual-phone-grid{grid-template-columns:1fr 1fr;align-items:center;gap:20px;width:100%;display:grid}.dual-phone-grid .phone-mockup:nth-child(2){margin-top:36px}.browser-mockup{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:#fff;width:100%;overflow:hidden}.browser-header{border-bottom:1px solid var(--line);background:#f8fafc;align-items:center;gap:12px;padding:10px 16px;display:flex}.browser-dots{align-items:center;gap:6px;display:flex}.browser-dots span{background:#cbd5e1;border-radius:50%;width:9px;height:9px}.browser-dots span:first-child{background:#ef4444}.browser-dots span:nth-child(2){background:#f59e0b}.browser-dots span:nth-child(3){background:#10b981}.browser-address{border:1px solid var(--line);font-family:var(--mono);color:var(--muted);background:#fff;border-radius:4px;flex-grow:1;max-width:380px;padding:3px 12px;font-size:11.5px}.spotlight-section{border-bottom:1px solid var(--line);background:#fff;padding:80px 0 90px}.spotlight-section.alt-bg{background:#f8fafc}.spotlight-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.spotlight-grid.reverse{grid-template-columns:.85fr 1.15fr}.spotlight-content h2{margin-bottom:16px;font-size:clamp(26px,3.2vw,38px)}.spotlight-feature-list{flex-direction:column;gap:14px;margin:24px 0 32px;display:flex}.spotlight-item{align-items:flex-start;gap:12px;display:flex}.spotlight-item-icon{background:var(--green-light);width:24px;height:24px;color:var(--green-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:12px;font-weight:800;display:flex}.spotlight-item-icon.blue{background:var(--blue-light);color:var(--blue-dark)}.spotlight-item-text strong{color:var(--ink);margin-bottom:2px;font-size:15px;display:block}.spotlight-item-text p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.5}.hero{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f4fbf7 0%,#fff 55%,#f0f6ff 100%);padding:70px 0 85px;position:relative}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;display:grid}.hero-inner{max-width:620px}.hero-badge-row{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.audience-pathways{border-bottom:1px solid var(--line);background:#fff;padding:40px 0}.pathways-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pathway-card{border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;padding:28px;transition:all .2s;display:flex;position:relative}.pathway-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pathway-card.hotel-pathway{border-left:4px solid var(--blue);background:#fbfdff}.pathway-card.supplier-pathway{border-left:4px solid var(--green);background:#fbfdfa}.pathway-card h3{margin:8px 0 10px;font-size:20px}.pathway-card p{color:var(--muted);flex-grow:1;margin:0 0 20px;font-size:14.5px;line-height:1.6}.journey{border-bottom:1px solid var(--line);background:#fbfcf9;padding:85px 0}.pipeline-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;display:grid}.pipeline-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;flex-direction:column;padding:24px;transition:all .2s;display:flex}.pipeline-card:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong);transform:translateY(-2px)}.pipeline-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.pipeline-step-num{font-family:var(--mono);background:var(--green-light);color:var(--green-dark);border:1px solid var(--green-border);border-radius:4px;padding:3px 8px;font-size:12px;font-weight:700}.pipeline-step-num.blue{background:var(--blue-light);color:var(--blue-dark);border-color:var(--blue-border)}.pipeline-role-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--muted-light);font-size:11px;font-weight:700}.pipeline-card h3{margin-bottom:8px;font-size:17px}.pipeline-card p{color:var(--muted);flex-grow:1;margin:0;font-size:14px;line-height:1.6}.preview-container{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--line);font-size:12px;font-family:var(--mono);color:var(--muted);background:#f8fafc;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.preview-status{align-items:center;gap:6px;font-weight:700;display:inline-flex}.dot-indicator{background:#10b981;border-radius:50%;width:8px;height:8px}.preview-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.preview-table th{color:#334155;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;padding:9px 14px;font-size:11.5px;font-weight:700}.preview-table td{border-bottom:1px solid var(--line);color:#1e293b;padding:9px 14px}.preview-table tr:last-child td{border-bottom:none}.preview-table .item-cell{color:var(--ink);font-weight:700}.preview-table .marathi-sub{color:var(--muted-light);font-size:12px;font-weight:400;display:block}.preview-table .qty-highlight{font-family:var(--mono);color:var(--blue-dark);font-weight:700}.showcase-section{border-bottom:1px solid var(--line);background:#fff;padding:85px 0}.showcase-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px;display:grid}.showcase-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#f8fafc;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.showcase-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-3px)}.showcase-img-wrap{background:#0f172a;justify-content:center;align-items:center;width:100%;height:290px;display:flex;position:relative;overflow:hidden}.showcase-img-wrap img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .3s}.showcase-card:hover .showcase-img-wrap img{transform:scale(1.02)}.showcase-content{flex-direction:column;flex-grow:1;padding:18px;display:flex}.showcase-badge{font-family:var(--mono);text-transform:uppercase;color:var(--green);margin-bottom:4px;font-size:11px;font-weight:700}.showcase-badge.blue{color:var(--blue)}.showcase-content h3{margin-bottom:6px;font-size:16px}.showcase-content p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.ecosystem-section{border-bottom:1px solid var(--line);background:#f8fafc;padding:85px 0}.ecosystem-grid{grid-template-columns:repeat(2,1fr);gap:28px;max-width:960px;margin:36px auto 0;display:grid}.ecosystem-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;flex-direction:column;padding:28px;display:flex;position:relative}.ecosystem-card.hotel-card{border-top:4px solid var(--blue)}.ecosystem-card.supplier-card{border-top:4px solid var(--green)}.ecosystem-header{margin-bottom:12px}.ecosystem-target{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.hotel-card .ecosystem-target{color:var(--blue)}.supplier-card .ecosystem-target{color:var(--green)}.ecosystem-card h3{margin-bottom:8px;font-size:20px}.ecosystem-card p{color:var(--muted);flex-grow:1;margin:0 0 16px;font-size:14px;line-height:1.6}.ecosystem-list{border-top:1px solid var(--line);margin:0 0 20px;padding:0;list-style:none}.ecosystem-list li{border-bottom:1px solid var(--line);color:#334155;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.ecosystem-list li span.bullet{color:var(--green);font-weight:700}.ecosystem-cta-wrap{margin-top:auto}.desk-band{color:#eff7ec;background:linear-gradient(135deg,#072e1c 0%,#0d3826 100%);padding:80px 0}.desk-band .section-kicker{color:#a7f3d0}.desk-layout{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.desk-layout h2{color:#fff;margin-bottom:14px;font-size:clamp(26px,3.5vw,40px)}.desk-layout p{color:#d1fae5;font-size:15.5px;line-height:1.7}.desk-band .text-link{color:#a7f3d0;border-color:#a7f3d066}.desk-band .text-link:hover{border-color:#a7f3d0}.desk-feature-list{border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #ffffff1a;margin:0;padding:0;list-style:none;overflow:hidden}.desk-feature-list li{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:14px 18px;font-size:13.5px;font-weight:600;display:flex}.desk-feature-list li:last-child{border-bottom:none}.desk-feature-list i{color:#34d399;font-style:normal;font-weight:800}.closing{background:var(--green-deep);color:#fff;text-align:center;padding:80px 0}.closing .section-kicker{color:#a7f3d0}.closing h2{color:#fff;max-width:680px;margin:10px auto;font-size:clamp(28px,4vw,44px)}.closing p:not(.section-kicker){color:#d1fae5;max-width:580px;margin:0 auto 28px;font-size:16px}.closing .actions{justify-content:center}.feature-section{border-bottom:1px solid var(--line);padding:80px 0 90px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;display:grid}.feature{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;flex-direction:column;padding:24px;transition:all .15s;display:flex}.feature:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.feature-number{font-family:var(--mono);color:var(--green);font-size:11px;font-weight:700}.feature-number.blue{color:var(--blue)}.feature h3{letter-spacing:-.2px;margin:10px 0 6px;font-size:16.5px}.feature p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.6}.page-hero{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f8fafc 0%,#f0fdf4 100%);padding:70px 0 65px}.page-hero .lead{margin-bottom:24px}.quiet-cta{border-top:1px solid var(--line);background:#f8fafc;padding:55px 0}.quiet-cta h2{margin-bottom:6px;font-size:26px}.quiet-cta p{color:var(--muted);margin-bottom:14px}.story{grid-template-columns:.95fr 1.05fr;gap:60px;padding:75px 0 95px;display:grid}.story h2{font-size:32px}.story p{color:#334155;margin-bottom:18px;font-size:16px;line-height:1.75}.story-callout{border-left:4px solid var(--green);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f8fafc;margin:24px 0;padding:18px 22px}.story-callout p{color:#1e293b;margin:0;font-size:14.5px}.contact-page{padding:70px 0 100px}.contact-grid{grid-template-columns:1fr 1fr;gap:56px;margin-top:36px;display:grid}.contact-list{flex-direction:column;gap:14px;display:flex}.contact-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;justify-content:space-between;align-items:center;padding:18px 20px;transition:all .15s;display:flex}.contact-card:hover{border-color:var(--green);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.contact-card small{font-family:var(--mono);letter-spacing:1px;color:var(--muted-light);margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.contact-card .contact-val{color:var(--green);font-size:17px;font-weight:700}.contact-form{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;padding:30px}.contact-form h2{margin-bottom:6px;font-size:22px}.contact-form>p{color:var(--muted);margin-bottom:20px;font-size:13.5px}.form-group{margin-bottom:16px}.form-group label{color:#1e293b;margin-bottom:5px;font-size:12.5px;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;font-family:var(--sans);color:var(--ink);background:#fff;padding:10px 13px;font-size:14.5px;transition:border-color .15s}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;opacity:1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--green)}.form-group textarea{resize:vertical}.form-status-message{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 14px;font-size:13.5px}.form-status-message.success{background:var(--green-light);color:var(--green-dark);border:1px solid var(--green-border)}.form-status-message.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.legal{max-width:800px;margin:0 auto;padding:70px 24px 110px}.legal h1{margin-bottom:12px;font-size:clamp(32px,4vw,48px)}.legal .effective{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:32px;padding-bottom:20px;font-size:13.5px}.legal h2{margin:32px 0 10px;font-size:21px}.legal p{color:#334155;margin-bottom:14px;font-size:15px;line-height:1.75}.legal ul{color:#334155;margin-bottom:18px;padding-left:20px;font-size:14.5px;line-height:1.7}.legal li{margin-bottom:6px}.legal a{color:var(--green);text-decoration:underline}.legal-notice-box{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#334155;background:#f8fafc;margin:20px 0;padding:14px 18px;font-size:13.5px}footer{color:#edf5ed;background:#091e16;border-top:1px solid #ffffff14;padding:55px 0 25px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:36px;margin-bottom:36px;display:grid}.footer-brand{color:#fff;margin-bottom:12px}.footer-col p{color:#a7bfae;margin:0;font-size:13.5px;line-height:1.6}.footer-col h4{color:#fff;font-size:12px;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{margin-bottom:9px}.footer-col a{color:#c9d5ca;font-size:13px;transition:color .15s}.footer-col a:hover{color:#fff;text-decoration:underline}.footnote{color:#8fa093;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:20px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (width<=1024px){.hero-grid,.spotlight-grid,.spotlight-grid.reverse,.desk-layout,.contact-grid,.story{grid-template-columns:1fr;gap:40px}.showcase-grid,.pipeline-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.phone-mockup-wrap{margin-top:10px}}@media (width<=800px){.site-header{height:66px}.menu{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:8px 4px;display:flex}.menu span:not(.sr-only){background:var(--ink);border-radius:2px;width:22px;height:2px;display:block}nav{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch;gap:8px;padding:18px 24px;display:none;position:absolute;top:66px;left:0;right:0}nav.open{display:flex}nav a{border-bottom:1px solid var(--line);padding:10px 0;font-size:15px}nav a:last-child{border-bottom:none}.nav-actions{display:none}.pathways-grid,.pipeline-grid,.feature-grid,.showcase-grid{grid-template-columns:1fr}.dual-phone-grid{grid-template-columns:1fr;gap:24px}.dual-phone-grid .phone-mockup:nth-child(2){margin-top:0}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footnote{text-align:center;flex-direction:column;gap:8px}}@media (width<=480px){.shell{width:calc(100% - 32px)}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.phone-mockup{max-width:100%}.footer-grid{grid-template-columns:1fr}}.demo-phone-ui{color:#1e293b;width:100%;font-family:var(--sans);box-sizing:border-box;text-align:left;-webkit-user-select:none;user-select:none;background:#f8fafc;flex-direction:column;min-height:480px;padding:18px 14px 16px;line-height:1.4;display:flex}.demo-phone-ui *{box-sizing:border-box}.demo-phone-status-bar{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;font-size:11px;font-weight:600;display:flex}.demo-pill-badge{color:#0369a1;font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;background:#e0f2fe;border:1px solid #bae6fd;border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-flex}.demo-pill-badge.green{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.demo-app-topbar{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 2px;display:flex}.demo-app-brand{color:var(--ink);align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:flex}.demo-app-brand span.demo-sub{color:#64748b;font-size:11px;font-weight:600}.demo-connected-card{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 100%);border-radius:12px;margin-bottom:10px;padding:12px 14px;box-shadow:0 4px 12px #1e3a8a2e}.demo-connected-card .demo-card-kicker{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;opacity:.88;justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.demo-connected-card h4{color:#fff;margin:0 0 3px;font-size:14.5px;font-weight:750}.demo-connected-card .demo-code{font-family:var(--mono);opacity:.9;font-size:11px}.demo-window-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 12px;display:flex}.demo-window-title{color:#0f172a;font-size:11.5px;font-weight:700}.demo-window-sub{color:#64748b;margin-top:2px;font-size:10.5px}.demo-btn-action{background:var(--green);color:#fff;cursor:default;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:6px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.demo-btn-action.outline{color:var(--blue);background:#fff;border:1px solid #bfdbfe}.demo-cat-list{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;overflow:hidden}.demo-cat-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:7px 10px;font-size:11.5px;display:flex}.demo-cat-item:last-child{border-bottom:none}.demo-item-name{color:#0f172a;font-weight:600}.demo-item-marathi{color:#64748b;margin-left:4px;font-size:11px}.demo-item-qty{font-family:var(--mono);color:var(--blue);background:#eff6ff;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.demo-tally-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.demo-tally-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px}.demo-tally-num{color:var(--ink);font-size:18px;font-weight:800;font-family:var(--mono)}.demo-tally-label{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:600}.demo-workflow-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.demo-workflow-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11.5px;display:flex}.demo-workflow-info strong{color:var(--ink);font-size:11.5px;display:block}.demo-workflow-info span{color:#64748b;font-size:10px}.demo-phone-bottom-nav{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-around;margin-top:auto;padding-top:8px;font-size:9.5px;font-weight:600;display:flex}.demo-phone-bottom-nav span.active{color:var(--green);font-weight:700}.demo-caption-bar{text-align:center;font-size:10.5px;font-family:var(--mono);color:#94a3b8;letter-spacing:.3px;margin-top:8px}.showcase-card .demo-phone-ui{min-height:290px;padding:12px 10px}