/* Public Kebarick POS website only. Keep application styles isolated. */
:root{color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body.pos-home{margin:0;overflow-x:hidden;background:#fff;color:#142a49;font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.pos-home *{box-sizing:border-box}
.pos-home a{color:inherit;text-decoration:none}
.pos-home button{font:inherit;cursor:pointer}
.pos-home h1,.pos-home h2,.pos-home h3,.pos-home p,.pos-home figure{margin:0}
.pos-home h1,.pos-home h2,.pos-home h3{letter-spacing:-.043em;line-height:1.16}
.pos-home img{display:block;max-width:100%;height:auto}
.pos-home p{color:#586e88}
.pos-home a:focus-visible,.pos-home button:focus-visible,.pos-home summary:focus-visible{outline:3px solid #68a6fa;outline-offset:4px}
.pos-wrap{width:min(100% - 72px,1280px);margin-inline:auto}
.pos-ico{height:20px;width:20px;flex:none}
.pos-skip{position:fixed;left:-900px;top:8px;padding:12px 17px;z-index:100;background:#fff;color:#063b83;border-radius:8px}
.pos-skip:focus{left:10px}
.pos-site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid #e5eefa;backdrop-filter:blur(18px)}
.pos-header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:84px}
.pos-brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.pos-brand-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#247eeb,#10448e);color:white;font-size:25px;font-weight:850;box-shadow:0 10px 20px #1145912c}
.pos-brand-text strong,.pos-brand-text small{display:block}
.pos-brand-text strong{font-size:20px;color:#122d54;line-height:1.12;white-space:nowrap}
.pos-brand-text em{font-style:normal;color:#2372ce}
.pos-brand-text small{font-size:9px;font-weight:800;letter-spacing:.1em;color:#758ba6;margin-top:4px;white-space:nowrap}
.pos-header-links{display:flex;align-items:center;gap:26px}
.pos-header-links a,.pos-signin{font-size:13px;font-weight:750;color:#324f73;white-space:nowrap}
.pos-header-links a:hover,.pos-signin:hover,.pos-footer a:hover{color:#2775d3}
.pos-header-auth{display:flex;align-items:center;gap:17px}
.pos-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;min-height:51px;border-radius:12px;font-size:14px;font-weight:780;white-space:normal;text-align:center;transition:transform .18s,box-shadow .18s,background .18s}
.pos-btn:hover{transform:translateY(-2px)}
.pos-btn-primary{background:#1768cf;color:#fff!important;box-shadow:0 10px 22px #1964bd23}
.pos-btn-primary:hover{background:#1055ad;box-shadow:0 12px 25px #1964bd36}
.pos-btn-outline{border:1px solid #bacfe8;background:#fff;color:#173b68!important}
.pos-btn-outline:hover{background:#f1f7ff}
.pos-btn-light{background:#fff;color:#174f9b!important}
.pos-btn-sm{min-height:45px;padding:11px 15px}
.pos-menu-toggle{display:none;align-items:center;gap:7px;padding:11px;border:1px solid #d7e6f6;border-radius:10px;color:#163e73;background:#f4f8fe}
.pos-hero{display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;gap:45px;padding-block:76px 70px}
.pos-kicker{display:block;color:#1b67c7;font-weight:870;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:17px}
.pos-home h1{font-size:clamp(44px,5vw,68px);letter-spacing:-.062em;line-height:1.06;max-width:650px}
.pos-home h1 span,.pos-home h2 span{color:#2676d9}
.pos-lede{font-size:18px;line-height:1.76;max-width:590px;margin-top:24px!important}
.pos-hero-promise{font-size:15px;margin-top:20px!important;max-width:570px;line-height:1.65}
.pos-hero-promise strong{color:#153c72}
.pos-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pos-hero-points{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 19px}
.pos-hero-points span{display:flex;align-items:center;gap:6px;color:#3e607f;font-weight:720;font-size:12px}
.pos-hero-points .pos-ico{height:15px;width:15px;color:#149b7d}
.pos-hero-art{position:relative;min-width:0}
.pos-hero-dashboard{width:100%;border-radius:22px;box-shadow:0 22px 52px #19466c1a}
.pos-hero-photo{position:absolute;bottom:-18px;left:-22px;width:34%;aspect-ratio:1.28;border:5px solid white;box-shadow:0 15px 35px #0f397541;border-radius:18px;overflow:hidden;transform:rotate(-4deg)}
.pos-hero-photo img{width:100%;height:100%;object-fit:cover}
.pos-value-bar{background:#f0f6fd;border-top:1px solid #e2edfa;border-bottom:1px solid #e2edfa}
.pos-value-items{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-block:20px}
.pos-value-items span{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:780;color:#20466f;font-size:14px}
.pos-value-items .pos-ico{color:#1b6ac7;width:25px;height:25px}
.pos-section{padding:80px 0}
.pos-soft{background:#f4f8fe}
.pos-heading{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:35px}
.pos-home h2{font-size:clamp(32px,3.5vw,48px);max-width:790px}
.pos-heading>p{max-width:365px;font-size:16px;line-height:1.65;padding-bottom:3px}
.pos-solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pos-solution,.pos-industry-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #dfebf7;border-radius:18px;box-shadow:0 5px 18px rgba(31,76,132,.035);transition:transform .18s,box-shadow .18s}
.pos-solution:hover,.pos-industry-card:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(27,75,135,.12)}
.pos-solution-image{height:230px;overflow:hidden;background:linear-gradient(160deg,#e9f5ff,#f9fcff);border-bottom:1px solid #e1ecf8}
.pos-solution-image img{height:100%;width:100%;object-fit:cover;object-position:center}
.pos-solution-body{padding:22px 23px 25px}
.pos-solution-icon{height:35px;width:35px;color:#1872d0;background:#edf6ff;border-radius:10px;display:grid;place-items:center;margin-bottom:12px}
.pos-solution-icon .pos-ico{width:19px;height:19px}
.pos-solution h3,.pos-industry-card h3{font-size:21px;margin-bottom:8px}
.pos-solution p,.pos-industry-card p{font-size:14px;line-height:1.65}
.pos-inset-cta{margin-top:27px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;border:1px solid #c9dff8;border-radius:15px;background:#e8f3ff;padding:21px 25px}
.pos-inset-cta strong{font-size:17px}
.pos-inset-cta p{font-size:14px;flex:1;min-width:190px}
.pos-inset-cta a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#135cb7}
.pos-inset-cta .pos-ico{height:17px;width:17px}
.pos-industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pos-industry-image{aspect-ratio:16/9;background:#e9f2fb;overflow:hidden}
.pos-industry-image img{width:100%;height:100%;object-fit:cover}
.pos-industry-text{padding:20px 22px 23px}
.pos-custom{background:#f0f7ff}
.pos-custom-grid{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:55px}
.pos-custom-copy h2{max-width:700px}
.pos-custom-copy>p{font-size:17px;line-height:1.72;margin-top:23px;max-width:570px}
.pos-custom-copy strong{color:#143d6a}
.pos-custom-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 20px;margin:26px 0 30px}
.pos-custom-features span{display:flex;gap:9px;align-items:center;font-weight:740;font-size:14px;color:#27496d}
.pos-custom-features .pos-ico{color:#149c7b;height:18px;width:18px}
.pos-custom-pictures{display:grid;grid-template-columns:1.04fr .83fr;gap:13px;align-items:center}
.pos-custom-pictures>div{border:5px solid #fff;border-radius:22px;overflow:hidden;box-shadow:0 17px 40px #234e7930}
.pos-custom-pictures>div:nth-child(2){transform:translateY(38px)}
.pos-custom-pictures img{aspect-ratio:3/4;height:100%;width:100%;object-fit:cover}
.pos-deep{background:#102d51;color:#fff}
.pos-deep-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:65px;align-items:center}
.pos-deep .pos-kicker{color:#9ac8fb}
.pos-deep h2{color:white;max-width:580px}
.pos-deep h2 span{color:#8cc1ff}
.pos-deep p{margin-top:22px!important;max-width:530px;line-height:1.75;color:#d1e0f4;font-size:17px}
.pos-deep .pos-btn{margin-top:29px}
.pos-deep-img img{width:100%;border-radius:17px;box-shadow:0 20px 44px #00142c3b}
.pos-feature-split{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:66px}
.pos-feature-image img{width:100%;border-radius:18px;box-shadow:0 18px 45px #122c5020}
.pos-feature-copy p{margin-top:20px!important;font-size:17px;line-height:1.75}
.pos-text-link{display:inline-flex;align-items:center;gap:9px;color:#1a67c4!important;font-size:15px;font-weight:820;margin-top:20px}
.pos-moments{padding:70px 0}
.pos-heading-compact{margin-bottom:26px}
.pos-moments-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.pos-moments figure{min-width:0;border:1px solid #dde8f4;background:#fff;border-radius:14px;overflow:hidden}
.pos-moments figure div{aspect-ratio:5/4;overflow:hidden}
.pos-moments figure img{width:100%;height:100%;object-fit:cover}
.pos-moments figure figcaption{padding:10px 14px;font-size:13px;font-weight:760;color:#25486e}
.pos-steps{padding-block:74px}
.pos-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pos-step-grid>div{padding:28px 29px;border-radius:17px;border:1px solid #dfeaf7;background:#fff}
.pos-step-grid b{display:block;color:#2476d5;font-size:35px;margin-bottom:15px}
.pos-step-grid h3{font-size:20px;margin-bottom:10px}
.pos-step-grid p{font-size:14px}
.pos-contact{background:#eff6ff}
.pos-contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center}
.pos-contact h2{max-width:720px}
.pos-contact-grid>div>p{margin-top:18px!important;max-width:560px;font-size:17px}
.pos-contact-card{padding:34px 37px;border-radius:19px;background:#fff;border:1px solid #d9e7f6;box-shadow:0 14px 28px #1e518014}
.pos-contact-card h3{font-size:24px;margin-bottom:24px}
.pos-contact-card>a,.pos-contact-card>div{display:flex;align-items:start;gap:13px;color:#21466c;padding-block:11px;font-size:15px;font-weight:650}
.pos-contact-card .pos-ico{color:#176dcc;margin-top:2px;width:21px;height:21px}
.pos-contact-card>a:hover{color:#1369cb}
.pos-contact-card p{font-size:13px;margin-top:16px!important}
.pos-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}
.pos-faq-list{display:grid;gap:11px}
.pos-faq-list details{border:1px solid #dce8f5;border-radius:13px;padding:16px 21px;background:#fff}
.pos-faq-list summary{font-size:15px;font-weight:780;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:13px;align-items:center}
.pos-faq-list summary::after{content:'+';color:#1c68c2;font-size:22px;line-height:1}
.pos-faq-list details[open] summary::after{content:'−'}
.pos-faq-list details p{font-size:14px;margin-top:11px!important;line-height:1.7}
.pos-last-cta{background:#eaf4ff;padding:44px 0}
.pos-last-grid{display:flex;align-items:center;justify-content:space-between;gap:22px}
.pos-last-cta h2{font-size:clamp(28px,3vw,42px);max-width:750px}
.pos-footer{background:#102b4c;color:#dce8f7}
.pos-footer-grid{display:grid;grid-template-columns:1.25fr .65fr 1.2fr .75fr;gap:30px;padding-block:53px 38px}
.pos-footer .pos-brand-text strong{color:#fff}
.pos-footer .pos-brand-text small{color:#a4c2e7}
.pos-footer-grid p{font-size:13px;color:#b5cbe4;line-height:1.7;margin-top:16px;max-width:260px}
.pos-footer-grid h3{font-size:14px;letter-spacing:0;margin-bottom:14px;color:white}
.pos-footer-grid>div>a:not(.pos-brand){display:flex;gap:7px;align-items:center;font-size:13px;color:#d4e3f4;line-height:1.7;margin-top:9px;overflow-wrap:anywhere}
.pos-footer-grid>a:hover,.pos-footer-grid>div>a:hover{color:#fff}
.pos-footer-grid .pos-ico{height:14px;width:14px}
.pos-footer-bottom{border-top:1px solid #32516d;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#b1c8e0}
@media(max-width:1150px){.pos-header-links{gap:14px}.pos-header-links a{font-size:12px}.pos-header-inner{gap:16px}.pos-solutions-grid{gap:15px}.pos-solution-image{height:210px}}
@media(max-width:980px){
 .pos-wrap{width:min(100% - 42px,1280px)}
 .pos-menu-toggle{display:inline-flex}.pos-header-auth{gap:12px}
 .pos-header-links{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 22px 22px;flex-direction:column;align-items:stretch;gap:0;background:white;border-bottom:1px solid #dfeafb;box-shadow:0 15px 24px #102d5423}
 .pos-header-links.pos-nav-open{display:flex}.pos-header-links a{padding:12px 8px;font-size:15px}
 .pos-hero{gap:24px;padding-block:55px 62px}.pos-home h1{font-size:clamp(41px,5vw,62px)}.pos-lede{font-size:16px}
 .pos-solutions-grid,.pos-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pos-solution-image{height:225px}
 .pos-custom-grid,.pos-contact-grid{gap:30px}
 .pos-deep-grid,.pos-feature-split{gap:34px}
 .pos-moments-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pos-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 html{scroll-padding-top:73px}.pos-wrap{width:min(100% - 34px,1280px)}
 .pos-header-inner{min-height:72px}.pos-brand-icon{width:39px;height:39px;font-size:22px;border-radius:11px}.pos-brand-text strong{font-size:17px}.pos-brand-text small{font-size:8px}
 .pos-signin{display:none}.pos-header-auth .pos-btn{font-size:12px;min-height:40px;padding:8px 11px}.pos-header-auth .pos-btn .pos-ico{display:none}
 .pos-hero,.pos-custom-grid,.pos-deep-grid,.pos-feature-split,.pos-contact-grid,.pos-faq-grid{grid-template-columns:1fr}
 .pos-hero{padding-block:45px 56px;gap:42px}.pos-home h1{font-size:clamp(40px,8vw,57px)}.pos-hero-art{width:min(100%,560px);margin-inline:auto}.pos-hero-photo{left:0;bottom:-15px}
 .pos-value-items{grid-template-columns:1fr;gap:10px;padding-block:18px}.pos-value-items span{justify-content:start}
 .pos-section{padding:59px 0}.pos-heading{display:block;margin-bottom:25px}.pos-heading>p{margin-top:14px;max-width:540px}
 .pos-home h2{font-size:clamp(32px,7vw,42px)}
 .pos-solution-image{height:auto;aspect-ratio:1.42}.pos-industry-grid,.pos-solutions-grid{gap:13px}
 .pos-industry-text{padding:17px}.pos-industry-card h3{font-size:18px}
 .pos-custom-pictures{max-width:500px}.pos-custom-pictures>div:nth-child(2){transform:translateY(20px)}
 .pos-deep-img{max-width:580px}.pos-feature-image{order:2}.pos-feature-copy{order:1}
 .pos-moments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pos-step-grid{grid-template-columns:1fr;gap:12px}.pos-step-grid>div{padding:20px 23px}.pos-step-grid b{font-size:26px;margin-bottom:5px}
 .pos-faq-grid{gap:20px}.pos-last-grid{align-items:stretch;flex-direction:column}
}
@media(max-width:480px){
 .pos-header-inner{gap:8px}.pos-brand{gap:7px}.pos-brand-text strong{font-size:15px}.pos-brand-text small{letter-spacing:.02em;font-size:7px}
 .pos-header-auth{gap:6px}.pos-header-auth .pos-btn{padding:8px 9px;font-size:11px}.pos-menu-toggle{font-size:0;padding:9px}.pos-menu-toggle span{display:none}
 .pos-wrap{width:min(100% - 30px,1280px)}.pos-hero{padding-top:38px}.pos-lede{font-size:16px}.pos-actions{gap:8px}.pos-actions .pos-btn{width:100%}
 .pos-hero-photo{width:38%}.pos-solutions-grid,.pos-industry-grid{grid-template-columns:1fr}.pos-solution-image{aspect-ratio:1.68}
 .pos-solution-body{padding:18px 20px 22px}.pos-heading>p{font-size:15px}.pos-inset-cta{padding:20px}
 .pos-custom-features{grid-template-columns:1fr}.pos-custom-pictures{gap:9px}
 .pos-moments-grid{gap:10px}.pos-moments figure figcaption{padding:9px 11px}
 .pos-contact-card{padding:26px 23px}.pos-footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.pos-footer-grid>div:first-child,.pos-footer-grid>div:nth-child(3){grid-column:1/-1}.pos-footer-bottom{align-items:start;padding-block:15px;flex-direction:column;min-height:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pos-btn,.pos-solution,.pos-industry-card{transition:none}}