:root{--ink:#111827;--muted:#667085;--line:#e5e7eb;--soft:#f7f9fc;--brand:#2563eb;--brand2:#7c3aed;--dark:#0b1020;--card:#fff;--ok:#16a34a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px}.mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:white;font-weight:900}.links{display:flex;align-items:center;gap:20px;font-size:14px;color:#344054}.navcta{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:11px 16px;font-weight:700;border:1px solid var(--line);background:#fff}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white}.btn.dark{background:var(--dark);border-color:var(--dark);color:white}.hero{padding:96px 0 68px;background:radial-gradient(circle at 90% 15%,#eef2ff 0,transparent 34%),linear-gradient(#fff,#fbfcff)}.eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef4ff;color:#3448c5;font-size:13px;font-weight:800}.hero h1{font-size:clamp(44px,7vw,78px);line-height:1.02;letter-spacing:-.045em;margin:22px 0 20px;max-width:980px}.gradient{background:linear-gradient(135deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(19px,2vw,24px);color:#475467;max-width:800px;margin:0 0 30px}.actions{display:flex;flex-wrap:wrap;gap:12px}.trust{margin-top:38px;display:flex;flex-wrap:wrap;gap:18px;color:#475467;font-size:14px}.trust b{color:var(--ink)}section{padding:78px 0}.sectionhead{max-width:760px;margin-bottom:34px}.sectionhead h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.035em;margin:0 0 14px}.sectionhead p{color:var(--muted);font-size:18px;margin:0}.grid{display:grid;gap:18px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.card h3{margin:8px 0 8px;font-size:21px}.card p{margin:0;color:var(--muted)}.icon{width:42px;height:42px;border-radius:12px;background:#eff4ff;display:grid;place-items:center;font-weight:900;color:#3448c5}.soft{background:var(--soft)}.darksection{background:var(--dark);color:#fff}.darksection .sectionhead p,.darksection .card p{color:#aeb8cc}.darksection .card{background:#121a2e;border-color:#26304a}.pillrow{display:flex;flex-wrap:wrap;gap:10px}.pill{border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:#fff;font-size:14px}.darksection .pill{background:#141d32;border-color:#2b3652}.bs{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.tree{border:1px solid var(--line);border-radius:22px;padding:26px;background:white}.tree .root{font-weight:900;padding:14px;border-radius:12px;background:#eef4ff}.tree .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.tree .node{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:14px}.cta{border-radius:24px;padding:42px;background:linear-gradient(135deg,#0f172a,#312e81);color:white;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{margin:0 0 8px;font-size:36px}.cta p{margin:0;color:#cbd5e1}.list{padding-left:18px}.list li{margin:7px 0}.pricewrap{min-height:160px;border:1px dashed #aeb8cc;border-radius:18px;padding:22px;background:#fbfcff}.footer{padding:42px 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.footerin{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.pagehero{padding:68px 0 44px;background:linear-gradient(#fbfcff,#fff)}.pagehero h1{font-size:clamp(42px,6vw,68px);line-height:1.05;letter-spacing:-.04em;margin:16px 0}.pagehero p{font-size:20px;color:var(--muted);max-width:760px}.tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#4f46e5}.feature{display:flex;gap:15px;align-items:flex-start}.check{width:24px;height:24px;border-radius:999px;background:#dcfce7;color:#166534;display:grid;place-items:center;flex:none;font-weight:900}.notice{border-left:4px solid #4f46e5;background:#f5f7ff;padding:16px 18px;border-radius:8px;color:#475467}.hamb{display:none}@media(max-width:900px){.links{display:none}.hamb{display:inline-flex}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}.bs{grid-template-columns:1fr}.navcta .btn:not(.primary){display:none}}@media(max-width:640px){.wrap{width:min(100% - 28px,1180px)}.hero{padding-top:68px}.g3,.g4{grid-template-columns:1fr}.cta{padding:28px;align-items:flex-start;flex-direction:column}.tree .row{grid-template-columns:1fr}.navin{height:64px}.hero h1{font-size:46px}} /* v1.0.1 refined editorial SaaS main template */ .editorial-hero{padding:78px 0 88px;background:#fff}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}.hero-copy h1{font-size:clamp(52px,7vw,92px);max-width:720px;margin:20px 0 22px;letter-spacing:-.055em}.microproof{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:#667085}.microproof span:before{content:'✓';margin-right:7px;color:#16a34a}.hero-stage{position:relative;min-height:480px;border-radius:34px;background:linear-gradient(145deg,#f3f0ff,#fff5d8);overflow:hidden;padding:54px}.stage-card{position:absolute;background:rgba(255,255,255,.94);border:1px solid rgba(17,24,39,.08);box-shadow:0 24px 60px rgba(15,23,42,.12);backdrop-filter:blur(12px)}.stage-main{left:58px;right:58px;top:74px;border-radius:26px;padding:26px;z-index:2}.stage-top{display:flex;justify-content:space-between;align-items:center}.stage-brand{font-weight:900}.stage-chip{font-size:12px;padding:7px 10px;border-radius:999px;background:#eef2ff;color:#4338ca}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.metric-row div{background:#f8fafc;padding:15px;border-radius:16px}.metric-row small,.stage-small small{display:block;color:#98a2b3;font-size:11px}.metric-row strong{display:block;font-size:19px;margin-top:3px}.fake-chart{height:125px;margin-top:24px;display:flex;gap:10px;align-items:flex-end}.fake-chart i{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(#9d7cff,#6d5dfc)}.fake-chart i:nth-child(1){height:38%}.fake-chart i:nth-child(2){height:60%}.fake-chart i:nth-child(3){height:47%}.fake-chart i:nth-child(4){height:78%}.fake-chart i:nth-child(5){height:65%}.fake-chart i:nth-child(6){height:90%}.fake-chart i:nth-child(7){height:72%}.stage-small{bottom:38px;width:190px;padding:18px;border-radius:19px;z-index:3}.stage-small.left{left:24px}.stage-small.right{right:24px}.stage-small strong{display:block;margin:5px 0 2px}.stage-small span{font-size:12px;color:#667085}.orb{position:absolute;border-radius:999px;filter:blur(2px)}.orb-a{width:140px;height:140px;background:#ffd348;right:-30px;top:-24px}.orb-b{width:100px;height:100px;background:#cfc7ff;left:-24px;bottom:16px}.logo-strip{padding:30px 0;border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5}.logo-strip p{text-align:center;color:#98a2b3;font-size:13px}.logo-pills{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#344054;font-weight:700;font-size:14px}.centered{text-align:center;margin-left:auto;margin-right:auto}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{border-radius:26px;padding:30px;min-height:360px;position:relative;overflow:hidden}.step-card.warm{background:#fff1b8}.step-card.lavender{background:#e9e1ff}.step-card.mint{background:#dcf8ea}.step-no{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#fff;font-weight:900}.step-card h3{font-size:26px;margin:72px 0 10px}.step-card p{color:#475467}.mini-ui{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.mini-ui b,.structure-mini span{background:rgba(255,255,255,.8);border-radius:10px;padding:10px;font-size:12px}.structure-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.growth-bars{height:90px;display:flex;align-items:flex-end;gap:8px;margin-top:30px}.growth-bars i{flex:1;background:#111827;border-radius:8px 8px 3px 3px}.growth-bars i:nth-child(1){height:30%}.growth-bars i:nth-child(2){height:45%}.growth-bars i:nth-child(3){height:58%}.growth-bars i:nth-child(4){height:75%}.growth-bars i:nth-child(5){height:94%}.spacious{padding:110px 0}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split-feature h2{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.04em;margin:14px 0}.lead-sm{font-size:19px;color:#667085;max-width:620px}.text-link{font-weight:800;display:inline-block;margin-top:12px}.structure-board{background:#fff;border:1px solid #eaecf0;border-radius:28px;padding:26px;box-shadow:0 20px 50px rgba(15,23,42,.07)}.sb-root{background:#111827;color:#fff;border-radius:14px;padding:16px;font-weight:800}.sb-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.sb-row span{border:1px solid #e5e7eb;border-radius:12px;padding:13px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cap-grid article{border:1px solid #eaecf0;border-radius:22px;padding:24px;min-height:190px}.cap-grid h3{margin:18px 0 8px}.cap-grid p{margin:0;color:#667085}.cap-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f2f4f7;font-weight:900}.center-actions{text-align:center;margin-top:26px}.editorial-dark{padding:104px 0}.dark-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start}.dark-split h2{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.04em;margin:14px 0}.dark-split p{color:#cbd5e1;font-size:18px}.tag.light{color:#c4b5fd}.nature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.nature-grid span{border:1px solid #2f3a52;background:#141d32;border-radius:14px;padding:14px;color:#eef2ff}.pricewrap.refined{min-height:230px;border:0;background:#f8fafc;border-radius:26px;padding:28px;text-align:center}.package-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.package-skeleton div{height:120px;border-radius:18px;background:linear-gradient(110deg,#eef2f6 8%,#f8fafc 18%,#eef2f6 33%);background-size:200% 100%;animation:shimmer 1.7s linear infinite}@keyframes shimmer{to{background-position-x:-200%}}.final-cta{padding:0 0 96px}.final-cta-inner{background:#fff1b8;border-radius:30px;padding:46px;display:flex;justify-content:space-between;align-items:center;gap:24px}.final-cta h2{font-size:clamp(34px,4vw,52px);max-width:760px;margin:10px 0 0;line-height:1.06;letter-spacing:-.035em}.btn.ghost{background:#fff}@media(max-width:900px){.hero-grid,.split-feature,.dark-split{grid-template-columns:1fr}.hero-stage{min-height:420px}.steps-grid,.cap-grid{grid-template-columns:1fr 1fr}.package-skeleton{grid-template-columns:1fr 1fr}.nature-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.editorial-hero{padding-top:52px}.hero-copy h1{font-size:52px}.hero-stage{min-height:360px;padding:20px}.stage-main{left:20px;right:20px;top:42px}.stage-small{width:155px}.stage-small.left{left:10px}.stage-small.right{right:10px}.metric-row{grid-template-columns:1fr}.metric-row div:nth-child(n+2){display:none}.steps-grid,.cap-grid,.nature-grid,.package-skeleton{grid-template-columns:1fr}.final-cta-inner{flex-direction:column;align-items:flex-start}.sb-row{grid-template-columns:1fr}} /* v1.0.3 USP-led growth website */ .ecosystem{padding:34px 0 26px;border-bottom:1px solid var(--line)}.ecosystem .kicker{text-align:center;color:#98a2b3;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.eco-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 22px}.eco-row span{padding:9px 13px;border:1px solid #eaecf0;border-radius:999px;background:#fff;font-weight:750;font-size:13px}.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.usp-card{border:1px solid #eaecf0;border-radius:28px;overflow:hidden;background:#fff}.usp-visual{height:210px;padding:24px;position:relative;overflow:hidden}.usp-visual.grow{background:#fff1b8}.usp-visual.connect{background:#e9e1ff}.usp-visual.sell{background:#dcf8ea}.usp-card .copy{padding:24px}.usp-card h3{font-size:25px;line-height:1.1;margin:0 0 9px}.usp-card p{color:#667085;margin:0 0 15px}.visual-nodes{display:flex;align-items:flex-end;justify-content:center;gap:9px;height:100%}.visual-nodes i{display:block;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:14px;width:70px;box-shadow:0 8px 20px rgba(15,23,42,.06)}.visual-nodes i:nth-child(1){height:62px}.visual-nodes i:nth-child(2){height:92px}.visual-nodes i:nth-child(3){height:124px}.visual-flow{height:100%;display:flex;align-items:center;justify-content:center;gap:8px}.visual-flow span{background:#fff;border-radius:12px;padding:12px 10px;font-size:11px;font-weight:800;box-shadow:0 8px 20px rgba(15,23,42,.06)}.visual-flow b{font-size:18px}.channel-cloud{height:100%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:9px}.channel-cloud span{background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.journey article{border-radius:20px;padding:20px;min-height:170px;background:#f8fafc}.journey article:nth-child(2){background:#fff7dc}.journey article:nth-child(3){background:#edf9f3}.journey article:nth-child(4){background:#f1edff}.journey article:nth-child(5){background:#eaf2ff}.journey small{color:#98a2b3;font-weight:800}.journey h3{font-size:18px;margin:30px 0 6px}.journey p{font-size:13px;color:#667085;margin:0}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-card{border-radius:24px;border:1px solid #eaecf0;padding:25px;min-height:230px}.case-card .case-art{height:72px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#fff7dc);margin-bottom:20px;display:flex;align-items:center;padding:14px;gap:7px}.case-art i{height:12px;flex:1;border-radius:999px;background:#fff}.case-card h3{margin:0 0 8px}.case-card p{color:#667085;font-size:14px}.country-map{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.map-art{min-height:340px;border-radius:28px;background:linear-gradient(145deg,#edf9f3,#eaf2ff);position:relative;overflow:hidden;padding:32px}.map-art:before{content:'MY SG TH ID PH\A AU NZ DE BE NO UAE';white-space:pre;position:absolute;inset:55px 30px;font-size:34px;line-height:2.2;font-weight:900;letter-spacing:.08em;color:rgba(17,24,39,.16);transform:rotate(-5deg)}.country-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.country-pills span{border:1px solid #e5e7eb;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750}.depth-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.depth-card{border-radius:28px;padding:30px;min-height:320px}.depth-card.health{background:#eaf2ff}.depth-card.mfg{background:#fff1b8}.depth-card h3{font-size:30px;margin:14px 0 10px}.depth-card p{color:#475467}.depth-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.depth-tags span{background:rgba(255,255,255,.8);padding:8px 10px;border-radius:999px;font-size:12px;font-weight:750}.credibility-note{font-size:12px;color:#98a2b3;text-align:center;margin-top:14px}@media(max-width:900px){.usp-grid,.case-grid{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr 1fr}.country-map,.depth-cards{grid-template-columns:1fr}}@media(max-width:640px){.usp-grid,.case-grid,.journey{grid-template-columns:1fr}.usp-visual{height:180px}} /* v1.0.4 SME breadth, persona selling and business-nature POS */ .persona-grid,.flow-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.persona-card,.flow-card{display:block;border:1px solid #eaecf0;border-radius:24px;background:#fff;padding:22px;color:#111827;transition:.2s transform,.2s box-shadow}.persona-card:hover,.flow-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.08)}.persona-card h3,.flow-card h3{margin:18px 0 7px}.persona-card p,.flow-card p{color:#667085;font-size:14px}.persona-card>span{font-weight:800;font-size:13px}.persona-art,.flow-picture{min-height:105px;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;background:linear-gradient(135deg,#eef2ff,#fff7dc)}.persona-art b,.flow-picture span{background:#fff;border-radius:999px;padding:8px 10px;font-size:11px}.persona-art i{font-style:normal}.flow-showcase{grid-template-columns:repeat(3,1fr)}.flow-picture{flex-wrap:wrap}.restaurant-pic{background:linear-gradient(135deg,#fff1b8,#fff)}.ayurvedic-pic{background:linear-gradient(135deg,#dcf8ea,#fff)}.retail-pic{background:linear-gradient(135deg,#e9e1ff,#fff)}.workshop-pic{background:linear-gradient(135deg,#eaf2ff,#fff)}.stall-pic{background:linear-gradient(135deg,#fff4e5,#fff)}.wholesale-pic{background:linear-gradient(135deg,#edf9f3,#fff)}.nature-grid a{border:1px solid #2f3a52;background:#141d32;border-radius:14px;padding:14px;color:#eef2ff;display:block}.nature-grid a:hover{background:#1c2740}.nature-grid .more-nature{grid-column:span 3;text-align:center;background:#fff;color:#111827;font-weight:800}.lightlink{color:#fff}.simple-checks{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.simple-checks span{border:1px solid #e5e7eb;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750}.finance-visual{border-radius:28px;padding:28px;background:linear-gradient(145deg,#e9e1ff,#eaf2ff);min-height:330px}.fv-head{font-size:13px;font-weight:800;color:#667085}.fv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:42px 0}.fv-grid span{background:#fff;border-radius:14px;padding:16px;font-weight:800}.fv-bottom{display:flex;align-items:center;justify-content:center;gap:10px}.fv-bottom b{background:#111827;color:#fff;padding:10px 12px;border-radius:12px;font-size:12px}.flow-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;border-radius:24px;background:#f8fafc;padding:26px;margin-bottom:30px}.flow-banner span{background:#fff;border:1px solid #eaecf0;border-radius:999px;padding:10px 13px;font-weight:800}.depth-tags span{display:inline-block;margin:0}.depth-tags{column-gap:8px;row-gap:8px}.nature-grid span{display:block}@media(max-width:900px){.persona-grid{grid-template-columns:1fr 1fr}.flow-showcase{grid-template-columns:1fr 1fr}}@media(max-width:640px){.persona-grid,.flow-showcase{grid-template-columns:1fr}.nature-grid .more-nature{grid-column:auto}.fv-grid{grid-template-columns:1fr}} /* v1.0.5 — SaaS Owner branding + public navigation */ .brand-company{display:flex;align-items:center;min-width:150px} .company-logo{display:block;max-height:42px;max-width:190px;width:auto;height:auto;object-fit:contain} .login-link{font-weight:700;color:var(--ink,#111827);text-decoration:none;padding:10px 12px;white-space:nowrap} .login-link:hover{text-decoration:underline} @media (max-width:900px){.company-logo{max-height:36px;max-width:150px}.login-link{padding:8px}} /* v1.0.6 supplied Accentra brand logo */ .brand-company{display:flex;align-items:center;min-width:172px} .company-logo{display:block;width:auto;height:42px;max-width:220px;object-fit:contain} @media(max-width:760px){.company-logo{height:34px;max-width:170px}.brand-company{min-width:auto}} /* v1.0.7 — completion: frontend-relative clean slug navigation */ .links a[aria-current="page"]{color:#111827;font-weight:850;position:relative} .links a[aria-current="page"]:after{content:"";position:absolute;height:2px;background:#111827;left:0;right:0;bottom:-8px;border-radius:999px} .nav-toggle{display:none;border:0;background:transparent;padding:9px;cursor:pointer} .nav-toggle span{display:block;width:23px;height:2px;background:#111827;margin:4px 0;border-radius:99px} @media(max-width:980px){ .nav-toggle{display:block;margin-left:auto}.links{display:none;position:absolute;left:18px;right:18px;top:74px;background:#fff;border:1px solid #eaecf0;border-radius:18px;padding:12px;box-shadow:0 20px 45px rgba(15,23,42,.12);z-index:30}.nav-open .links{display:grid;gap:3px}.links a{padding:11px 12px;border-radius:10px}.links a:hover{background:#f8fafc}.links a[aria-current="page"]:after{display:none}.navcta{display:none}.nav-open .navcta{display:flex;position:absolute;left:18px;right:18px;top:392px;background:#fff;padding:12px;border:1px solid #eaecf0;border-top:0;border-radius:0 0 18px 18px;z-index:31;flex-wrap:wrap}.navin{position:relative}} /* v1.0.8 — Connected Main Website header mark corrective */ .brand-company{min-width:48px;flex:0 0 auto} .company-logo{display:block!important;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important} @media(max-width:760px){.company-logo{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}.brand-company{min-width:42px}} /* v1.1.0 — Connected Main Website complete rebuild */ .brand-company{min-width:188px;gap:9px}.company-logo{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;object-fit:contain!important}.brand-wordmark{font-size:20px;line-height:1;font-weight:500;letter-spacing:.035em;color:#090d16}.navin{height:76px}.brand-logo-strip{display:flex;justify-content:center;overflow:hidden;margin:12px auto 8px}.brand-logo-strip img{display:block;width:min(100%,1080px);height:auto;object-fit:contain}.brand-logo-strip.technology img{width:min(100%,760px)}.tech-kicker{margin-top:28px!important}.ecosystem{padding:30px 0 34px}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portal-card{border:1px solid #eaecf0;border-radius:24px;padding:26px;background:#fff}.portal-card h3{font-size:22px;margin:18px 0 7px}.portal-card p{color:#667085;min-height:72px}.portal-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eef4ff;color:#3448c5;font-size:22px;font-weight:900}.connected-form{border:1px solid #eaecf0;background:#fff;border-radius:24px;padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connected-form label{display:grid;gap:7px;font-weight:750;font-size:13px;color:#344054;margin-bottom:16px}.connected-form input,.connected-form textarea{width:100%;border:1px solid #d0d5dd;border-radius:11px;padding:12px 13px;font:inherit;background:#f8fafc;color:#667085}.connected-form textarea{min-height:120px;resize:vertical}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:34px;height:34px;object-fit:contain}.pricewrap p{color:#667085}.pricewrap[data-accentra-block]{position:relative} @media(max-width:980px){.brand-company{min-width:auto}.brand-wordmark{font-size:18px}.portal-grid{grid-template-columns:1fr 1fr}.nav-open .navcta{top:332px}} @media(max-width:640px){.company-logo{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}.brand-wordmark{font-size:16px}.portal-grid,.form-grid{grid-template-columns:1fr}.brand-logo-strip{overflow-x:auto;justify-content:flex-start}.brand-logo-strip img{min-width:860px}.brand-logo-strip.technology img{min-width:620px}.ecosystem .wrap{overflow:hidden}} /* v1.2.0 — One-page Connected Main Website */ section[id]{scroll-margin-top:88px} .links a{white-space:nowrap} .links a.active-anchor{font-weight:850;color:#111827} .partner-models{display:grid;grid-template-columns:1fr 1fr;gap:20px} .partner-model{border:1px solid #eaecf0;border-radius:28px;padding:30px;background:#fff} .partner-model.referral{background:linear-gradient(145deg,#fff,#eef7ff)} .partner-model.solution{background:linear-gradient(145deg,#fff,#f2edff)} .partner-label{display:inline-flex;border-radius:999px;padding:7px 10px;background:#fff;border:1px solid #eaecf0;font-size:12px;font-weight:850;color:#475467} .partner-model h3{font-size:28px;line-height:1.15;margin:18px 0 10px} .partner-model p,.partner-model li{color:#667085} .partner-model ul{padding-left:20px;margin:20px 0 24px} .partner-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px} .partner-benefits article{border:1px solid #eaecf0;border-radius:18px;padding:18px;background:#fff} .partner-benefits b{display:block;margin-bottom:6px} .partner-benefits span{display:block;color:#667085;font-size:13px} .connected-panel{margin-top:22px;border-radius:24px;padding:26px;background:#0b1020;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px} .connected-panel p{color:#b9c3d5;margin-bottom:0} .connected-panel .tag{color:#c7d2fe} .payg-panel{margin-top:20px;border-radius:24px;border:1px solid #eaecf0;padding:26px;background:linear-gradient(145deg,#f8fbff,#f7f2ff);display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center} .payg-panel h3{font-size:27px;margin:8px 0} .payg-panel p{color:#667085;margin:0} .payg-examples{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end} .payg-examples span{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:9px 11px;font-size:12px;font-weight:800} .contact-section-onepage{background:#f8fafc} .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start} .contact-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.035em;margin:12px 0} .contact-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px} .contact-points span{border:1px solid #dbe1ea;background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800} .demo-form h3{font-size:27px;margin:8px 0} .demo-form p{color:#667085} .form-preview{opacity:.8} .connected-runtime-note{margin-top:12px;border-radius:12px;padding:11px 13px;background:#eef4ff;color:#3448c5;font-size:12px;font-weight:800} @media(max-width:980px){ .partner-benefits{grid-template-columns:1fr 1fr} .contact-grid,.payg-panel{grid-template-columns:1fr} .payg-examples{justify-content:flex-start} } @media(max-width:700px){ .partner-models,.partner-benefits{grid-template-columns:1fr} .connected-panel{align-items:flex-start;flex-direction:column} } /* v1.2.1 complete connected actions */ .connected-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .package-fallback{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:28px;border:1px dashed #cfd7e6;border-radius:22px;background:linear-gradient(145deg,#fbfdff,#f7f5ff)} .package-fallback h3{margin:0 0 8px;font-size:24px}.package-fallback p{margin:0 0 18px;color:#667085}.fallback-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#111827;color:#fff;font-size:24px} .live-package-card{position:relative;border:1px solid #e4e7ec;border-radius:24px;padding:24px;background:#fff;box-shadow:0 10px 35px rgba(16,24,40,.05)} .live-package-card h3{font-size:24px;margin:8px 0}.live-package-card p{color:#667085}.package-price{font-size:22px;font-weight:900;margin:8px 0 14px}.package-badge{display:inline-flex;background:#eef2ff;color:#4338ca;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.package-highlights{list-style:none;padding:0;margin:18px 0}.package-highlights li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0f2f5;color:#475467}.package-module-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.package-module-pills span{font-size:11px;padding:6px 8px;border:1px solid #e5e7eb;border-radius:999px;background:#f8fafc}.package-actions{margin-top:18px} .commercial-flow{margin-top:22px;border:1px solid #e4e7ec;border-radius:24px;padding:24px;background:#fff}.flow-steps{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}.flow-steps span{padding:8px 10px;border-radius:999px;background:#f3f5f8;font-size:12px;font-weight:800}.commercial-flow p{color:#667085;margin-bottom:0} .demo-lead-form{margin-top:18px}.demo-lead-form label{display:block;font-size:12px;font-weight:800;color:#475467;margin-bottom:12px}.demo-lead-form input,.demo-lead-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #d9dee8;border-radius:12px;padding:12px 13px;background:#fff;font:inherit;color:#111827}.demo-lead-form textarea{min-height:120px;resize:vertical}.form-status{min-height:20px;margin-top:12px;color:#475467;font-size:13px} @media(max-width:980px){.connected-package-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.connected-package-grid{grid-template-columns:1fr}.package-fallback{grid-template-columns:1fr}.flow-steps b{display:none}} /* v1.2.2 REBUILT — v1.2.1 design preserved; POS + Device & Edge Hub expansion */ .pos-value-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0 auto 24px;padding:14px 18px;border:1px solid #e4e7ec;border-radius:18px;background:#fff}.pos-value-strip b{margin-right:8px;color:#111827}.pos-value-strip span{padding:6px 9px;border-radius:999px;background:#eef4ff;color:#3448c5;font-size:12px;font-weight:850}.pos-value-strip i{font-style:normal;color:#98a2b3}.pos-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-picture.fine-pic{background:linear-gradient(135deg,#fff7ed,#fef3c7)}.flow-picture.bar-pic{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.flow-picture.pharmacy-pic{background:linear-gradient(135deg,#ecfdf3,#eff8ff)}.flow-picture.beauty-pic{background:linear-gradient(135deg,#fdf2fa,#fff1f3)}.flow-picture.jewellery-pic{background:linear-gradient(135deg,#fffaeb,#fef3c7)}.flow-picture.bakery-pic{background:linear-gradient(135deg,#fff6ed,#fffaf5)}.industry-more{margin:22px auto 0;padding:20px 22px;border-radius:20px;background:#111827;color:#fff;text-align:center}.industry-more strong{display:block;font-size:18px;margin-bottom:7px}.industry-more span{color:#cbd5e1;font-size:13px;line-height:1.7}.scada-section{background:#fff}.scada-flow{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 26px}.scada-flow b{padding:10px 14px;border-radius:999px;background:#111827;color:#fff;font-size:13px}.scada-flow i{font-style:normal;color:#667085;font-weight:900}.scada-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.scada-card{border:1px solid #e4e7ec;border-radius:26px;padding:24px;background:#fff;box-shadow:0 12px 34px rgba(16,24,40,.05)}.scada-card small{display:block;margin:18px 0 8px;text-transform:uppercase;letter-spacing:.08em;color:#3448c5;font-weight:900}.scada-card h3{font-size:24px;line-height:1.15;margin:0 0 10px}.scada-card p{color:#667085}.scada-art{min-height:108px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:7px;padding:16px;background:linear-gradient(145deg,#eef4ff,#f8fafc)}.scada-card.hospital .scada-art{background:linear-gradient(145deg,#ecfdf3,#eff8ff)}.scada-card.farm .scada-art{background:linear-gradient(145deg,#f0fdf4,#fefce8)}.scada-art span{padding:8px 9px;border-radius:10px;background:#fff;border:1px solid #dbe1ea;font-size:12px;font-weight:850}.scada-art i{font-style:normal;color:#667085}.scada-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.scada-tags span{font-size:11px;font-weight:800;padding:6px 8px;border-radius:999px;background:#f3f5f8;color:#475467}.scada-usp{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:22px;padding:22px 24px;border-radius:22px;background:#0b1020;color:#fff}.scada-usp span{color:#cbd5e1}.scada-usp em{font-style:normal;color:#a5b4fc;font-weight:850} @media(max-width:980px){.pos-expanded,.scada-grid{grid-template-columns:1fr 1fr}.scada-usp{grid-template-columns:1fr}} @media(max-width:700px){.pos-expanded,.scada-grid{grid-template-columns:1fr}.pos-value-strip{justify-content:flex-start}.scada-flow{justify-content:flex-start}.scada-card{padding:20px}.scada-art{min-height:90px;flex-wrap:wrap}.industry-more{text-align:left}} /* v1.2.3 Business Nature card expansion — preserves v1.2.1 visual language */ .business-nature-showcase{padding:104px 0;background:#f8fafc}.business-nature-showcase .sectionhead{max-width:850px}.nature-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.nature-category-card{background:#fff;border:1px solid #eaecf0;border-radius:26px;padding:26px;box-shadow:0 12px 34px rgba(15,23,42,.045);transition:transform .2s ease,box-shadow .2s ease}.nature-category-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(15,23,42,.08)}.nature-card-art{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#e9e1ff,#eef2ff);font-size:23px;font-weight:900;color:#4338ca}.nature-category-card:nth-child(2n) .nature-card-art{background:linear-gradient(135deg,#dcf8ea,#effcf6);color:#087a55}.nature-category-card:nth-child(3n) .nature-card-art{background:linear-gradient(135deg,#fff1b8,#fff8df);color:#9a6700}.nature-category-card h3{font-size:22px;line-height:1.15;margin:18px 0 9px;letter-spacing:-.02em}.nature-category-card>p{color:#667085;font-size:14px;line-height:1.6;min-height:68px}.nature-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.nature-list span{font-size:12px;line-height:1.25;border:1px solid #e5e7eb;background:#f8fafc;border-radius:999px;padding:7px 10px;color:#344054}.nature-expansion-card{margin-top:20px;border-radius:26px;padding:32px 34px;background:linear-gradient(135deg,#e9e1ff,#fff1b8);display:flex;align-items:center;justify-content:space-between;gap:28px}.nature-expansion-card h3{font-size:27px;margin:8px 0}.nature-expansion-card p{max-width:850px;color:#475467;margin:0}.nature-expansion-card .btn{flex:0 0 auto}@media(max-width:980px){.nature-category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.business-nature-showcase{padding:72px 0}.nature-category-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}.nature-category-card{padding:22px;border-radius:22px}.nature-category-card>p{min-height:0}.nature-expansion-card{padding:24px;flex-direction:column;align-items:flex-start}.nature-list span{font-size:11px}.nature-expansion-card h3{font-size:23px}} /* v1.2.4 — richer connected capability cards; preserves v1.2.1 visual language */ .cap-grid-rich{gap:20px}.cap-grid-rich .cap-card{position:relative;overflow:hidden;min-height:340px;padding:26px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.cap-grid-rich .cap-card:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(15,23,42,.10);border-color:#d8dce5}.cap-card:after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;right:-62px;top:-72px;opacity:.35;pointer-events:none}.cap-card.sales:after{background:#ddd6fe}.cap-card.commerce:after{background:#bae6fd}.cap-card.finance:after{background:#fde68a}.cap-card.people:after{background:#bbf7d0}.cap-card.manufacturing:after{background:#fed7aa}.cap-card.healthcare:after{background:#fecdd3}.cap-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.cap-kicker{font-size:10px;letter-spacing:.13em;font-weight:900;color:#667085}.cap-grid-rich .cap-icon{background:#111827;color:#fff}.cap-visual{height:84px;border-radius:17px;margin:20px 0 18px;padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;position:relative;overflow:hidden}.sales .cap-visual{background:linear-gradient(135deg,#f3f0ff,#fbfaff)}.commerce .cap-visual{background:linear-gradient(135deg,#e8f7ff,#f8fcff)}.finance .cap-visual{background:linear-gradient(135deg,#fff5c7,#fffdf4)}.people .cap-visual{background:linear-gradient(135deg,#e6faef,#f8fffb)}.manufacturing .cap-visual{background:linear-gradient(135deg,#fff0df,#fffaf4)}.healthcare .cap-visual{background:linear-gradient(135deg,#ffe8ee,#fff8fa)}.pipeline b,.manufacturing-ui b,.healthcare-ui span,.people-ui span{background:#fff;border:1px solid rgba(15,23,42,.08);padding:9px 10px;border-radius:10px;box-shadow:0 5px 14px rgba(15,23,42,.05)}.pipeline i,.manufacturing-ui i,.healthcare-ui i{font-style:normal;color:#667085}.commerce-ui{display:grid;grid-template-columns:1fr 1fr;gap:7px}.commerce-ui span{background:#fff;border-radius:9px;padding:8px;text-align:center;border:1px solid rgba(15,23,42,.07)}.finance-ui{align-items:flex-end;gap:7px}.finance-ui .bar{width:22px;border-radius:6px 6px 3px 3px;background:#111827}.finance-ui .b1{height:22px}.finance-ui .b2{height:39px}.finance-ui .b3{height:30px}.finance-ui .b4{height:53px}.finance-ui strong{position:absolute;right:14px;top:12px;color:#b45309;font-size:13px}.people-ui i{width:22px;height:1px;background:#86b89b}.cap-grid-rich h3{font-size:23px;margin:0 0 8px}.cap-grid-rich p{line-height:1.55;min-height:74px}.cap-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.cap-tags span{font-size:10px;font-weight:800;padding:6px 8px;border-radius:999px;background:#f8fafc;border:1px solid #eaecf0;color:#475467}.cap-connection{margin:24px auto 0;max-width:980px;border-radius:18px;background:#111827;color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:12px}.cap-connection span{background:#1f2937;border:1px solid #344054;border-radius:999px;padding:7px 11px;font-weight:800}.cap-connection i{font-style:normal;color:#98a2b3}.cap-connection strong{margin-left:12px;color:#c4b5fd;font-size:11px;text-transform:uppercase;letter-spacing:.08em}@media(max-width:640px){.cap-grid-rich .cap-card{min-height:auto;padding:21px}.cap-grid-rich p{min-height:0}.cap-visual{height:74px}.cap-connection{justify-content:flex-start}.cap-connection strong{width:100%;margin:5px 0 0}} /* v1.2.5 capability cards — visual treatment inspired by the approved mockup, implemented as responsive HTML/CSS cards */ .cap-grid-rich{gap:20px} .cap-grid-rich .cap-card{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(130px,.65fr);gap:12px;overflow:hidden;min-height:300px;padding:26px 24px;border:1px solid rgba(15,23,42,.06);box-shadow:0 14px 36px rgba(15,23,42,.055);transition:transform .22s ease,box-shadow .22s ease} .cap-grid-rich .cap-card:after{display:none} .cap-grid-rich .cap-card.sales{background:linear-gradient(135deg,#f8fbff 0%,#eef7ff 100%)} .cap-grid-rich .cap-card.commerce{background:linear-gradient(135deg,#fbf9ff 0%,#f2edff 100%)} .cap-grid-rich .cap-card.finance{background:linear-gradient(135deg,#f8fffb 0%,#ebfaf2 100%)} .cap-grid-rich .cap-card.people{background:linear-gradient(135deg,#fffdf8 0%,#fff4dd 100%)} .cap-grid-rich .cap-card.manufacturing{background:linear-gradient(135deg,#f8fbff 0%,#eaf4ff 100%)} .cap-grid-rich .cap-card.healthcare{background:linear-gradient(135deg,#fff9fb 0%,#ffedf3 100%)} .cap-grid-rich .cap-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(15,23,42,.10)} .cap-copy{position:relative;z-index:2;min-width:0}.cap-top{display:flex;align-items:center;justify-content:flex-start;gap:12px}.cap-top>div{display:flex;flex-direction:column;gap:3px}.cap-grid-rich .cap-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:19px;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.10);flex:0 0 44px}.sales .cap-icon{background:#1687ff}.commerce .cap-icon{background:#8b5cf6}.finance .cap-icon{background:#20b66f}.people .cap-icon{background:#ffad2f}.manufacturing .cap-icon{background:#2785ed}.healthcare .cap-icon{background:#f44878}.cap-kicker{font-size:10px;letter-spacing:.08em;font-weight:900}.sales .cap-kicker,.sales .cap-more{color:#0875e7}.commerce .cap-kicker,.commerce .cap-more{color:#7c3aed}.finance .cap-kicker,.finance .cap-more{color:#09975a}.people .cap-kicker,.people .cap-more{color:#e78300}.manufacturing .cap-kicker,.manufacturing .cap-more{color:#0875e7}.healthcare .cap-kicker,.healthcare .cap-more{color:#e72d63}.cap-flowline{font-size:11px;color:#344054;white-space:normal}.cap-grid-rich h3{font-size:23px;margin:22px 0 9px}.cap-grid-rich p{font-size:13px;line-height:1.55;min-height:82px;margin:0;color:#5d6b84}.cap-more{display:inline-block;margin-top:12px;font-size:12px;font-weight:900;text-decoration:none}.cap-more:hover{text-decoration:underline} .cap-art{position:relative;align-self:center;justify-self:stretch;height:155px;min-width:130px;z-index:1}.cap-art:before{content:'';position:absolute;inset:8px;border-radius:50%;background:rgba(255,255,255,.52);filter:blur(1px)}.cap-art span,.cap-art i,.cap-art b{position:absolute;display:grid;place-items:center;font-style:normal}.art-sales .bar{bottom:25px;width:22px;border-radius:7px 7px 3px 3px;background:linear-gradient(#78b8ff,#348cf0);box-shadow:0 7px 15px rgba(52,140,240,.18)}.art-sales .a{height:38px;left:34px}.art-sales .b{height:66px;left:64px}.art-sales .c{height:94px;left:94px}.art-sales b{right:8px;top:20px;font-size:48px;color:#4c83ef;transform:rotate(-8deg)}.art-sales .art-person{left:16px;top:18px;width:42px;height:42px;border-radius:12px;background:#fff;color:#5ba4f4;box-shadow:0 8px 20px rgba(32,100,180,.12)} .art-commerce .screen{right:10px;top:28px;width:94px;height:68px;border:7px solid #324b69;border-radius:10px;background:#fff;color:#6d5adf;font-weight:900}.art-commerce .bag{left:10px;bottom:22px;width:58px;height:66px;border-radius:8px 8px 13px 13px;background:#9b76ee;color:#fff;font-size:27px}.art-commerce .box{right:6px;bottom:10px;width:48px;height:42px;border-radius:7px;background:#efb263;color:#fff} .art-finance .report{right:5px;top:18px;width:84px;height:104px;border-radius:12px;background:#fff;color:#2fb77a;font-size:34px;box-shadow:0 9px 22px rgba(23,120,80,.10)}.art-finance .calc{left:5px;bottom:22px;width:58px;height:70px;border-radius:10px;background:#315574;color:#fff;font-size:14px;font-weight:900}.art-finance .coins{right:0;bottom:12px;color:#f2ae20;letter-spacing:-4px;font-size:30px} .art-people .profile{right:30px;top:15px;width:76px;height:96px;border-radius:12px;background:#fff;color:#f3aa2d;font-size:32px;box-shadow:0 9px 22px rgba(180,120,20,.10)}.art-people .clock{left:4px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#3d9cf5;color:#fff;font-size:30px}.art-people .calendar{right:0;bottom:10px;width:64px;height:58px;border-radius:10px;background:#fff;color:#4b91dc;font-size:30px} .art-manufacturing .factory{left:10px;bottom:12px;width:104px;height:82px;border-radius:8px 8px 13px 13px;background:#4d95e8;color:#fff;font-size:38px}.art-manufacturing .gear{right:5px;top:16px;width:46px;height:46px;border-radius:10px;background:#fff;color:#348cf0;font-size:27px}.art-manufacturing .crate{right:3px;bottom:7px;width:48px;height:43px;border-radius:7px;background:#eab35f;color:#fff;font-size:24px} .art-healthcare .hospital{right:18px;top:12px;width:94px;height:108px;border-radius:13px;background:#fff;color:#ef4f7e;font-size:42px;box-shadow:0 9px 22px rgba(180,60,100,.10)}.art-healthcare .patient{left:5px;bottom:16px;width:48px;height:58px;border-radius:12px;background:#fff;color:#5b91e7;font-size:24px}.art-healthcare .card{right:0;bottom:5px;width:52px;height:66px;border-radius:9px;background:#f8fbff;color:#608fd8;font-size:28px} .cap-connection{margin:26px auto 0;max-width:980px;border:1px solid #e1e5ff;border-radius:20px;background:linear-gradient(135deg,#f7f7ff,#f1efff);color:#2f2b84;padding:20px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 12px 28px rgba(79,70,229,.07);text-align:center}.cap-connection-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:15px;font-weight:900}.cap-connection span{background:transparent;border:0;border-radius:0;padding:0;color:#4238b8}.cap-connection i{font-style:normal;color:#7068dd;font-weight:900}.cap-connection strong{margin:0;color:#111827;font-size:18px;text-transform:none;letter-spacing:0} @media(max-width:900px){.cap-grid-rich .cap-card{grid-template-columns:1fr}.cap-art{height:120px;width:170px;justify-self:end;margin-top:-10px}.cap-grid-rich p{min-height:0}} @media(max-width:640px){.cap-grid-rich .cap-card{padding:21px;min-height:auto}.cap-art{width:150px;height:112px;justify-self:center;margin-top:4px}.cap-flowline{font-size:10px}.cap-connection{padding:18px 14px}.cap-connection-flow{font-size:13px;gap:7px}.cap-connection strong{font-size:16px}} /* v1.2.6 Reference-applied design corrections */ .capabilities-ref{padding:92px 0 76px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)} .capabilities-head{max-width:900px;margin:0 auto 34px} .capabilities-grid-ref{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .cap-ref-card{border:1px solid rgba(34,52,88,.07);border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(26,46,86,.055);min-height:300px} .tone-blue{background:linear-gradient(135deg,#f7fbff,#eaf5ff)} .tone-purple{background:linear-gradient(135deg,#fbf9ff,#f0eaff)} .tone-green{background:linear-gradient(135deg,#f8fffb,#e9f9f0)} .tone-orange{background:linear-gradient(135deg,#fffdf8,#fff3dc)} .tone-cyan{background:linear-gradient(135deg,#f7fbff,#e8f4ff)} .tone-pink{background:linear-gradient(135deg,#fff9fb,#fdebf2)} .cap-ref-top{display:flex;align-items:flex-start;gap:12px} .cap-ref-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:#fff;box-shadow:0 6px 16px rgba(47,78,140,.12);font-weight:900;font-size:20px} .cap-ref-heading-copy{display:flex;flex-direction:column} .cap-ref-kicker{display:block;font-size:11px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;color:#1769e0} .cap-ref-flow{display:block;margin-top:3px;font-size:14px;color:#1f2f5a} .cap-ref-body{display:grid;grid-template-columns:1fr 150px;gap:12px;align-items:end;margin-top:18px} .cap-ref-body h3{font-size:25px;margin:0 0 10px;color:#101828} .cap-ref-body p{margin:0;color:#596780;line-height:1.58} .cap-ref-body a{display:inline-block;margin-top:16px;font-weight:800;text-decoration:none;color:#1769e0} .mini-illus{height:145px;position:relative;align-self:end} .sales-illus .bar{position:absolute;bottom:18px;width:22px;border-radius:8px 8px 0 0;background:linear-gradient(#80b5ff,#3e7cf6)} .sales-illus .b1{left:12px;height:42px}.sales-illus .b2{left:42px;height:67px}.sales-illus .b3{left:72px;height:92px}.sales-illus .b4{left:102px;height:122px} .sales-illus .trend{position:absolute;right:0;top:4px;font-size:56px;color:#326fe8;font-weight:700} .commerce-illus .shop-roof{position:absolute;left:24px;top:28px;width:98px;height:26px;background:repeating-linear-gradient(90deg,#9a5cff 0 16px,#d8c4ff 16px 32px);border-radius:8px 8px 0 0} .commerce-illus .shop-body{position:absolute;left:36px;top:54px;width:78px;height:65px;background:#fff;border:5px solid #7c5ce7;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#7c5ce7} .commerce-illus .parcel{position:absolute;right:2px;bottom:12px;font-size:52px;color:#f2aa52} .finance-illus .calc{position:absolute;left:12px;bottom:16px;font-size:70px;color:#3069a8}.finance-illus .coins{position:absolute;right:0;bottom:28px;color:#f2b632;font-size:30px;letter-spacing:-10px} .people-illus .person{position:absolute;left:20px;top:18px;font-size:42px;color:#f6a92a}.people-illus .clock{position:absolute;left:12px;bottom:12px;font-size:62px;color:#2f7ee8}.people-illus .calendar{position:absolute;right:12px;bottom:5px;font-size:66px;color:#5b91ed} .manufacturing-illus .factory{position:absolute;left:10px;bottom:30px;font-size:90px;color:#4a8fea}.manufacturing-illus .belt{position:absolute;left:20px;bottom:8px;color:#c68b3b} .healthcare-illus .hospital{position:absolute;left:24px;top:20px;font-size:84px;color:#f25f90}.healthcare-illus .patient{position:absolute;right:16px;bottom:10px;font-size:48px;color:#5a8fe7} .connected-source-card{margin-top:20px;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#f2f4ff,#eef5ff);box-shadow:0 10px 28px rgba(80,72,180,.07);text-align:center;border:1px solid #e0e4fb} .connected-icon-row{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:21px;font-weight:800;color:#4338ca} .connected-source-card>strong{display:block;margin-top:5px;font-size:24px;color:#3c27d6} .connected-source-card>small{display:block;margin-top:6px;color:#667085} .device-edge-ref{padding:88px 0;background:linear-gradient(180deg,#f7f8ff,#fff)} .device-edge-head{max-width:900px;margin:0 auto 34px} .edge-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .edge-card{display:grid;grid-template-columns:1fr 150px;gap:12px;align-items:end;padding:24px;border-radius:20px;border:1px solid rgba(40,60,110,.08);box-shadow:0 10px 28px rgba(30,55,110,.055)} .edge-blue{background:linear-gradient(135deg,#f7fbff,#e9f5ff)} .edge-green{background:linear-gradient(135deg,#f8fffb,#eaf9f0)} .edge-pink{background:linear-gradient(135deg,#fff9fb,#fdebf2)} .edge-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#1769e0} .edge-card small{display:block;margin-top:2px;color:#58709a}.edge-card h3{font-size:26px;margin:12px 0 8px}.edge-card p{color:#596780;line-height:1.58}.edge-card a{display:inline-block;margin-top:12px;font-weight:800;color:#1769e0;text-decoration:none} .edge-visual{height:155px;display:flex;align-items:flex-end;justify-content:center;gap:8px;font-size:56px} .factory-visual{color:#4d84de}.farm-visual{color:#42a464}.care-visual{color:#ed6b94} .edge-flow-card{margin-top:18px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center;padding:18px 22px;border-radius:18px;background:#fff;border:1px solid #e6e9f3;box-shadow:0 10px 28px rgba(30,55,110,.05)} .edge-flow-card>div{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon strong" "icon small";column-gap:12px;align-items:center} .edge-flow-icon{grid-area:icon;display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:#eef4ff;color:#276bd5;font-size:24px} .edge-flow-card strong{grid-area:strong}.edge-flow-card small{grid-area:small;color:#667085} .business-nature-ref{padding:88px 0;background:linear-gradient(135deg,#fbfffd,#f5fbff)} .business-nature-head{max-width:900px;margin:0 auto 30px} .business-type-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px} .bn-chip{padding:16px 8px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid #e2ebea;text-align:center;box-shadow:0 6px 18px rgba(30,75,90,.035)} .bn-chip span{display:block;font-size:28px;color:#6d4bea;margin-bottom:8px}.bn-chip strong{font-size:12px;line-height:1.3} .business-nature-cta{text-align:center;margin:24px 0}.business-nature-cta small{display:block;margin-top:9px;color:#667085} .business-nature-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px} .nature-column{padding:20px;border-radius:18px;background:#fff;border:1px solid #e5ecec;box-shadow:0 8px 22px rgba(30,75,90,.035)} .nature-column h3{margin:0 0 12px;font-size:17px}.nature-column span{display:block;padding:7px 0;border-bottom:1px dashed #edf0f0;color:#4d5d71;font-size:14px}.nature-column span:last-child{border-bottom:0} @media(max-width:1100px){ .capabilities-grid-ref{grid-template-columns:repeat(2,1fr)} .edge-card-grid{grid-template-columns:1fr} .business-type-strip{grid-template-columns:repeat(3,1fr)} .business-nature-catalogue{grid-template-columns:repeat(2,1fr)} } @media(max-width:720px){ .capabilities-ref,.device-edge-ref,.business-nature-ref{padding:58px 0} .capabilities-grid-ref{grid-template-columns:1fr} .cap-ref-body{grid-template-columns:1fr 120px} .connected-icon-row{font-size:17px;gap:8px} .connected-source-card>strong{font-size:21px} .edge-flow-card{grid-template-columns:1fr} .edge-flow-card>b{transform:rotate(90deg);justify-self:center} .business-type-strip{grid-template-columns:repeat(2,1fr)} .business-nature-catalogue{grid-template-columns:1fr} } @media(max-width:520px){ .cap-ref-card{padding:18px}.cap-ref-body{grid-template-columns:1fr}.mini-illus{height:120px} .edge-card{grid-template-columns:1fr}.edge-visual{height:120px} .business-type-strip{grid-template-columns:1fr 1fr} } .accentra-customer-alert{position:fixed;top:88px;left:50%;transform:translateX(-50%);z-index:9999;width:min(680px,calc(100% - 32px));display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:16px 18px;border:1px solid #bbf7d0;border-radius:14px;background:#f0fdf4;box-shadow:0 14px 40px rgba(15,23,42,.16);color:#166534}.accentra-customer-alert strong{font-size:15px}.accentra-customer-alert span{grid-column:1;color:#166534}.accentra-customer-alert-close{grid-column:2;grid-row:1/3;border:0;background:transparent;color:#166534;font-size:24px;line-height:1;cursor:pointer;padding:0 2px}.accentra-customer-alert-success{border-left:4px solid #16a34a}@media(max-width:640px){.accentra-customer-alert{top:76px}} /* v1.3.4: readable, content-sized public package cards. */ .connected-pricing{padding:clamp(18px,3vw,28px)} .connected-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px} .connected-package-grid .live-package-card,.connected-package-grid .accentra-pkg-card{min-width:0;height:100%;display:flex;flex-direction:column;padding:clamp(20px,2vw,28px);overflow-wrap:anywhere} .connected-package-grid .live-package-card h3,.connected-package-grid .accentra-pkg-card h3{line-height:1.2;overflow-wrap:anywhere} .connected-package-grid .live-package-card p,.connected-package-grid .accentra-pkg-desc{min-height:0;line-height:1.55;white-space:normal;overflow:visible;display:block;-webkit-line-clamp:unset;line-clamp:unset} .connected-package-grid .package-highlights,.connected-package-grid .accentra-pkg-list{width:100%;min-width:0;margin:20px 0;padding:0;list-style:none} .connected-package-grid .package-highlights li,.connected-package-grid .accentra-pkg-list li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;margin:0;border-bottom:1px solid #eef0f4;line-height:1.45;min-width:0;text-align:left} .connected-package-grid .package-highlights li span,.connected-package-grid .accentra-pkg-list li strong{font-weight:700;color:#344054;min-width:0;flex:1;overflow-wrap:anywhere} .connected-package-grid .package-highlights li b{font-weight:700;color:#111827;text-align:right;max-width:48%;overflow-wrap:anywhere} .connected-package-grid .accentra-pkg-list li strong{flex:none} .connected-package-grid .package-actions,.connected-package-grid .accentra-pkg-actions{margin-top:auto;padding-top:18px} .connected-package-grid .package-actions .btn,.connected-package-grid .accentra-pkg-actions .accentra-pkg-btn{min-height:44px;white-space:normal;text-align:center} @media(max-width:980px){.connected-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.connected-package-grid{grid-template-columns:minmax(0,1fr)}} /* v1.3.5: focused industry stories, with readable controls and flexible panels. */ .industry-section{padding:clamp(64px,8vw,108px) 0;background:#f7faf9;scroll-margin-top:86px} .industry-section .sectionhead{max-width:760px;margin:0 auto 30px} .industry-tabs{display:flex;gap:10px;overflow-x:auto;padding:5px 4px 16px;margin:0 0 18px;scrollbar-width:thin;-webkit-overflow-scrolling:touch} .industry-tabs button{font:inherit;flex:0 0 auto;min-height:44px;border:1px solid #d6e3e2;border-radius:999px;background:#fff;color:#254450;font-weight:700;padding:10px 18px;line-height:1.3;cursor:pointer;white-space:nowrap} .industry-tabs button:hover,.industry-tabs button[aria-selected="true"]{background:#174d52;color:#fff;border-color:#174d52} .industry-tabs button:focus-visible{outline:3px solid #f59e68;outline-offset:2px} .industry-panel[hidden]{display:none} .industry-panel{background:#fff;border:1px solid #e0e9e8;border-radius:28px;box-shadow:0 20px 55px rgba(16,65,68,.07);overflow:hidden} .industry-story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch} .industry-copy{padding:clamp(24px,4vw,54px);min-width:0} .industry-overline{display:block;color:#0c786d;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:13px} .industry-copy h3{font-size:clamp(27px,3vw,42px);line-height:1.12;letter-spacing:-.035em;margin:0 0 14px;max-width:620px;color:#172d38} .industry-copy>p{color:#50636c;line-height:1.65;max-width:560px;margin:0 0 22px} .industry-journey{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:22px 0 28px;gap:9px} .industry-journey li{min-width:0;background:#f0f7f5;border-radius:13px;padding:13px 11px;overflow-wrap:anywhere;line-height:1.3} .industry-journey li span{display:block;font-size:11px;color:#0c786d;font-weight:800;margin-bottom:7px} .industry-journey li strong{font-size:13px;color:#1d4145} .industry-module-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px} .industry-module-box>div{min-width:0;border:1px solid #e0e9e8;border-radius:14px;padding:16px} .industry-module-box h4{font-size:13px;line-height:1.35;margin:0 0 8px;color:#174d52} .industry-module-box p{font-size:14px;line-height:1.5;margin:0;color:#405660;overflow-wrap:anywhere} .industry-copy .industry-note{font-size:12px;color:#667982;line-height:1.45;margin:12px 0 15px} .industry-visual{background:radial-gradient(circle at 80% 15%,#ffe2ca 0,transparent 34%),linear-gradient(135deg,#e2f3ee,#d8e9e9);padding:clamp(22px,4vw,58px);display:flex;align-items:center;justify-content:center;min-width:0} .industry-ui{width:min(100%,480px);background:white;border-radius:18px;box-shadow:0 22px 48px rgba(17,61,63,.19);transform:rotate(1deg);overflow:hidden} .industry-ui-head{display:flex;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid #e9eeee;color:#52666b;font-size:12px} .industry-ui-head b{color:#174d52;letter-spacing:.05em;margin-right:auto} .industry-ui-dot{width:9px;height:9px;border-radius:50%;background:#f3a568} .industry-ui-body{padding:25px} .industry-ui-body small{font-size:10px;color:#0c786d;font-weight:800;letter-spacing:.14em} .industry-ui-body h4{font-size:22px;margin:6px 0 22px;color:#172d38;line-height:1.25} .industry-ui-track{display:grid;gap:10px} .industry-ui-step{display:flex;align-items:center;min-width:0;gap:11px;border:1px solid #e6ecec;border-radius:10px;padding:11px 12px;font-size:13px;color:#263e47} .industry-ui-step i{font-style:normal;width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:7px;background:#d7f2e7;color:#116354;font-weight:700} .industry-ui-step span{min-width:0;overflow-wrap:anywhere;font-weight:650} .industry-ui-step em{font-style:normal;font-size:10px;color:#71828a;margin-left:auto;padding-left:5px;white-space:nowrap} .industry-ui-bottom{display:flex;justify-content:space-between;color:#6a7e83;font-size:11px;padding:20px 2px 0} .industry-ui-bottom b{color:#1c8b79;letter-spacing:.15em} @media(max-width:900px){.industry-story{grid-template-columns:1fr}.industry-visual{min-height:340px}.industry-ui{transform:none}} @media(max-width:620px){.industry-section{padding:58px 0}.industry-panel{border-radius:19px}.industry-copy{padding:24px 18px}.industry-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-module-box{grid-template-columns:1fr}.industry-visual{min-height:0;padding:25px 18px}.industry-ui-body{padding:18px}} .crm-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center;background:#fff;border:1px solid #e4ebeb;border-radius:24px;padding:clamp(22px,4vw,44px);margin:32px 0 38px;box-shadow:0 18px 40px rgba(20,65,67,.055)} .crm-spotlight-copy h3{font-size:clamp(26px,3vw,40px);line-height:1.16;color:#172d38;margin:0 0 14px} .crm-spotlight-copy>p{color:#50636c;line-height:1.6;max-width:500px} .crm-flow{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0} .crm-flow span{background:#e7f4ed;color:#175849;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:700;line-height:1.35} .crm-preview{background:#f7faf9;border:1px solid #dce9e7;border-radius:15px;padding:18px;min-width:0} .crm-preview-top{display:flex;justify-content:space-between;gap:10px;color:#385658;font-size:12px;padding-bottom:15px} .crm-preview-top span{color:#75888c} .crm-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .crm-preview-grid>div{background:white;border:1px solid #e3eaea;border-radius:10px;padding:12px;min-width:0;overflow-wrap:anywhere} .crm-preview-grid small{display:block;color:#0c786d;font-size:10px;font-weight:800;line-height:1.4;margin-bottom:10px} .crm-preview-grid strong{font-size:13px;line-height:1.3;color:#223d44}.crm-preview-grid p{font-size:11px;color:#687b80;line-height:1.4;margin:8px 0 0} .crm-preview-footer{font-size:11px;color:#73858a;text-align:right;padding:13px 2px 0} @media(max-width:850px){.crm-spotlight{grid-template-columns:1fr}} @media(max-width:480px){.crm-preview-grid{grid-template-columns:1fr}} .industry-flow-label{font-size:13px;color:#174d52;margin:20px 0 0;letter-spacing:.02em} /* v1.3.7: industry directory and focused, deep-linked industry views. */ .industry-directory{padding:clamp(65px,8vw,110px) 0;background:#f7f9f8;scroll-margin-top:80px} .industry-directory .sectionhead{max-width:760px;margin:0 auto 32px} .industry-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .industry-directory-card{display:flex;flex-direction:column;min-width:0;min-height:220px;padding:clamp(22px,2.5vw,29px);background:#fff;color:#19363f;text-decoration:none;border:1px solid #e2e9e8;border-radius:19px;box-shadow:0 9px 26px rgba(25,62,64,.04);transition:transform .2s,box-shadow .2s;overflow-wrap:anywhere} .industry-directory-card:hover{transform:translateY(-3px);box-shadow:0 17px 36px rgba(25,62,64,.11)} .industry-directory-card:focus-visible,.industry-back:focus-visible{outline:3px solid #e7a85e;outline-offset:3px} .industry-card-category{display:block;color:#0b786b;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;line-height:1.45} .industry-directory-card h3{font-size:24px;line-height:1.2;margin:12px 0 8px;color:inherit} .industry-directory-card p{color:#536970;font-size:14px;line-height:1.55;margin:0 0 20px} .industry-card-open{margin-top:auto;font-size:13px;font-weight:750;color:#0b786b;line-height:1.45} .industry-card-open b{margin-left:4px} .industry-card-cafe{background:#fff7eb;border-color:#efdbc2}.industry-card-cafe .industry-card-category,.industry-card-cafe .industry-card-open{color:#9b522d} .industry-card-bookshop{background:#edf2ed;border-color:#d4e0d5}.industry-card-bookshop .industry-card-category,.industry-card-bookshop .industry-card-open{color:#30594f} .industry-detail[hidden]{display:none} .industry-detail{scroll-margin-top:88px} .industry-back{display:inline-flex;align-items:center;color:#174d52;text-decoration:none;font-weight:750;margin:0 0 24px;min-height:44px} .industry-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(20px,4vw,50px);align-items:center;border-radius:26px;padding:clamp(26px,5vw,66px);background:#e6f3ef;min-height:470px} .industry-detail-hero h2{font-size:clamp(36px,4.5vw,62px);line-height:1.08;letter-spacing:-.035em;margin:16px 0;color:#17353b} .industry-detail-hero p{font-size:17px;line-height:1.65;color:#49616a;max-width:540px;margin:0 0 26px} .industry-detail-visual{min-width:0;background:#fff;border:1px solid #d8e6e1;box-shadow:0 22px 40px rgba(18,56,48,.1);border-radius:20px;padding:24px} .industry-detail-body{padding:clamp(35px,6vw,78px) 0 0} .industry-detail-body .sectionhead h3{font-size:clamp(27px,3.4vw,42px);line-height:1.15;margin:10px 0} .industry-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:0;margin:28px 0 64px} .industry-steps li{min-width:0;background:#fff;border:1px solid #e2eae8;border-radius:15px;padding:20px;overflow-wrap:anywhere} .industry-steps small{display:block;color:#0b786b;font-size:11px;font-weight:800;margin-bottom:13px} .industry-steps strong{display:block;font-size:17px;color:#203d43;line-height:1.3} .industry-steps span{display:block;font-size:13px;color:#657b7d;margin-top:9px;line-height:1.4} .industry-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0 58px} .industry-feature-grid>div{min-width:0;border-radius:15px;padding:24px;background:#fff;border:1px solid #e2eae8} .industry-feature-grid h4{font-size:18px;margin:0 0 9px;color:#203d43} .industry-feature-grid p{line-height:1.55;color:#52666d;margin:0} .industry-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .industry-related>div{background:#e7f3ef;border-radius:16px;padding:25px;min-width:0} .industry-related>div+div{background:#fff0e3} .industry-related h3{font-size:22px;line-height:1.25;margin:11px 0 8px} .industry-related p{margin:0;line-height:1.55;color:#445962} .industry-disclaimer{font-size:12px;color:#65777c;line-height:1.5;margin:18px 0} .industry-detail-actions{display:flex;gap:12px;flex-wrap:wrap} .industry-detail-cafe .industry-detail-hero{background:#fff0dc} .industry-detail-cafe .industry-card-category,.industry-detail-cafe .industry-steps small{color:#a2562c} .industry-detail-cafe .industry-related>div{background:#fff0dc} .industry-detail-bookshop .industry-detail-hero{background:#e4ebe5} .industry-detail-bookshop .industry-detail-hero h2{font-family:Georgia,serif;letter-spacing:-.025em;color:#253e3a} .industry-detail-bookshop .industry-related>div{background:#e4ebe5} .cafe-scene{background:#f9e6ce;border-color:#e7cbac;color:#3f281c;padding:0;overflow:hidden} .cafe-scene-top{display:flex;justify-content:space-between;gap:8px;background:#6e4232;color:#fff;padding:18px 20px;font-size:11px;letter-spacing:.1em} .cafe-scene-top strong{font-size:11px;color:#fbd9a5;white-space:nowrap} .cafe-order{display:flex;align-items:center;gap:15px;margin:22px;background:#fffaf2;border-radius:15px;padding:18px;box-shadow:0 8px 20px rgba(91,52,28,.08)} .cafe-cup{display:grid;place-items:center;width:70px;height:70px;flex:0 0 70px;border-radius:50%;background:#f2d2a8;font-size:34px} .cafe-order small,.cafe-order strong,.cafe-order span{display:block;line-height:1.4}.cafe-order small{font-size:10px;color:#a2562c;font-weight:800}.cafe-order strong{font-size:19px;margin:3px 0}.cafe-order span{font-size:12px;color:#715647} .cafe-scene-flow{display:flex;gap:7px;flex-wrap:wrap;padding:0 22px}.cafe-scene-flow span{background:#fffaf2;border-radius:8px;padding:9px;font-size:11px;font-weight:750} .cafe-scene>p{font-size:13px;margin:23px;color:#724a37} .book-scene{background:#29473f;border-color:#29473f;color:#fff} .book-scene-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.1em;color:#d7e6da}.book-scene-head strong{font-size:12px;white-space:nowrap} .book-search{background:#f8f4e9;color:#738074;border-radius:9px;padding:13px;margin:22px 0;font-size:13px} .book-shelf{display:flex;align-items:end;gap:5px;height:132px;border-bottom:12px solid #977251;padding:0 15px 0} .book-shelf i{width:12%;height:80%;background:#b97855;border-radius:3px 3px 0 0;border-left:3px solid rgba(255,255,255,.25)} .book-shelf i:nth-child(2n){height:92%;background:#e0b675}.book-shelf i:nth-child(3n){height:70%;background:#719185}.book-shelf i:nth-child(5n){height:100%;background:#af7d7b} .book-result{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f8f4e9;color:#30423b;border-radius:10px;padding:16px;margin-top:23px} .book-result small,.book-result strong,.book-result span{display:block;line-height:1.35}.book-result small{font-size:10px;color:#3e8066;font-weight:800}.book-result strong{font-size:15px;margin:4px 0}.book-result span{font-size:11px;color:#687b71}.book-result>b{background:#dbebdc;border-radius:8px;padding:9px} @media(max-width:950px){.industry-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-detail-hero{grid-template-columns:1fr}.industry-steps{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.industry-directory{padding:55px 0}.industry-card-grid{grid-template-columns:1fr}.industry-directory-card{min-height:0}.industry-detail-hero{padding:25px 18px;min-height:0}.industry-detail-hero h2{font-size:35px}.industry-steps,.industry-feature-grid,.industry-related{grid-template-columns:1fr}.industry-steps{margin-bottom:45px}.industry-detail-visual{padding:18px}.cafe-scene{padding:0}.book-shelf{height:105px}} /* v1.3.8: scannable industry mega menu and grouped long list. */ .industry-mega{position:static;font-size:14px} .industry-mega summary{display:flex;align-items:center;gap:5px;min-height:44px;cursor:pointer;list-style:none;font-weight:600;color:#344054} .industry-mega summary::-webkit-details-marker{display:none} .industry-mega summary:focus-visible,.industry-mega-menu a:focus-visible,.industry-more a:focus-visible{outline:3px solid #e8a76c;outline-offset:3px;border-radius:5px} .industry-chevron{font-size:17px;line-height:1;transition:transform .2s}.industry-mega[open] .industry-chevron{transform:rotate(180deg)} .industry-mega-menu{position:fixed;top:72px;left:50%;transform:translateX(-50%);width:min(1120px,calc(100vw - 28px));max-height:min(76vh,720px);overflow-y:auto;background:#fff;border:1px solid #e2e9e8;border-radius:0 0 22px 22px;box-shadow:0 25px 60px rgba(19,53,56,.18);padding:22px 28px 20px;z-index:50;color:#243e45} .industry-mega-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #e7eded} .industry-mega-intro strong{font-size:19px}.industry-mega-intro p{font-size:13px;color:#64777a;margin:3px 0 0;line-height:1.4}.industry-mega-intro>a{color:#0b786b;font-size:13px;font-weight:800;white-space:nowrap} .industry-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-top:17px} .industry-mega-column{min-width:0}.industry-mega-column h3{font-size:13px;color:#9b5a35;margin:0 0 9px;line-height:1.4} .industry-mega-column>a{display:block;font-size:13px;line-height:1.4;padding:7px 8px;margin-left:-8px;border-radius:7px;color:#314951;overflow-wrap:anywhere} .industry-mega-column>a:hover{background:#eef7f4;color:#096a61} .industry-mega-foot{color:#718388;font-size:11px;line-height:1.45;border-top:1px solid #edf0ef;margin:13px 0 0;padding-top:11px} .industry-more{padding:55px 0 12px}.industry-more .sectionhead h3{font-size:clamp(25px,3vw,37px);line-height:1.16;margin:12px 0}.industry-more .sectionhead p{font-size:15px} .industry-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .industry-more-grid>div{border:1px solid #e2e9e8;background:#fff;border-radius:15px;padding:19px;min-width:0} .industry-more-grid h4{font-size:14px;color:#9b5a35;margin:0 0 10px;line-height:1.4} .industry-more-grid a{display:block;font-size:13px;color:#425a60;padding:6px 0;line-height:1.4;overflow-wrap:anywhere} .industry-more-grid a:hover{color:#0b786b;text-decoration:underline} @media(max-width:1000px){.industry-mega-grid,.industry-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){ .industry-mega{width:100%;min-width:0} .industry-mega summary{padding:11px 12px;border-radius:10px} .industry-mega summary:hover{background:#f8fafc} .industry-mega-menu{position:static;left:auto;top:auto;transform:none;width:100%;max-height:55vh;overflow-y:auto;box-shadow:none;border-radius:12px;padding:15px;margin-top:4px} .nav-open .links{max-height:calc(100vh - 94px);overflow-y:auto} .nav-open.industry-menu-open .navcta{display:none} .industry-mega-intro{align-items:flex-start;flex-direction:column} } @media(max-width:620px){.industry-mega-grid,.industry-more-grid{grid-template-columns:1fr}.industry-mega-grid{gap:15px}.industry-mega-column{border-bottom:1px solid #edf0ef;padding-bottom:8px}.industry-more{padding-top:40px}} /* v1.3.9: Fast Food industry story and dedicated deep-linked reading view. */ .industry-focus main>section:not(#industry-paths){display:none} .industry-focus .industry-directory{padding-top:30px} .industry-card-fast-food{background:#fff0dc;border-color:#efd6ab}.industry-card-fast-food .industry-card-category,.industry-card-fast-food .industry-card-open{color:#ad592a} .industry-detail-fast-food{color:#2d3d3d} .fast-food-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);align-items:center;gap:35px;padding:clamp(34px,5vw,72px);border-radius:25px;background:radial-gradient(circle at 87% 18%,#ffe4aa 0,transparent 34%),#fff5e8;min-height:430px;overflow:hidden} .fast-food-hero h2{font-size:clamp(37px,4.5vw,62px);line-height:1.07;letter-spacing:-.04em;margin:15px 0 18px;color:#273d39;max-width:690px} .fast-food-hero p{font-size:17px;line-height:1.6;color:#516363;max-width:580px;margin:0 0 25px} .fast-food-hero-actions{display:flex;gap:10px;flex-wrap:wrap} .fast-food-hero-art{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0} .ff-ticket{background:white;border:1px solid #edddc5;border-radius:15px;box-shadow:0 15px 28px rgba(96,61,36,.1);padding:20px 12px;text-align:center;font-size:33px;color:#ad592a;font-weight:800;min-width:95px;line-height:1} .ff-ticket span{display:block;font-size:11px;letter-spacing:.08em;color:#4c5b55;margin-top:9px;line-height:1.2}.ff-arrow{color:#b66a38;font-size:22px} .fast-food-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;padding:clamp(54px,8vw,92px) 0} .fast-food-intro h3,.fast-food-story h3,.fast-food-feature-section h3{font-size:clamp(30px,3.7vw,46px);line-height:1.13;letter-spacing:-.035em;margin:10px 0 16px;color:#273d39} .fast-food-intro p,.fast-food-stock-copy p{color:#556a6b;line-height:1.7;font-size:16px;max-width:620px} .fast-food-highlight{background:#ecf5f0;border-radius:19px;padding:30px;display:grid;gap:14px;min-width:0} .fast-food-highlight strong{font-size:22px;line-height:1.3}.fast-food-highlight span{font-size:13px;color:#277567;line-height:1.5;font-weight:700} .fast-food-story{padding:clamp(48px,6vw,80px) 0;scroll-margin-top:75px} .fast-food-story .sectionhead{margin:0 auto 27px}.fast-food-story .sectionhead p{font-size:16px} .fast-food-screen{background:#edf4f1;border-radius:24px;padding:clamp(12px,2vw,22px);border:1px solid #dce9e3;box-shadow:0 25px 45px rgba(20,69,62,.06)} .fast-food-screen img{display:block;max-width:100%;width:100%;height:auto;border-radius:15px;box-shadow:0 12px 25px rgba(14,54,50,.1)} .fast-food-screen p{text-align:center;color:#65777c;font-size:12px;margin:13px 0 0;line-height:1.5} .fast-food-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0 0} .fast-food-steps>div{background:#fff;border:1px solid #e2e9e8;border-radius:15px;padding:22px;min-width:0} .fast-food-steps b{color:#b6652d;font-size:12px}.fast-food-steps h4{font-size:19px;margin:8px 0}.fast-food-steps p{font-size:14px;color:#607477;line-height:1.55;margin:0} .fast-food-stock{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(25px,6vw,75px);background:#f7f9f8;border-radius:24px;padding:clamp(28px,5vw,60px)!important;margin:34px 0 65px} .ff-flow-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.ff-flow-pills span{background:#e2f1eb;color:#236659;border-radius:99px;padding:9px 12px;font-size:12px;font-weight:700} .fast-food-stock-visual{background:#fff;border:1px solid #deebe5;box-shadow:0 18px 35px rgba(20,62,58,.08);border-radius:16px;padding:20px;min-width:0} .ff-stock-header,.fast-food-stock-visual>div:not(.ff-stock-footer){display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #ecf0ee;padding:13px 0;line-height:1.35;font-size:13px} .ff-stock-header{padding-top:0!important}.ff-stock-header strong{font-size:17px}.ff-stock-header small{font-size:10px;color:#708589} .fast-food-stock-visual b{font-size:11px;color:#277f62;white-space:nowrap}.fast-food-stock-visual>div:nth-last-child(2) b{color:#a5672f} .ff-stock-footer{font-size:12px;color:#29715f;padding-top:17px;font-weight:750} .fast-food-feature-section{padding:28px 0 36px}.fast-food-feature-section .sectionhead{margin:0 auto 24px} .fast-food-feature-section .industry-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:30px} .fast-food-related{margin-top:30px}.industry-detail-fast-food .industry-related>div:first-child{background:#fff1dc} @media(max-width:950px){.fast-food-hero,.fast-food-intro,.fast-food-stock{grid-template-columns:1fr}.fast-food-hero-art{justify-content:flex-start}} @media(max-width:680px){.fast-food-hero{min-height:0;padding:28px 20px}.fast-food-hero h2{font-size:36px}.ff-ticket{min-width:0;font-size:25px;padding:13px 8px}.ff-ticket span{font-size:9px}.fast-food-steps,.fast-food-feature-section .industry-feature-grid{grid-template-columns:1fr}.fast-food-stock{padding:24px 18px!important}.fast-food-highlight{padding:22px}} /* v1.4.0: ordering paths and four-step service flow. */ .fast-food-touchpoints{background:#f3f8f6;border-radius:22px;padding:clamp(30px,5vw,58px);margin:0 0 30px} .fast-food-touchpoints .sectionhead{margin:0 auto 24px}.fast-food-touchpoints .sectionhead h3{font-size:clamp(29px,3.5vw,43px);line-height:1.15;margin:10px 0}.fast-food-touchpoints .sectionhead p{font-size:16px} .fast-food-touch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .fast-food-touch-grid>div{min-width:0;background:white;border:1px solid #deebe6;border-radius:13px;padding:18px;overflow-wrap:anywhere} .fast-food-touch-grid strong{display:block;font-size:16px;line-height:1.3;color:#234644;margin-bottom:9px}.fast-food-touch-grid span{display:block;font-size:13px;color:#60767a;line-height:1.45} .fast-food-steps{grid-template-columns:repeat(4,minmax(0,1fr))} @media(max-width:900px){.fast-food-touch-grid,.fast-food-steps{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.fast-food-touch-grid,.fast-food-steps{grid-template-columns:1fr}.fast-food-touchpoints{padding:26px 18px}} /* v1.4.1: Accentra's lighter editorial Fast Food industry page. */ .ff-page{color:#202b35;background:#fff} .ff-page .ff-page-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:#72828b;padding:0 0 10px} .ff-page .industry-back{margin:0;font-size:13px} .ff-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,75px);padding:clamp(60px,9vw,120px) 0 90px;min-height:560px} .ff-kicker{display:block;color:#147b72;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;line-height:1.5} .ff-hero h2{font-size:clamp(39px,5.3vw,72px);line-height:1.05;letter-spacing:-.04em;margin:19px 0 20px;max-width:620px;color:#1c2630} .ff-page em{font-family:"Bradley Hand","Marker Felt","Segoe Print","Comic Sans MS",cursive;font-style:normal;font-weight:700;letter-spacing:-.035em;position:relative;white-space:normal} .ff-page em:after{content:"";position:absolute;left:1%;right:0;bottom:-.04em;height:.1em;border-radius:999px;background:#4ecdb7;transform:rotate(-2deg);opacity:.8;z-index:0} .ff-hero h2 em:after{background:#f4b34e} .ff-hero-copy>p{font-size:17px;line-height:1.7;color:#53616d;max-width:545px;margin:0 0 26px} .ff-actions{display:flex;flex-wrap:wrap;gap:10px} .ff-hero-preview{position:relative;min-width:0;padding:52px 6px 40px;isolation:isolate} .ff-hero-halo{position:absolute;inset:5% 9% 2%;border-radius:50%;background:#e7efed;z-index:-1} .ff-hero-preview img{display:block;width:100%;height:auto;box-shadow:0 22px 48px rgba(22,54,56,.14);border:1px solid #dce8e6;border-radius:15px;transform:rotate(2deg)} .ff-screen-caption{display:block;text-align:right;font-size:11px;color:#77848a;margin-top:17px} .ff-flow-note{background:#f2f4f5;padding:28px clamp(20px,4vw,45px);border-radius:17px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:105px} .ff-flow-note strong{font-size:17px;line-height:1.3;color:#213b41;white-space:nowrap}.ff-flow-note span{color:#526972;font-size:13px;line-height:1.5}.ff-flow-note b{color:#e7a045;margin:0 5px} .ff-story{padding:15px 0 105px!important;scroll-margin-top:80px} .ff-story-head,.ff-feature-heading,.ff-product-heading{text-align:center;max-width:760px;margin:0 auto 40px} .ff-story h3,.ff-showcase h3,.ff-features h3,.ff-products h3{font-size:clamp(32px,4.2vw,54px);line-height:1.12;letter-spacing:-.035em;color:#202936;margin:12px 0 18px} .ff-story-head p,.ff-feature-heading p{color:#667480;line-height:1.7;font-size:16px;margin:0 auto;max-width:670px} .ff-touch-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #e5e9e8;border-bottom:1px solid #e5e9e8} .ff-touch-list>div{padding:28px 18px 30px;min-width:0;border-right:1px solid #e5e9e8} .ff-touch-list>div:last-child{border-right:0} .ff-touch-list b{display:block;color:#ed9e38;font-size:12px;letter-spacing:.1em;margin-bottom:14px} .ff-touch-list strong{display:block;color:#283c42;font-size:17px;line-height:1.3;margin-bottom:8px} .ff-touch-list span{display:block;color:#6b7d82;font-size:13px;line-height:1.55} .ff-showcase{padding:70px 0 105px!important;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(35px,6vw,90px)} .ff-showcase-copy p{font-size:16px;color:#5e6f78;line-height:1.8;max-width:490px} .ff-showcase-art{position:relative;min-width:0;padding:36px 12px 45px;isolation:isolate} .ff-showcase-art:before{content:"";position:absolute;inset:6% 13% 10%;background:#eff2f2;border-radius:50%;z-index:-1} .ff-kitchen-ui,.ff-stock-ui{border:1px solid #e1e8e7;background:#fff;border-radius:13px;box-shadow:0 18px 40px rgba(15,47,52,.11);padding:22px;max-width:600px;margin:auto} .ff-kitchen-top,.ff-stock-title{display:flex;justify-content:space-between;gap:10px;color:#28484a;border-bottom:1px solid #e8eded;padding-bottom:16px;line-height:1.4} .ff-kitchen-top span,.ff-stock-title span{color:#71888a;font-size:10px;letter-spacing:.1em;white-space:nowrap} .ff-kitchen-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px} .ff-kitchen-lanes>div{background:#f7faf9;border:1px solid #e6eeee;border-radius:8px;padding:12px;min-height:145px;min-width:0;overflow-wrap:anywhere} .ff-kitchen-lanes small,.ff-kitchen-lanes strong,.ff-kitchen-lanes span{display:block;line-height:1.45} .ff-kitchen-lanes small{color:#21836d;font-size:10px;font-weight:800;margin-bottom:13px}.ff-kitchen-lanes strong{font-size:13px;color:#283d42}.ff-kitchen-lanes span{font-size:11px;color:#718188;margin-top:10px} .ff-mini-bubble{position:absolute;right:10px;bottom:0;background:#fff;box-shadow:0 9px 20px rgba(23,60,63,.12);border-radius:30px;padding:10px 17px;font-size:12px;color:#607276;font-style:italic} .ff-showcase-reverse{grid-template-columns:.85fr 1.15fr} .ff-stock-art:before{background:#fff1dc} .ff-stock-ui{max-width:480px} .ff-stock-ui>div:not(.ff-stock-title){display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1ef;padding:16px 0;font-size:13px;color:#39535a} .ff-stock-ui>div:last-child{border-bottom:0} .ff-stock-ui b{font-size:11px;color:#16806b;white-space:nowrap}.ff-stock-ui>div:nth-last-child(2) b{color:#ba7642} .ff-footnote{display:block;color:#819195;font-size:12px;margin-top:17px} .ff-features{background:#f1f3f4;border-radius:30px;padding:clamp(50px,7vw,85px) clamp(20px,4vw,54px)!important;margin:50px 0 105px} .ff-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .ff-feature-grid>div{min-width:0;background:#fff;border:1px solid #e1e6e6;border-radius:13px;padding:22px} .ff-feature-grid h4{font-size:16px;line-height:1.3;margin:0 0 8px;color:#243b41} .ff-feature-grid p{font-size:13px;line-height:1.55;color:#697b80;margin:0} .ff-products{padding:30px 0 110px!important} .ff-product-heading{margin-bottom:32px} .ff-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .ff-product-grid>div{background:#f8faf9;border:1px solid #e5eae8;border-radius:13px;padding:23px;min-width:0} .ff-product-grid span{font-size:11px;color:#1d8974;font-weight:800}.ff-product-grid h4{font-size:19px;margin:7px 0 5px;color:#293b42}.ff-product-grid p{font-size:13px;color:#687e80;margin:0} .ff-optional{text-align:center;color:#5c6e74;font-size:13px;line-height:1.7;margin:25px 0 0}.ff-optional strong{color:#273d43} .ff-close{text-align:center;border-top:1px solid #e8eeec;padding:65px 0 70px} .ff-close h3{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:0 0 10px;color:#20343a}.ff-close>p{color:#62767b;margin:0 auto 22px;line-height:1.55}.ff-close .industry-disclaimer{font-size:11px;max-width:650px;margin:23px auto 0;color:#7d8a90} @media(max-width:950px){.ff-hero,.ff-showcase,.ff-showcase-reverse{grid-template-columns:1fr}.ff-hero{padding-top:55px}.ff-hero-preview{max-width:700px}.ff-showcase-reverse .ff-showcase-copy{order:2}.ff-showcase-reverse .ff-showcase-art{order:1}.ff-flow-note{flex-direction:column;align-items:flex-start}.ff-touch-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-touch-list>div:nth-child(2){border-right:0}.ff-touch-list>div:nth-child(-n+2){border-bottom:1px solid #e5e9e8}} @media(max-width:680px){.ff-hero{padding:40px 0 55px;min-height:0}.ff-hero h2{font-size:42px}.ff-hero-preview{padding:25px 0}.ff-flow-note{margin-bottom:65px}.ff-story{padding-bottom:65px!important}.ff-showcase{padding:40px 0 65px!important}.ff-features{margin:25px 0 55px;border-radius:18px}.ff-feature-grid,.ff-product-grid{grid-template-columns:1fr}.ff-kitchen-lanes{grid-template-columns:1fr}.ff-kitchen-lanes>div{min-height:0}.ff-page-nav>span{display:none}} .ff-screen-detail{max-width:1030px;margin:0 auto 45px;padding:0} .ff-screen-detail img{display:block;width:100%;height:auto;border:1px solid #e3ebea;border-radius:15px;box-shadow:0 18px 44px rgba(23,59,62,.10)} .ff-screen-detail figcaption{text-align:center;font-size:11px;color:#829096;line-height:1.45;margin-top:12px} .ff-screen-detail a{display:block}.ff-screen-detail figcaption a{display:inline;color:#147b72;text-decoration:underline;font-weight:700} @media(max-width:560px){.ff-touch-list{grid-template-columns:1fr}.ff-touch-list>div{border-right:0!important;border-bottom:1px solid #e5e9e8}.ff-touch-list>div:last-child{border-bottom:0}} /* v1.4.2: Bar & Pub industry story. */ .industry-card-bar{background:#f3eaf0;border-color:#e9d9e4}.industry-card-bar .industry-card-category,.industry-card-bar .industry-card-open{color:#774766} .bar-page{color:#302736;background:#fff}.bar-page .industry-back{margin:0}.bar-nav{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;color:#826f7d;padding-bottom:15px} .bar-kicker{display:block;color:#8f566e;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;line-height:1.5} .bar-page em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#895269} .bar-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(30px,5vw,75px);padding:clamp(60px,8vw,115px) 0 90px;min-height:580px} .bar-hero h2{font-size:clamp(40px,5.4vw,72px);line-height:1.06;letter-spacing:-.045em;color:#342a38;max-width:660px;margin:20px 0}.bar-hero-copy>p{font-size:18px;line-height:1.72;color:#695f69;max-width:530px;margin:0 0 28px}.bar-actions{display:flex;gap:12px;flex-wrap:wrap} .bar-hero-visual{margin:0;position:relative;padding:30px 0 25px;min-width:0}.bar-hero-visual:before{content:"";position:absolute;inset:0 7% 6%;background:#f2e9e8;border-radius:50%;z-index:0}.bar-hero-visual img{display:block;position:relative;width:100%;height:auto;border-radius:15px;border:1px solid #e2d9dd;box-shadow:0 25px 50px rgba(53,37,50,.16)}.bar-hero-visual figcaption{text-align:right;margin-top:14px;font-size:11px;color:#8b7e86} .bar-intro{border-top:1px solid #e9e3e5;border-bottom:1px solid #e9e3e5;display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:center;padding:35px 0;margin-bottom:90px}.bar-intro>span{font-size:11px;letter-spacing:.13em;font-weight:800;color:#9c6980}.bar-intro p{margin:0;color:#635766;font-family:Georgia,serif;font-size:clamp(23px,2.8vw,35px);line-height:1.35}.bar-intro strong{color:#342b38;font-weight:normal} .bar-section-head{max-width:760px;margin:0 auto 42px;text-align:center}.bar-section-head h3,.bar-service h3,.bar-bottles h3{font-size:clamp(34px,4.2vw,54px);line-height:1.14;letter-spacing:-.04em;color:#342a38;margin:13px 0 18px}.bar-section-head p,.bar-service-copy>p,.bar-bottle-copy>p{font-size:16px;line-height:1.75;color:#6d636d;margin:0} .bar-online{padding:10px 0 105px!important;scroll-margin-top:85px}.bar-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.bar-journey>div{min-width:0;background:#faf6f4;border:1px solid #eee3df;border-radius:16px;padding:25px 20px 28px}.bar-journey b{color:#a15c70;font-size:12px;letter-spacing:.1em}.bar-journey h4{font-size:19px;line-height:1.25;margin:26px 0 10px;color:#3a303c}.bar-journey p{font-size:13px;line-height:1.6;color:#70646e;margin:0}.bar-note{font-size:12px;line-height:1.65;color:#897b84;max-width:780px;margin:20px auto 0;text-align:center} .bar-service{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(28px,6vw,85px);padding:55px 0 125px!important}.bar-mini-steps{margin-top:25px;border-top:1px solid #e9e1e5}.bar-mini-steps>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e9e1e5;padding:15px 0;line-height:1.4}.bar-mini-steps strong{color:#453544;font-size:14px}.bar-mini-steps span{color:#897c86;font-size:12px;text-align:right}.bar-service-screen{margin:0;min-width:0;background:#f5f0f1;border-radius:22px;padding:clamp(14px,2vw,28px)}.bar-service-screen img{width:100%;display:block;height:auto;border-radius:12px;box-shadow:0 14px 30px rgba(48,31,48,.12)}.bar-service-screen figcaption{text-align:center;font-size:11px;color:#8e7e89;margin-top:13px;line-height:1.5}.bar-service-screen figcaption a{color:#8b4f68;text-decoration:underline;font-weight:700} .bar-bottles{scroll-margin-top:85px;background:#f6f0ea;border-radius:28px;padding:clamp(38px,6vw,80px)!important;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,7vw,100px);margin-bottom:110px}.bar-bottle-copy p+p{margin-top:15px}.bar-text-link{display:inline-block;margin-top:27px;color:#814b63;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.bar-bottle-art{background:#fff;border:1px solid #e9dcdb;border-radius:16px;box-shadow:0 18px 42px rgba(67,40,52,.11);padding:25px;min-width:0}.bar-art-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:20px;border-bottom:1px solid #eee7e7;font-size:12px;font-weight:800;letter-spacing:.1em;color:#513e50}.bar-art-head small{font-size:10px;color:#9e8d99}.bar-art-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #f1eaea;padding:20px 0;min-width:0}.bar-bottle-icon{display:block;position:relative;flex:0 0 22px;height:42px;background:#765267;border-radius:4px 4px 5px 5px;margin:0 10px}.bar-bottle-icon:before{content:"";position:absolute;width:8px;height:9px;background:inherit;top:-8px;left:7px;border-radius:2px}.bar-bottle-icon.amber{background:#b98953}.bar-bottle-icon.pale{background:#aaa1a3}.bar-art-row div{min-width:0;flex:1}.bar-art-row strong,.bar-art-row small{display:block;line-height:1.35}.bar-art-row strong{font-size:14px;color:#463c46}.bar-art-row small{font-size:11px;color:#988b93;margin-top:4px}.bar-art-row b{font-size:11px;color:#4a806a;white-space:nowrap}.bar-art-row b.bar-watch{color:#a26d40}.bar-art-foot{color:#80546a;font-size:12px;font-weight:750;padding-top:20px} .bar-features{padding:10px 0 110px!important}.bar-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bar-feature-grid>div{background:#faf8f7;border:1px solid #eee7e6;border-radius:14px;padding:23px;min-width:0}.bar-feature-grid h4{font-size:17px;color:#3b303d;line-height:1.3;margin:0 0 9px}.bar-feature-grid p{font-size:13px;color:#746974;line-height:1.6;margin:0} .bar-products{padding:70px 30px 75px!important;background:#f4f0f3;border-radius:26px}.bar-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:990px;margin:auto}.bar-product-grid>div{min-width:0;background:#fff;border:1px solid #e9dfe6;border-radius:13px;padding:24px}.bar-product-grid small{font-size:10px;letter-spacing:.1em;color:#a16c82;font-weight:800}.bar-product-grid h4{font-size:20px;line-height:1.25;margin:12px 0 7px;color:#3b303e}.bar-product-grid p{font-size:13px;color:#796b77;margin:0;line-height:1.5}.bar-products>p{text-align:center;color:#736873;font-size:13px;line-height:1.6;margin:26px 0 0} .bar-close{text-align:center;padding:95px 0 65px}.bar-close h3{font-size:clamp(28px,3.4vw,43px);line-height:1.17;letter-spacing:-.03em;max-width:750px;margin:0 auto 14px;color:#362d3b}.bar-close>p{color:#746975;font-size:15px;line-height:1.6;margin:0 auto 25px;max-width:640px}.bar-close .industry-disclaimer{font-size:11px;color:#918690;margin:25px auto 0} @media(max-width:950px){.bar-hero,.bar-service,.bar-bottles{grid-template-columns:1fr}.bar-hero{min-height:0}.bar-hero-visual{max-width:730px}.bar-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-intro{grid-template-columns:1fr}.bar-bottle-art{max-width:650px;width:100%}} @media(max-width:650px){.bar-nav>span{display:none}.bar-hero{padding:45px 0 65px}.bar-hero h2{font-size:42px}.bar-hero-copy>p{font-size:16px}.bar-intro{margin-bottom:60px;padding:25px 0}.bar-online{padding-bottom:65px!important}.bar-journey,.bar-feature-grid,.bar-product-grid{grid-template-columns:1fr}.bar-journey h4{margin-top:14px}.bar-service{padding:30px 0 70px!important}.bar-bottles{padding:30px 19px!important;margin-bottom:70px;border-radius:18px}.bar-bottle-art{padding:18px}.bar-art-row{gap:8px}.bar-features{padding-bottom:60px!important}.bar-products{padding:50px 18px!important}.bar-close{padding:65px 0 45px}} /* v1.4.3: expressive Bar presentation and explicit module map. */ .bar-page{--bar-ink:#252b3b;--bar-aqua:#20c9bb;--bar-gold:#f8ad39} .bar-page .bar-hero h2,.bar-page .bar-section-head h3,.bar-page .bar-service h3,.bar-page .bar-bottles h3,.bar-page .bar-module-header h3{color:var(--bar-ink)} .bar-page .bar-hero h2 em,.bar-page .bar-section-head h3 em,.bar-page .bar-service h3 em,.bar-page .bar-bottles h3 em,.bar-page .bar-module-header h3 em{font-family:"Bradley Hand","Marker Felt","Segoe Print","Comic Sans MS",cursive;font-style:normal;font-weight:700;position:relative;color:var(--bar-ink);z-index:0} .bar-page .bar-hero h2 em:after,.bar-page .bar-section-head h3 em:after,.bar-page .bar-service h3 em:after,.bar-page .bar-bottles h3 em:after,.bar-page .bar-module-header h3 em:after{content:"";position:absolute;left:0;right:0;bottom:-.03em;height:.11em;border-radius:100%;background:var(--bar-aqua);transform:rotate(-2deg);z-index:-1} .bar-page .bar-hero h2 em:after,.bar-page .bar-bottles h3 em:after{background:var(--bar-gold)} .bar-page .bar-kicker{color:#0f8d83}.bar-hero-visual:before{background:#eaf4f2}.bar-intro{margin-bottom:38px}.bar-page .bar-intro>span{color:#168f84} .bar-page .bar-actions .btn.dark,.bar-page .bar-close .btn.dark{background:#263c43;color:#fff;border-color:#263c43} .bar-local-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 100px}.bar-local-nav a{display:block;color:#39545a;border:1px solid #dbe9e7;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:750;line-height:1.25;text-decoration:none}.bar-local-nav a:hover,.bar-local-nav a:focus-visible{background:#e4f6f2;border-color:#91d7c9;color:#15685c} .bar-page .bar-online{scroll-margin-top:95px}.bar-page .bar-service{scroll-margin-top:95px}.bar-page .bar-bottles{scroll-margin-top:95px}.bar-page .bar-products{scroll-margin-top:95px} .bar-page .bar-online .bar-section-head,.bar-page .bar-features .bar-section-head{max-width:800px}.bar-page .bar-journey>div{background:#f6f8f8;border-color:#e4ebea}.bar-page .bar-journey b{color:#159b8a}.bar-page .bar-bottles{background:#f3f6f6}.bar-page .bar-text-link{color:#0f847a}.bar-page .bar-bottle-art{border-color:#e0eae8} .bar-page .bar-products{background:#f5f7f7;border-radius:28px;padding:clamp(45px,6vw,80px) clamp(20px,5vw,66px)!important} .bar-module-header{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:0 0 38px}.bar-module-header h3{font-size:clamp(37px,4.7vw,60px);letter-spacing:-.045em;line-height:1.12;margin:11px 0 14px}.bar-module-header p{font-size:16px;color:#66777c;line-height:1.65;max-width:650px;margin:0}.bar-module-spark{color:#19c4b4;font-size:65px;line-height:1} .bar-page .bar-product-grid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.bar-module-card{display:flex;align-items:center;gap:12px;min-width:0;min-height:94px;padding:15px 13px;border:1px solid #e3ecea;background:#fff;border-radius:13px;text-decoration:none;color:var(--bar-ink);transition:transform .18s,box-shadow .18s}.bar-module-card:hover,.bar-module-card:focus-visible{transform:translateY(-2px);box-shadow:0 10px 25px rgba(23,63,67,.1)} .bar-module-icon{display:grid;place-items:center;width:49px;height:49px;flex:0 0 49px;border-radius:10px;background:#fff2db;color:#aa6941;font-size:27px;font-weight:750;line-height:1}.bar-module-icon.stock{background:#e7eff8;color:#537a9b}.bar-module-icon.buying{background:#f7e9ef;color:#ad7188}.bar-module-icon.web{background:#e1f5f0;color:#178575}.bar-module-icon.channel{background:#e7eaf9;color:#7270ac}.bar-module-icon.loyalty{background:#fbe8e8;color:#bd6b76}.bar-module-icon.ledger{background:#f4eddf;color:#9e7b41}.bar-module-icon.team{background:#e7f1e7;color:#6b976e} .bar-module-card>span:nth-child(2){min-width:0;flex:1}.bar-module-card strong,.bar-module-card small{display:block;overflow-wrap:anywhere}.bar-module-card strong{font-size:15px;line-height:1.3;color:#293a43}.bar-module-card small{font-size:11px;line-height:1.45;color:#7c8a8c;margin-top:4px}.bar-module-card b{font-size:9px;line-height:1.3;letter-spacing:.06em;color:#178a7b;white-space:nowrap;align-self:flex-start}.bar-module-card:nth-child(n+3) b{color:#8d7483} .bar-module-note{display:flex;align-items:baseline;gap:10px;margin:28px 0 0;padding:18px 21px;border-left:4px solid var(--bar-aqua);background:#fff;border-radius:0 9px 9px 0;line-height:1.55;color:#5f7075;font-size:13px}.bar-module-note strong{color:#283e44;white-space:nowrap}.bar-page .bar-module-caveat{font-size:11px;text-align:left;margin:19px 0 0;color:#819093;line-height:1.6} @media(max-width:1050px){.bar-page .bar-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.bar-local-nav{justify-content:flex-start;margin-bottom:65px}.bar-module-header{align-items:flex-start}.bar-module-spark{font-size:34px}.bar-page .bar-product-grid{grid-template-columns:1fr}.bar-module-card{min-height:76px}.bar-module-note{display:block}.bar-module-note strong{display:block;margin-bottom:5px}.bar-page .bar-products{padding:45px 18px!important}} .bar-page .bar-promo h3,.bar-page .bar-operations h3{font-size:clamp(34px,4.2vw,54px);line-height:1.14;letter-spacing:-.04em;color:var(--bar-ink);margin:14px 0 19px}.bar-page .bar-promo h3 em,.bar-page .bar-operations h3 em{font-family:"Bradley Hand","Marker Felt","Segoe Print","Comic Sans MS",cursive;font-style:normal;font-weight:700;color:var(--bar-ink);position:relative;z-index:0}.bar-page .bar-promo h3 em:after,.bar-page .bar-operations h3 em:after{content:"";position:absolute;left:0;right:0;bottom:-.03em;height:.1em;border-radius:100%;background:#24cbb8;transform:rotate(-2deg);z-index:-1} .bar-promo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,7vw,100px);padding:10px 0 130px!important}.bar-promo-copy p,.bar-ops-copy p{color:#68787c;font-size:16px;line-height:1.75;margin:0 0 14px}.bar-detail-note{display:block;color:#8a999c;font-size:11px;line-height:1.6;margin-top:19px}.bar-promo-art{max-width:560px;background:#fff;border:1px solid #dce9e8;border-radius:16px;box-shadow:0 20px 46px rgba(30,72,72,.12);padding:24px;min-width:0;position:relative}.bar-promo-art:before{content:"";position:absolute;inset:-25px 12% auto;height:18px;border-radius:50%;background:#e2f3ed;z-index:-1}.bar-promo-top,.bar-promo-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e7eeee;padding:14px 0}.bar-promo-top{padding:0 0 17px}.bar-promo-top strong{font-size:17px;color:#30464b}.bar-promo-top small{font-size:10px;color:#84979a;letter-spacing:.1em}.bar-promo-tabs{display:flex;gap:7px;margin:20px 0 5px}.bar-promo-tabs span{border-radius:7px;padding:10px 14px;background:#f3f7f6;font-size:12px;color:#667b7c}.bar-promo-tabs span:first-child{background:#d9f3ed;color:#087b68;font-weight:800}.bar-promo-row>span{font-size:14px;color:#32474d;font-weight:700}.bar-promo-row small{display:block;font-size:11px;color:#88999b;font-weight:400;margin-top:4px}.bar-promo-row>strong{font-size:13px;color:#3a5559}.bar-promo-ticket{margin-top:22px;background:#263d42;color:#fff;padding:16px;border-radius:9px;font-size:12px;font-weight:700}.bar-promo-ticket b{float:right;color:#72ded0} .bar-replenish{padding:0 0 120px!important}.bar-replenish .bar-section-head{max-width:760px;margin-bottom:35px}.bar-replenish-board{max-width:860px;margin:auto;background:#fff;border:1px solid #dfe9e9;border-radius:16px;padding:26px;box-shadow:0 19px 46px rgba(25,67,70,.09);min-width:0}.bar-board-title{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:21px}.bar-board-title strong{font-size:18px;color:#293c43}.bar-board-title span{font-size:10px;color:#88999d;letter-spacing:.1em}.bar-board-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:10px;align-items:center;min-width:0;border-top:1px solid #e7eeee;padding:16px 0;font-size:13px;color:#66797d}.bar-board-row.header{font-size:11px;color:#98a6a9;font-weight:800;padding:12px 0}.bar-board-row strong{font-size:13px;color:#344b50}.bar-board-row b{color:#13836c;font-size:11px}.bar-board-row b.watch{color:#b16b3f}.bar-board-foot{background:#eef7f4;border-radius:8px;margin-top:8px;padding:13px 17px;color:#236e62;font-size:12px;font-weight:800}.bar-board-foot span{color:#e7a946;margin:0 7px}.bar-replenish>.bar-detail-note{text-align:center} .bar-operations{scroll-margin-top:95px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,100px);align-items:center;background:#f5f7f7;border-radius:27px;padding:clamp(35px,6vw,80px)!important;margin:0 0 110px}.bar-ops-board{background:#fff;border:1px solid #e0e9e9;border-radius:15px;padding:24px;min-width:0;box-shadow:0 16px 34px rgba(29,68,72,.08)}.bar-ops-title{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:0 0 20px!important;border-bottom:1px solid #e9eeee}.bar-ops-title strong{font-size:18px;color:#2f434a}.bar-ops-title small{font-size:10px;color:#8da0a1;letter-spacing:.08em}.bar-ops-board>div:not(.bar-ops-title){display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1f0;padding:19px 0;line-height:1.4}.bar-ops-board>div:last-child{border:0}.bar-ops-board i{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#dcf3eb;color:#178a75;font-size:15px;font-style:normal;font-weight:800;flex:0 0 26px}.bar-ops-board span{font-size:13px;font-weight:700;color:#3c5359;flex:1}.bar-ops-board small{font-size:11px;color:#8a9a9c;text-align:right}.bar-module-icon.tasks{background:#e7f3f1;color:#178b78} @media(max-width:950px){.bar-promo,.bar-operations{grid-template-columns:1fr}.bar-promo-art{order:2}.bar-promo-copy{order:1}.bar-ops-board{max-width:650px;width:100%}} @media(max-width:650px){.bar-promo{padding-bottom:75px!important}.bar-replenish{padding-bottom:70px!important}.bar-replenish-board{padding:16px}.bar-board-row{grid-template-columns:1.4fr .65fr .65fr 1fr;gap:4px;font-size:11px}.bar-board-row strong{font-size:11px}.bar-board-row b{font-size:10px}.bar-board-title span{font-size:8px}.bar-operations{padding:32px 19px!important;margin-bottom:70px}.bar-ops-board{padding:18px}.bar-ops-board small{font-size:10px}} /* v1.4.4: a consistent Bar-inspired buyer journey for the full industry list. */ .industry-template{--it-accent:#227e72;--it-soft:#edf6f2;--it-deep:#2c4f49;background:#fff;color:#263640} .industry-template.it-retail{--it-accent:#3d806b;--it-soft:#edf4ef;--it-deep:#285447} .industry-template.it-food{--it-accent:#ac6a3a;--it-soft:#fff3e4;--it-deep:#684a32} .industry-template.it-trade{--it-accent:#4e7395;--it-soft:#edf4f9;--it-deep:#304c63} .industry-template.it-service{--it-accent:#775b91;--it-soft:#f3eef8;--it-deep:#4d3d61} .it-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#7e8b90;font-size:12px;padding:0 0 12px}.industry-template .industry-back{margin:0} .it-kicker{display:block;color:var(--it-accent);font-weight:800;font-size:11px;letter-spacing:.14em;line-height:1.5;text-transform:uppercase} .it-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(35px,6vw,85px);padding:clamp(65px,9vw,125px) 0 105px;min-height:570px}.it-hero h2{color:#202e3a;font-size:clamp(42px,5.3vw,70px);line-height:1.08;letter-spacing:-.047em;max-width:675px;margin:20px 0 19px}.it-hero p{font-size:18px;line-height:1.72;color:#63727a;max-width:560px;margin:0 0 27px}.it-actions{display:flex;flex-wrap:wrap;gap:11px}.industry-template .btn.dark{background:var(--it-deep);border-color:var(--it-deep);color:#fff} .it-hero-art{background:#fff;border:1px solid #e1e9e7;border-radius:16px;box-shadow:0 25px 55px rgba(30,64,65,.11);position:relative;min-width:0;padding:25px;transform:rotate(1deg)}.it-hero-art:before{content:"";position:absolute;inset:-37px 6% 8%;background:var(--it-soft);border-radius:50%;z-index:-1}.it-art-head{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #edf0ef;padding-bottom:18px;color:#34464d}.it-art-head strong{font-size:12px;letter-spacing:.05em;overflow-wrap:anywhere}.it-art-head small{font-size:10px;color:#88979b;white-space:nowrap}.it-art-stage{display:grid;grid-template-columns:33px minmax(0,1fr) 16px 33px minmax(0,1fr);align-items:center;gap:8px;margin:18px 0 0;min-height:75px}.it-art-stage>span{display:grid;place-items:center;width:33px;height:33px;background:var(--it-soft);color:var(--it-accent);border-radius:50%;font-size:11px;font-weight:800}.it-art-stage strong{font-size:13px;line-height:1.35;color:#374b50;overflow-wrap:anywhere}.it-art-stage b{font-size:17px;color:var(--it-accent)}.it-art-foot{margin-top:20px;border-radius:9px;background:var(--it-soft);padding:14px;color:var(--it-deep);font-size:12px;font-weight:750} .it-statement{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:25px;border-top:1px solid #e3e9e8;border-bottom:1px solid #e3e9e8;padding:35px 0}.it-statement small{color:var(--it-accent);font-weight:800;letter-spacing:.1em;font-size:11px}.it-statement p{font-family:Georgia,serif;font-size:clamp(24px,2.7vw,36px);line-height:1.3;letter-spacing:-.02em;color:#34414a;margin:0}.it-statement em{color:var(--it-accent);font-weight:600} .it-local-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:34px 0 100px}.it-local-nav a{font-size:12px;font-weight:750;line-height:1.3;text-decoration:none;color:var(--it-deep);border:1px solid #dde9e6;border-radius:999px;padding:10px 16px}.it-local-nav a:hover,.it-local-nav a:focus-visible{background:var(--it-soft);border-color:var(--it-accent)} .industry-template section[id]{scroll-margin-top:85px}.it-section-head{max-width:760px;margin:0 auto 40px;text-align:center}.it-section-head h3,.it-focus h3,.it-modules h3{font-size:clamp(34px,4.1vw,54px);color:#253441;letter-spacing:-.04em;line-height:1.13;margin:12px 0 17px}.it-section-head h3 em,.it-focus h3 em{font-family:"Bradley Hand","Marker Felt","Segoe Print","Comic Sans MS",cursive;font-style:normal;font-weight:700;color:var(--it-deep);position:relative}.it-section-head h3 em:after,.it-focus h3 em:after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:.09em;border-radius:99px;background:var(--it-accent);opacity:.55;z-index:0;transform:rotate(-2deg)}.it-section-head p,.it-focus p{font-size:16px;line-height:1.7;color:#667881;margin:0}.it-caveat{font-size:11px!important;line-height:1.6!important;color:#88969b!important;max-width:850px;margin:20px auto 0!important;text-align:center} .it-online{padding:10px 0 105px!important}.it-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.it-journey>div{background:#f8faf9;border:1px solid #e6ecea;border-radius:14px;min-width:0;padding:23px}.it-journey b{font-size:11px;color:var(--it-accent);letter-spacing:.1em}.it-journey h4{font-size:17px;line-height:1.3;color:#30464c;margin:23px 0 9px}.it-journey p{font-size:13px;color:#6e7f82;line-height:1.55;margin:0} .it-flow{padding:45px 0 125px!important}.it-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e1e9e8;border-bottom:1px solid #e1e9e8}.it-steps>div{min-width:0;border-right:1px solid #e1e9e8;padding:29px 18px;overflow-wrap:anywhere}.it-steps>div:last-child{border-right:0}.it-steps b{display:block;color:var(--it-accent);font-size:12px;letter-spacing:.1em;margin-bottom:15px}.it-steps strong{display:block;color:#364a50;font-size:18px;line-height:1.3} .it-focus{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(30px,7vw,95px);border-radius:26px;background:var(--it-soft);padding:clamp(35px,6vw,78px)!important;margin:0 0 110px}.it-focus p+p{margin-top:15px}.it-focus-card{background:#fff;border:1px solid #e5eae8;border-radius:14px;padding:26px;box-shadow:0 18px 40px rgba(24,67,69,.09);min-width:0}.it-focus-card>small{font-size:10px;font-weight:800;color:#91a1a3;letter-spacing:.1em}.it-focus-card>strong{display:block;color:#30464b;font-size:23px;line-height:1.3;margin:24px 0 9px}.it-focus-card>span{display:block;color:#6b7e81;font-size:13px;line-height:1.5}.it-focus-card>div{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid #e5ebe9;padding-top:20px;margin-top:25px}.it-focus-card b{background:var(--it-soft);border-radius:99px;padding:9px 12px;color:var(--it-deep);font-size:11px;line-height:1.3} .it-modules{background:#f5f7f7;border-radius:26px;padding:clamp(40px,6vw,78px) clamp(18px,5vw,64px)!important}.it-modules .it-section-head{max-width:800px}.it-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.it-module-card{display:flex;align-items:center;gap:11px;min-width:0;min-height:88px;background:#fff;border:1px solid #e3eae9;border-radius:12px;padding:13px;text-decoration:none;color:#34464b}.it-module-card:hover,.it-module-card:focus-visible{box-shadow:0 10px 25px rgba(25,65,69,.1);transform:translateY(-2px)}.it-app-icon{flex:0 0 44px;width:44px;height:44px;border-radius:9px;display:grid;place-items:center;background:var(--it-soft);color:var(--it-accent);font-size:21px;font-weight:800}.it-module-card>span:nth-child(2){flex:1;min-width:0}.it-module-card strong,.it-module-card small{display:block;overflow-wrap:anywhere}.it-module-card strong{font-size:14px;line-height:1.3}.it-module-card small{color:#859397;font-size:11px;line-height:1.4;margin-top:4px}.it-module-card>b{font-size:9px;line-height:1.3;letter-spacing:.04em;color:var(--it-accent);align-self:flex-start;text-align:right;max-width:70px}.it-close{text-align:center;padding:95px 0 55px}.it-close h3{font-size:clamp(28px,3.2vw,43px);line-height:1.18;color:#263943;letter-spacing:-.03em;max-width:760px;margin:0 auto 12px}.it-close>p{font-size:15px;line-height:1.6;color:#708186;max-width:620px;margin:0 auto 24px}.it-close .industry-disclaimer{font-size:11px;color:#8d9a9e;margin:25px auto 0} @media(max-width:1000px){.it-hero,.it-focus{grid-template-columns:1fr}.it-hero{min-height:0}.it-hero-art{max-width:700px}.it-journey,.it-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.it-steps>div:nth-child(2){border-right:0}.it-steps>div:nth-child(-n+2){border-bottom:1px solid #e1e9e8}.it-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.it-nav>span{display:none}.it-hero{padding:50px 0 65px}.it-hero h2{font-size:41px}.it-hero p{font-size:16px}.it-hero-art{padding:18px;transform:none}.it-art-stage{grid-template-columns:26px 1fr 12px 26px 1fr;gap:5px}.it-art-stage>span{width:26px;height:26px;font-size:9px}.it-art-stage strong{font-size:11px}.it-art-head strong{font-size:10px}.it-art-head small{font-size:8px}.it-statement{grid-template-columns:1fr;gap:8px;padding:26px 0}.it-local-nav{justify-content:flex-start;margin:30px 0 65px}.it-online{padding-bottom:65px!important}.it-flow{padding:20px 0 65px!important}.it-journey,.it-steps,.it-module-grid{grid-template-columns:1fr}.it-steps>div{border-right:0;border-bottom:1px solid #e1e9e8}.it-steps>div:last-child{border-bottom:0}.it-steps>div:nth-child(2){border-bottom:1px solid #e1e9e8}.it-focus{padding:32px 20px!important;margin-bottom:65px;border-radius:18px}.it-focus-card{padding:20px}.it-modules{padding:40px 18px!important;border-radius:18px}.it-module-card{min-height:76px}.it-close{padding:65px 0 40px}} .ff-local-nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 100px}.ff-local-nav a{display:block;border:1px solid #dfe9e6;border-radius:99px;padding:10px 16px;color:#28675e;text-decoration:none;font-size:12px;font-weight:750}.ff-local-nav a:hover,.ff-local-nav a:focus-visible{background:#e6f4f0}.ff-online{padding:0 0 105px!important;scroll-margin-top:85px}.ff-online .ff-story-head{margin-bottom:38px}.ff-online-note{text-align:center;font-size:11px;color:#84959a;line-height:1.6;max-width:800px;margin:20px auto 0}.ff-products .ff-product-heading p{font-size:15px;line-height:1.6;color:#697b80;max-width:650px;margin:0 auto}.ff-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ff-module-grid a{display:grid;gap:5px;align-content:start;min-width:0;min-height:113px;background:#f8faf9;border:1px solid #e4ebe9;border-radius:13px;padding:19px;text-decoration:none}.ff-module-grid a:hover,.ff-module-grid a:focus-visible{background:#edf7f3}.ff-module-grid b{font-size:18px;color:#29434a;line-height:1.3}.ff-module-grid span{font-size:12px;color:#718486;line-height:1.5}.ff-module-grid small{font-size:10px;color:#15836e;font-weight:800;letter-spacing:.07em;margin-top:9px} @media(max-width:950px){.ff-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.ff-local-nav{justify-content:flex-start;margin-bottom:65px}.ff-online{padding-bottom:65px!important}.ff-module-grid{grid-template-columns:1fr}.ff-module-grid a{min-height:0}} /* v1.4.5: explicit food-service preparation flow and shared app cards. */ .food-flow .it-section-head{max-width:810px}.food-flow-board{max-width:950px;margin:auto}.food-flow-stage{background:#fff;border:1px solid #dfe9e9;border-radius:16px;padding:24px;box-shadow:0 8px 25px rgba(24,65,71,.04)}.food-stage-label{display:flex;align-items:flex-start;gap:13px}.food-stage-label>b{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;background:#134ca0;color:#fff;border-radius:50%;font-size:12px}.food-stage-label strong,.food-stage-label span{display:block;line-height:1.4}.food-stage-label strong{font-size:18px;color:#263e51}.food-stage-label span{font-size:12px;color:#6d7f89;margin-top:3px}.food-flow-arrow{text-align:center;height:28px;line-height:28px;color:#235db3;font-size:23px;font-weight:800} .food-touch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:22px}.food-touch-grid>div{display:flex;align-items:center;gap:9px;background:#f2f7fc;border:1px solid #e0eaf4;border-radius:10px;padding:14px;min-width:0}.food-touch-grid span{color:#235eaf;font-size:11px;font-weight:800}.food-touch-grid strong{color:#314957;font-size:13px;line-height:1.3;overflow-wrap:anywhere} .food-pos{display:flex;align-items:center;justify-content:space-between;gap:18px}.food-pos-pill{font-size:11px;font-weight:800;color:#1a6c63;background:#e4f6f1;border-radius:999px;padding:9px 13px;white-space:nowrap}.food-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.food-lanes>div{background:#f9f5ec;border:1px solid #eee4cf;border-radius:10px;min-height:84px;padding:13px;min-width:0;text-align:center}.food-lanes span,.food-lanes strong{display:block}.food-lanes span{color:#aa7734;font-size:18px;line-height:1}.food-lanes strong{color:#574b3f;font-size:13px;line-height:1.3;margin-top:10px;overflow-wrap:anywhere} .food-kds{background:#eaf3fc;border-color:#9cc3ee;box-shadow:0 16px 38px rgba(23,80,153,.13)}.food-kds .food-stage-label>b{background:#0c57b8}.food-kds .food-stage-label strong{font-size:21px;color:#183f76}.food-kds>p{font-size:13px;line-height:1.6;color:#4c6681;max-width:730px;margin:17px 0 0 44px}.food-kds-status{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0 0 44px}.food-kds-status span{background:#fff;border:1px solid #cadff3;border-radius:8px;padding:9px 14px;color:#316295;font-size:12px;font-weight:800}.food-kds-status span:last-child{background:#def3e9;border-color:#b9e4cf;color:#21805c} .food-finish{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.food-finish>div{background:#f4f9f6;border:1px solid #e0ece5;border-radius:12px;padding:20px;min-width:0}.food-finish b,.food-finish strong,.food-finish span{display:block}.food-finish b{color:#178663;font-size:11px}.food-finish strong{color:#314c45;font-size:16px;line-height:1.3;margin:8px 0}.food-finish span{color:#6a8079;font-size:12px;line-height:1.45}.food-backoffice{display:grid;grid-template-columns:1fr 1fr;gap:11px}.food-backoffice>div{background:#f8f8fc;border:1px solid #e7e7ef;border-radius:11px;padding:18px;min-width:0}.food-backoffice strong,.food-backoffice span{display:block}.food-backoffice strong{color:#434a65;font-size:14px}.food-backoffice span{color:#778096;font-size:12px;line-height:1.45;margin-top:7px}.food-flow>.it-caveat{margin-top:22px!important}.food-kds-module-note{display:flex;align-items:baseline;gap:12px;background:#fff;border-left:4px solid #31c8b2;border-radius:0 8px 8px 0;padding:17px 20px;margin-top:25px;color:#60747b;line-height:1.55;font-size:12px}.food-kds-module-note strong{color:#2c4851;white-space:nowrap} .it-modules{background:#f5f7f7}.it-module-header{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:38px}.it-module-header h3{font-size:clamp(38px,4.8vw,60px);line-height:1.1;letter-spacing:-.05em;color:#252b3b;margin:12px 0 14px}.it-module-header h3 em{font-family:"Bradley Hand","Marker Felt","Segoe Print","Comic Sans MS",cursive;font-style:normal;font-weight:700;position:relative;color:#252b3b;white-space:normal}.it-module-header h3 em:after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:.09em;background:#20c9bb;border-radius:99px;transform:rotate(-2deg)}.it-module-header p{color:#60727a;font-size:16px;line-height:1.65;max-width:670px;margin:0}.it-module-header .it-kicker{color:#0f9185}.it-module-spark{color:#1ac5b4;font-size:62px;line-height:1} .it-module-grid{gap:15px}.it-module-card{min-height:94px;padding:15px 13px;background:#fff;border:1px solid #e0e9e8;border-radius:13px;gap:12px;transition:transform .18s,box-shadow .18s}.it-module-card:hover,.it-module-card:focus-visible{box-shadow:0 10px 25px rgba(23,63,67,.1)}.it-app-icon{flex:0 0 49px;width:49px;height:49px;border-radius:10px;background:#fff2db;color:#aa6941;font-size:26px;line-height:1}.it-icon-stock{background:#e7eff8;color:#537a9b}.it-icon-buying{background:#f7e9ef;color:#ad7188}.it-icon-web{background:#e1f5f0;color:#178575}.it-icon-channel{background:#e7eaf9;color:#7270ac}.it-icon-loyalty,.it-icon-ngo{background:#fbe8e8;color:#bd6b76}.it-icon-ledger{background:#f4eddf;color:#9e7b41}.it-icon-team,.it-icon-tasks{background:#e7f1e7;color:#6b976e}.it-icon-crm,.it-icon-hospitality{background:#e5f0f4;color:#56879e}.it-icon-factory,.it-icon-device{background:#e9ebf2;color:#6e7899}.it-icon-health{background:#e6f3ed;color:#4e9c78}.it-icon-delivery{background:#fdf0e4;color:#bd8550}.it-icon-surveys{background:#f0e9f6;color:#8e6ba8}.it-module-card strong{font-size:15px;color:#2a3c45}.it-module-card small{font-size:11px;line-height:1.45;color:#829195;letter-spacing:.04em}.it-module-card>b{color:#14887b;font-size:9px;max-width:85px;white-space:normal}.it-module-card:nth-child(n+3)>b{color:#8a7482} @media(max-width:760px){.food-touch-grid,.food-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.food-flow-stage{padding:19px}.food-pos{align-items:flex-start;flex-direction:column}.food-kds>p,.food-kds-status{margin-left:0}.it-module-spark{font-size:35px}} @media(max-width:570px){.food-touch-grid,.food-lanes,.food-finish,.food-backoffice{grid-template-columns:1fr}.food-touch-grid>div,.food-lanes>div{min-height:0;text-align:left}.food-lanes>div{display:flex;align-items:center;gap:10px}.food-lanes strong{margin-top:0}.food-kds-module-note{display:block}.food-kds-module-note strong{display:block;margin-bottom:5px}.it-module-header{align-items:flex-start}.it-module-card{min-height:78px}} /* v1.4.6: actual Accentra service screens and an Appointments booking story. */ .food-screens{padding:0 0 115px!important}.food-screens .it-section-head{max-width:820px}.food-screen-story{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(28px,5vw,75px);align-items:center;margin:0 0 85px}.food-screen-story h4,.food-kds-showcase h4{font-size:clamp(28px,3.2vw,42px);line-height:1.17;letter-spacing:-.03em;color:#243743;margin:13px 0 17px}.food-screen-story p,.food-kds-showcase p{font-size:16px;line-height:1.75;color:#687b82;margin:0}.food-screen-story figure{min-width:0;margin:0;background:#f2f6f7;border-radius:17px;padding:18px}.food-screen-story figure{overflow:hidden}.food-screen-story img{display:block;width:100%;height:auto;min-width:0;border-radius:9px;box-shadow:0 12px 28px rgba(25,62,68,.12)}.food-screen-story figcaption{font-size:11px;line-height:1.5;color:#829397;text-align:center;margin-top:13px}.food-screen-reverse{grid-template-columns:1.1fr .9fr}.food-screen-reverse figure{max-width:650px;margin:auto}.food-screen-reverse img{min-width:0}.food-screen-reverse>div{max-width:450px} .food-kds-showcase{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(28px,6vw,85px);align-items:center;background:#eef5fb;border-radius:24px;padding:clamp(30px,5vw,65px);margin:0 0 20px}.food-kds-showcase .food-screen-disclaimer{font-size:11px;color:#8799a5;line-height:1.6;margin-top:20px}.food-kds-demo{background:#fff;border:1px solid #d9e5ef;border-radius:15px;box-shadow:0 14px 34px rgba(20,65,114,.1);padding:22px;min-width:0}.food-demo-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e7edf2;padding-bottom:15px}.food-demo-head strong{color:#2b435a;font-size:16px}.food-demo-head small{color:#8da0af;font-size:10px;letter-spacing:.06em}.food-demo-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}.food-demo-lanes>div{background:#f4f7fb;border:1px solid #e3eaf2;border-radius:9px;padding:12px;min-width:0;min-height:150px}.food-demo-lanes>div:nth-child(2){background:#fff9ee;border-color:#f1e4cd}.food-demo-lanes>div:nth-child(3){background:#eef9f3;border-color:#d9eddf}.food-demo-lanes b,.food-demo-lanes strong,.food-demo-lanes span,.food-demo-lanes small{display:block;line-height:1.4}.food-demo-lanes b{font-size:12px;color:#235f9b;margin-bottom:17px}.food-demo-lanes>div:nth-child(2) b{color:#a8752e}.food-demo-lanes>div:nth-child(3) b{color:#27835c}.food-demo-lanes strong{font-size:13px;color:#344a59}.food-demo-lanes span{font-size:11px;color:#6b7c88;margin-top:5px}.food-demo-lanes small{font-size:10px;color:#3f7799;margin-top:19px;font-weight:800} .food-booking{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:35px 0 120px!important}.food-booking h3{font-size:clamp(35px,4.2vw,55px);line-height:1.12;letter-spacing:-.04em;color:#25323e;margin:13px 0 18px}.food-booking h3 em{font-family:"Bradley Hand","Marker Felt","Segoe Print","Comic Sans MS",cursive;font-style:normal;color:#263942;position:relative}.food-booking h3 em:after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:.1em;border-radius:99px;background:#f4b24e;transform:rotate(-2deg)}.food-booking-copy>p{font-size:16px;color:#687980;line-height:1.75;margin:0 0 14px}.food-booking-badge{display:inline-flex;align-items:center;gap:10px;background:#e9f7f2;border:1px solid #cceadd;border-radius:99px;padding:10px 15px;margin-top:18px;font-size:12px;color:#1c7e64}.food-booking-badge strong{color:#196c58}.food-booking-art{min-width:0;background:#fff;border:1px solid #e0e9e8;border-radius:17px;padding:25px;box-shadow:0 19px 45px rgba(33,69,71,.1)}.food-book-head{display:flex;justify-content:space-between;align-items:center;gap:9px;padding-bottom:19px;border-bottom:1px solid #e8eeee}.food-book-head strong{font-size:17px;color:#33484d}.food-book-head small{font-size:10px;color:#8b9da0;letter-spacing:.1em}.food-book-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.food-book-fields>div{min-width:0;background:#f7faf9;border:1px solid #e6eeeb;border-radius:9px;padding:12px}.food-book-fields small,.food-book-fields strong{display:block;line-height:1.4}.food-book-fields small{font-size:10px;color:#879b9a}.food-book-fields strong{font-size:12px;color:#38555a;margin-top:6px}.food-book-divider{text-align:center;color:#268070;background:#eaf6f2;border-radius:8px;padding:12px;font-size:12px;font-weight:800}.food-book-tables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:19px}.food-book-tables>div{min-width:0;border:1px solid #ddeae6;border-top:3px solid #48a584;border-radius:9px;padding:14px}.food-book-tables>div:first-child{border-top-color:#db9a55}.food-book-tables>div:last-child{border-top-color:#d56c66}.food-book-tables b,.food-book-tables span{display:block}.food-book-tables b{color:#354a50;font-size:16px}.food-book-tables span{color:#788d91;font-size:11px;margin-top:12px}.it-icon-appointments{background:#ece8f8;color:#7f69a8}.bar-module-icon.booking{background:#ece8f8;color:#7f69a8} @media(max-width:950px){.food-screen-story,.food-screen-reverse,.food-kds-showcase,.food-booking{grid-template-columns:1fr}.food-screen-story figure{order:2}.food-screen-story>div{order:1}.food-screen-reverse figure{margin:0;max-width:700px}.food-kds-demo,.food-booking-art{max-width:700px;width:100%}} @media(max-width:650px){.food-screens{padding-bottom:65px!important}.food-screen-story{margin-bottom:65px}.food-screen-story figure{padding:10px}.food-screen-story img{min-width:0}.food-screen-reverse img{min-width:0}.food-kds-showcase{padding:28px 17px;border-radius:18px}.food-demo-lanes{grid-template-columns:1fr}.food-demo-lanes>div{min-height:0}.food-demo-lanes b{margin-bottom:6px}.food-demo-lanes small{margin-top:7px}.food-booking{padding:20px 0 75px!important}.food-booking-art{padding:17px}.food-book-fields{grid-template-columns:1fr}.food-book-tables{gap:5px}.food-book-tables>div{padding:9px}.food-book-tables b{font-size:13px}.food-book-tables span{font-size:9px}} .food-kds-source{max-width:950px;margin:24px auto 0;background:#fff;border:1px solid #e0e9ed;border-radius:13px;padding:17px}.food-kds-source{overflow:hidden}.food-kds-source img{display:block;width:100%;min-width:0;height:auto;border-radius:8px;border:1px solid #e0e7ed}.food-kds-source figcaption{color:#87979e;font-size:11px;line-height:1.5;margin:10px 0 0;text-align:center} /* v1.4.8: larger service story and editorial booking composition. */ .food-flow-v2{padding-top:35px!important}.food-flow-v2 .it-section-head{max-width:850px;margin-bottom:55px}.food-flow-v2 .it-section-head h3{font-size:clamp(40px,4.6vw,60px)}.food-flow-v2 .it-section-head p{font-size:18px}.food-v2-board{max-width:1120px;margin:auto}.food-v2-label{display:flex;align-items:flex-start;gap:17px}.food-v2-label>b{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;background:#174e9d;color:#fff;border-radius:50%;font-size:13px}.food-v2-label strong,.food-v2-label span{display:block;line-height:1.35}.food-v2-label strong{font-size:21px;color:#233949}.food-v2-label span{font-size:15px;color:#6d8189;margin-top:6px}.food-v2-touch{background:#f2f7f9;border-radius:24px;padding:clamp(25px,4vw,45px)}.food-v2-touch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:31px}.food-v2-touch-grid>div{display:flex;align-items:center;gap:12px;min-height:78px;background:#fff;border:1px solid #dce8ee;border-radius:12px;padding:18px;min-width:0;box-shadow:0 8px 20px rgba(35,74,85,.04)}.food-v2-touch-grid b{font-size:12px;color:#2162b4}.food-v2-touch-grid strong{font-size:15px;color:#334b56;line-height:1.35;overflow-wrap:anywhere}.food-v2-bridge{display:flex;align-items:center;justify-content:center;gap:18px;color:#1c6bb7;font-size:12px;letter-spacing:.1em;font-weight:800;padding:27px 0}.food-v2-bridge span{height:1px;width:min(80px,12vw);background:#b9d2e8} .food-v2-handoff{display:grid;grid-template-columns:1fr 1fr;gap:18px}.food-v2-pos,.food-v2-route{min-width:0;border-radius:23px;padding:clamp(23px,3vw,38px);background:#f9f8f4}.food-v2-route{background:#f4f8f6}.food-v2-receipt{max-width:430px;margin:29px 0 0 54px;background:#fff;border:1px solid #e6e8e6;border-radius:12px;padding:22px;box-shadow:0 14px 26px rgba(35,68,64,.09)}.food-v2-receipt small,.food-v2-receipt strong,.food-v2-receipt span{display:block}.food-v2-receipt small{font-size:11px;color:#168571;letter-spacing:.1em;font-weight:800}.food-v2-receipt strong{font-size:21px;color:#2d434b;margin:13px 0;border-bottom:1px solid #e8ecea;padding-bottom:13px}.food-v2-receipt span{font-size:14px;color:#63777b;line-height:1.55;margin-top:6px}.food-v2-stations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:29px}.food-v2-stations>div{display:flex;align-items:center;gap:11px;min-height:66px;background:#fff;border:1px solid #e0eae5;border-radius:10px;padding:14px;min-width:0}.food-v2-stations span{font-size:18px;color:#1e9879;line-height:1}.food-v2-stations strong{font-size:15px;color:#425951;line-height:1.3;overflow-wrap:anywhere} .food-v2-kds{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(25px,5vw,75px);align-items:center;background:#eaf3fb;border-radius:27px;padding:clamp(32px,5vw,65px);margin:54px 0 0}.food-v2-kds .food-v2-label>b{background:#0d58b4}.food-v2-kds .food-v2-label strong{font-size:clamp(25px,2.7vw,35px);line-height:1.18;color:#173f73}.food-v2-kds .food-v2-label span{font-size:14px}.food-v2-kds-copy>p{font-size:16px;color:#526c85;line-height:1.7;margin:24px 0 0 54px}.food-v2-kds-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.food-v2-status{background:#fff;border:1px solid #d4e2ef;border-radius:13px;padding:19px;min-width:0;min-height:170px;box-shadow:0 9px 20px rgba(35,77,120,.07)}.food-v2-status>span,.food-v2-status>strong{display:block}.food-v2-status>span{font-size:12px;font-weight:800;color:#1762a5;margin-bottom:28px}.food-v2-status-preparing>span{color:#b27322}.food-v2-status-ready>span{color:#21885d}.food-v2-status>strong{font-size:15px;color:#304b61;line-height:1.35}.food-v2-status p{font-size:13px;line-height:1.45;color:#72869a;margin:8px 0 0}.food-v2-status-new{border-top:4px solid #4281c6}.food-v2-status-preparing{border-top:4px solid #e6a64e}.food-v2-status-ready{border-top:4px solid #49b383} .food-v2-finish{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:60px 0 32px}.food-v2-finish>div{border-top:3px solid #39a980;padding:22px 7px 10px;min-width:0}.food-v2-finish b,.food-v2-finish strong,.food-v2-finish span{display:block}.food-v2-finish b{font-size:13px;color:#158866}.food-v2-finish strong{font-size:20px;color:#2c4548;line-height:1.3;margin:9px 0}.food-v2-finish span{font-size:15px;line-height:1.5;color:#6a7c7e}.food-v2-outcome{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#f7f8f9;border-radius:20px;padding:25px}.food-v2-outcome>div{min-width:0;padding:12px 14px}.food-v2-outcome strong,.food-v2-outcome span{display:block}.food-v2-outcome strong{font-size:16px;color:#374a56;line-height:1.35}.food-v2-outcome span{font-size:14px;color:#72828b;margin-top:7px;line-height:1.5}.food-flow-v2>.it-caveat{margin:27px auto 0!important;font-size:13px!important} .food-booking-editorial{display:block!important;padding:50px 0 120px!important}.food-booking-heading{max-width:790px;margin:0 0 44px}.food-booking-heading h3{font-size:clamp(42px,5vw,64px);margin:13px 0 18px}.food-booking-heading p{font-size:18px;line-height:1.7;color:#596b75;margin:0;max-width:730px}.food-booking-scene{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(25px,4vw,60px);align-items:center;isolation:isolate;padding:25px 0 38px}.food-booking-scene:before{content:"";position:absolute;inset:2% 14% 0 18%;border-radius:50%;background:#f0f4f5;z-index:-1}.food-book-floor{margin:0;min-width:0;background:#fff;border-radius:16px;padding:12px;box-shadow:0 16px 42px rgba(37,68,74,.12);border:1px solid #e4ebec}.food-book-floor{overflow:hidden}.food-book-floor img{display:block;width:100%;min-width:0;height:auto}.food-book-floor figcaption{font-size:11px;color:#7e8e94;line-height:1.5;text-align:center;margin-top:12px}.food-book-request{background:#fff;border:1px solid #e3e9e9;border-radius:16px;padding:clamp(24px,3vw,35px);box-shadow:0 22px 48px rgba(37,68,74,.13);min-width:0;max-width:510px}.food-request-head{border-bottom:1px solid #e8eded;padding-bottom:21px;margin-bottom:12px}.food-request-head span,.food-request-head strong{display:block}.food-request-head span{font-size:11px;letter-spacing:.12em;font-weight:800;color:#168f80}.food-request-head strong{font-size:24px;color:#2c404a;line-height:1.25;margin-top:8px}.food-request-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0ef;padding:17px 0;line-height:1.4}.food-request-row span{font-size:13px;color:#7b8e92}.food-request-row strong{font-size:14px;color:#354f54;text-align:right}.food-request-action{display:flex;justify-content:space-between;gap:10px;background:#31484d;color:#fff;border-radius:9px;padding:16px;margin-top:24px;font-size:14px;font-weight:750}.food-book-request>small{display:block;color:#91a0a3;font-size:11px;margin-top:14px}.food-book-arrow{position:absolute;left:48%;bottom:2%;font-family:Georgia,serif;font-size:64px;color:#8d6d8e;line-height:1;transform:rotate(15deg);z-index:2}.food-booking-foot{color:#788a90;font-size:13px;line-height:1.6;margin:17px 0 0;max-width:850px} @media(max-width:1000px){.food-v2-handoff,.food-v2-kds{grid-template-columns:1fr}.food-v2-receipt{margin-left:54px}.food-v2-kds-columns{max-width:800px}.food-booking-scene{grid-template-columns:1fr 1fr}} @media(max-width:700px){.food-flow-v2 .it-section-head h3{font-size:38px}.food-flow-v2 .it-section-head p,.food-booking-heading p{font-size:16px}.food-v2-touch-grid,.food-v2-stations,.food-v2-kds-columns,.food-v2-finish,.food-v2-outcome,.food-booking-scene{grid-template-columns:1fr}.food-v2-touch-grid{gap:8px;margin-top:22px}.food-v2-touch-grid>div{min-height:56px;padding:13px}.food-v2-touch,.food-v2-pos,.food-v2-route,.food-v2-kds{padding:24px 18px;border-radius:17px}.food-v2-handoff{gap:12px}.food-v2-receipt{margin:22px 0 0}.food-v2-kds{margin-top:35px}.food-v2-kds-copy>p{margin:16px 0 0}.food-v2-status{min-height:0}.food-v2-status>span{margin-bottom:8px}.food-v2-finish{padding-top:38px;gap:8px}.food-v2-finish>div{padding:17px 0}.food-v2-outcome{gap:0;padding:12px}.food-v2-label strong{font-size:19px}.food-v2-label span{font-size:14px}.food-booking-editorial{padding:30px 0 75px!important}.food-booking-heading h3{font-size:40px}.food-booking-scene{gap:22px}.food-book-floor img{min-width:0}.food-book-arrow{position:static;text-align:center;transform:rotate(65deg);font-size:42px}.food-book-request{max-width:none}.food-booking-foot{margin-top:8px}} /* v1.5.1: Book Shop editorial story. */ .bookshop-pos-showcase,.bookshop-spotlight,.bookshop-stock-story,.bookshop-benefits{box-sizing:border-box}.bookshop-pos-showcase{padding:80px 0 65px!important;background:#fff;overflow:hidden}.bookshop-pos-heading{text-align:center;max-width:950px;margin:0 auto 40px}.bookshop-pos-heading .it-kicker{display:block;margin-top:19px}.bookshop-doodle-smile{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 auto;background:#ffc04b;border:2px solid #1d273a;border-radius:50%;font-family:Georgia,serif;font-size:49px;line-height:1;transform:rotate(-9deg);color:#1d273a}.bookshop-pos-heading h3,.bookshop-spotlight h3,.bookshop-stock-heading h3,.bookshop-benefits-heading h3{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;color:#222b3e;font-weight:700;letter-spacing:-.055em}.bookshop-pos-heading h3{font-size:clamp(35px,4.2vw,62px);line-height:1.14;margin:12px 0 15px}.bookshop-pos-heading mark{position:relative;background:linear-gradient(transparent 40%,#ffc04b 40% 76%,transparent 76%);color:inherit;padding:0 .06em}.bookshop-pos-heading p{font-size:17px;line-height:1.6;color:#596a78;margin:0}.bookshop-pos-stage{position:relative;display:grid;grid-template-columns:minmax(135px,.8fr) minmax(0,4.2fr) minmax(135px,.8fr);gap:clamp(10px,1.8vw,28px);align-items:center}.bookshop-pos-callouts{display:grid;gap:clamp(28px,4vw,65px);min-width:0}.bookshop-pos-callouts>div{min-width:0;position:relative}.bookshop-pos-callouts strong{display:block;color:#54415c;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:clamp(16px,1.45vw,21px);line-height:1.25}.bookshop-pos-callouts span{display:block;font-size:12px;line-height:1.5;color:#65777f;margin-top:7px}.bookshop-pos-callouts-left{text-align:right}.bookshop-pos-callouts-left>div:after,.bookshop-pos-callouts-right>div:before{content:"↗";display:block;color:#bac8ce;font-size:24px;line-height:1;margin-top:7px}.bookshop-pos-callouts-right>div:before{content:"↖"}.bookshop-pos-screen{min-width:0;margin:0;padding:9px;background:#fff;border:1px solid #e4ecef;border-radius:16px;box-shadow:0 16px 38px rgba(37,57,73,.11)}.bookshop-pos-screen img{display:block;width:100%;height:auto;border-radius:8px}.bookshop-pos-screen figcaption{text-align:center;font-size:11px;line-height:1.4;color:#7d8e95;margin:9px 0 1px}.bookshop-spark{position:absolute;color:#ffa920;font-size:52px;line-height:1;z-index:1;pointer-events:none}.bookshop-spark-left{left:8%;top:-22px}.bookshop-spark-right{right:9%;top:-33px}.bookshop-story-prompt{display:flex;align-items:center;justify-content:center;gap:13px;color:#665469;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:16px;margin:42px 0 0}.bookshop-story-prompt span{font-family:Georgia,serif;font-size:34px;color:#9dabb1} .bookshop-spotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(35px,8vw,120px);align-items:center;padding:100px 0!important;background:linear-gradient(125deg,#fff 70%,#f0f4f5 70%)}.bookshop-spotlight-icon{display:flex;align-items:center;justify-content:center;width:74px;height:66px;border-radius:15px;background:#ff7f72;color:#20283b;font-size:45px;margin-bottom:28px;transform:rotate(-5deg)}.bookshop-spotlight h3,.bookshop-stock-heading h3,.bookshop-benefits-heading h3{font-size:clamp(37px,4.4vw,57px);line-height:1.13;margin:12px 0 24px}.bookshop-spotlight h3 em,.bookshop-stock-heading h3 em,.bookshop-benefits-heading h3 em{font-style:normal;background:linear-gradient(transparent 78%,#00cbb2 78%)}.bookshop-spotlight-copy p,.bookshop-stock-heading p,.bookshop-benefits-heading p{color:#566775;font-size:17px;line-height:1.7;max-width:580px;margin:0}.bookshop-item-card{min-width:0;background:#fff;border:1px solid #e1e8ec;border-radius:17px;box-shadow:0 22px 46px rgba(35,62,75,.11);padding:clamp(19px,3vw,36px)}.bookshop-item-top{display:flex;justify-content:space-between;gap:12px;color:#516579;font-size:12px;font-weight:800;letter-spacing:.06em}.bookshop-item-top b{color:#758f9a;font-size:10px}.bookshop-item-search{display:flex;align-items:center;gap:11px;border:1px solid #dce5ed;border-radius:8px;color:#8b9baa;margin:24px 0;padding:12px;font-size:13px}.bookshop-item-search span{font-size:23px;line-height:.6}.bookshop-item-search b{margin-left:auto;color:#007b88;font-size:19px}.bookshop-item-result{display:flex;gap:22px;align-items:center}.bookshop-book-tile{flex:none;display:flex;align-items:center;justify-content:center;text-align:center;width:89px;height:115px;background:linear-gradient(140deg,#06306c,#051537);box-shadow:6px 8px 14px #d6dfe7;color:#f7d35a;font-family:Georgia,serif;font-size:11px;letter-spacing:.11em;line-height:1.5}.bookshop-item-result>div:last-child{min-width:0}.bookshop-item-result small,.bookshop-item-result strong,.bookshop-item-result>div:last-child span,.bookshop-item-result>div:last-child b{display:block}.bookshop-item-result small{color:#008d8b;font-size:11px;font-weight:800}.bookshop-item-result strong{font-size:20px;color:#213b50;margin:5px 0}.bookshop-item-result>div:last-child span{color:#738394;font-size:12px}.bookshop-item-result>div:last-child b{color:#007a84;font-size:19px;margin-top:9px}.bookshop-item-footer{border-top:1px solid #e7eef0;margin-top:25px;padding-top:15px;color:#617783;font-size:13px} .bookshop-stock-story{padding:100px 0 90px!important;background:#f8fafb;text-align:center}.bookshop-stock-heading{max-width:860px;margin:0 auto 46px}.bookshop-stock-heading p{margin:auto}.bookshop-check{display:flex;align-items:center;justify-content:center;width:61px;height:61px;border:2px solid #183045;background:#03c5ae;color:#123b46;border-radius:50%;font-size:42px;font-family:Arial,sans-serif;margin:0 auto 20px}.bookshop-stock-table{max-width:950px;min-width:0;margin:0 auto;padding:20px 25px 10px;text-align:left;background:#fff;border:1px solid #e2eaee;border-radius:15px;box-shadow:0 18px 39px rgba(30,62,78,.08)}.bookshop-stock-table-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;color:#233746;font-size:15px}.bookshop-stock-table-head span{color:#83939b;font-size:12px}.bookshop-stock-columns,.bookshop-stock-row{display:grid;grid-template-columns:2.5fr .7fr .9fr 1fr;gap:14px;align-items:center;padding:14px 12px}.bookshop-stock-columns{color:#82919b;font-size:11px;background:#eff4f6}.bookshop-stock-row{border-bottom:1px solid #ecf0f2;color:#3f5665;font-size:13px}.bookshop-stock-row:last-child{border:0}.bookshop-stock-row strong{color:#263e50;font-size:14px}.bookshop-stock-row b{font-size:11px;text-align:center;border-radius:20px;padding:6px 10px;max-width:100px}.bookshop-stock-ok{color:#067e73;background:#e0f7f1}.bookshop-stock-low{color:#9d592a;background:#fff2df}.bookshop-stock-note{font-size:12px;color:#7b8f99;line-height:1.5;margin:22px auto 0} .bookshop-benefits{background:#f0f3f5;padding:90px 0 110px!important}.bookshop-benefits-heading{max-width:770px;margin-bottom:42px}.bookshop-benefits-heading p{max-width:650px}.bookshop-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bookshop-benefits-grid>div{background:#fff;border:1px solid #e0e5e8;border-radius:13px;padding:25px;min-width:0;min-height:165px}.bookshop-benefits-grid span{font-size:11px;color:#07918f;font-weight:800;letter-spacing:.14em}.bookshop-benefits-grid h4{font-size:18px;line-height:1.3;color:#273b48;margin:16px 0 9px}.bookshop-benefits-grid p{font-size:14px;line-height:1.55;color:#617580;margin:0} @media(max-width:1050px){.bookshop-pos-stage{grid-template-columns:1fr 1fr}.bookshop-pos-screen{grid-column:1/-1;grid-row:1}.bookshop-pos-callouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bookshop-pos-callouts-left{grid-column:1;text-align:left}.bookshop-pos-callouts-right{grid-column:2}.bookshop-pos-callouts-left>div:after,.bookshop-pos-callouts-right>div:before{display:none}.bookshop-spark{display:none}.bookshop-spotlight{gap:35px}} @media(max-width:700px){.bookshop-pos-showcase{padding:56px 0 45px!important}.bookshop-pos-heading h3{font-size:clamp(32px,8.8vw,44px)}.bookshop-pos-heading p{font-size:15px}.bookshop-pos-stage{display:block}.bookshop-pos-callouts{grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.bookshop-pos-callouts strong{font-size:15px}.bookshop-pos-callouts span{font-size:11px}.bookshop-pos-screen{padding:5px}.bookshop-story-prompt{font-size:14px;margin-top:25px}.bookshop-spotlight{grid-template-columns:1fr;padding:65px 0!important;background:#fff}.bookshop-spotlight h3,.bookshop-stock-heading h3,.bookshop-benefits-heading h3{font-size:clamp(33px,8vw,44px)}.bookshop-spotlight-copy p,.bookshop-stock-heading p,.bookshop-benefits-heading p{font-size:15px}.bookshop-stock-story{padding:65px 0!important}.bookshop-stock-table{padding:13px 8px 5px}.bookshop-stock-columns,.bookshop-stock-row{grid-template-columns:1.6fr .5fr .6fr .9fr;gap:6px;padding:10px 5px;font-size:11px}.bookshop-stock-row strong{font-size:11px}.bookshop-stock-row b{font-size:10px;padding:5px 4px}.bookshop-stock-table-head{font-size:12px}.bookshop-stock-table-head span{font-size:10px}.bookshop-benefits{padding:65px 0!important}.bookshop-benefits-grid{grid-template-columns:1fr 1fr;gap:10px}.bookshop-benefits-grid>div{padding:18px;min-height:0}.bookshop-benefits-grid h4{font-size:16px}.bookshop-benefits-grid p{font-size:12px}} @media(max-width:450px){.bookshop-pos-callouts{grid-template-columns:1fr 1fr}.bookshop-stock-table-head span{display:none}.bookshop-stock-columns,.bookshop-stock-row{grid-template-columns:1.45fr .55fr .65fr .85fr}.bookshop-benefits-grid{grid-template-columns:1fr}} /* v1.5.2: Grocery and Supermarket story. */ .grocery-page .it-hero-art{background:linear-gradient(140deg,#e3f7ee,#f8f4e4)}.grocery-page .bookshop-pos-heading mark{background:linear-gradient(transparent 43%,#b5e9d0 43% 76%,transparent 76%)}.grocery-page .bookshop-doodle-smile{background:#9cdbc3}.grocery-page .bookshop-spark{color:#f2aa4a}.grocery-page .bookshop-pos-callouts strong{color:#256252}.grocery-page .bookshop-spotlight-icon{background:#54c9ab}.grocery-page .bookshop-check{background:#7ad8b0}.grocery-page .bookshop-stock-low{background:#fff1d8} .grocery-loyalty{padding:90px 0 100px!important;background:#f8fbfa}.grocery-loyalty-heading{max-width:900px;margin:0 0 44px}.grocery-loyalty-heading h3,.grocery-dates-copy h3{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;color:#22313e;font-size:clamp(37px,4.2vw,56px);line-height:1.15;letter-spacing:-.05em;margin:14px 0 20px}.grocery-loyalty-heading em,.grocery-dates-copy em{font-style:normal;background:linear-gradient(transparent 78%,#79dcb7 78%)}.grocery-loyalty-heading p,.grocery-dates-copy p{font-size:17px;line-height:1.7;color:#586d76;margin:0;max-width:700px}.grocery-loyalty-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grocery-loyalty-grid>div{min-width:0;background:#fff;border:1px solid #e2ebe8;border-radius:14px;padding:24px;min-height:190px}.grocery-loyalty-grid span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid #273d45;border-radius:50%;background:#ffd069;color:#243943;font-size:25px;line-height:1;margin-bottom:18px}.grocery-loyalty-grid strong{display:block;color:#263d44;font-size:18px;line-height:1.25}.grocery-loyalty-grid p{font-size:14px;line-height:1.55;color:#61777b;margin:9px 0 0}.grocery-optional-note{font-size:12px;color:#7b9293;line-height:1.5;margin:22px 0 0} .grocery-milk-tile{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:89px;height:115px;background:#d9f1ff;border:4px solid #8bc2dc;color:#196687;clip-path:polygon(16% 17%,27% 0,73% 0,84% 17%,84% 100%,16% 100%);font-size:17px;font-weight:800;line-height:1.4}.grocery-milk-tile small{font-size:10px;letter-spacing:.1em}.grocery-scan .bookshop-spotlight-copy p{max-width:560px} .grocery-dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(35px,7vw,100px);align-items:center;padding:105px 0!important;background:#fff}.grocery-dates-card{max-width:510px;min-width:0;background:#fff;border:1px solid #e3e9eb;border-radius:15px;padding:25px 30px;box-shadow:0 24px 50px rgba(32,67,69,.1)}.grocery-dates-card-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:3px;border-bottom:1px solid #e4eaeb}.grocery-dates-card-head strong{font-size:18px;color:#2b454c}.grocery-dates-card-head span{font-size:11px;color:#839597}.grocery-dates-card>div:not(.grocery-dates-card-head):not(.grocery-date-flag){display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf0f0;font-size:14px}.grocery-dates-card>div>span{color:#819394}.grocery-dates-card>div>strong{color:#2c494f;text-align:right}.grocery-date-flag{display:inline-block;background:#fff0dc;color:#916023;border-radius:20px;font-size:12px;font-weight:800;padding:8px 13px;margin-top:22px}.grocery-dates-copy .grocery-feature-note{font-size:12px;color:#829495;margin-top:18px}.grocery-stock{background:#f6faf8}.grocery-benefits{background:#f1f5f3} @media(max-width:1000px){.grocery-loyalty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grocery-loyalty-grid>div{min-height:0}.grocery-dates{gap:30px}} @media(max-width:700px){.grocery-loyalty{padding:60px 0 70px!important}.grocery-loyalty-heading h3,.grocery-dates-copy h3{font-size:clamp(33px,8vw,44px)}.grocery-loyalty-heading p,.grocery-dates-copy p{font-size:15px}.grocery-loyalty-grid{gap:10px}.grocery-loyalty-grid>div{padding:18px}.grocery-loyalty-grid strong{font-size:16px}.grocery-loyalty-grid p{font-size:12px}.grocery-dates{grid-template-columns:1fr;padding:70px 0!important}.grocery-dates-card{order:2;max-width:none}.grocery-dates-copy{order:1}} @media(max-width:420px){.grocery-loyalty-grid{grid-template-columns:1fr}.grocery-loyalty-grid>div{min-height:0}.grocery-dates-card{padding:20px}} /* v1.5.3: Partner login and Grocery replenishment heading. */ .partner-login-prompt{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 17px;margin:-10px auto 36px;font-size:15px;color:#5e6a80}.partner-login-prompt a{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid #cfd9df;background:#fff;color:#102a4b;padding:10px 16px;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 5px 17px rgba(25,46,68,.06)}.partner-login-prompt a:hover,.partner-login-prompt a:focus-visible{background:#eaf7f4;border-color:#3ba99c;outline:none}.partner-login-prompt a:focus-visible{box-shadow:0 0 0 3px #8cddd0} .grocery-stock .bookshop-stock-heading{max-width:940px}.grocery-stock .bookshop-stock-heading .it-kicker{display:block;margin-bottom:14px}.grocery-stock .bookshop-stock-heading h3{position:relative;display:inline-block;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:clamp(40px,5vw,66px);line-height:1.18;color:#171d31;letter-spacing:-.045em;margin:0 0 26px}.grocery-stock .bookshop-stock-heading h3 em{background:none;font-style:normal;color:inherit}.grocery-stock .bookshop-stock-heading h3:before,.grocery-stock .bookshop-stock-heading h3:after{content:"⌁";position:absolute;color:#ffaa24;font:700 54px/1 Georgia,serif;top:5%;width:70px}.grocery-stock .bookshop-stock-heading h3:before{left:-85px;transform:rotate(28deg)}.grocery-stock .bookshop-stock-heading h3:after{right:-85px;transform:rotate(-28deg)}.grocery-stock .bookshop-stock-heading p{max-width:680px} @media(max-width:700px){.partner-login-prompt{margin:0 auto 28px;text-align:center}.grocery-stock .bookshop-stock-heading h3{font-size:clamp(33px,8vw,46px);max-width:calc(100% - 54px)}.grocery-stock .bookshop-stock-heading h3:before,.grocery-stock .bookshop-stock-heading h3:after{font-size:32px;width:25px;top:12%}.grocery-stock .bookshop-stock-heading h3:before{left:-29px}.grocery-stock .bookshop-stock-heading h3:after{right:-29px}} /* v1.5.4: Insurance industry journey within the existing Accentra visual system. */ .insurance-page .it-hero-art{background:linear-gradient(145deg,#f6f1fa,#edf2fa)}.insurance-page .it-statement em{color:#695080}.insurance-page .it-local-nav{flex-wrap:wrap}.insurance-page .it-section-head{max-width:790px}.insurance-page .it-section-head p{max-width:750px} .insurance-page .insurance-journey,.insurance-page .insurance-story,.insurance-page .insurance-commission,.insurance-page .insurance-finance,.insurance-page .insurance-access{padding-top:82px;padding-bottom:95px}.insurance-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:45px}.insurance-journey-grid>div{min-width:0;min-height:146px;padding:23px;border:1px solid #e5e6eb;border-radius:13px;background:#fff}.insurance-journey-grid b,.insurance-journey-grid strong,.insurance-journey-grid span{display:block}.insurance-journey-grid b{font-size:12px;color:#755890;letter-spacing:.08em}.insurance-journey-grid strong{font-size:18px;color:#263744;margin:13px 0 9px;line-height:1.3}.insurance-journey-grid span{font-size:14px;color:#62727d;line-height:1.55}.insurance-route-note{font-size:13px;color:#6c7884;line-height:1.6;margin:21px 0 0}.insurance-story{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(26px,5vw,70px);border-top:1px solid #e8e9ec}.insurance-story-reverse{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.insurance-story-copy h3,.insurance-access h3{color:#253641;font-size:clamp(34px,3.8vw,50px);line-height:1.15;letter-spacing:-.035em;margin:14px 0 19px}.insurance-story-copy h3 em,.insurance-access h3 em{font-family:Georgia,serif;color:#71558b;font-weight:500}.insurance-story-copy p,.insurance-access p{font-size:16px;line-height:1.72;color:#5e707b;margin:0}.insurance-story-copy ul{padding-left:21px;color:#536774;font-size:14px;line-height:1.55;margin:25px 0 0}.insurance-story-copy li{margin:11px 0}.insurance-panel{min-width:0;background:#fff;border:1px solid #e0e3ea;border-radius:14px;box-shadow:0 18px 42px rgba(43,51,70,.09);overflow:hidden}.insurance-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f7fa;padding:17px 22px}.insurance-panel-head strong{font-size:15px;color:#314456}.insurance-panel-head small{font-size:11px;color:#8a95a0}.insurance-panel-tabs{display:flex;gap:23px;overflow:auto;padding:16px 22px;border-bottom:1px solid #e8e9ef;white-space:nowrap;font-size:12px;color:#6c7c87}.insurance-panel-tabs b{color:#765391}.insurance-table-wrap{overflow-x:auto;padding:20px 21px 15px}.insurance-panel table{border-collapse:collapse;width:100%;min-width:360px;text-align:left;font-size:12px;color:#506273}.insurance-panel th{background:#f1f3f8;color:#37445d;font-weight:750}.insurance-panel th,.insurance-panel td{padding:11px 10px;border:1px solid #e4e7f0}.insurance-panel-foot{color:#7a8995;font-size:11px;line-height:1.5;padding:4px 22px 19px}.insurance-policy-id{font-weight:800;color:#35445a;padding:21px 22px 17px;font-size:15px}.insurance-policy-id span{font-weight:500;color:#6d7c89;margin-left:9px}.insurance-file{display:flex;align-items:center;gap:16px;background:#f2f5fa;border:1px solid #e3e8f0;border-radius:9px;margin:0 21px;padding:18px}.insurance-file>span{font-size:27px;color:#795f94}.insurance-file strong,.insurance-file small{display:block}.insurance-file strong{color:#334759;font-size:14px}.insurance-file small{color:#738392;font-size:11px;margin-top:6px}.insurance-policy-steps{display:flex;flex-wrap:wrap;gap:9px;margin:20px 21px 23px}.insurance-policy-steps span{background:#6a507f;color:#fff;border-radius:20px;font-size:11px;font-weight:750;padding:9px 12px} .insurance-commission{background:#f8f8fa}.insurance-commission-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:22px;margin-top:42px}.insurance-commission-points{display:grid;gap:12px}.insurance-commission-points>div{background:#fff;border:1px solid #e2e5ea;border-radius:12px;padding:19px}.insurance-commission-points b,.insurance-commission-points span{display:block}.insurance-commission-points b{color:#3b4259;font-size:15px}.insurance-commission-points span{color:#667684;font-size:13px;line-height:1.55;margin-top:8px}.insurance-finance-flows{display:grid;gap:15px;margin:42px 0 23px}.insurance-finance-flows>div{display:flex;align-items:stretch;gap:10px}.insurance-finance-flows span{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:78px;text-align:center;padding:13px;background:#f6f4f8;border:1px solid #e6e1ec;border-radius:11px;color:#384958;font-weight:800;font-size:14px;line-height:1.3}.insurance-finance-flows b{align-self:center;color:#795f92;font-size:22px}.insurance-finance-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.insurance-finance-cards>div{padding:24px;border:1px solid #e4e5eb;border-radius:12px;background:#fff}.insurance-finance-cards strong{font-size:17px;color:#344455}.insurance-finance-cards p{font-size:13px;line-height:1.6;color:#647580;margin:11px 0 0}.insurance-access{display:grid;grid-template-columns:1fr .85fr;gap:clamp(28px,6vw,80px);align-items:center;background:#f5f2f8}.insurance-access-card{padding:28px;border:1px solid #e2dce8;border-radius:14px;background:#fff}.insurance-access-card strong{display:block;color:#503f62;font-size:20px;margin-bottom:12px}.insurance-access-card span{display:block;color:#775d8b;font-size:13px;font-weight:750;margin-top:18px}.insurance-page .it-module-card{min-width:0} @media(max-width:950px){.insurance-story,.insurance-story-reverse,.insurance-access{grid-template-columns:1fr}.insurance-story-reverse .insurance-panel{order:2}.insurance-story-reverse .insurance-story-copy{order:1}.insurance-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insurance-commission-layout{grid-template-columns:1fr}.insurance-commission-points{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:650px){.insurance-page .insurance-journey,.insurance-page .insurance-story,.insurance-page .insurance-commission,.insurance-page .insurance-finance,.insurance-page .insurance-access{padding-top:55px;padding-bottom:65px}.insurance-journey-grid,.insurance-finance-cards,.insurance-commission-points{grid-template-columns:1fr}.insurance-journey-grid{gap:9px;margin-top:28px}.insurance-journey-grid>div{min-height:0;padding:17px}.insurance-story-copy h3,.insurance-access h3{font-size:35px}.insurance-panel-head{padding:13px 15px}.insurance-panel-tabs{padding:13px 15px}.insurance-table-wrap{padding:14px 10px}.insurance-panel th,.insurance-panel td{padding:9px 6px}.insurance-policy-id{padding:18px 15px;font-size:13px}.insurance-policy-id span{display:block;margin:4px 0 0}.insurance-file{margin:0 14px;padding:14px}.insurance-policy-steps{margin:17px 14px}.insurance-commission-layout{margin-top:30px}.insurance-finance-flows{margin-top:28px}.insurance-finance-flows>div{gap:5px}.insurance-finance-flows span{padding:8px;min-height:68px;font-size:11px}.insurance-finance-flows b{font-size:15px}.insurance-finance-cards>div{padding:18px}.insurance-access-card{padding:21px}} .insurance-access .insurance-access-examples{font-size:13px;line-height:1.6;color:#75818d;margin-top:17px} /* v1.5.6 — Insurance buyer journey and provider catalogue. */ .insurance-page .it-hero h2 em{color:#71558b;font-family:Georgia,serif;font-weight:500} .insurance-market-section,.insurance-app-flow{padding:82px 0 95px;border-top:1px solid #e8e9ec} .insurance-market-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;margin-top:40px} .insurance-catalogue{min-width:0;border:1px solid #e3e4eb;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 14px 36px rgba(43,51,70,.055)} .insurance-catalogue-head{display:flex;align-items:center;gap:15px;background:#f3eef8;padding:19px 23px;color:#503f62} .insurance-catalogue-head.teal{background:#eaf5f2;color:#227e72} .insurance-catalogue-icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:24px;font-weight:700} .insurance-catalogue-head strong,.insurance-catalogue-head small{display:block}.insurance-catalogue-head strong{font-size:18px}.insurance-catalogue-head small{font-size:12px;margin-top:3px;color:#6a7782} .insurance-market-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 20px;list-style:none;margin:0;padding:25px 26px 29px} .insurance-market-list li{position:relative;padding-left:18px;color:#354858;font-size:14px;line-height:1.45}.insurance-market-list li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#795f92}.insurance-market-list li:first-child{font-weight:750}.insurance-market-list li:first-child:before{background:#227e72} .insurance-partner-groups{display:grid;grid-template-columns:1.1fr .95fr 1fr;gap:18px;padding:23px 23px 28px}.insurance-partner-groups h4{margin:0 0 11px;color:#795f92;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.insurance-partner-groups h4:not(:first-child){margin-top:25px}.insurance-partner-groups ul{list-style:none;padding:0;margin:0}.insurance-partner-groups li{color:#344758;font-size:13px;line-height:1.45;margin:0 0 11px} .insurance-market-note{background:#eaf5f2;border-radius:11px;color:#366d67;line-height:1.5;padding:15px 19px;margin:16px 0 0;font-size:13px}.insurance-market-note strong{color:#227e72;margin-right:10px} .insurance-app-flow{background:#faf9fc}.insurance-app-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:42px}.insurance-app-flow-grid>div{position:relative;min-width:0;min-height:227px;background:#fff;border:1px solid #e2e4e9;border-top:7px solid #795f92;border-radius:13px;padding:19px 16px 22px}.insurance-app-flow-grid>div:nth-child(even){border-top-color:#227e72}.insurance-app-flow-grid>div:not(:last-child):after{content:"→";position:absolute;z-index:1;right:-21px;top:28px;font-size:23px;font-weight:700;color:#795f92}.insurance-app-flow-grid>div:nth-child(even):after{color:#227e72}.insurance-app-flow-grid b{display:grid;place-items:center;width:37px;height:37px;background:#f3eef8;color:#795f92;border-radius:50%;font-size:12px}.insurance-app-flow-grid>div:nth-child(even) b{background:#eaf5f2;color:#227e72}.insurance-app-flow-grid h4{font-size:18px;color:#253441;margin:22px 0 10px;line-height:1.25}.insurance-app-flow-grid p{font-size:13px;line-height:1.55;color:#62727e;margin:0}.insurance-app-flow-foot{background:#eaf5f2;border-radius:11px;color:#227e72;padding:17px 21px;margin:21px 0 0;font-size:14px;font-weight:700} @media(max-width:1050px){.insurance-market-layout{grid-template-columns:1fr}.insurance-app-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insurance-app-flow-grid>div:not(:last-child):after{display:none}} @media(max-width:700px){.insurance-market-section,.insurance-app-flow{padding:56px 0 67px}.insurance-market-layout{margin-top:27px}.insurance-partner-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.insurance-app-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.insurance-app-flow-grid>div{min-height:0;padding:16px}.insurance-app-flow-grid h4{font-size:16px;margin:15px 0 8px}.insurance-app-flow-grid p{font-size:12px}.insurance-market-list{gap:10px;padding:20px}.insurance-market-list li{font-size:13px}} @media(max-width:430px){.insurance-partner-groups{grid-template-columns:1fr}.insurance-app-flow-grid{grid-template-columns:1fr}.insurance-app-flow-grid>div{min-height:0}.insurance-catalogue-head{padding:16px}.insurance-market-list{grid-template-columns:1fr 1fr;gap:8px 10px}} /* v1.5.7 — POS brochure story across selected industry pages. */ .pos-industry-flow,.pos-industry-screen,.pos-industry-detail,.pos-industry-online,.pos-industry-apps{box-sizing:border-box;padding:82px 0 95px!important} .pos-industry-flow{background:#fff;border-top:1px solid #e9eceb}.pos-industry-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:38px}.pos-industry-flow-grid>div{position:relative;min-width:0;min-height:140px;padding:21px;background:#fff;border:1px solid #e3e8e7;border-radius:13px}.pos-industry-flow-grid b,.pos-industry-flow-grid strong,.pos-industry-flow-grid span{display:block}.pos-industry-flow-grid b{font-size:12px;color:var(--it-accent);letter-spacing:.08em}.pos-industry-flow-grid strong{font-size:17px;color:#263744;line-height:1.3;margin:13px 0 8px}.pos-industry-flow-grid span{font-size:13px;color:#61727e;line-height:1.5}.pos-industry-flow-grid>div:nth-child(2),.pos-industry-flow-grid>div:nth-child(5){background:var(--it-soft)} .pos-industry-screen{background:#fff;border-top:1px solid #e8ebec}.pos-industry-screen-layout{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(220px,1fr);gap:22px;align-items:stretch}.pos-industry-screen-frame{margin:0;min-width:0;padding:9px 9px 12px;background:#fff;border:1px solid #e3e6e9;border-radius:16px;box-shadow:0 15px 38px rgba(39,58,72,.08)}.pos-industry-screen-frame img{display:block;width:100%;height:auto;border-radius:8px}.pos-industry-screen-frame figcaption{text-align:center;color:#7b8992;font-size:11px;line-height:1.5;margin:8px 6px 0}.pos-industry-callouts{display:grid;align-content:center;gap:17px;background:var(--it-soft);border-radius:15px;padding:24px}.pos-industry-callouts .it-kicker{margin-bottom:3px}.pos-industry-callouts>div{position:relative;padding-left:22px}.pos-story-dot{position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--it-accent);border-radius:50%}.pos-industry-callouts strong,.pos-industry-callouts small{display:block}.pos-industry-callouts strong{font-size:14px;color:#263744;line-height:1.35}.pos-industry-callouts small{font-size:12px;color:#61727e;line-height:1.45;margin-top:4px} .pos-industry-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,75px);align-items:center;border-top:1px solid #e8ebec}.pos-industry-detail h3{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:clamp(35px,4.2vw,57px);letter-spacing:-.055em;color:#253441;line-height:1.12;margin:18px 0 22px}.pos-industry-detail p{font-size:16px;line-height:1.7;color:#61727e;max-width:520px}.pos-industry-detail-card{background:#fff;border:1px solid #e3e8e7;border-radius:15px;box-shadow:0 15px 38px rgba(39,58,72,.08);padding:26px}.pos-industry-detail-card>strong{display:block;font-size:16px;color:#263744;padding-bottom:16px;border-bottom:1px solid #e6e9eb}.pos-industry-detail-card>div{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf0f1;padding:17px 0;color:#657580;font-size:13px}.pos-industry-detail-card>div strong{color:#263744;text-align:right;font-size:13px}.pos-industry-detail-card small{display:block;color:#819097;line-height:1.5;font-size:11px;margin-top:18px} .pos-industry-online{background:#fafbf9;border-top:1px solid #e8ebec}.pos-industry-online-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pos-industry-online-grid>div{background:#fff;border:1px solid #e3e8e7;border-radius:12px;min-height:170px;padding:21px}.pos-industry-online-grid b{font-size:11px;color:var(--it-accent);letter-spacing:.08em}.pos-industry-online-grid h4{font-size:17px;line-height:1.3;color:#263744;margin:17px 0 8px}.pos-industry-online-grid p{font-size:12px;line-height:1.55;color:#62727e;margin:0} .pos-industry-apps{background:#f6f8f7;border-top:1px solid #e8ebec}.pos-industry-app-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:40px}.pos-industry-app-grid>div{position:relative;min-width:0;min-height:216px;background:#fff;border:1px solid #e3e6e9;border-top:6px solid var(--it-accent);border-radius:13px;padding:18px 15px}.pos-industry-app-grid>div:nth-child(even){border-top-color:#227e72}.pos-industry-app-grid>div:not(:last-child):after{content:"→";position:absolute;z-index:1;right:-20px;top:25px;font-size:22px;font-weight:750;color:var(--it-accent)}.pos-industry-app-grid b{display:grid;place-items:center;width:36px;height:36px;background:var(--it-soft);color:var(--it-accent);border-radius:50%;font-size:11px}.pos-industry-app-grid h4{font-size:17px;line-height:1.3;color:#253441;margin:20px 0 9px}.pos-industry-app-grid p{font-size:12px;line-height:1.55;color:#61727e;margin:0}.pos-industry-app-note{background:#e9f4f0;border-radius:11px;color:#287c6f;font-size:13px;line-height:1.6;padding:15px 20px;margin:20px 0 0} .pos-rebuilt-page .it-hero h2{max-width:640px}.pos-rebuilt-page .it-hero-art{background:linear-gradient(145deg,#f6f2f9,#eff6f4)}.pos-rebuilt-page .it-local-nav{margin-bottom:55px} @media(max-width:1050px){.pos-industry-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-industry-app-grid>div:not(:last-child):after{display:none}.pos-industry-screen-layout{grid-template-columns:1fr}.pos-industry-callouts{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-industry-callouts .it-kicker{grid-column:1/-1}.pos-industry-detail{grid-template-columns:1fr}} @media(max-width:700px){.pos-industry-flow,.pos-industry-screen,.pos-industry-detail,.pos-industry-online,.pos-industry-apps{padding:56px 0 66px!important}.pos-industry-flow-grid,.pos-industry-online-grid,.pos-industry-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pos-industry-flow-grid>div,.pos-industry-online-grid>div,.pos-industry-app-grid>div{min-height:0;padding:17px}.pos-industry-flow-grid strong,.pos-industry-online-grid h4,.pos-industry-app-grid h4{font-size:15px}.pos-industry-screen-layout{gap:14px}.pos-industry-callouts{padding:18px}.pos-industry-detail h3{font-size:36px}.pos-industry-detail-card{padding:20px}} @media(max-width:430px){.pos-industry-flow-grid,.pos-industry-online-grid,.pos-industry-app-grid{grid-template-columns:1fr}.pos-industry-callouts{grid-template-columns:1fr;gap:12px}.pos-industry-callouts .it-kicker{grid-column:auto}.pos-industry-detail-card>div{align-items:flex-start;flex-direction:column;gap:5px}.pos-industry-detail-card>div strong{text-align:left}} /* v1.5.9 — matching POS screen composition with distinct industry palettes. */ .pos-industry-showcase .bookshop-pos-heading mark{padding:0 .07em} .pos-retail-showcase .bookshop-doodle-smile{background:#b6e5dc} .pos-retail-showcase .bookshop-pos-heading mark{background:linear-gradient(transparent 43%,#a2dfd2 43% 77%,transparent 77%)} .pos-retail-showcase .bookshop-spark{color:#2f9f8c} .pos-retail-showcase .bookshop-pos-callouts strong{color:#226f67} .pos-retail-showcase .bookshop-story-prompt{color:#306f69} .pos-fashion-showcase .bookshop-doodle-smile{background:#e8bfd0} .pos-fashion-showcase .bookshop-pos-heading mark{background:linear-gradient(transparent 43%,#e5a9c2 43% 77%,transparent 77%)} .pos-fashion-showcase .bookshop-spark{color:#ba6e95} .pos-fashion-showcase .bookshop-pos-callouts strong{color:#884d73} .pos-fashion-showcase .bookshop-story-prompt{color:#885474} /* v1.6.0 — Retail & eCommerce channel reach. */ .retail-channel-reach{padding:85px 0 100px!important;background:#fff;border-top:1px solid #e7ecea} .retail-channel-brand-panel{padding:28px 22px 20px;background:#f8fbfa;border:1px solid #e1ebe7;border-radius:17px;text-align:center;margin:42px auto 25px;max-width:960px} .retail-channel-strip{height:58px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#9bcfc4 transparent} .retail-channel-strip img{display:block;width:871px;max-width:none;height:112px;transform:translateY(-53px);margin:0 auto -53px} .retail-channel-brand-panel p{font-size:11px;line-height:1.55;color:#668078;margin:14px 0 0} .retail-channel-value{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .retail-channel-value>div{background:#fff;border:1px solid #e3e9e7;border-radius:12px;padding:20px;min-height:148px} .retail-channel-value b{display:block;color:#248575;font-size:11px;letter-spacing:.08em;margin-bottom:18px}.retail-channel-value strong{display:block;color:#253b39;font-size:16px;line-height:1.3}.retail-channel-value span{display:block;color:#657b78;font-size:12px;line-height:1.5;margin-top:9px} .retail-channel-note{font-size:12px;line-height:1.55;text-align:center;color:#71837f;margin:22px 0 0} @media(max-width:760px){.retail-channel-reach{padding:56px 0 67px!important}.retail-channel-brand-panel{margin-top:28px;padding:20px 12px}.retail-channel-strip img{margin-left:0;margin-right:0}.retail-channel-value{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.retail-channel-value>div{min-height:0;padding:16px}.retail-channel-value strong{font-size:14px}} @media(max-width:430px){.retail-channel-value{grid-template-columns:1fr}} /* v1.6.1 — Hardware Store POS story. */ .pos-hardware-showcase .bookshop-doodle-smile{background:#ffd981} .pos-hardware-showcase .bookshop-pos-heading mark{background:linear-gradient(transparent 43%,#f7cc75 43% 77%,transparent 77%)} .pos-hardware-showcase .bookshop-spark{color:#d79237} .pos-hardware-showcase .bookshop-pos-callouts strong{color:#866028} .pos-hardware-showcase .bookshop-story-prompt{color:#866028} .hardware-page .pos-industry-flow-grid>div:nth-child(2),.hardware-page .pos-industry-flow-grid>div:nth-child(5){background:#fff8e8} .hardware-page .pos-industry-detail-card{border-top:4px solid #d69a47} /* v1.6.2 — three retail industry stories. */ .pos-furniture-store-showcase .bookshop-doodle-smile{background:#f6e9dc} .pos-furniture-store-showcase .bookshop-pos-heading mark{background:linear-gradient(transparent 43%,#f6e9dc 43% 77%,transparent 77%)} .pos-furniture-store-showcase .bookshop-spark{color:#b67b4d} .pos-furniture-store-showcase .bookshop-pos-callouts strong,.pos-furniture-store-showcase .bookshop-story-prompt{color:#b67b4d} .furniture-store-page .pos-industry-flow-grid>div:nth-child(2),.furniture-store-page .pos-industry-flow-grid>div:nth-child(5){background:#f6e9dc} .furniture-store-page .pos-industry-detail-card{border-top:4px solid #b67b4d} .pos-electronics-store-showcase .bookshop-doodle-smile{background:#e7f1f8} .pos-electronics-store-showcase .bookshop-pos-heading mark{background:linear-gradient(transparent 43%,#e7f1f8 43% 77%,transparent 77%)} .pos-electronics-store-showcase .bookshop-spark{color:#5684ad} .pos-electronics-store-showcase .bookshop-pos-callouts strong,.pos-electronics-store-showcase .bookshop-story-prompt{color:#5684ad} .electronics-store-page .pos-industry-flow-grid>div:nth-child(2),.electronics-store-page .pos-industry-flow-grid>div:nth-child(5){background:#e7f1f8} .electronics-store-page .pos-industry-detail-card{border-top:4px solid #5684ad} .pos-pharmacy-showcase .bookshop-doodle-smile{background:#e3f4ec} .pos-pharmacy-showcase .bookshop-pos-heading mark{background:linear-gradient(transparent 43%,#e3f4ec 43% 77%,transparent 77%)} .pos-pharmacy-showcase .bookshop-spark{color:#4f9b81} .pos-pharmacy-showcase .bookshop-pos-callouts strong,.pos-pharmacy-showcase .bookshop-story-prompt{color:#4f9b81} .pharmacy-page .pos-industry-flow-grid>div:nth-child(2),.pharmacy-page .pos-industry-flow-grid>div:nth-child(5){background:#e3f4ec} .pharmacy-page .pos-industry-detail-card{border-top:4px solid #4f9b81}