/* v12.8.23 Retail & Wholesale showcase — Sandstone Executive. Animations respect prefers-reduced-motion. */
.rw{--rw-ink:#1d2529;--rw-bronze:#b56f37;--rw-bronze2:#c99568;--rw-char:#191a19;--rw-ivory:#fffaf3;--rw-sand:#efe5d9}
.rw section{position:relative}
.rw-hero{padding:150px 0 90px;background:radial-gradient(1100px 520px at 78% 8%,rgba(201,149,104,.28),transparent 60%),linear-gradient(180deg,#f6f0e7,#efe5d9);overflow:hidden}
.rw-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(62,75,84,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(62,75,84,.07) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(70% 60% at 60% 30%,#000,transparent);-webkit-mask-image:radial-gradient(70% 60% at 60% 30%,#000,transparent);animation:rwGrid 30s linear infinite}
@keyframes rwGrid{to{background-position:56px 56px,56px 56px}}
.rw-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative}
.rw-eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.24em;font-weight:800;color:var(--rw-bronze);text-transform:uppercase}
.rw-eyebrow i{width:34px;height:1px;background:var(--rw-bronze);display:block}
.rw h1{font:500 clamp(44px,6vw,86px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.05em;margin:18px 0 22px;color:var(--rw-ink)}
.rw h1 em{font-style:normal;color:var(--rw-bronze);background:linear-gradient(100deg,#8f552d,#c99568 45%,#8f552d);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rwShine 7s ease-in-out infinite}
@keyframes rwShine{50%{background-position:100% 0}}
.rw-lead{font-size:18px;line-height:1.8;color:#58656d;max-width:620px;margin:0 0 30px}
.rw-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}
.rw-chips{display:flex;flex-wrap:wrap;gap:10px}
.rw-chips span{padding:9px 15px;border:1px solid rgba(181,111,55,.32);border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#6b4a2d;background:rgba(255,250,243,.7);backdrop-filter:blur(6px)}
/* animated POS device */
.rw-device{position:relative;background:linear-gradient(160deg,#242321,#191a19);border-radius:26px;padding:20px;box-shadow:0 40px 90px rgba(62,48,34,.35),inset 0 0 0 1px rgba(255,255,255,.06);color:#f7f2ea;transform:perspective(1400px) rotateY(-6deg) rotateX(3deg);transition:transform .6s ease}
.rw-device:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}
.rw-dev-bar{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#c99568;font-weight:800;margin-bottom:14px}
.rw-dev-bar b{color:#8fd1a6;font-weight:800}
.rw-lines{display:grid;gap:9px;min-height:178px}
.rw-line{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:14px;opacity:0;transform:translateY(10px);animation:rwLine 9s infinite}
.rw-line:nth-child(1){animation-delay:.4s}.rw-line:nth-child(2){animation-delay:1.6s}.rw-line:nth-child(3){animation-delay:2.8s}.rw-line:nth-child(4){animation-delay:4s}
@keyframes rwLine{0%{opacity:0;transform:translateY(10px)}6%,86%{opacity:1;transform:none}96%,100%{opacity:0}}
.rw-line small{color:#a9a39a;display:block;font-size:11px;margin-top:2px}
.rw-line strong{font-variant-numeric:tabular-nums;color:#f0d9bf}
.rw-total{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px;padding-top:16px;border-top:1px dashed rgba(255,255,255,.18)}
.rw-total span{font-size:11px;letter-spacing:.2em;color:#a9a39a}
.rw-total strong{font:500 38px Georgia,serif;color:#fff}
.rw-pay{display:flex;gap:8px;margin-top:14px}
.rw-pay i{flex:1;text-align:center;font-style:normal;font-size:12px;font-weight:800;padding:11px;border-radius:10px;background:rgba(255,255,255,.07)}
.rw-pay i:last-child{background:linear-gradient(135deg,#b56f37,#8f552d);animation:rwPulse 3s ease-in-out infinite}
@keyframes rwPulse{50%{box-shadow:0 0 0 7px rgba(201,149,104,.25)}}
.rw-float{position:absolute;padding:11px 15px;border-radius:14px;background:var(--rw-ivory);color:var(--rw-ink);font-size:12px;font-weight:800;box-shadow:0 18px 40px rgba(62,48,34,.22);animation:rwBob 6s ease-in-out infinite}
.rw-float.a{left:36px;top:-26px}.rw-float.b{right:30px;bottom:-24px;animation-delay:-3s}
.rw-float em{display:block;font-style:normal;font-weight:600;color:#7f898e;font-size:11px;margin-top:2px}
@keyframes rwBob{50%{transform:translateY(-9px)}}
/* stats */
.rw-stats{background:var(--rw-char);color:#f7f2ea;padding:46px 0}
.rw-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.rw-stat{padding:6px 22px;border-left:1px solid rgba(201,149,104,.35)}
.rw-stat strong{display:block;font:500 clamp(34px,4vw,54px) Georgia,serif;color:#e0b98f}
.rw-stat span{font-size:13px;color:#b9b2a7;letter-spacing:.04em}
/* feature grid */
.rw-sec{padding:104px 0}
.rw-head{max-width:760px;margin-bottom:54px}
.rw-head h2{font:500 clamp(34px,4.4vw,60px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:14px 0 14px;color:var(--rw-ink)}
.rw-head p{color:#58656d;line-height:1.8;font-size:16px;margin:0}
.rw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rw-card{background:var(--rw-ivory);border:1px solid rgba(62,75,84,.12);border-radius:22px;padding:30px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}
.rw-card:before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#8f552d,#c99568);transition:width .5s ease}
.rw-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(62,48,34,.14);border-color:rgba(181,111,55,.4)}
.rw-card:hover:before{width:100%}
.rw-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,#1e1711,#7e532f);color:#f0d9bf;margin-bottom:20px}
.rw-ico svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rw-card h3{font:600 19px Inter,"Segoe UI",sans-serif;margin:0 0 9px;color:var(--rw-ink);letter-spacing:-.02em}
.rw-card p{margin:0;color:#58656d;line-height:1.7;font-size:14.5px}
/* flow */
.rw-flow{background:var(--rw-sand)}
.rw-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s;position:relative}
.rw-steps:before{content:"";position:absolute;left:5%;right:5%;top:27px;height:2px;background:repeating-linear-gradient(90deg,rgba(181,111,55,.5) 0 8px,transparent 8px 16px)}
.rw-step{text-align:center;padding:0 12px;position:relative}
.rw-step b{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:var(--rw-ivory);border:2px solid var(--rw-bronze);font:600 18px Georgia,serif;color:var(--rw-bronze);position:relative;z-index:1}
.rw-step h4{margin:0 0 6px;font-size:16px;color:var(--rw-ink)}.rw-step p{margin:0;font-size:13.5px;color:#58656d;line-height:1.6}
/* dark band */
.rw-dark{background:radial-gradient(900px 400px at 15% 0,rgba(181,111,55,.22),transparent 60%),var(--rw-char);color:#f7f2ea}
.rw-dark .rw-head h2{color:#fff}.rw-dark .rw-head p{color:#b9b2a7}
.rw-dark .rw-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.rw-dark .rw-card h3{color:#fff}.rw-dark .rw-card p{color:#b9b2a7}
.rw-note{margin-top:34px;padding:18px 22px;border-left:3px solid var(--rw-bronze);background:rgba(181,111,55,.09);color:#58656d;font-size:14px;line-height:1.7;border-radius:0 14px 14px 0}
.rw-dark .rw-note{color:#cfc7ba}
.rw-cta{padding:100px 0;text-align:center;background:linear-gradient(180deg,#f6f0e7,#efe5d9)}
.rw-cta h2{font:500 clamp(36px,5vw,66px)/1 Georgia,serif;letter-spacing:-.05em;margin:12px auto 18px;max-width:820px;color:var(--rw-ink)}
.rw-cta p{color:#58656d;max-width:620px;margin:0 auto 30px;line-height:1.8}
/* reveal */
.rw [data-rv]{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.rw [data-rv].in{opacity:1;transform:none}
@media (max-width:1000px){.rw-hero-grid{grid-template-columns:1fr}.rw-grid{grid-template-columns:repeat(2,1fr)}.rw-steps{grid-template-columns:1fr;gap:26px}.rw-steps:before{display:none}.rw-stat-grid{grid-template-columns:repeat(2,1fr)}.rw-device{transform:none}.rw-float.a{left:10px}.rw-float.b{right:10px}}
@media (max-width:620px){.rw-hero{padding:118px 0 60px}.rw-grid{grid-template-columns:1fr}.rw-sec{padding:70px 0}.rw-float{display:none}}
@media (prefers-reduced-motion:reduce){.rw *,.rw *:before{animation:none!important;transition:none!important}.rw [data-rv]{opacity:1;transform:none}.rw-line{opacity:1;transform:none}}