/* Ciboora public website — restrained site-wide visual system (2026-10-25).
   Explicitly scoped to body.site-premium. Operational app, customer ordering,
   restaurant dashboard, kiosk and API UIs are untouched. */
body.site-premium {
 --p-ink:#14233e; --p-soft:#677891; --p-border:#e2e8f2; --p-brand:#233b70;
 --p-accent:#3b5c99; --p-surface:#fff; --p-canvas:#f8f9fc; --p-green:#16886b;
 background:var(--p-canvas); color:var(--p-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
body.site-premium .nav{padding:14px clamp(20px,5vw,74px);background:rgba(255,255,255,.97);border-bottom:1px solid #e8edf5;box-shadow:none;min-height:74px}
body.site-premium .nav .brand img{height:43px;width:auto;max-width:250px}
body.site-premium .nav nav{display:flex;align-items:center;gap:clamp(12px,1.8vw,25px);font-size:13px;font-weight:650;color:#43536e;white-space:nowrap}
body.site-premium .nav nav>a:not(.nav-cta){padding:9px 0;transition:color .16s}
body.site-premium .nav nav>a:not(.nav-cta):hover{color:#294d92}
body.site-premium .nav .nav-cta{background:#1a2d57;color:#fff!important;border:1px solid #182953;border-radius:10px;padding:11px 17px;font-size:12.5px;font-weight:750;box-shadow:none;transition:background .16s}
body.site-premium .nav .nav-cta:hover{background:#304b82}
body.site-premium .section{padding:clamp(57px,6.6vw,94px) clamp(20px,5vw,90px)}
body.site-premium .eyebrow{font-size:10.5px;letter-spacing:.135em;color:#627797;font-weight:760}
body.site-premium .pill{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.095em;font-weight:770;background:#edf2fb;border:1px solid #e1e8f4;color:#49658f;padding:9px 14px;border-radius:999px}
body.site-premium .pill::before{content:'';width:6px;height:6px;background:#e77a80;border-radius:50%}
body.site-premium .btn{border-radius:10px;min-height:46px;padding:12px 20px;font-size:13px;font-weight:750;box-shadow:none;transition:background .16s,transform .16s}
body.site-premium .btn.primary{background:#223c71;border:1px solid #223c71;color:#fff;box-shadow:0 7px 16px rgba(24,45,86,.08)}
body.site-premium .btn.primary:hover{background:#182c57;transform:translateY(-1px)}
body.site-premium .btn.ghost{background:#fff;color:#30466a;border:1px solid #d7dfea}
body.site-premium .btn.ghost:hover{border-color:#9baece;background:#f7f9fd}
body.site-premium .section-head{max-width:720px;margin:0 auto 32px}
body.site-premium .section-head.left-head{margin:0 0 32px;max-width:755px}
body.site-premium .section-head h2,body.site-premium .offline-story h2,body.site-premium .final-billing h2,body.site-premium .v5-demo h2,body.site-premium .v5-downloads h2{font-size:clamp(30px,3.3vw,45px);font-weight:770;line-height:1.16;letter-spacing:-.046em;color:#15233e;margin:13px 0 14px}
body.site-premium .section-head p,body.site-premium .offline-story p,body.site-premium .final-billing p,body.site-premium .v5-demo p,body.site-premium .v5-downloads p{font-size:14px;color:#6a7891;line-height:1.75}
body.site-premium .v5-hero{background:radial-gradient(ellipse 710px 360px at 90% 5%,rgba(225,232,249,.46),transparent 82%),linear-gradient(170deg,#fff 3%,#f8f9fc 100%);min-height:0;padding:82px clamp(25px,5vw,90px) 58px;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(26px,3vw,52px);align-items:center}
body.site-premium .v5-hero h1{max-width:720px;font-size:clamp(43px,4.2vw,65px);line-height:1.045;letter-spacing:-.061em;font-weight:800;color:#142342;margin:21px 0 18px}
body.site-premium .v5-hero .hero-copy>p{font-size:15px;line-height:1.75;color:#687892;max-width:585px;margin:0}
body.site-premium .hero-actions{margin:25px 0 19px;gap:9px}
body.site-premium .hero-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}
body.site-premium .hero-proof-grid>div{border:1px solid #e6ebf3;border-radius:11px;background:rgba(255,255,255,.84);box-shadow:none;padding:13px 12px;backdrop-filter:none}
body.site-premium .hero-proof-grid b{color:#284469;font-size:11px;line-height:1.4}
body.site-premium .hero-proof-grid span{font-size:10px;line-height:1.5;color:#7c8ba1}
body.site-premium .v5-command-visual{transform:none;min-width:0}
body.site-premium .command-shell{border:1px solid #dce3ef;border-radius:19px;box-shadow:0 24px 46px rgba(22,38,71,.12);overflow:hidden;background:#fff}
body.site-premium .command-top{background:#192c54;color:#f4f7ff;padding:14px 17px}
body.site-premium .command-top .live-chip{background:#25466b;color:#bde9d5;border-radius:99px}
body.site-premium .command-layout{min-height:300px}
body.site-premium .command-layout aside{background:#22365d}
body.site-premium .command-layout aside span:first-of-type{background:#3a5a9d;color:#fff;border-radius:8px}
body.site-premium .command-layout .command-metrics article{border:1px solid #e8edf3;box-shadow:none;border-radius:11px}
body.site-premium .v5-float{border:1px solid #e7ebf3;border-left:3px solid #607db6;border-radius:11px;box-shadow:0 12px 22px rgba(21,35,68,.09);padding:13px 16px;right:-9px}
body.site-premium .trust-ribbon{display:flex;gap:12px 30px;align-items:center;justify-content:center;flex-wrap:wrap;padding:17px 24px;border-block:1px solid #e5eaf1;background:#fff;font-size:11px;color:#61718b;box-shadow:none}
body.site-premium .trust-ribbon span{white-space:normal}
body.site-premium .trust-ribbon strong{color:#253a5f}
body.site-premium #platform{background:#f9fafc}
body.site-premium .capability-grid{gap:12px}
body.site-premium .capability-card,body.site-premium .capability-card.featured{background:#fff;border:1px solid #e3e9f2;border-radius:16px;padding:25px 24px;box-shadow:0 6px 18px rgba(24,43,82,.025);transform:none}
body.site-premium .capability-card:hover{border-color:#c3d0e6;transform:translateY(-2px);box-shadow:0 12px 23px rgba(25,49,90,.07)}
body.site-premium .capability-card span{color:#a0adc0;font-size:11px;font-weight:750}
body.site-premium .capability-card h3{font-size:17px;letter-spacing:-.026em;color:#203455;margin:16px 0 9px}
body.site-premium .capability-card p{font-size:12.5px;line-height:1.7;color:#687a92}
body.site-premium .capability-card em{font-size:10.8px;color:#486796;font-style:normal}
body.site-premium .offline-story{background:#fff;gap:clamp(26px,5vw,65px)}
body.site-premium .offline-story .check-list,body.site-premium .billing-copy .check-list{color:#526886;font-size:13px;line-height:1.75}
body.site-premium .check-list li{padding:5px 0}
body.site-premium .architecture-card{border:1px solid #e4eaf1;border-radius:19px;background:#f5f8fd;box-shadow:none}
body.site-premium .architecture-cloud{background:#223e74}
body.site-premium .architecture-hub{background:#fff;color:#1e416c;border:1px solid #ccdcf1}
body.site-premium .architecture-devices span{border:1px solid #dde5f1;background:#fff;color:#3f597e}
body.site-premium .growth-suite{background:#f8f9fc}
body.site-premium .growth-grid{gap:13px}
body.site-premium .growth-grid article{border:1px solid #e4e9f2;border-radius:15px;background:#fff;box-shadow:none;padding:24px}
body.site-premium .growth-icon{border-radius:11px;background:#f0f4fb;color:#32538d}
body.site-premium .growth-grid h3{font-size:16px;color:#1d3153;letter-spacing:-.025em}
body.site-premium .growth-grid p{font-size:12.5px;color:#718099;line-height:1.7}
body.site-premium .final-billing{background:#fff}
body.site-premium .bill-window{border:1px solid #e2e8f1;border-radius:18px;box-shadow:0 14px 35px rgba(26,44,79,.08)}
body.site-premium .bill-window-head{background:#263e6a;color:#fff}
body.site-premium .bill-buttons span{background:#edf6f3;color:#23705b;border-radius:7px}
body.site-premium .role-experience{background:#f8f9fc}
body.site-premium .role-tabs{gap:11px}
body.site-premium .role-tabs article{border:1px solid #e3e9f1;background:white;border-radius:14px;box-shadow:none;padding:21px}
body.site-premium .role-tabs article b{font-size:13px;color:#234064}
body.site-premium .role-tabs article p{font-size:12.2px;line-height:1.68;color:#718099}
body.site-premium .v5-plans{background:#fff}
body.site-premium .billing-toggle{gap:5px;display:flex;justify-content:center;background:#f3f6fa;padding:5px;border:1px solid #e3e9f1;border-radius:999px;width:max-content;margin:0 auto 28px}
body.site-premium .billing-toggle button{background:transparent;border:0;box-shadow:none;border-radius:999px;font-size:12px;padding:10px 18px;color:#687791;font-weight:650}
body.site-premium .billing-toggle button.active{background:#233e70;color:#fff}
body.site-premium .plan-grid{gap:12px;align-items:stretch}
body.site-premium .plan-card,body.site-premium .plan-card.recommended{border:1px solid #e0e7f0;border-radius:16px;background:#fff;padding:25px 20px;box-shadow:0 6px 18px rgba(22,42,80,.025);transform:none}
body.site-premium .plan-card.recommended{border:1.5px solid #7595c7;box-shadow:0 13px 27px rgba(41,76,131,.09);background:#fafdff}
body.site-premium .plan-card .tag{background:#274e87;border-radius:5px;font-size:9px;padding:6px 9px;top:-12px}
body.site-premium .plan-card h3{font-size:20px;color:#1c2e4e;letter-spacing:-.03em}
body.site-premium .plan-card .price{color:#18335d;font-size:clamp(25px,2.4vw,34px);letter-spacing:-.045em}
body.site-premium .plan-card .tagline{font-size:12px;line-height:1.65;color:#718097;min-height:48px}
body.site-premium .plan-card .deployment{font-size:11px;color:#708097}
body.site-premium .plan-card ul{font-size:12px;line-height:1.8;color:#65738b}
body.site-premium .comparison{border:1px solid #e4eaf2;border-radius:14px;margin-top:28px;box-shadow:none}
body.site-premium .comparison table th{background:#f2f5fa;color:#4e6181;text-align:left;font-size:11px}
body.site-premium .comparison table td{border-bottom:1px solid #ebeff5;color:#596b86;font-size:12.3px}
body.site-premium .pricing-note{font-size:11px;line-height:1.7;color:#8190a4}
body.site-premium .v5-downloads{background:#1e325b;color:#fff;padding:42px clamp(20px,5vw,90px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;align-items:center}
body.site-premium .v5-downloads h2{color:#fff;font-size:clamp(26px,2.8vw,37px);margin:8px 0 10px}
body.site-premium .v5-downloads .eyebrow{color:#bbcae8}
body.site-premium .v5-downloads p{color:#c9d3e5;font-size:12.5px}
body.site-premium .platform-download-actions{display:flex;justify-content:flex-end;gap:8px;max-width:none}
body.site-premium .platform-download-actions .btn{border-radius:9px;font-size:11px;min-height:39px;padding:9px 12px;background:#ffffff;color:#233b67;border:1px solid rgba(255,255,255,.5)}
body.site-premium .platform-download-actions .btn.outline-light{background:transparent;color:#fff;border-color:#7082a3}
body.site-premium .security-section{background:#f8f9fc}
body.site-premium .security-grid{gap:12px}
body.site-premium .security-grid article{border:1px solid #e3e9f1;background:#fff;border-radius:14px;padding:22px;box-shadow:none}
body.site-premium .security-grid article b{font-size:14px;color:#233759}
body.site-premium .security-grid article p{color:#708199;font-size:12px;line-height:1.7}
body.site-premium .v5-demo{background:#fff;gap:clamp(24px,4vw,72px);align-items:start}
body.site-premium .v5-demo .demo-notes{color:#4b658d;font-size:12px}
body.site-premium .v5-demo form{background:#fff;border:1px solid #e2e9f2;border-radius:17px;padding:28px;box-shadow:0 15px 37px rgba(21,42,82,.04)}
body.site-premium label{color:#334665;font-size:12px;font-weight:660}
body.site-premium input:not([type=checkbox]):not([type=radio]),body.site-premium select,body.site-premium textarea{border:1px solid #dfe6ef;border-radius:9px;background:#fff;color:#1c2d4b;padding:12px;box-shadow:none}
body.site-premium input:focus,body.site-premium select:focus,body.site-premium textarea:focus{outline:2px solid #b4c7eb;outline-offset:1px;border-color:#6986b6}
body.site-premium .site-footer{background:#101e38;color:#bec9da;padding:clamp(36px,5vw,64px) clamp(22px,5vw,86px);margin-top:0;gap:30px}
body.site-premium .site-footer img{width:155px;filter:brightness(0) invert(1);opacity:.94}
body.site-premium .site-footer b{font-size:12px;letter-spacing:.045em;color:#f3f6fc}
body.site-premium .site-footer p,body.site-premium .site-footer a{font-size:11.5px;color:#acbbd2;line-height:1.8}
body.site-premium .site-footer a:hover{color:#fff}
/* Public standalone information, sign-in gateway and purchase onboarding pages */
body.site-premium main.section:not(.v5-section):not(.role-experience):not(.growth-suite):not(.security-section):not(.v5-plans):not(.offline-story):not(.v5-demo):not(.final-billing){max-width:1280px;margin:0 auto;padding-top:clamp(45px,5vw,75px)}
body.site-premium main.legal-page{max-width:950px}
body.site-premium .legal-card{border:1px solid #e1e8f0;box-shadow:0 12px 32px rgba(25,49,85,.035);border-radius:18px;padding:clamp(25px,4vw,56px)}
body.site-premium .legal-card h1{color:#172947;font-size:clamp(34px,4.1vw,49px);line-height:1.14;letter-spacing:-.048em;margin:10px 0 21px}
body.site-premium .legal-card h2{font-size:17px;letter-spacing:-.02em;margin:30px 0 12px;color:#233b5d}
body.site-premium .legal-card p,body.site-premium .legal-card li{font-size:13.5px;line-height:1.9;color:#5e6f87}
body.site-premium .legal-card a:not(.btn){color:#335c9e;text-decoration:underline;text-decoration-color:#d9e1ef;text-underline-offset:2px}
body.site-premium .legal-card .legal-meta,body.site-premium .legal-company{background:#f5f8fc;color:#536680;border:1px solid #e7ecf2;border-radius:11px}
body.site-premium .contact-grid{gap:11px}
body.site-premium .contact-grid section,body.site-premium .policy-link-grid>a{background:#fafbfd;border:1px solid #e4e9f2;border-radius:12px;padding:20px;box-shadow:none}
body.site-premium .contact-grid h2{margin:0 0 9px;font-size:15px}
body.site-premium .contact-grid p{margin:7px 0;font-size:12.5px}
body.site-premium .panel{border:1px solid #e2e8f1;border-radius:15px;box-shadow:0 9px 25px rgba(18,38,80,.025);background:#fff}
body.site-premium .panel h2{color:#233654}
body.site-premium .dashboard-portal{background:transparent}
body.site-premium .dashboard-portal .portal-hero{gap:clamp(26px,4vw,60px)}
body.site-premium .dashboard-portal .portal-hero h1{font-size:clamp(38px,4.4vw,58px);line-height:1.12;letter-spacing:-.05em;color:#162744}
body.site-premium .dashboard-portal .portal-hero p{font-size:14px;line-height:1.8;color:#647792}
body.site-premium .dashboard-portal .portal-card{box-shadow:0 12px 30px rgba(23,44,82,.04);border:1px solid #e1e9f2;border-radius:17px}
body.site-premium .dashboard-portal .portal-list li{background:#f9fbfd;border:1px solid #e8edf4;border-radius:10px}
body.site-premium .quick-links-grid{gap:12px}
body.site-premium .quick-link{background:#fbfcff;border:1px solid #e3eaf3;border-radius:12px;box-shadow:none}
body.site-premium .quick-link:hover{border-color:#adc2e3}
body.site-premium .quick-form input,body.site-premium .quick-form textarea{width:100%}
body.site-premium .status-banner{background:#f1f5fb;color:#48648c;border:1px solid #dfe9f4}
body.site-premium button:focus-visible,body.site-premium a:focus-visible{outline:3px solid #7e9bca;outline-offset:3px}
@media(max-width:1100px){
 body.site-premium .nav nav{gap:14px}
 body.site-premium .v5-hero{padding:70px 26px 53px}
 body.site-premium .v5-hero h1{font-size:clamp(42px,5vw,57px)}
 body.site-premium .hero-proof-grid{grid-template-columns:1fr;gap:6px}
 body.site-premium .hero-proof-grid>div{padding:9px 12px}
 body.site-premium .hero-proof-grid span{margin-top:1px}
 body.site-premium .v5-downloads{grid-template-columns:1fr}
 body.site-premium .platform-download-actions{justify-content:flex-start}
}
@media(max-width:800px){
 body.site-premium .nav{min-height:65px;padding:10px 18px}
 body.site-premium .nav .brand img{height:36px}
 body.site-premium .nav nav{display:flex;gap:12px;font-size:11px}
 body.site-premium .nav nav>a:not(.nav-cta){display:none}
 body.site-premium .nav nav>a[href="/downloads.html"]{display:inline-flex}
 body.site-premium .nav .nav-cta{padding:10px 12px;font-size:11px}
 body.site-premium .v5-hero{grid-template-columns:1fr;gap:38px;padding:55px 24px 50px}
 body.site-premium .v5-hero h1{font-size:clamp(39px,7vw,61px);max-width:650px}
 body.site-premium .v5-hero .hero-copy>p{max-width:650px}
 body.site-premium .hero-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.site-premium .v5-command-visual{max-width:750px;width:100%;margin:0 auto}
 body.site-premium .trust-ribbon{gap:9px 19px;font-size:10px}
 body.site-premium .capability-grid,body.site-premium .growth-grid,body.site-premium .security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.site-premium .role-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.site-premium .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.site-premium .v5-demo{grid-template-columns:1fr}
 body.site-premium .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:590px){
 body.site-premium .nav nav>a:not(.nav-cta){display:none!important}
 body.site-premium .v5-hero{padding:44px 17px 44px}
 body.site-premium .v5-hero h1{font-size:clamp(34px,10vw,46px);letter-spacing:-.055em}
 body.site-premium .v5-hero .hero-copy>p{font-size:13.5px}
 body.site-premium .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 body.site-premium .hero-actions .btn{padding:11px 9px;font-size:11px;text-align:center}
 body.site-premium .hero-proof-grid{grid-template-columns:1fr;gap:6px}
 body.site-premium .hero-proof-grid span{font-size:11px}
 body.site-premium .command-shell{border-radius:13px}
 body.site-premium .command-main{padding:10px}
 body.site-premium .v5-float{display:none}
 body.site-premium .section{padding:56px 17px}
 body.site-premium .section-head h2,body.site-premium .offline-story h2,body.site-premium .final-billing h2,body.site-premium .v5-demo h2,body.site-premium .v5-downloads h2{font-size:32px}
 body.site-premium .capability-grid,body.site-premium .growth-grid,body.site-premium .security-grid,body.site-premium .role-tabs,body.site-premium .plan-grid,body.site-premium .contact-grid{grid-template-columns:1fr}
 body.site-premium .v5-downloads{padding:37px 18px}
 body.site-premium .platform-download-actions .btn{flex:1}
 body.site-premium .billing-toggle button{font-size:11px;padding:9px 12px}
 body.site-premium .v5-demo form{padding:19px}
 body.site-premium .portal-hero h1{font-size:35px}
 body.site-premium .site-footer{grid-template-columns:1fr 1fr;gap:22px;padding:34px 20px}
 body.site-premium .legal-card{padding:24px 20px}
}
@media(prefers-reduced-motion:reduce){body.site-premium *{scroll-behavior:auto;transition:none!important}}

/* Checkout: four receipt figures must fit INSIDE their panel */
body.site-premium #priceSummary .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
body.site-premium #priceSummary .metric{min-width:0;padding:17px 15px;border:1px solid #e4eaf2;border-radius:12px;box-shadow:none;background:#f9fbff}
body.site-premium #priceSummary .metric b{font-size:clamp(18px,1.85vw,25px);overflow-wrap:anywhere;color:#1c365c;line-height:1.22}
body.site-premium #priceSummary .metric span,body.site-premium #priceSummary .metric small{font-size:11px;line-height:1.5}
@media(max-width:390px){body.site-premium #priceSummary .metric-grid{grid-template-columns:1fr}}