/* Retail HQ 2026 final polish pass */
:root{
  --polish-glow:rgba(139,113,247,.22);
  --polish-blue:rgba(79,140,255,.18);
  --polish-surface:rgba(13,16,24,.82);
}

html{scrollbar-color:#7865df #080a10;scrollbar-width:thin}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-attachment:fixed}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:#080a10}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4f8cff,#8e72ff);border:2px solid #080a10;border-radius:999px}

.section-pad{position:relative;isolation:isolate}
.section-pad::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(8,10,16,.04),rgba(8,10,16,.18))}
.problems,.dashboard-showcase,.industries,.stories,.faq-section,.bg-panel{background:linear-gradient(180deg,rgba(8,10,16,.66),rgba(11,13,20,.78));border-block:1px solid rgba(155,124,255,.08)}
.platform-section,.revenue-section,.hardware-section,.comparisons,.resources-preview{background:linear-gradient(180deg,rgba(6,7,11,.16),rgba(10,12,18,.30))}

.site-header{height:84px;background:rgba(8,10,16,.72);border-bottom-color:rgba(155,124,255,.12);box-shadow:0 12px 42px rgba(0,0,0,.16)}
.site-header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(79,140,255,.34) 28%,rgba(142,114,255,.50) 62%,transparent 100%);opacity:.75}
.site-header.scrolled{background:rgba(8,10,16,.94);box-shadow:0 18px 60px rgba(0,0,0,.32)}
.logo img{filter:drop-shadow(0 8px 22px rgba(123,103,231,.16))}
.nav-link{border-radius:10px;transition:background .18s ease,color .18s ease,transform .18s ease}
.nav-link:hover,.nav-item:focus-within>.nav-link{background:rgba(155,124,255,.08);color:#fff}
.mega-menu{background:linear-gradient(180deg,rgba(16,19,28,.98),rgba(10,12,18,.98));border-color:rgba(155,124,255,.18);box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025) inset;backdrop-filter:blur(28px)}
.mega-menu a{border-radius:9px;padding:10px 11px;margin:1px -11px;transition:.16s}
.mega-menu a:hover{background:rgba(155,124,255,.08);color:#fff;transform:translateX(3px)}
.mobile-menu{background:rgba(8,10,16,.98);backdrop-filter:blur(28px)}
.mobile-menu a:not(.btn){background:linear-gradient(180deg,rgba(18,21,31,.92),rgba(12,14,22,.92));border-color:rgba(155,124,255,.14)}

.eyebrow{gap:8px;padding:8px 12px;border:1px solid rgba(155,124,255,.22);border-radius:999px;background:rgba(155,124,255,.07);box-shadow:0 8px 28px rgba(0,0,0,.12);letter-spacing:.13em}
.eyebrow::before{width:6px;height:6px;background:#a48cff;box-shadow:0 0 18px rgba(164,140,255,.72)}
h1,h2{color:#fff;text-wrap:balance}
h1{letter-spacing:-.052em;text-shadow:0 18px 60px rgba(0,0,0,.28)}
h3,h4{color:#f8f6ff}
.hero{padding-top:138px}
.hero__content{max-width:690px}
.hero__lead{color:#f4f1ff;line-height:1.55}
.hero__body{color:#beb8d5}

.btn{position:relative;overflow:hidden;letter-spacing:-.01em;box-shadow:none}
.btn::after{content:'';position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.10);pointer-events:none}
.btn--primary{background:linear-gradient(100deg,#4f8cff 0%,#7869e9 54%,#9274f0 100%);box-shadow:0 14px 34px rgba(104,92,218,.24)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(104,92,218,.34);filter:saturate(1.05) brightness(1.04)}
.btn--secondary,.btn--ghost{background:rgba(17,20,30,.66);border-color:rgba(155,124,255,.24);backdrop-filter:blur(14px)}
.btn--secondary:hover,.btn--ghost:hover{background:rgba(155,124,255,.10);border-color:rgba(164,140,255,.48)}
.language-picker{display:inline-flex;align-items:center;gap:4px;min-height:42px;padding:4px;border:1px solid rgba(155,124,255,.24);border-radius:999px;background:rgba(17,20,30,.66);backdrop-filter:blur(14px)}
.language-picker__option{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:999px;color:#d9d2f4;font-size:12px;font-weight:900;letter-spacing:.06em;line-height:1}
.language-picker__option:hover{color:#fff;background:rgba(155,124,255,.10)}
.language-picker__option.is-active{color:#fff;background:linear-gradient(100deg,rgba(79,140,255,.82),rgba(137,112,235,.82));box-shadow:0 8px 24px rgba(79,140,255,.18)}
.language-picker__option span:first-child{font-size:15px;line-height:1}

.dashboard,.wide-dashboard,.revenue-panel,.contact-panel,.demo-form,.resource-hero-visual,.resource-library-visual,.image-shell,.comparison-orbit,.versus-panel{position:relative;background:linear-gradient(180deg,rgba(21,25,36,.88),rgba(10,12,19,.94));border-color:rgba(155,124,255,.16);box-shadow:0 34px 110px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.02) inset;overflow:hidden}
.dashboard::before,.wide-dashboard::before,.revenue-panel::before,.contact-panel::before,.demo-form::before,.resource-hero-visual::before,.resource-library-visual::before,.image-shell::before,.comparison-orbit::before,.versus-panel::before{content:'';position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(151,126,255,.76),transparent);z-index:3;pointer-events:none}
.dashboard{transform:perspective(1200px) rotateY(-5deg) rotateX(3deg);box-shadow:0 42px 130px rgba(0,0,0,.52),0 0 70px rgba(101,91,221,.12)}
.dashboard::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.04),transparent 22%,transparent 78%,rgba(142,114,255,.04));pointer-events:none}
.kpi-card,.mini-table,.chart-card{background:linear-gradient(180deg,rgba(20,24,35,.94),rgba(12,15,23,.96));border-color:rgba(155,124,255,.12);box-shadow:0 14px 35px rgba(0,0,0,.16)}
.kpi-card strong{letter-spacing:-.035em}
.chart-card__header,.dashboard__top{color:#f8f6ff}
.bar-chart i{background:linear-gradient(180deg,#a08aff 0%,#7565dc 62%,rgba(79,140,255,.20) 100%);box-shadow:0 -10px 28px rgba(139,113,247,.12)}
.line-chart{background:linear-gradient(180deg,rgba(11,14,22,.76),rgba(7,9,14,.72));border-color:rgba(155,124,255,.12)}
.line-chart path{stroke:#8f7aff;filter:drop-shadow(0 0 14px rgba(143,122,255,.50))}
.status-badge{background:rgba(52,211,153,.10);border-color:rgba(52,211,153,.22);color:#9af1ce}

.trust-strip{background:rgba(10,12,18,.74);backdrop-filter:blur(18px);border-color:rgba(155,124,255,.10)}
.trust-strip span{position:relative;color:#ece8fa;padding-left:15px}
.trust-strip span::before{content:'';position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:#9580ed;transform:translateY(-50%);box-shadow:0 0 12px rgba(149,128,237,.7)}

.problem-card,.story-card,.resource-card,.feature-list a,.pricing-card,.best-fit-card,.comparison-card,.comparison-links a,.hardware-grid div,.resource-library-card,.resource-paths a,.timeline div{position:relative;background:linear-gradient(180deg,rgba(18,22,32,.90),rgba(11,14,21,.94));border-color:rgba(155,124,255,.12);box-shadow:0 18px 55px rgba(0,0,0,.18);overflow:hidden}
.problem-card::before,.story-card::before,.resource-card::before,.feature-list a::before,.pricing-card::before,.best-fit-card::before,.comparison-card::before,.comparison-links a::before,.hardware-grid div::before,.resource-library-card::before,.resource-paths a::before,.timeline div::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(79,140,255,.0),rgba(143,122,255,.65),rgba(79,140,255,.0));opacity:.44}
.problem-card:hover,.story-card:hover,.resource-card:hover,.feature-list a:hover,.pricing-card:hover,.best-fit-card:hover,.comparison-card:hover,.comparison-links a:hover,.hardware-grid div:hover,.resource-library-card:hover,.resource-paths a:hover{transform:translateY(-4px);border-color:rgba(164,140,255,.30);box-shadow:0 28px 70px rgba(0,0,0,.30),0 0 35px rgba(117,99,220,.07)}
.problem-card span,.resource-card span,.story-card span{color:#9e88f4}
.feature-list strong,.hardware-grid div,.comparison-links strong{color:#fff}
.text-link,.story-card a,.comparison-links a span,.resource-card--visual>strong{color:#b19cff}

.resource-card__image{position:relative;overflow:hidden}
.resource-card__image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,14,.08),rgba(8,9,14,.68));z-index:1;pointer-events:none}
.resource-card__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) brightness(.84);transform:scale(1.01)}
.resource-card__image span{position:relative;z-index:2}

.industry-card{border-color:rgba(155,124,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.22);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.industry-card:hover{transform:translateY(-5px);border-color:rgba(164,140,255,.34);box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 42px rgba(115,86,230,.08)}
.industry-card .industry-card__image,.industry-card .image-shell__image{filter:saturate(.88) brightness(.82);transform:scale(1.01);transition:transform .5s ease,filter .5s ease}
.industry-card:hover .industry-card__image,.industry-card:hover .image-shell__image{transform:scale(1.04);filter:saturate(.95) brightness(.88)}
.industry-card::before{background:linear-gradient(180deg,rgba(7,8,13,.02) 20%,rgba(7,8,13,.78) 68%,rgba(7,8,13,.98) 100%)}

.alert-row{border-color:rgba(155,124,255,.10)}
.alert-row:hover{background:rgba(155,124,255,.035)}
.check-list li{background:rgba(17,20,29,.72);border-color:rgba(155,124,255,.12);color:#eeeafb}
.check-list li::before{color:#a58cf7}

.faq-item{border-color:rgba(155,124,255,.12)}
.faq-item button{position:relative;padding-right:44px;color:#f8f6ff;transition:color .18s ease}
.faq-item button::after{content:'+';position:absolute;right:2px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(155,124,255,.08);border:1px solid rgba(155,124,255,.16);color:#b6a5ff;font-size:18px;font-weight:500}
.faq-item.active button{color:#bbaaff}
.faq-item.active button::after{content:'–';background:rgba(155,124,255,.14)}
.faq-item p{color:#c5bedc}

.final-cta__inner{position:relative;background:linear-gradient(180deg,rgba(20,23,34,.84),rgba(8,10,16,.94)),url('../assets/brand/brand-gradient-dark.webp') center/cover no-repeat;border-color:rgba(155,124,255,.20);box-shadow:0 42px 120px rgba(0,0,0,.44),0 0 80px rgba(100,84,214,.09);overflow:hidden}
.final-cta__bg{position:absolute;inset:-2px;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;pointer-events:none;opacity:.35;filter:saturate(.92) brightness(.9)}
.final-cta__inner::before{content:'';position:absolute;inset:-2px;background:linear-gradient(180deg,rgba(7,9,15,.34),rgba(7,9,15,.58)),radial-gradient(circle at 50% 0,rgba(143,122,255,.22),transparent 46%);pointer-events:none;z-index:2}
.final-cta__inner::after{content:'';position:absolute;inset:-2px;background:linear-gradient(90deg,rgba(7,9,15,.10),transparent 34%,transparent 66%,rgba(7,9,15,.10));pointer-events:none;z-index:2}
.final-cta__inner>*:not(.final-cta__bg){position:relative;z-index:3}
.final-cta__inner>.final-cta__bg{position:absolute;inset:-2px;z-index:1}

.site-footer{position:relative;background:linear-gradient(180deg,rgba(7,9,14,.94),rgba(5,6,10,.98)),url('../assets/brand/brand-gradient-dark.webp') center bottom/cover no-repeat;border-top-color:rgba(155,124,255,.12)}
.site-footer::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(79,140,255,.35),rgba(142,114,255,.55),transparent)}
.site-footer h4{color:#fff}
.site-footer a{transition:color .16s ease,transform .16s ease}
.site-footer a:hover{color:#b8a8ff;transform:translateX(2px)}
.footer-contact a{color:#eee9ff}
.footer-bottom,.trust-footer{border-color:rgba(155,124,255,.11)}
.trust-footer{color:#ded7f4}

.whatsapp-widget{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(100deg,#4f8cff,#8970eb);color:#fff;border-color:rgba(255,255,255,.16);line-height:1;box-shadow:0 18px 46px rgba(73,71,185,.32);transition:transform .18s ease,box-shadow .18s ease}
.whatsapp-widget:before{content:'';width:19px;height:19px;flex:0 0 19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a9.5 9.5 0 0 0-8.2 14.3L2.5 21.5l5.3-1.4A9.5 9.5 0 1 0 12 2Zm0 17.2a7.7 7.7 0 0 1-3.9-1.1l-.3-.2-3.1.8.8-3-.2-.3A7.7 7.7 0 1 1 12 19.2Zm4.2-5.8c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1-1.5-.7-2.5-1.6-3.2-3.1-.1-.2 0-.4.1-.5l.6-.7c.1-.2.2-.3.1-.5l-.7-1.7c-.1-.3-.3-.4-.6-.4h-.5c-.3 0-.6.1-.8.4-.3.3-1 1-1 2.5 0 1.4 1 2.8 1.2 3 .2.2 2 3.1 4.9 4.3.7.3 1.2.5 1.7.6.7.2 1.3.2 1.8.1.5-.1 1.4-.6 1.6-1.1.2-.6.2-1 .1-1.1-.2-.2-.4-.2-.8-.4Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a9.5 9.5 0 0 0-8.2 14.3L2.5 21.5l5.3-1.4A9.5 9.5 0 1 0 12 2Zm0 17.2a7.7 7.7 0 0 1-3.9-1.1l-.3-.2-3.1.8.8-3-.2-.3A7.7 7.7 0 1 1 12 19.2Zm4.2-5.8c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1-1.5-.7-2.5-1.6-3.2-3.1-.1-.2 0-.4.1-.5l.6-.7c.1-.2.2-.3.1-.5l-.7-1.7c-.1-.3-.3-.4-.6-.4h-.5c-.3 0-.6.1-.8.4-.3.3-1 1-1 2.5 0 1.4 1 2.8 1.2 3 .2.2 2 3.1 4.9 4.3.7.3 1.2.5 1.7.6.7.2 1.3.2 1.8.1.5-.1 1.4-.6 1.6-1.1.2-.6.2-1 .1-1.1-.2-.2-.4-.2-.8-.4Z'/%3E%3C/svg%3E") center/contain no-repeat}
.whatsapp-widget:hover{transform:translateY(-2px);box-shadow:0 22px 58px rgba(73,71,185,.40)}
.line-widget{position:fixed;right:22px;bottom:82px;z-index:110;display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#06c755;color:#fff;font-weight:900;line-height:1;box-shadow:0 18px 46px rgba(6,199,85,.24);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.line-widget:before{content:'';width:19px;height:19px;flex:0 0 19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 3H4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h3.5L12 22l4.5-3H20a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 3H4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h3.5L12 22l4.5-3H20a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3Z'/%3E%3C/svg%3E") center/contain no-repeat}
.line-widget:hover{background:#05b94e;color:#fff;transform:translateY(-2px);box-shadow:0 22px 58px rgba(6,199,85,.34)}
.line-widget:focus-visible{outline:3px solid rgba(255,255,255,.92);outline-offset:3px}

.industry-card__image,.image-shell__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.industry-card:before{background:linear-gradient(180deg,rgba(3,5,10,.04) 18%,rgba(3,5,10,.94))}

.hero--image-bg{background-size:cover;background-position:center;background-repeat:no-repeat}
.hero--image-bg::before{background:radial-gradient(circle at 74% 28%,rgba(79,140,255,.30),transparent 44%),radial-gradient(circle at 36% 82%,rgba(155,124,255,.22),transparent 48%);filter:blur(24px);opacity:.95}
.hero--image-bg .container{position:relative;z-index:1}
.hero.hero--image-bg{background-attachment:fixed}
.page-hero .hero__visual .image-shell{min-height:520px;border-radius:38px;border-color:rgba(164,140,255,.20);box-shadow:0 44px 140px rgba(0,0,0,.54),0 0 74px rgba(79,140,255,.10);transform:perspective(1200px) rotateY(-3deg) rotateX(2deg)}
.page-hero .hero__visual .image-shell::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 74% 18%,rgba(79,140,255,.16),transparent 34%),linear-gradient(180deg,rgba(4,6,12,.00) 24%,rgba(4,6,12,.42) 78%,rgba(4,6,12,.76));z-index:1;pointer-events:none}
.page-hero .hero__visual .image-shell__image{filter:saturate(.96) contrast(1.04) brightness(.9);transform:scale(1.012)}

.article-toc{background:rgba(14,17,25,.90);border-color:rgba(155,124,255,.14);backdrop-filter:blur(16px)}
.article-toc__links a:hover,.article-toc__links a.active{background:rgba(155,124,255,.07);border-left-color:#9d87f1}
.reading-progress{height:2px;background:linear-gradient(90deg,#4f8cff,#8f72ef);box-shadow:0 0 18px rgba(143,114,239,.50)}
.article-cta,.summary-panel,.best-fit-card--highlight,.pricing-card--featured{background:linear-gradient(135deg,rgba(79,140,255,.08),rgba(142,114,255,.13)),linear-gradient(180deg,rgba(18,22,32,.93),rgba(10,13,20,.95));border-color:rgba(155,124,255,.20)}

@media(max-width:1060px){
  .site-header{height:80px}
  .dashboard{transform:none}
  .page-hero .hero__visual .image-shell{min-height:430px;transform:none}
}
@media(max-width:680px){
  body{background-attachment:scroll}
  .site-header{height:76px}
  .hero{padding-top:116px}
  .eyebrow{font-size:11px;line-height:1.35}
  .language-picker{gap:2px;min-height:38px;padding:3px}
  .language-picker__option{min-height:30px;padding:0 7px;font-size:11px}
  .language-picker__option span:first-child{font-size:14px}
  .whatsapp-widget,.line-widget{bottom:12px;min-height:48px;padding:0 14px;justify-content:center;text-align:center}
  .whatsapp-widget{left:14px;right:calc(50% + 5px);background:linear-gradient(100deg,#4f8cff,#8970eb)}
  .line-widget{left:calc(50% + 5px);right:14px}
  .hero.hero--image-bg{background-attachment:scroll}
  .page-hero .hero__visual .image-shell{min-height:320px;border-radius:26px}
  .problem-card:hover,.story-card:hover,.resource-card:hover,.feature-list a:hover,.pricing-card:hover,.best-fit-card:hover,.comparison-card:hover,.comparison-links a:hover,.hardware-grid div:hover,.resource-library-card:hover,.resource-paths a:hover,.industry-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}