:root{--product-ink:#0b1f33;--product-muted:#607385;--product-line:#dce7ec;--product-surface:#f5fafb;--product-accent:#0ab39c;--product-accent-dark:#087d70;--product-soft:#e6fbf6;--product-deep:#073d3a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body.product-page{margin:0;color:var(--product-ink);background:#fff;font-family:Aptos,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body.product-page img{display:block;max-width:100%}body.product-page a{color:inherit}.product-container{width:min(calc(100% - 44px),1180px);margin:auto}.product-skip{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-150%);padding:9px 12px;border-radius:10px;background:#071827;color:#fff;text-decoration:none}.product-skip:focus{transform:none}.product-header{position:sticky;z-index:80;top:0;border-bottom:1px solid rgba(220,231,236,.9);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.product-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px}.product-brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-family:Bahnschrift,"Segoe UI",sans-serif;font-weight:800;font-size:1.16rem}.product-brand img{width:48px;height:48px}.product-brand small{display:block;color:var(--product-accent-dark);font-family:Aptos,system-ui,sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.product-links{display:flex;align-items:center;gap:24px}.product-links a{position:relative;text-decoration:none;font-size:.92rem;font-weight:750}.product-links a:not(.product-nav-cta)::after{position:absolute;right:100%;bottom:-8px;left:0;height:2px;content:"";background:var(--product-accent);transition:right .2s}.product-links a:hover::after,.product-links a[aria-current="page"]::after{right:0}.product-nav-cta{padding:10px 16px;border-radius:999px;background:var(--product-ink);color:#fff!important}.product-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f2fffc 55%,#e6faf6 100%)}.product-hero::before{position:absolute;top:-260px;right:-210px;width:650px;height:650px;border-radius:50%;content:"";background:radial-gradient(circle,rgba(10,179,156,.2),transparent 67%)}.product-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center;min-height:680px;padding:78px 0}.product-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:17px;color:var(--product-accent-dark);font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.product-eyebrow::before{width:25px;height:2px;content:"";background:var(--product-accent)}.product-hero h1,.product-section h2,.product-section h3{margin:0;font-family:Bahnschrift,"Segoe UI",sans-serif;letter-spacing:-.025em;line-height:1.1}.product-hero h1{max-width:690px;font-size:clamp(2.8rem,5vw,5.05rem)}.product-lead{max-width:690px;margin:22px 0 0;color:var(--product-muted);font-size:clamp(1.05rem,1.7vw,1.2rem)}.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.product-btn{display:inline-flex;min-height:51px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:1px solid transparent;border-radius:13px;text-decoration:none;font-weight:800;transition:transform .18s,box-shadow .18s}.product-btn:hover{transform:translateY(-2px)}.product-btn-primary{background:var(--product-accent-dark);color:#fff;box-shadow:0 15px 30px rgba(8,125,112,.18)}.product-btn-secondary{border-color:#bcd7d3;background:#fff}.product-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}.product-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #cfe6e1;border-radius:999px;background:rgba(255,255,255,.76);font-size:.84rem;font-weight:750}.product-pill::before{width:6px;height:6px;border-radius:50%;content:"";background:var(--product-accent)}.product-stage{position:relative;min-height:505px}.product-visual{position:absolute;inset:21px 0 0 34px;overflow:hidden;border-radius:34px;background:radial-gradient(circle at 50% 26%,rgba(49,231,191,.3),transparent 42%),linear-gradient(145deg,#075e56,#072b35);box-shadow:0 28px 70px rgba(7,54,58,.2)}.product-visual::after{position:absolute;inset:0;content:"";background:linear-gradient(to top,rgba(4,32,37,.64),transparent 56%);pointer-events:none}.product-visual img{position:absolute;z-index:1;top:14px;left:50%;width:min(93%,500px);height:calc(100% - 78px);object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 20px 25px rgba(0,0,0,.22))}.product-visual-copy{position:absolute;z-index:2;right:27px;bottom:25px;left:27px;color:#fff;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:1.25rem;font-weight:750;line-height:1.15}.product-float{position:absolute;z-index:4;padding:16px 18px;border:1px solid rgba(255,255,255,.75);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 18px 40px rgba(4,36,40,.16)}.product-float strong{display:block;font-family:Bahnschrift,"Segoe UI",sans-serif}.product-float span{display:block;color:var(--product-muted);font-size:.83rem}.product-float.one{top:0;left:0}.product-float.two{right:-4px;bottom:33px}.product-section{padding:102px 0}.product-section.soft{background:var(--product-surface)}.product-section.dark{position:relative;overflow:hidden;background:var(--product-deep);color:#d8eeeb}.product-section.dark h2,.product-section.dark h3{color:#fff}.product-section.dark::before{position:absolute;right:-15%;bottom:-60%;width:720px;height:720px;border-radius:50%;content:"";background:radial-gradient(circle,rgba(10,179,156,.25),transparent 62%)}.product-section>.product-container{position:relative;z-index:1}.product-heading{max-width:770px;margin-bottom:48px}.product-heading h2{font-size:clamp(2rem,3.4vw,3.4rem)}.product-heading p{margin:18px 0 0;color:var(--product-muted);font-size:1.08rem}.product-section.dark .product-heading p{color:#c6dfdc}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{padding:26px;border:1px solid var(--product-line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(7,24,39,.055)}.product-card-number{display:flex;width:42px;height:42px;align-items:center;justify-content:center;margin-bottom:21px;border-radius:13px;background:var(--product-soft);color:var(--product-accent-dark);font-family:Bahnschrift,"Segoe UI",sans-serif;font-weight:800}.product-card h3{font-size:1.28rem}.product-card p{margin:12px 0 0;color:var(--product-muted)}.product-split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-mode{padding:34px;border-radius:25px;background:#fff;box-shadow:0 16px 42px rgba(7,24,39,.07)}.product-mode h3{font-size:1.75rem}.product-mode p{color:var(--product-muted)}.product-list{display:grid;gap:12px;margin:23px 0 0;padding:0;list-style:none}.product-list li{position:relative;padding-left:25px;font-weight:650}.product-list li::before{position:absolute;top:.61em;left:0;width:9px;height:9px;border-radius:50%;content:"";background:var(--product-accent)}.product-process{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-step{position:relative;padding:0 16px 0 0}.product-step:not(:last-child)::after{position:absolute;top:23px;right:-5px;left:68px;height:1px;content:"";background:rgba(156,231,219,.4)}.product-step b{display:flex;width:47px;height:47px;align-items:center;justify-content:center;margin-bottom:19px;border:1px solid rgba(130,231,215,.4);border-radius:50%;color:#69edda;font-family:Bahnschrift,"Segoe UI",sans-serif}.product-step h3{font-size:1.26rem}.product-step p{margin:10px 0 0;color:#c6dfdc}.product-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:48px;border-radius:30px;background:linear-gradient(135deg,#0b7166,#064d4a);color:#dffcf7}.product-cta h2{color:#fff;font-size:clamp(1.85rem,3vw,3rem)}.product-cta p{max-width:660px;margin:14px 0 0}.product-cta .product-btn-primary{background:#dffff8;color:#06443f}.product-footer{padding:38px 0;background:#071827;color:#b8c9d5}.product-footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.product-footer a{color:#fff;text-decoration:none;font-weight:750}.automation-page{--product-accent:#7161f4;--product-accent-dark:#4f3dd1;--product-soft:#eeecff;--product-deep:#151240}.automation-page .product-hero{background:linear-gradient(135deg,#fff 0%,#f7f5ff 55%,#efedff 100%)}.automation-page .product-hero::before{background:radial-gradient(circle,rgba(113,97,244,.2),transparent 67%)}.automation-page .product-visual{background:radial-gradient(circle at 50% 26%,rgba(113,97,244,.28),transparent 42%),linear-gradient(145deg,#272071,#12113b)}.automation-page .product-section.dark{background:#151240}.automation-page .product-cta{background:linear-gradient(135deg,#5040c8,#2c236f)}
@media(max-width:900px){.product-hero-grid,.product-split{grid-template-columns:1fr}.product-hero-grid{gap:28px;min-height:auto;padding:64px 0 76px}.product-stage{max-width:720px;width:100%;margin:auto}.product-grid{grid-template-columns:1fr 1fr}.product-process{grid-template-columns:1fr}.product-step:not(:last-child)::after{top:72px;right:auto;bottom:-18px;left:23px;width:1px;height:auto}.product-links{gap:16px}.product-nav-cta{display:none}}
@media(max-width:600px){.product-container{width:min(calc(100% - 30px),1180px)}.product-nav{min-height:67px}.product-brand{font-size:1rem}.product-brand img{width:40px;height:40px}.product-links a{font-size:.8rem}.product-links{gap:13px}.product-hero h1{font-size:clamp(2.45rem,12vw,4rem)}.product-stage{min-height:430px}.product-visual{inset:20px 0 0 10px}.product-visual img{width:100%;height:calc(100% - 66px)}.product-visual-copy{right:20px;bottom:19px;left:20px;font-size:1.04rem}.product-float{padding:11px 13px}.product-float span{display:none}.product-float.two{right:0;bottom:14px}.product-section{padding:72px 0}.product-grid{grid-template-columns:1fr}.product-cta{display:block;padding:32px 25px}.product-cta .product-actions{margin-top:23px}.product-footer-row{align-items:flex-start;flex-direction:column}.product-mode{padding:27px}.product-actions{margin-top:25px}}
/* Preserve a clear reading area beneath the product artwork. */
.product-visual-copy{right:205px}
@media(max-width:600px){.product-visual-copy{right:20px}.product-float.two{display:none}}
.product-footer{padding:64px 0 26px;background:#06131f;color:#9fb3c0}.product-footer-main{display:grid;grid-template-columns:1.2fr .75fr .75fr .8fr;gap:46px;padding-bottom:46px}.product-footer-brand{display:flex;gap:13px;align-items:flex-start}.product-footer-brand img{width:58px;height:58px}.product-footer-brand strong{display:block;color:#fff;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:1.2rem}.product-footer-brand span{display:block;margin-top:3px;font-size:.86rem}.product-footer-main>div>p{max-width:300px;margin-top:18px;font-size:.9rem}.product-footer-col h4{margin:0 0 15px;color:#fff;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:.94rem}.product-footer-col a{display:block;margin:9px 0;color:#9fb3c0;text-decoration:none;font-size:.9rem}.product-footer-col a:hover{color:#69e7f2}.product-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem}
@media(max-width:900px){.product-footer-main{grid-template-columns:1.3fr 1fr 1fr}.product-footer-main .product-footer-col:last-child{grid-column:2/4}}
@media(max-width:600px){.product-footer-main{grid-template-columns:1fr 1fr;gap:28px}.product-footer-main>:first-child{grid-column:1/-1}.product-footer-main .product-footer-col:last-child{grid-column:auto}.product-footer-bottom{flex-direction:column}}
.product-whatsapp-fab{position:fixed;right:22px;bottom:22px;z-index:70;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;text-decoration:none;box-shadow:0 16px 36px rgba(7,24,39,.24);transition:transform .18s ease}.product-whatsapp-fab:hover{transform:translateY(-4px) scale(1.03)}.product-whatsapp-fab svg{width:29px;height:29px;fill:currentColor}@media(max-width:600px){.product-whatsapp-fab{right:15px;bottom:15px}}
/* POS backgrounds are applied to the complete section, preserving the existing cards as the readable layer. */
body.product-page:not(.automation-page) main>.product-section:nth-of-type(2),body.product-page:not(.automation-page) .product-section#modos{background-position:center;background-size:cover;color:#fff}body.product-page:not(.automation-page) .product-section#modos{background-image:linear-gradient(90deg,rgba(3,26,31,.64),rgba(3,26,31,.52)),url("../img/pos-restaurant-mode-bg.png")}body.product-page:not(.automation-page) .product-section#modos .product-heading p,body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-heading p{color:#e3f1ef}body.product-page:not(.automation-page) .product-section#modos .product-heading h2,body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-heading h2{color:#fff}body.product-page:not(.automation-page) main>.product-section:nth-of-type(2){background-image:linear-gradient(90deg,rgba(3,26,31,.64),rgba(3,26,31,.52)),url("../img/pos-store-mode-bg.png")}body.product-page:not(.automation-page) .product-section#modos .product-mode,body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-card{border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.94);box-shadow:0 18px 42px rgba(2,18,25,.22)}body.product-page:not(.automation-page) .product-section#modos .product-mode{min-height:0;color:var(--product-ink)}body.product-page:not(.automation-page) .product-section#modos .product-mode::before{display:none}body.product-page:not(.automation-page) .product-section#modos .product-mode h3,body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-card h3{color:var(--product-ink)}body.product-page:not(.automation-page) .product-section#modos .product-mode p{color:var(--product-muted)}body.product-page:not(.automation-page) .product-section#modos .product-list li{font-weight:650;text-shadow:none}body.product-page:not(.automation-page) .product-section#modos .product-list li::before{background:var(--product-accent);box-shadow:none}body.product-page:not(.automation-page) .product-section#modos .product-eyebrow{color:var(--product-accent-dark)}
/* More open composition for the illustrated POS sections, with imagery kept at a restrained 40% visibility. */
body.product-page:not(.automation-page) main>.product-section:nth-of-type(2),body.product-page:not(.automation-page) .product-section#modos{padding:128px 0}body.product-page:not(.automation-page) .product-section#modos .product-heading,body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-heading{margin-bottom:60px}body.product-page:not(.automation-page) .product-section#modos .product-split,body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-grid{gap:26px}body.product-page:not(.automation-page) .product-section#modos .product-mode,body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-card{padding:34px}body.product-page:not(.automation-page) .product-section#modos .product-mode{min-height:340px}body.product-page:not(.automation-page) .product-section#modos .product-mode-content{max-width:440px}body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-card{min-height:250px}@media(max-width:600px){body.product-page:not(.automation-page) main>.product-section:nth-of-type(2),body.product-page:not(.automation-page) .product-section#modos{padding:84px 0}body.product-page:not(.automation-page) .product-section#modos .product-mode,body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-card{min-height:0;padding:28px}body.product-page:not(.automation-page) .product-section#modos .product-heading,body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-heading{margin-bottom:38px}}
.automation-page .product-visual img{top:0;left:0;width:100%;height:100%;object-fit:cover;transform:none;filter:none}
.automation-page main>.product-section:nth-of-type(2){padding:118px 0;background-image:linear-gradient(90deg,rgba(15,18,54,.84) 0%,rgba(15,18,54,.66) 43%,rgba(15,18,54,.18) 100%),url("../img/automation-sme-workflows-bg.png");background-position:center;background-size:cover;color:#fff}.automation-page main>.product-section:nth-of-type(2) .product-heading{margin-bottom:56px}.automation-page main>.product-section:nth-of-type(2) .product-heading h2{color:#fff}.automation-page main>.product-section:nth-of-type(2) .product-heading p{color:#e9e8fa}.automation-page main>.product-section:nth-of-type(2) .product-grid{gap:24px}.automation-page main>.product-section:nth-of-type(2) .product-card{min-height:242px;padding:32px;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.94);box-shadow:0 18px 42px rgba(6,8,35,.26)}.automation-page main>.product-section:nth-of-type(2) .product-card h3{color:var(--product-ink)}@media(max-width:600px){.automation-page main>.product-section:nth-of-type(2){padding:84px 0}.automation-page main>.product-section:nth-of-type(2) .product-heading{margin-bottom:38px}.automation-page main>.product-section:nth-of-type(2) .product-card{min-height:0;padding:28px}}
.product-technology{background:linear-gradient(135deg,#f6f4ff,#fff)}.product-technology-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.product-technology-grid .product-card{min-height:205px}.product-technology-note{max-width:880px;margin:34px 0 0;padding:20px 24px;border-left:3px solid var(--product-accent);background:#fff;color:var(--product-muted);font-weight:650}@media(max-width:600px){.product-technology-grid{grid-template-columns:1fr}.product-technology-grid .product-card{min-height:0}.product-technology-note{padding:18px}}
/* Visual cues keep the cards scannable without replacing the explanatory copy. */
.product-card,.product-mode{position:relative}.product-card::after,.product-mode::after{position:absolute;width:42px;height:42px;content:"";background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.92}.product-card h3{padding-right:46px}body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-card::after{top:30px;right:30px}body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-card:nth-child(1)::after{background-image:url("../img/icon-cart.svg")}body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-card:nth-child(2)::after{background-image:url("../img/icon-package.svg")}body.product-page:not(.automation-page) main>.product-section:nth-of-type(2) .product-card:nth-child(3)::after{background-image:url("../img/icon-chart.svg")}body.product-page:not(.automation-page) .product-mode::after{top:34px;right:34px;width:48px;height:48px}body.product-page:not(.automation-page) .product-mode-store::after{background-image:url("../img/icon-cart.svg")}body.product-page:not(.automation-page) .product-mode-restaurant::after{background-image:url("../img/icon-restaurant.svg")}.automation-page .product-hero .product-btn-primary{color:#fff!important}.automation-page main>.product-section:nth-of-type(2) .product-card::after{top:28px;right:28px}.automation-page main>.product-section:nth-of-type(2) .product-card:nth-child(1)::after{background-image:url("../img/icon-calendar.svg")}.automation-page main>.product-section:nth-of-type(2) .product-card:nth-child(2)::after{background-image:url("../img/icon-quote.svg")}.automation-page main>.product-section:nth-of-type(2) .product-card:nth-child(3)::after{background-image:url("../img/icon-network.svg")}.product-technology-grid .product-card::after{top:27px;right:28px;width:54px;height:40px}.product-technology-grid .product-card:nth-child(1)::after{background-image:url("../img/n8n-logo.png")}.product-technology-grid .product-card:nth-child(2)::after{background-image:url("../img/power-automate-logo.svg")}.product-technology-grid .product-card:nth-child(3)::after{background-image:url("../img/icon-bot.svg")}.product-technology-grid .product-card:nth-child(4)::after{background-image:url("../img/icon-terminal.svg")}@media(max-width:600px){.product-card::after{top:24px!important;right:24px!important}.product-mode::after{top:27px!important;right:27px!important}}
.product-card-number{margin-right:58px}.product-card h3{display:flex;min-height:2.35em;align-items:center}.product-mode .product-eyebrow{padding-right:68px}.product-mode h3{padding-right:66px}.product-technology-grid .product-card h3{min-height:2.35em;padding-right:74px}.product-technology-grid .product-card::after{top:29px;right:30px;width:58px;height:38px}@media(max-width:600px){.product-card-number{margin-right:48px}.product-card h3,.product-technology-grid .product-card h3{min-height:0}.product-mode .product-eyebrow{padding-right:58px}.product-mode h3{padding-right:56px}}
/* Ensure the primary POS call to action keeps accessible contrast. */
body.product-page:not(.automation-page) .product-hero .product-btn-primary{color:#fff!important}
/* Keep the vertical Cypra symbol at its natural proportions. */
.product-brand img{width:auto;height:48px;max-width:48px;object-fit:contain;flex:0 0 auto}.product-footer-brand img{width:58px;height:58px;object-fit:contain}@media(max-width:600px){.product-brand img{width:auto;height:40px;max-width:40px}}
/* Full Cypra lockup retained as a readable footer signature. */
.product-footer-brand.product-footer-lockup{display:block;width:min(100%,310px);padding:12px 14px;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.16)}.product-footer-brand.product-footer-lockup img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
