@import url('/landing-art.css');
/* Shared Khata palette: lib/features/shop/pos/pos_ui.dart (Pz),
   Outfit typography: lib/core/theme/app_theme.dart. */
@font-face{font-family:Outfit;src:url('/assets/Outfit.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#fff;--muted:#b4b7c0;--paper:#0b0c10;--line:#2a2b32;--white:#17181d;--card:#17181d;--soft:#20222a;--orange:#ff5a00;--red:#e5484d;--brand:#ff5a00;color-scheme:dark;font-family:Outfit,Arial,sans-serif}
:root[data-theme=light]{--ink:#111827;--muted:#5b6478;--paper:#f6f7f9;--line:#e5e7eb;--white:#fff;--card:#fff;--soft:#f1f3f8;color-scheme:light}
body{background:var(--paper);color:var(--ink)}h1,h2,h3,.serif,.preview h3{font-family:Outfit,Arial,sans-serif}h1{font-weight:800;letter-spacing:-2.8px;font-size:clamp(43px,5.3vw,72px);line-height:1.09}h2{font-weight:700;letter-spacing:-1.1px}h3{font-weight:600}.hero h1 em{color:var(--brand);font-style:normal}.brand{font-weight:700;letter-spacing:-.5px}.brandmark{background:var(--brand);color:#fff;box-shadow:inset -5px 0 0 #00000015}.dot{background:var(--brand)}.btn{background:var(--brand);border-color:var(--brand);color:#111827;border-radius:12px;font-weight:650}.btn.orange{background:var(--brand);border-color:var(--brand);color:#111827}.btn.secondary{background:var(--card);border-color:var(--line);color:var(--ink)}.btn:hover{filter:brightness(1.08)}.btn.secondary:hover{border-color:var(--brand)}.theme-toggle{width:39px;height:39px;display:inline-grid;place-items:center;font-size:23px;background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:12px;flex:none}.theme-toggle:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.hero{gap:28px;grid-template-columns:1fr 1.05fr;padding:70px 0 65px}.hero p{font-size:17px}.eyebrow{letter-spacing:1.8px;color:var(--muted);font-weight:600}.hero-visual{position:relative;min-height:555px;display:grid;place-items:center;isolation:isolate}.hero-orbit{position:absolute;inset:50px 10px 30px;background:radial-gradient(ellipse,#ff5a0028,transparent 68%);z-index:-1}.hero-orbit:before{content:'';position:absolute;inset:30px;border:1px solid #ff5a0025;border-radius:50%}.shopkeeper-art{width:100%;height:auto;max-width:565px;filter:drop-shadow(0 24px 30px #00000028)}.graphic-caption{position:absolute;display:flex;gap:10px;align-items:center;padding:14px 18px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #00000020;max-width:290px;font-size:13px}.graphic-caption img{width:43px;height:43px;border-radius:9px;background:#fff;object-fit:contain}.graphic-caption b{display:block;font-weight:650;color:var(--ink)}.graphic-caption span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.caption-top{top:24px;right:0}.caption-bottom{bottom:20px;left:-2px}.graphic-label{position:absolute;bottom:-16px;right:15px;color:var(--muted);font-size:11px;letter-spacing:.5px}.benefits{padding:27px 0;color:var(--ink)}.card,.stat,.device,.table-card{background:var(--card);border-color:var(--line);border-radius:16px}.card .icon{background:var(--soft);color:var(--brand);width:50px;height:50px;border-radius:13px;font-size:26px}.card .icon img{width:50px;height:50px;object-fit:contain;border-radius:11px;background:#fff}.card p{color:var(--muted)}.band{background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:20px;position:relative;overflow:hidden}.band:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top right,#ff5a0018,transparent 70%);pointer-events:none}.band p{color:var(--muted)}.section-heading .eyebrow{color:var(--brand)}.footer p,.footer-links{color:var(--muted)}.sidebar{background:var(--card);color:var(--ink);border-right:1px solid var(--line)}.sidebar .brandmark{background:var(--brand);color:white}.sidebar nav a{color:var(--muted);border:1px solid transparent}.sidebar nav a:hover,.sidebar nav a.active{background:#ff5a0019;color:var(--brand);border-color:#ff5a0029}.sidebar-theme{margin-top:22px}.sidebar nav{margin-top:22px}.sidebar .bottom .btn{border-color:var(--line);color:var(--ink)}.app-top{border-color:var(--line)}.business-badge{background:var(--soft);color:var(--muted)}.app-heading h1{font-weight:750}.stat:first-child{background:var(--card);color:var(--ink);border-color:var(--line)}.stat:first-child small,.stat:first-child span{color:var(--muted)}.stat:first-child strong{color:#16a34a}.stat strong{font-weight:650;font-size:28px}.stat:nth-child(2) strong{color:#e5484d}.stat:nth-child(3) strong{color:#16a34a}.stat:nth-child(4) strong{color:var(--brand)}.search,dialog input{background:var(--soft);color:var(--ink);border-color:var(--line);border-radius:12px}th{background:var(--soft);color:var(--muted)}td{border-color:var(--line)}.pill{background:#16a34a18;color:#16a34a}.pill.advance{background:#e5484d18;color:#e5484d}.text-button{color:var(--brand)}.notice,.preview-note{background:#ff5a0010;border-color:#ff5a0035;color:var(--muted)}.error{background:#e5484d14;color:#e5484d}.register-grid img{background:var(--soft);border-radius:12px}.preview{background:var(--card);border-color:var(--line)}.preview-top{background:var(--soft)}dialog{background:var(--card);color:var(--ink);border-color:var(--line);border-radius:20px}.skip{background:var(--card);color:var(--ink)}.login-art{float:right;width:160px;height:160px;object-fit:contain;margin:-20px 0 0 12px}.login-layout h1{font-size:55px}.qr-card{background:var(--card)}#qr img{border-radius:14px;background:white;padding:8px}.workspace-welcome{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:var(--soft);border-radius:18px;padding:25px 30px;margin-bottom:25px;overflow:hidden}.workspace-welcome h2{font-size:29px;margin-bottom:12px;line-height:1.2;letter-spacing:-.8px}.workspace-welcome p{font-size:13px;margin:0}.workspace-welcome .eyebrow{font-size:10px;color:var(--brand);margin-bottom:13px}.workspace-welcome img{width:190px;height:175px;object-fit:contain;margin:-10px 0}.hero .fine{font-size:12px}
@media(max-width:1050px){.hero-visual{min-height:480px}.graphic-caption{padding:11px 12px}.caption-top{right:-5px;top:12px}.caption-bottom{bottom:0}.graphic-caption b{font-size:12px}.hero{gap:12px}h1{font-size:58px}.sidebar-theme{margin-top:18px}}
@media(max-width:750px){.hero{grid-template-columns:1fr;padding:45px 0;gap:20px}h1{font-size:48px;letter-spacing:-1.8px}.hero-visual{min-height:420px;max-width:520px;width:100%;margin:auto}.shopkeeper-art{max-width:440px}.caption-top{top:8px;right:0}.caption-bottom{bottom:15px;left:0}.graphic-caption{font-size:11px;max-width:235px;padding:10px}.graphic-caption img{width:35px;height:35px}.graphic-label{font-size:10px;bottom:-8px;right:0}.public-header .nav{align-items:center}.nav .theme-toggle{order:5;width:34px;height:34px}.workspace-welcome{padding:20px 18px;gap:5px}.workspace-welcome h2{font-size:22px}.workspace-welcome img{width:115px;height:145px}.workspace-welcome p{font-size:11px}.workspace-welcome .eyebrow{font-size:8px;letter-spacing:1px}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar-theme{position:absolute;top:18px;right:115px;margin:0}.sidebar .bottom .btn{padding:10px}.sidebar nav{margin-top:20px}.app-heading h1{font-size:30px}.app-heading .btn{padding:11px 14px;font-size:12px}.login-layout h1{font-size:43px}.login-art{width:120px;height:120px}.page-content h1{font-size:38px}.stat strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}