@font-face{font-family:'Noto Sans Tamil';src:url('fonts/NotoSansTamil.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--primary:#0070c9;--navy:#13213c;--text:#1f2937;--muted:#64748b;--background:#f7f9fc;--surface:#fff;--border:#e5e7eb;--danger:#dc2626;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,'Noto Sans Tamil','Latha',system-ui,sans-serif;font-size:14px;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,.button,input,select,textarea{font:inherit}button,.button{min-height:42px;padding:9px 16px;border:1px solid transparent;border-radius:8px;background:var(--primary);color:white;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;gap:6px}button:hover,.button:hover{filter:brightness(.96);text-decoration:none}.secondary{background:white;color:var(--text);border-color:#d7dee8}.danger{background:var(--danger)}.link{background:none;color:var(--primary);padding:0;min-height:32px}button:disabled{opacity:.6;cursor:wait}input,select,textarea{width:100%;min-width:0;min-height:44px;border:1px solid #d7dee8;border-radius:8px;padding:9px 12px;background:white;color:var(--text)}textarea{min-height:100px}label{display:flex;flex-direction:column;gap:6px;font-weight:500}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #9fcef3;outline-offset:2px}h1,h2,h3,p{margin:0 0 12px}h1{font-size:27px;line-height:1.4;color:var(--navy)}h2{font-size:19px;color:var(--navy)}h3{font-size:15px}small,.muted{color:var(--muted);font-weight:400}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}aside{position:fixed;inset:0 auto 0 0;width:240px;background:white;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:24px 20px;color:var(--navy);font-size:16px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:.1em}.brandmark{background:var(--primary);color:white;padding:9px;border-radius:8px;font-size:16px;font-weight:750;display:inline-block}nav{padding:0 14px;overflow:auto}nav a{display:block;padding:9px 14px;border-radius:8px;color:var(--text);margin-bottom:3px}nav a.active{color:var(--primary);background:#eaf4fd;font-weight:600}nav small{display:block;padding:14px 14px 6px;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.sidebar-foot{padding:20px;font-size:10px;color:var(--muted);margin-top:auto;border-top:1px solid var(--border)}.shell{margin-left:240px;min-width:0}.shell.guest{margin:0}header{min-height:76px;border-bottom:1px solid var(--border);background:white;display:flex;align-items:center;gap:18px;padding:14px 24px}.shop-title{font-weight:600;flex:1;overflow-wrap:anywhere}.language{display:flex;gap:6px;align-items:center}.language select{width:108px}.language button{font-size:12px}main{padding:24px;min-height:calc(100vh - 132px)}footer{padding:16px 24px;font-size:11px;color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.page-head h1{margin:0}.card{padding:22px;background:white;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;min-width:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:18px}.stats strong{display:block;font-size:26px;color:var(--navy);font-weight:650}.stats .date{font-size:21px}.stats p{color:var(--muted);font-size:13px}.stats small{display:block;margin-top:8px}.guide{border-left:3px solid var(--primary)}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.list-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.badge{display:inline-block;padding:3px 8px;border-radius:5px;background:#edf7f0;color:#166534;font-size:12px;white-space:nowrap}.warning{background:#fff5df;color:#92400e}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.toolbar input{flex:1;min-width:170px}.toolbar select{width:auto}.toolbar h2{margin:0;flex:1}.toolbar label{flex:1;min-width:160px}.toolbar form{margin:0}.table-wrap{max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;background:#f7f9fc;white-space:nowrap}th,td{padding:13px 12px;border-bottom:1px solid var(--border);vertical-align:middle}td small{display:block}td{overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.stack{display:flex;flex-direction:column;gap:16px;max-width:540px}.notice{padding:12px 16px;background:#eaf4fd;border:1px solid #b9daf3;border-radius:8px;margin-bottom:20px}.empty{padding:45px 16px;text-align:center;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:18px}.auth-wrap{max-width:1080px;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:36px auto}.auth-story{padding:35px 10px}.auth-story h1{font-size:38px;margin-top:20px;max-width:440px}.auth-story .brandmark{margin-bottom:24px}.auth-story p{color:var(--muted)}.feature{padding:17px 0;border-bottom:1px solid var(--border);font-weight:600}.auth-story>p:last-child{margin-top:24px}.auth-card{padding:32px}.menu{display:none}.pos-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,1fr);gap:20px}.catalogue{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:22px}.product-tile{background:white;color:var(--text);border:1px solid var(--border);align-items:flex-start;flex-direction:column;text-align:left;min-height:130px;padding:16px;font-weight:500}.product-tile b{color:var(--primary)}.product-tile small{font-size:11px}.checkout label{margin-bottom:12px}.cart-row{padding:14px 0;border-bottom:1px solid var(--border)}.cart-controls{display:flex;gap:8px;margin-top:8px;align-items:center}.cart-controls input{width:90px}.cart-controls label{font-size:11px;margin:0}.cart-controls .remove{margin-left:auto}.totals{max-width:340px;margin:22px 0 22px auto}.totals>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0}.totals strong{font-size:25px}.wide{width:100%}.invoice-head{display:flex;justify-content:space-between;gap:24px}.receipt-footer{text-align:center;margin:30px 0 0}.invoice table{font-size:14px}details{border-top:1px solid var(--border);padding:14px 0}summary{cursor:pointer;font-weight:600}details form{margin-top:18px}#pos-message{color:var(--danger);margin-bottom:12px}[hidden]{display:none!important}
@media(max-width:1100px){.pos-layout{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.auth-wrap{gap:25px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){aside{transform:translateX(-100%);box-shadow:12px 0 25px #13213c12;top:76px}aside.open{transform:translateX(0)}.shell{margin-left:0}.menu{display:inline-flex}header{padding:12px 14px;gap:8px}.shop-title{font-size:12px}.language select{width:90px}.language button{padding:7px}.page-head{align-items:flex-start;flex-wrap:wrap}main{padding:18px}.auth-wrap{grid-template-columns:1fr;max-width:540px;margin:5px auto}.auth-story{display:none}.form-grid{grid-template-columns:1fr}.card{padding:18px}.invoice-head{flex-wrap:wrap}}
@media(max-width:430px){main{padding:14px}header{flex-wrap:wrap}header>.shop-title{flex-basis:calc(100% - 65px)}.stats{gap:10px}.stats strong{font-size:21px}.stats .card{padding:14px}.stats .date{font-size:16px}h1{font-size:24px}.pos-layout{display:block}.cart-controls input{width:76px}.auth-card{padding:20px}}
@page{size:A4;margin:12mm}@media print{body{background:white;color:black;font-size:11pt}aside,header,footer,.page-head,.no-print,.notice{display:none!important}.shell{margin:0}main{padding:0;min-height:0}.invoice{padding:0;border:0;border-radius:0;margin:0}.invoice table{font-size:10pt}.table-wrap{overflow:visible}th,td{padding:8px 5px}tr{break-inside:avoid}thead{display:table-header-group}.invoice-head{display:flex}.invoice p{margin-bottom:6px}.thermal .invoice{width:72mm;margin:0}.thermal .invoice-head{display:block}.thermal .invoice table{font-size:8pt;table-layout:fixed}.thermal th,.thermal td{padding:5px 2px;white-space:normal;word-break:break-word}.thermal th:first-child{width:25%}.thermal .invoice h2{font-size:13pt}.thermal .invoice p,.thermal .list-row,.thermal .totals{font-size:9pt}.thermal .list-row{display:block}.thermal .totals{width:100%}.thermal .invoice-head>div{margin-bottom:10px}}

@page receipt{size:80mm 250mm;margin:4mm}@media print{.thermal .invoice{page:receipt}}
.company-logo{display:block;width:100%;height:auto;max-height:76px;object-fit:contain}.header-brand{width:240px;margin-right:auto}.brand{padding:22px 15px 6px}.product-label{padding:0 20px 16px;font-size:12px;font-weight:700;color:var(--muted)}.public-nav{display:flex;gap:20px;margin-right:20px}.landing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:65px 4%;max-width:1440px;margin:auto}.landing-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.15;letter-spacing:-.035em;max-width:660px;margin:20px 0}.lead{font-size:18px;color:var(--muted);max-width:600px}.hero-panel{padding:28px;background:white;border:1px solid var(--border);border-radius:12px}.hero-caption{font-size:18px;font-weight:700;border-bottom:1px solid var(--border);padding-bottom:20px}.hero-row{display:flex;gap:20px;padding-top:25px}.hero-row>span{font-size:14px;font-weight:700;color:var(--primary)}.hero-row p{color:var(--muted);margin:0}.landing-section{margin:0 auto 36px;max-width:1340px;padding:20px}.landing-section>h2{font-size:28px;margin:12px 0 24px}.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.plan-card{display:flex;flex-direction:column;align-items:stretch}.plan-price{font-size:30px;font-weight:700;color:var(--navy);margin:12px 0}.plan-price small{font-size:14px}.plan-features{padding-left:20px;flex:1}.plan-features li{padding:5px 0}.checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.check{flex-direction:row;align-items:center;gap:10px}.check input{width:18px;min-height:18px;height:18px;flex:0 0 18px}.lookup-results{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.receipt-logo{max-width:190px;max-height:90px;object-fit:contain;margin-bottom:12px}.invoice-terms{white-space:pre-line;margin-top:22px}.style-minimal .invoice-head{border-bottom:1px solid var(--border);padding-bottom:15px}.style-boxed .invoice-head{border:2px solid var(--primary);padding:20px;margin-bottom:20px}.invoice.color-black{--primary:#222}.invoice.color-purple{--primary:#6f42c1}.invoice h2{color:var(--primary)}.invoice.text-large,.invoice.text-large table{font-size:17px}.guide{border-left:1px solid var(--border)}.data-actions{justify-content:flex-end}code{white-space:normal;overflow-wrap:anywhere}main:focus{outline:none}
@media(max-width:1000px){.landing-hero{gap:25px;padding:40px 10px}.pricing-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-nav{display:none}}
@media(max-width:640px){.landing-hero,.pricing-grid,.feature-grid{grid-template-columns:1fr}.landing-hero h1{font-size:36px}.landing-hero{padding:20px 0}.header-brand{width:170px}.landing-section{padding:0}.checkbox-grid{grid-template-columns:1fr}.hero-panel{padding:20px}}
@page bill-a4{size:A4;margin:12mm}@page bill-a5{size:A5;margin:8mm}@page bill-80{size:80mm 250mm;margin:4mm}@page bill-58{size:58mm 250mm;margin:3mm}
@media print{.paper-a4 .invoice{page:bill-a4}.paper-a5 .invoice{page:bill-a5}.paper-80mm .invoice{page:bill-80;width:72mm}.paper-58mm .invoice{page:bill-58;width:52mm}.paper-80mm .invoice-head,.paper-58mm .invoice-head{display:block}.paper-80mm .invoice table,.paper-58mm .invoice table{font-size:8pt;table-layout:fixed}.paper-80mm th,.paper-80mm td,.paper-58mm th,.paper-58mm td{padding:4px 1px;white-space:normal;overflow-wrap:anywhere}.paper-80mm th:first-child,.paper-58mm th:first-child{width:25%}.paper-58mm th:nth-child(3),.paper-58mm td:nth-child(3),.paper-58mm th:nth-child(4),.paper-58mm td:nth-child(4){display:none}.paper-80mm .list-row,.paper-58mm .list-row{display:block;font-size:8pt}.paper-80mm .invoice h2,.paper-58mm .invoice h2{font-size:13pt}.paper-80mm .invoice p,.paper-58mm .invoice p{font-size:9pt}.paper-80mm .receipt-logo,.paper-58mm .receipt-logo{max-width:100%;max-height:55px}.paper-80mm .style-boxed .invoice-head,.paper-58mm .style-boxed .invoice-head{padding:6px}.paper-80mm .totals,.paper-58mm .totals{font-size:9pt}.invoice .badge{color:black;background:none}}

.thermal-items{display:none}@media print{.paper-80mm .invoice>.table-wrap,.paper-58mm .invoice>.table-wrap{display:none}.paper-80mm .thermal-items,.paper-58mm .thermal-items{display:block}.thermal-item{padding:8px 0;border-bottom:1px dashed #999;font-size:9pt;break-inside:avoid}.thermal-item>div{display:flex;justify-content:space-between;gap:5px;margin-top:5px}.thermal-item small{font-size:8pt}.thermal-item>b{display:block;overflow-wrap:anywhere}}

/* Instant section navigation and a distraction-free billing workspace. */
.landing-section,.admin-section{scroll-margin-top:20px}
.admin-shortcuts{display:flex;gap:10px;flex-wrap:wrap;padding:16px;background:#edf4fc;border-radius:12px;margin-bottom:22px}
.admin-section>h2{font-size:22px}.admin-section details{border:1px solid var(--border);border-radius:10px;margin:14px 0;background:#fff;padding:16px}.admin-section summary{cursor:pointer;font-weight:650;padding:5px}.admin-section details[open] summary{margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:14px}.admin-section form>button{margin-top:18px}.admin-section .form-grid{gap:18px}.admin-section textarea{min-height:110px}
.pos-fullscreen #sidebar,.pos-fullscreen .shell>header,.pos-fullscreen .shell>footer{display:none}.pos-fullscreen .shell{margin-left:0}.pos-fullscreen main{padding:16px;min-height:100vh}.pos-fullscreen .page-head{margin-bottom:12px}.pos-fullscreen .pos-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr)}
@media(min-width:900px){.pos-fullscreen .pos-layout{height:calc(100vh - 105px)}.pos-fullscreen .pos-layout>.card{overflow:auto;margin-bottom:0}.pos-fullscreen .catalogue{max-height:none}}
@media(max-width:899px){.pos-fullscreen .pos-layout{grid-template-columns:1fr}}
@media print{#pos-fullscreen,.admin-shortcuts{display:none!important}}

.invoice-head.align-center{display:block;text-align:center}.invoice-head.align-center .receipt-logo{margin-left:auto;margin-right:auto;display:block}.signature-line{margin-top:36px}.receipt-footer{white-space:pre-line}

/* IST Billing POS v4.1 — sticky navigation, mobile public menu and content layout. */
html{scroll-behavior:smooth;scroll-padding-top:96px}
.shell>header{position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(19,33,60,.045)}
.public-nav{align-items:center;margin-right:10px;gap:5px;padding:0;overflow:visible}
.public-nav a{display:inline-flex;align-items:center;padding:9px 10px;margin:0;border-radius:8px;font-weight:600;white-space:nowrap;font-size:13px}
.public-nav a:hover,.public-nav a:focus-visible{background:#eaf4fd;text-decoration:none}
.public-mobile-nav{display:none;position:relative;min-width:0;flex-shrink:0;border:0;padding:0}
.public-mobile-nav>summary{list-style:none;border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:#f7f9fc;white-space:nowrap}
.public-mobile-nav>summary::-webkit-details-marker{display:none}
.public-mobile-nav>nav{position:absolute;right:0;top:calc(100% + 10px);width:min(270px,90vw);padding:8px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 25px #13213c20;border-radius:12px;z-index:80}
.public-mobile-nav nav a{margin:0;padding:11px 12px;border-radius:8px}
.public-mobile-nav nav a:hover{background:#eaf4fd}
#features,#plans,#faq,#how-it-works{scroll-margin-top:100px}
.hero-note{font-size:13px;color:var(--muted);margin-top:20px;max-width:520px}
.section-intro{max-width:640px;margin-bottom:20px}
.step-card{position:relative}.step-number{font-size:13px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#eaf4fd;color:var(--primary);font-weight:800;margin-bottom:14px}
.usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.faq-list{border:1px solid var(--border);border-radius:12px;background:#fff;padding:0 20px}
.faq-list details{padding:16px 0}.faq-list details:not(:last-child){border-bottom:1px solid var(--border)}
.faq-list summary{font-size:15px;color:var(--navy)}.faq-list details p{max-width:760px;margin:12px 0 0;color:var(--muted)}
.landing-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.landing-cta h2,.landing-cta p{flex-basis:100%;margin-bottom:0}
.shell>footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:1150px){.public-nav{display:none}.public-mobile-nav{display:block}}
@media(max-width:800px){.usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell.guest>header{gap:10px;flex-wrap:wrap}.shell.guest .header-brand{margin-right:auto;width:min(200px,48vw)}.shell.guest .public-mobile-nav{order:2}.shell.guest header .language{order:3}.shell.guest header>a.button,.shell.guest header>form:last-child{order:4}.shell.guest .company-logo{max-height:48px}}
@media(max-width:640px){.usecase-grid{grid-template-columns:1fr}.shell.guest>header{padding:10px 12px}.shell.guest .header-brand{width:min(180px,50vw)}.shell.guest header .language{margin-left:auto}.shell.guest header .language select{width:92px}.shell.guest header a.button{min-height:39px;padding:8px 10px}.faq-list{padding:0 14px}}
@media print{.shell>header{position:static} .public-mobile-nav{display:none!important}}

/* IST Billing & POS v4.2 — unified corporate marketing homepage. Scoped to public
   components so tenant, invoices, and admin/checkout screens retain their layout. */
.skip-link{position:absolute;left:10px;top:-90px;z-index:101;background:#fff;border:2px solid var(--primary);padding:10px 14px;border-radius:8px}
.skip-link:focus{top:10px}
.site-header.public-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e9eef5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:0 28px;min-height:82px;z-index:100}
.pos-nav-layout{width:min(1380px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:0}
.public-header .header-brand{display:flex;flex:0 0 auto;width:236px;max-width:100%;margin:0}
.public-header .header-brand img{height:59px;max-height:59px;object-fit:contain;object-position:left center}
.public-header .public-nav{display:flex;align-items:center;gap:4px;padding:0;margin:0;overflow:visible}
.public-header .public-nav a{border-radius:9px;color:#33445f;font-size:13px;line-height:1.25;padding:11px 12px;font-weight:650;transition:background .2s,color .2s}
.public-header .public-nav a:hover,.public-header .public-nav a:focus-visible,.public-landing-page .public-nav .nav-home{background:#e9f3fd;color:#006ebd;text-decoration:none}
.pos-nav-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.pos-nav-actions .language{margin:0;display:flex;gap:2px;align-items:center;border:1px solid #e3ebf4;border-radius:9px;padding:3px;background:#fff}
.pos-nav-actions .language select{border:0;background:transparent;min-height:33px;width:74px;padding:6px;color:#33445f;font-size:12px;font-weight:700}
.pos-nav-actions .language .pos-language-apply{width:31px;min-height:31px;padding:0;border-radius:7px;color:#146cb7;background:#edf6ff;font-weight:800}
.pos-nav-signin{color:#234468;font-size:13px;font-weight:750;white-space:nowrap;padding:10px 2px}
.pos-nav-primary{background:#0070c9;border-color:#0070c9;box-shadow:0 6px 16px #0070c921;font-size:12px;white-space:nowrap;padding:11px 15px;min-height:42px}
.pos-nav-primary span{font-size:16px;font-weight:400}
.public-header .public-mobile-nav{display:none;border:0;padding:0;position:relative}
.public-header .public-mobile-nav summary{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:750;color:#214064;background:#f1f7fd;border:1px solid #deebf5;border-radius:10px;padding:8px 12px;min-height:40px}
.public-header .public-mobile-nav>nav{position:absolute;right:0;top:calc(100% + 11px);width:min(295px,calc(100vw - 24px));background:#fff;border:1px solid #e1eaf4;box-shadow:0 22px 45px #0c2c4d2a;border-radius:15px;padding:10px;z-index:150}
.public-header .public-mobile-nav>nav a{display:block;color:#1e3a57;padding:11px 14px;font-weight:700;border-radius:8px}
.public-header .public-mobile-nav>nav a:hover{background:#ecf5ff}
.public-landing-page{background:#fff}
.public-landing-page .shell.guest>main{padding:0;min-height:0}
.public-landing-page .shell.guest>main>.notice{margin:18px auto;max-width:1280px}
.public-landing-page .shell.guest>footer{background:#f7f9fc;border-top:1px solid #e2eaf3;padding:26px max(24px,calc((100% - 1240px)/2));font-size:12px;gap:13px}
.public-landing-page .shell.guest>footer a{color:#084c94;font-weight:650}
.pos-landing{overflow:hidden;background:#fff;color:#172b48;font-size:15px}
.pos-landing h1,.pos-landing h2,.pos-landing h3{color:#0c2d53;margin:0;letter-spacing:-.035em}
.pos-landing h2{font-size:clamp(29px,3.25vw,43px);line-height:1.18;font-weight:800}
.pos-landing h3{font-size:19px;line-height:1.35;font-weight:750}
.pos-landing p{color:#5d6d82;line-height:1.8;margin:0}
.pos-hero{min-height:620px;position:relative;max-width:1450px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:35px;align-items:center;padding:84px clamp(24px,5.1vw,76px) 85px;background:radial-gradient(circle at 95% 8%,#e9f5ff 0,transparent 36%),linear-gradient(140deg,#f9fcff,#f2f7ff 64%,#fbfdff)}
.pos-hero:before{content:"";position:absolute;top:12%;right:-140px;width:370px;height:370px;border:1px solid #a4ceee5a;border-radius:50%;pointer-events:none}
.pos-hero__content{position:relative;z-index:2;min-width:0;max-width:620px}
.pos-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid #cfe4f7;background:#fff;border-radius:30px;padding:8px 14px;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#075ca5;margin-bottom:24px}
.pos-kicker__dot{width:8px;height:8px;border-radius:100%;background:#0070c9;box-shadow:0 0 0 4px #d9edfc}
.pos-hero h1{font-size:clamp(43px,4.55vw,66px);line-height:1.095;letter-spacing:-.055em;margin-bottom:22px;font-weight:830;max-width:670px;overflow-wrap:break-word}
.pos-hero__lead{font-size:17px;line-height:1.75;max-width:550px;color:#596e88!important}
.pos-hero__actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
.pos-hero__actions .button{min-height:52px;padding:12px 19px;font-size:14px;gap:20px;border-radius:10px}
.pos-button-primary{background:#0070c9;border-color:#0070c9;box-shadow:0 9px 21px #0070c92c}
.pos-button-outline{background:#fff;color:#084c94;border-color:#ccdfef}
.pos-hero__meta{display:flex;gap:12px 18px;flex-wrap:wrap;margin-top:25px;color:#49617a;font-size:12px;font-weight:600}
.pos-hero__meta>span{display:inline-flex;align-items:center;gap:6px}
.pos-check{background:#dfefe9;color:#16865b;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:800}
.pos-hero__visual{position:relative;min-width:0;padding:18px 0 20px 20px;z-index:1}
.pos-hero__visual:before{content:"";position:absolute;inset:8% 5% 4% 12%;background:#0070c9;border-radius:28px;transform:rotate(5deg);opacity:.10;z-index:-1}
.pos-preview{max-width:520px;margin-left:auto;background:#fff;border:1px solid #dce8f4;border-radius:19px;box-shadow:0 25px 55px #12456e25;overflow:hidden;transform:rotate(-1deg)}
.pos-preview__top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b487f;color:#fff;padding:15px 19px}
.pos-preview__brand{font-size:14px;font-weight:750;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.pos-preview__brand-icon{width:31px;height:31px;background:#fff;color:#0b72bb;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:10px;letter-spacing:-.04em}
.pos-preview__demo{font-size:10px;font-weight:750;background:#ffffff25;border:1px solid #ffffff36;padding:5px 9px;border-radius:30px;white-space:nowrap}
.pos-preview__body{padding:24px;background:#fff}
.pos-preview__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.pos-preview__heading strong{display:block;font-size:23px;color:#0d2d53;line-height:1.3}
.pos-preview__small{display:block;font-size:11px;color:#8190a2;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.pos-preview__avatar{border-radius:12px;background:#e8f5ee;color:#17845a;width:36px;height:36px;display:grid;place-items:center;font-weight:900}
.pos-preview__search{background:#f5f8fc;border:1px solid #e0eaf4;color:#96a6b8;padding:10px 14px;border-radius:10px;font-size:12px;margin-bottom:16px}
.pos-preview__search span{font-size:19px;vertical-align:middle;margin-right:7px}
.pos-preview__products{display:flex;flex-direction:column;gap:10px}
.pos-preview__product{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e8eef5;border-radius:11px}
.pos-preview__item-icon{display:grid;place-items:center;width:40px;height:40px;background:#e9f4ff;color:#1471b3;border-radius:10px;font-size:12px;font-weight:900}
.pos-preview__product:nth-child(2) .pos-preview__item-icon{background:#f1eeff;color:#7252d7}
.pos-preview__product:nth-child(3) .pos-preview__item-icon{background:#e9f9f1;color:#15986a}
.pos-preview__product>div{flex:1;min-width:0}
.pos-preview__product strong{display:block;font-size:13px;font-weight:800;color:#1d3350}
.pos-preview__product small{display:block;font-size:10px;color:#8190a2;margin-top:1px}
.pos-preview__arrow{font-size:20px;color:#7ca1c0}
.pos-preview__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3f8fd;border-radius:11px;padding:13px;margin-top:15px}
.pos-preview__bottom span{font-size:10px;color:#64809b;display:block}
.pos-preview__bottom strong{font-size:12px;color:#1c4165;display:block}
.pos-preview__bottom .pos-preview__action{background:#0070c9;color:white;padding:8px 12px;border-radius:8px;font-size:11px;font-weight:800;white-space:nowrap}
.pos-floating-note{position:absolute;bottom:-10px;left:-7px;background:#fff;border:1px solid #e4edf6;border-radius:13px;box-shadow:0 16px 34px #17344d25;padding:12px 17px;display:flex;align-items:center;gap:11px;transform:rotate(3deg)}
.pos-floating-note__icon{background:#e2f4eb;border-radius:9px;color:#139367;width:34px;height:34px;display:grid;place-items:center;font-weight:900}
.pos-floating-note strong{display:block;font-size:12px;color:#193955}
.pos-floating-note small{display:block;font-size:10px;color:#6a8094}
.pos-capabilities{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:12px 24px;padding:24px max(24px,calc((100% - 1250px)/2));border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8;background:#fff;color:#647a91;font-size:11px;font-weight:820;letter-spacing:.095em}
.pos-section{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:85px 0;scroll-margin-top:100px}
.pos-section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:32px}
.pos-section-heading>div{flex:1;max-width:700px}
.pos-section-heading>p{flex:0 1 370px;font-size:14px}
.pos-overline{text-transform:uppercase;color:#0070c9!important;font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:12px!important}
.pos-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.pos-feature-card{padding:26px;min-width:0;background:#fff;border:1px solid #e2eaf3;border-radius:13px;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 12px #123c6310}
.pos-feature-card:hover{transform:translateY(-3px);box-shadow:0 13px 25px #123c6315}
.pos-feature-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.pos-feature-card__symbol{width:49px;height:49px;display:grid;place-items:center;border-radius:11px;background:#eaf4ff;color:#0878c5;font-size:16px;font-weight:800}
.pos-feature-card:nth-child(3n+2) .pos-feature-card__symbol{background:#eeeaff;color:#7054d5}
.pos-feature-card:nth-child(3n+3) .pos-feature-card__symbol{background:#e6f7ee;color:#148e5c}
.pos-feature-card__arrow{font-size:19px;color:#a8b9cb}
.pos-feature-card h3{margin-bottom:9px}
.pos-feature-card p{font-size:13px;color:#64758a}
.pos-how{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;border-top:1px solid #e9eff6}
.pos-how__intro p:not(.pos-overline){max-width:390px;margin-top:15px;font-size:14px}
.pos-text-link{font-weight:800;color:#006db8;display:inline-flex;align-items:center;gap:12px;margin-top:20px}
.pos-text-link:hover{text-decoration:underline}
.pos-how__steps{border:1px solid #e4edf5;border-radius:16px;padding:10px 27px;background:#f9fbfe}
.pos-how__step{display:flex;gap:21px;padding:25px 0}
.pos-how__step+.pos-how__step{border-top:1px solid #e4ebf4}
.pos-how__number{display:grid;place-items:center;flex:0 0 auto;width:47px;height:47px;border-radius:12px;background:#e7f2ff;color:#006bba;font-size:14px;font-weight:850}
.pos-how__step h3{font-size:17px;margin-bottom:6px}
.pos-how__step p{font-size:13px}
.pos-highlight{width:100%;max-width:none;background:#092f58;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:82px max(30px,calc((100% - 1210px)/2));margin:0;color:#fff}
.pos-highlight h2{color:#fff}
.pos-highlight .pos-overline{color:#6fcbff!important}
.pos-highlight__content>p:not(.pos-overline){color:#bdcee0;margin-top:16px;max-width:545px}
.pos-highlight__items{margin-top:25px;display:grid;gap:14px}
.pos-highlight__items div{display:flex;align-items:flex-start;gap:12px;color:#e1ebf5;font-size:13px}
.pos-tick{width:20px;height:20px;border-radius:50%;background:#164b79;display:grid;place-items:center;color:#73d6b0;flex:none}
.pos-highlight__card{min-width:0;position:relative;display:grid;place-items:center;min-height:370px;border:1px solid #31638f;border-radius:25px;background:radial-gradient(circle at 5% 10%,#346a96,#103f69 65%);overflow:hidden}
.pos-highlight__card:before,.pos-highlight__card:after{content:"";position:absolute;border:1px solid #82bad42d;border-radius:50%;width:330px;height:330px;top:-70px;right:-80px}
.pos-highlight__card:after{width:230px;height:230px;top:auto;bottom:-100px;right:auto;left:-65px}
.pos-receipt{width:min(300px,80%);background:#fff;color:#1d3451;border-radius:8px;padding:28px;box-shadow:0 25px 40px #001e3e59;z-index:1;transform:rotate(-3deg)}
.pos-receipt__head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#244664}
.pos-receipt__head>span{font-size:18px;font-weight:900;color:#0070c9}
.pos-receipt__head small{font-size:9px;color:#597690}
.pos-receipt__rule{border-top:1px dashed #c7d4e2;margin:18px 0}
.pos-receipt__line{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#577089;margin:9px 0}
.pos-receipt__line strong{color:#16365c}
.pos-receipt>p{font-size:9px;text-align:center;margin-top:18px!important;color:#8193a7}
.pos-pricing{padding-top:95px;padding-bottom:85px}
.pos-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:17px;align-items:stretch}
.pos-price-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e9f2;border-radius:16px;padding:27px;box-shadow:0 2px 13px #12345d0b;min-width:0}
.pos-price-card__top{min-height:143px}
.pos-plan-index{color:#0070c9;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.pos-price-card h3{font-size:25px;margin:9px 0}
.pos-price-card__top>p{font-size:12px}
.pos-price-card__cost{display:flex;align-items:baseline;gap:6px;margin:18px 0 0}
.pos-price-card__cost strong{color:#0a315a;font-size:31px;letter-spacing:-.04em}
.pos-price-card__cost span{color:#76869a;font-size:12px}
.pos-price-card__year{font-size:12px;min-height:28px}
.pos-price-card__button{display:flex;gap:12px;background:#084c94;border-color:#084c94;color:#fff;margin:20px 0 22px;padding:12px;justify-content:space-between}
.pos-price-card__limits{background:#f4f9fe;border:1px solid #e7f0f9;border-radius:10px;padding:13px;display:grid;gap:3px;color:#315875;font-size:12px;font-weight:700}
.pos-price-card ul{padding:0;list-style:none;margin:18px 0 0;display:grid;gap:11px}
.pos-price-card li{padding-left:22px;position:relative;color:#596e84;font-size:12px}
.pos-price-card li:before{content:'✓';position:absolute;left:0;color:#148b65;font-weight:900}
.pos-pricing-note{text-align:center;margin-top:21px!important;font-size:12px}
.pos-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start;border-top:1px solid #e9eff5}
.pos-faq__heading p:not(.pos-overline){font-size:14px;margin-top:14px}
.pos-faq__list{border-top:1px solid #e1eaf3}
.pos-faq__list details{padding:19px 4px;border-bottom:1px solid #e1eaf3;border-top:0;margin:0}
.pos-faq__list summary{display:flex;justify-content:space-between;gap:18px;align-items:center;list-style:none;color:#19385a;font-size:14px;font-weight:780}
.pos-faq__list summary::-webkit-details-marker{display:none}
.pos-faq__list summary span{font-size:20px;color:#1874b5;font-weight:450}
.pos-faq__list details[open] summary span{transform:rotate(45deg)}
.pos-faq__list details p{font-size:13px;margin-top:13px;max-width:650px}
.pos-end-cta{width:min(1240px,calc(100% - 48px));margin:0 auto 85px;padding:40px 47px;background:linear-gradient(108deg,#e7f4ff,#f5f9ff 80%);border:1px solid #dceafa;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.pos-end-cta h2{font-size:clamp(25px,2.8vw,34px);line-height:1.25}
.pos-end-cta p:not(.pos-overline){margin-top:10px;font-size:13px}
.pos-end-cta__actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}
.pos-end-cta .button{padding:12px 19px;border-radius:9px}
.pos-end-cta .button:first-child{background:#0070c9}
@media(min-width:1500px){.pos-hero{border-radius:0 0 20px 20px}}
@media(max-width:1280px){.public-header .public-nav{gap:0}.public-header .public-nav a{padding:9px 8px}.public-header .header-brand{width:200px}.pos-nav-layout{gap:15px}.pos-nav-actions{gap:8px}}
@media(max-width:1100px){.public-header .public-nav{display:none}.public-header .public-mobile-nav{display:block}.public-header .header-brand{width:235px}.pos-nav-layout{gap:18px}.pos-how{gap:35px}.pos-highlight{gap:35px}}
@media(max-width:900px){.pos-hero{grid-template-columns:1fr;gap:20px;padding:55px 38px 65px}.pos-hero__content{max-width:710px}.pos-hero__visual{width:min(580px,95%);margin:auto}.pos-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-section-heading{align-items:start;flex-direction:column;gap:14px}.pos-section-heading>p{flex:auto;max-width:660px}.pos-how{grid-template-columns:1fr}.pos-how__intro p:not(.pos-overline){max-width:640px}.pos-highlight{grid-template-columns:1fr;padding:70px 36px;gap:38px}.pos-highlight__card{max-width:650px;width:100%;margin:auto}.pos-faq{grid-template-columns:1fr;gap:32px}.pos-end-cta{flex-wrap:wrap}}
@media(max-width:650px){.site-header.public-header{padding:0 14px;min-height:70px}.public-header .header-brand{width:clamp(135px,39vw,190px)}.public-header .header-brand img{max-height:46px}.pos-nav-actions{gap:7px}.pos-nav-signin,.pos-nav-primary{display:none}.pos-nav-actions .language select{width:62px}.pos-nav-actions .language .pos-language-apply{width:27px}.public-header .public-mobile-nav summary{padding:8px 10px}.public-header .public-mobile-nav summary span:last-child{display:none}.pos-hero{padding:48px 22px 64px}.pos-hero h1{font-size:clamp(38px,8.5vw,51px)}.pos-hero__lead{font-size:15px}.pos-hero__actions .button{font-size:13px;flex:1 1 175px;gap:9px}.pos-hero__meta{font-size:11px}.pos-hero__visual{width:100%;padding:8px 0}.pos-preview__body{padding:18px}.pos-preview__top{padding:12px}.pos-floating-note{left:0;bottom:-25px;padding:10px}.pos-capabilities{justify-content:flex-start;padding:20px 22px;font-size:9px;gap:12px 18px}.pos-section{width:calc(100% - 36px);padding:60px 0}.pos-feature-grid{grid-template-columns:1fr;gap:12px}.pos-feature-card{padding:22px}.pos-feature-card__top{margin-bottom:20px}.pos-how__steps{padding:4px 18px}.pos-how__step{gap:14px}.pos-highlight{padding:60px 22px}.pos-highlight__card{min-height:340px}.pos-price-card__top{min-height:auto}.pos-pricing-grid{grid-template-columns:1fr}.pos-end-cta{width:calc(100% - 36px);margin-bottom:60px;padding:28px 22px}.pos-end-cta__actions{width:100%}.pos-end-cta__actions .button{flex:1 1 140px}}
@media(max-width:385px){.public-header .header-brand{width:125px}.pos-nav-actions .language{padding:1px}.pos-nav-actions .language select{width:55px;font-size:11px}.pos-nav-actions .public-mobile-nav summary{padding:6px 9px}.pos-hero h1{font-size:36px}.pos-preview__brand{font-size:12px}.pos-preview__demo{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pos-feature-card{transition:none}}
@media print{.public-landing-page .pos-hero__visual{display:none}.pos-feature-grid{grid-template-columns:1fr 1fr}.pos-hero{min-height:0}.pos-highlight{background:#fff!important;color:#000!important}.pos-highlight h2{color:#000}.site-header.public-header{position:static}}
/* Keep language and menu controls compact on narrow phones; override legacy guest header form widths. */
@media(max-width:650px){.shell.guest .pos-nav-actions .language select{width:60px;min-width:0;max-width:60px;padding:5px 2px}.shell.guest .pos-nav-layout{gap:6px}.shell.guest .pos-nav-actions{gap:4px}}
@media(max-width:370px){.shell.guest .public-header .header-brand{width:115px}.shell.guest .pos-nav-actions .language select{width:52px;max-width:52px}.shell.guest .pos-nav-actions .language .pos-language-apply{width:25px;min-height:29px}.shell.guest .public-header .public-mobile-nav summary{padding:6px 8px}}
