/* posnerd.com — white, minimal. Shared by every page. */
[hidden]{display:none!important}
:root{--ink:#111413;--soft:#6b7280;--line:#eef0ef;--g:#16a34a;--gl:#22c55e;--mint:#f4faf6;--blk:#0d100e}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-weight:600;letter-spacing:-.02em;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:8px;background:var(--g);color:#fff;font-weight:600;font-size:14px;border:1px solid var(--g)}
.btn.l{background:#fff;color:var(--ink);border-color:#dfe3e1}
.btn.k{background:var(--ink);border-color:var(--ink)}
.ic{width:36px;height:36px;border-radius:9px;background:var(--mint);display:flex;align-items:center;justify-content:center;color:var(--g);font-size:16px;flex:none}
.tag{font-size:12px;font-weight:600;color:var(--g);text-transform:uppercase;letter-spacing:.08em}
.center{text-align:center}
section{padding:84px 0}
.soft{background:#fafbfa}
.h2{font-size:32px;line-height:1.2}
.lead{color:var(--soft);max-width:600px;margin:12px auto 46px;font-size:16px}

/* top strip + nav */
.strip{background:var(--blk);color:#c9d1cb;font-size:12.5px}
.strip .wrap{display:flex;gap:24px;height:34px;align-items:center}
.strip span:before{content:"✓ ";color:var(--gl)}
.strip a{margin-left:auto;color:#fff;font-weight:600}
nav.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
nav.top .wrap{display:flex;align-items:center;height:68px;gap:26px}
.logo{font-weight:800;font-size:22px;letter-spacing:-.03em}.logo span{color:var(--g)}
.menu{display:flex;gap:4px;margin-left:auto;font-size:13.5px;color:#374151}
.menu>div{position:relative}
.menu>div>a{display:block;padding:8px 12px;border-radius:8px}
.menu>div>a:hover{background:var(--mint)}
.menu .dd{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.08);padding:8px;min-width:250px}
.menu>div:hover .dd{display:block}
.dd a{display:block;padding:9px 12px;border-radius:8px}.dd a:hover{background:var(--mint)}
.dd b{display:block;font-weight:600;color:var(--ink)}.dd small{color:var(--soft);font-size:12px}
nav .si{font-size:13.5px;font-weight:500}
nav .btn{height:36px;padding:0 16px;font-size:13px}

/* hero */
.hero{padding:64px 0 80px}
.hero .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.hero h1{font-size:46px;line-height:1.12}.hero h1 span{color:var(--g)}
.hero p{color:var(--soft);font-size:16.5px;margin:16px 0 26px;max-width:470px}
.hero .ctas{display:flex;gap:10px;flex-wrap:wrap}
.stats{display:flex;gap:40px;margin-top:38px}.stats b{display:block;font-size:24px;font-weight:600}.stats span{font-size:12.5px;color:var(--soft)}
.crumb{font-size:12.5px;color:var(--soft);margin-bottom:10px}.crumb a{color:var(--g)}
.checks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:8px;color:#374151}
.checks li:before{content:"✓";color:var(--g);font-weight:700;margin-right:10px}
.checks.two{grid-template-columns:1fr 1fr}

/* device stage */
.stage{position:relative;height:420px}
.stage:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:var(--mint);right:40px;top:30px}
.laptop{position:absolute;left:0;top:30px;width:550px}
.laptop .scr{background:#111;border-radius:14px 14px 0 0;padding:12px 12px 10px;box-shadow:0 30px 60px rgba(0,0,0,.16)}
.laptop .scr>*{display:block;width:100%;border-radius:4px}
.laptop .base{height:16px;background:linear-gradient(#e6e8e7,#c9cdcb);border-radius:0 0 14px 14px;margin:0 -26px}
.phone{position:absolute;width:150px;height:300px;background:#111;border-radius:26px;padding:9px;box-shadow:0 24px 50px rgba(0,0,0,.22)}
.phone .in{width:100%;height:100%;border-radius:19px;overflow:hidden;background:#fff;position:relative}
.phone img{position:absolute;height:100%;left:-6%;max-width:none}
.tablet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:450px;background:#111;border-radius:22px;padding:14px;box-shadow:0 30px 60px rgba(0,0,0,.16)}
.tablet>*{display:block;width:100%;border-radius:8px}
.term{position:absolute;width:118px;height:210px;background:linear-gradient(#2a2f2c,#121513);border-radius:20px;padding:10px;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.term .s{background:#e9fbe9;height:84px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:#14532d;font-weight:600}
.term .s b{font-size:19px}
.term .k{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.term .k i{height:16px;border-radius:4px;background:#3a403c}
.term .k i.r{background:#dc2626}.term .k i.y{background:#eab308}.term .k i.gg{background:var(--gl)}
.kiosk{position:absolute;width:160px;height:310px;background:#111;border-radius:14px;padding:9px}
.kiosk .in{background:#fff;height:100%;border-radius:8px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}
.kiosk .in i{height:48px;border-radius:6px;background:linear-gradient(135deg,#ffedd5,#fde68a)}.kiosk .in i:nth-child(3n){background:linear-gradient(135deg,#dcfce7,#bbf7d0)}
.kiosk .in b{grid-column:1/-1;font-size:11px}.kiosk .in em{grid-column:1/-1;height:22px;border-radius:5px;background:var(--g)}
.kiosk:after{content:"";position:absolute;left:50%;bottom:-46px;width:22px;height:46px;margin-left:-11px;background:#2a2f2c}
.kds{background:#0f1311;border-radius:6px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;height:270px}
.kds div{background:#fff;border-radius:5px;padding:7px;font-size:9px;line-height:1.5;color:#111}
.kds div b{display:block;font-size:10px;padding:3px 5px;margin:-7px -7px 6px;border-radius:5px 5px 0 0;color:#fff;background:var(--g)}
.kds div.late b{background:#dc2626}.kds div.new b{background:#2563eb}
.rep{background:#fff;border-radius:6px;padding:16px;height:270px}
.rep .kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.rep .kp div{border:1px solid var(--line);border-radius:6px;padding:8px;font-size:10px;color:var(--soft)}.rep .kp b{display:block;font-size:15px;color:var(--ink)}
.rep .bars{display:flex;align-items:flex-end;gap:8px;height:140px;border-bottom:1px solid var(--line)}
.rep .bars i{flex:1;background:linear-gradient(var(--gl),var(--g));border-radius:4px 4px 0 0}
.web{background:#fff;border-radius:6px;height:270px;overflow:hidden;font-size:10px}
.web .bn{height:84px;background:linear-gradient(120deg,#14532d,#16a34a);color:#fff;padding:14px;font-size:15px;font-weight:600}
.web .gr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}
.web .gr div{border:1px solid var(--line);border-radius:6px;padding:6px}.web .gr i{display:block;height:44px;border-radius:4px;background:linear-gradient(135deg,#ffedd5,#fde68a);margin-bottom:4px}
.media{position:relative;height:330px}
.media:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:var(--mint);left:50%;top:50%;transform:translate(-50%,-50%)}
.media .c{left:50%;top:50%;transform:translate(-50%,-50%)}

/* blocks */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}
.feats.four{grid-template-columns:repeat(4,1fr)}
.feat{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff}
.feat h3{font-size:15px;margin:14px 0 4px}.feat p{margin:0;color:var(--soft);font-size:13.5px}
.row{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;margin-top:70px}
.row:first-child{margin-top:0}
.row.r .media{order:2}
.row h2{font-size:26px;margin:6px 0 10px}.row p{color:var(--soft)}
.pt{display:flex;gap:14px;margin:16px 0}.pt h3{font-size:15px}.pt p{margin:2px 0 0;font-size:13.5px}
.band{background:var(--g);color:#fff;padding:70px 0}
.band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.band h2{font-size:30px;margin:6px 0 8px}.band p{color:#dcfce7}.band .tag{color:#dcfce7}
.band ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.band li:before{content:"✓  ";font-weight:700}
.band .media:before{background:rgba(255,255,255,.12)}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left}
.big{border:1px solid var(--line);border-radius:18px;padding:34px;background:#fff}
.big h3{font-size:22px;margin:8px 0 6px}.big p{color:var(--soft);margin:0 0 16px}
.big ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:7px;font-size:14px;color:#374151}.big li:before{content:"✓";color:var(--g);margin-right:8px}
.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}
.way{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff}.way.f{border-color:var(--g);background:var(--mint)}
.way small{color:var(--g);font-weight:600}.way h3{font-size:16px;margin:4px 0 6px}.way p{margin:0 0 10px;color:var(--soft);font-size:13.5px}
.way ul{list-style:none;padding:0;margin:0;font-size:13px;display:grid;gap:5px;color:#374151}.way li:before{content:"✓ ";color:var(--g)}
table.t{width:100%;border-collapse:collapse;margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14px}
.t th,.t td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center}.t th{background:#f7f9f8;font-weight:600}
.t td:first-child,.t th:first-child{text-align:left}.y{color:var(--g);font-weight:700}.x{color:#dc2626;font-weight:700}
.note{font-size:12.5px;color:var(--soft);margin-top:12px}
.types{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
.types div{text-align:center;font-size:13px;color:#374151}.types .ic{width:58px;height:58px;border-radius:14px;margin:0 auto 10px;font-size:24px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}
.plan{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff}.plan.f{border-color:var(--g);box-shadow:0 14px 34px rgba(22,163,74,.1)}
.plan h3{font-size:15px}.plan .p{font-size:38px;font-weight:600;margin:6px 0 2px}.plan .p small{font-size:13px;color:var(--soft);font-weight:400}
.plan .w{font-size:12.5px;color:var(--soft)}.plan ul{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:7px;font-size:13.5px;color:#374151}
.plan li:before{content:"✓";color:var(--g);margin-right:8px}.plan .btn{width:100%}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:left;counter-reset:s}
.steps div{border-top:2px solid var(--g);padding-top:16px}.steps div:before{counter-increment:s;content:"0" counter(s);font-size:13px;color:var(--g);font-weight:700}
.steps h3{font-size:15px;margin:6px 0 4px}.steps p{margin:0;color:var(--soft);font-size:13.5px}
.faq{max-width:780px;margin:0 auto;text-align:left}
.faq details{border-bottom:1px solid var(--line);padding:16px 2px}
.faq summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.faq summary:after{content:"+";color:var(--g);font-size:20px;line-height:1}.faq details[open] summary:after{content:"–"}
.faq p{color:var(--soft);margin:8px 0 0}
.demo{background:var(--g);border-radius:22px;color:#fff;padding:44px 50px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.demo h2{font-size:30px}.demo p{color:#dcfce7;margin:8px 0 0}
.demo .ctas{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.demo .btn{background:#fff;color:var(--ink);border-color:#fff}.demo .btn.k{background:var(--ink);color:#fff;border-color:var(--ink)}
.sup{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:40px;margin-top:60px}
.sup h3{font-size:14px}.sup p{color:var(--soft);font-size:13.5px;margin:6px 0 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}
.card{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff;display:flex;flex-direction:column}
.card h3{font-size:16px;margin:12px 0 4px}.card p{color:var(--soft);font-size:13.5px;margin:0 0 14px}.card a.more{margin-top:auto;color:var(--g);font-weight:600;font-size:13.5px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left}
.contact .box{border:1px solid var(--line);border-radius:16px;padding:30px}
.contact .line{display:flex;gap:14px;align-items:center;margin:14px 0}.contact .line b{display:block}
footer.f{border-top:1px solid var(--line);padding:50px 0 30px;font-size:13.5px;color:var(--soft)}
footer.f .wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:30px}
footer.f h4{color:var(--ink);font-size:13.5px;margin:0 0 10px}footer.f a{display:block;margin:5px 0}footer.f a:hover{color:var(--g)}
footer.f .b{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:12.5px}
@media(max-width:900px){
  .hero .wrap,.row,.band .wrap,.demo,.split2,.contact,footer.f .wrap{grid-template-columns:1fr}
  .feats,.feats.four,.plans,.ways,.sup,.cards,.steps{grid-template-columns:1fr}
  .row.r .media{order:0}.menu,.strip span{display:none}
  .stage{transform:scale(.62);transform-origin:left top;height:270px}
  .hero h1{font-size:36px}.demo .ctas{justify-content:flex-start}.checks.two{grid-template-columns:1fr}
}

/* ----- bolder look, like the design the owner picked ----- */
body{font-family:Poppins,Inter,Arial,sans-serif}
h1,h2,h3{font-weight:700}
.hero h1{font-size:50px;font-weight:800;letter-spacing:-.03em}
.h2{font-size:34px;font-weight:800}
.row h2,.band h2,.demo h2{font-weight:800}
.hero{padding:48px 0 70px}
.hero .stage{height:470px}
.hero .stage:before{display:none}
.hp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:22px;box-shadow:0 30px 60px rgba(0,0,0,.14)}
.ph{background:repeating-linear-gradient(45deg,#f1f4f2 0 14px,#e9eeea 14px 28px);border:2px dashed #b9c4bc;display:flex;align-items:center;justify-content:center;text-align:center;color:#5b6a60;font-size:14px;padding:30px;box-shadow:none}
.ph b{display:block;color:var(--g);margin-bottom:6px}
.ph.dk{background:repeating-linear-gradient(45deg,#161b17 0 14px,#1c221d 14px 28px);border-color:#334036;color:#9aa69e}
.hero.dark{background:var(--blk);color:#fff}.hero.dark p,.hero.dark .checks{color:#c3ccc5}.hero.dark .crumb{color:#9aa69e}
.hero.dark .btn.l{background:transparent;color:#fff;border-color:#3a443c}
.kbar{background:var(--blk);color:#fff}
.kbar .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 28px}
.kbar .wrap>div{display:flex;gap:14px;align-items:center}
.kbar i{width:46px;height:46px;border:2px solid var(--gl);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gl);font-style:normal;font-size:18px;flex:none}
.kbar b{display:block;font-size:16px}.kbar span{font-size:12.5px;color:#a3aea6}
@media(max-width:900px){.kbar .wrap{grid-template-columns:1fr 1fr}.hero .stage{transform:none;height:300px}}
.popup{position:absolute;right:-6px;bottom:-10px;width:250px;border-radius:18px;box-shadow:0 26px 60px rgba(0,0,0,.28)}
.hero .stage .laptop{width:520px;top:40px}

/* floating note cards on the device scenes, and the text-message phone */
.bub{position:absolute;z-index:3;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 18px 40px rgba(0,0,0,.16);font-size:12.5px;color:var(--soft);line-height:1.45}
.bub b{display:block;color:var(--ink);font-size:14px}.bub.g b{color:var(--g)}
.sms{background:#f3f4f6;padding:34px 10px}
.sms .hd{font-size:11px;text-align:center;font-weight:600;margin-bottom:12px;color:#111}
.sms p{background:#e5e7eb;border-radius:14px;padding:9px 11px;font-size:11px;color:#111;margin:0;line-height:1.45}
.hero .stage .tablet{z-index:1}
@media(max-width:900px){.hero{overflow:hidden}.hero .stage{zoom:.6;height:520px;width:560px;margin:0 auto}}
@media(max-width:900px){.media .tablet{width:94%;padding:10px}.t th,.t td{padding:9px 6px;font-size:12px}.media{height:300px}}

/* ----- Home sections from Chat's mock-up ----- */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.dc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 34px 0;overflow:hidden;display:flex;flex-direction:column}
.dc h2,.big2{font-size:32px;font-weight:800;line-height:1.15;margin:8px 0 10px}.dc h2 span,.big2 span{color:var(--g);display:block}
.dc p{color:var(--soft);margin:0 0 18px}.dc .checks{font-size:14px;margin-bottom:22px}.dc .btn{align-self:flex-start}
.dm{position:relative;height:300px;margin-top:30px}
.dm:before{content:"";position:absolute;inset:40px -34px 0;background:var(--mint)}
.dm .tablet{top:auto;bottom:-30px;transform:translateX(-50%);width:430px}
.chips{position:absolute;right:-6px;bottom:24px;z-index:3;display:flex;gap:6px;background:#fff;border-radius:12px;padding:8px;box-shadow:0 14px 30px rgba(0,0,0,.14)}
.chips span{font-size:12px;font-weight:600;padding:6px 9px;border-radius:8px;background:var(--mint);color:var(--ink)}
.phone.sm{width:110px;height:220px;right:-8px;bottom:-14px;padding:6px;border-radius:20px;z-index:3}.phone.sm .in{border-radius:15px}.phone.sm img{left:0;width:100%;height:auto}
.media.pay{height:420px}.media.pay:before{display:none}
.np .in{display:flex;flex-direction:column;align-items:center;padding:22px 12px;text-align:center}
.np .nh{font-weight:800;font-size:16px}.np .nh b{color:var(--g)}
.np .ok{width:54px;height:54px;border-radius:50%;border:3px solid var(--g);color:var(--g);font-size:26px;display:flex;align-items:center;justify-content:center;margin:22px 0 12px}
.np .ps{font-size:11px;font-weight:600}.np .am{font-size:22px;font-weight:800;color:var(--g)}.np .cd{font-size:10px;color:var(--soft)}
.np .er{margin-top:auto;width:100%;border:1px solid var(--line);border-radius:8px;font-size:10px;font-weight:600;padding:7px}
.gcirc{position:absolute;right:4%;top:6%;width:210px;height:210px;border-radius:50%;background:var(--g);color:#dcfce7;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:30px;font-size:13px;transform:rotate(-8deg)}
.gcirc b{color:#fff;font-size:20px;font-weight:800;line-height:1.15;margin-bottom:6px}
.grow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gc{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 0 22px;overflow:hidden;transition:box-shadow .2s}
.gc:hover{box-shadow:0 18px 40px rgba(0,0,0,.08)}
.gm{position:relative;height:190px;background:var(--mint);margin-bottom:18px;overflow:hidden}
.gm .tablet{left:50%;top:50%;transform:translate(-50%,-50%)}
.gc h3{font-size:17px;margin:0 18px 4px}.gc p{color:var(--soft);font-size:13.5px;margin:0 18px 10px}.gc span{color:var(--g);font-weight:600;font-size:13.5px}
.dev{display:grid;grid-template-columns:1fr 1.5fr .7fr;gap:30px;align-items:center}
.dev p{color:var(--soft)}
.os{display:flex;gap:26px;margin-top:20px}.os div{text-align:center;font-size:13px;font-weight:600}.os i{display:block;font-style:normal;font-size:34px;line-height:1.2}
.dv{position:relative;height:330px}.dv .laptop{width:400px;top:10px}
.dck{list-style:none;padding:0;margin:0;display:grid;gap:22px;font-weight:600}
.dck li{display:flex;gap:12px;align-items:center}.dck li:before{content:"✓";flex:none;width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center}
.cta{background:var(--g);border-radius:22px;color:#fff;padding:44px 50px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}
.cta h2{font-size:34px;font-weight:800}.cta p{color:#dcfce7;margin:8px 0 22px}
.cta .ctas{display:flex;gap:10px;flex-wrap:wrap}.cta .btn{background:#fff;color:var(--ink);border-color:#fff}.cta .btn.k{background:var(--ink);color:#fff;border-color:var(--ink)}
.cta ul{list-style:none;padding:0;margin:0;display:grid;gap:16px;font-weight:600;font-size:16px}
.cta li:before{content:"✓";display:inline-flex;width:28px;height:28px;border-radius:50%;border:2px solid #fff;align-items:center;justify-content:center;margin-right:12px;font-size:13px}
/* Chat's dark footer, every page */
footer.f{background:var(--blk);border-top:0;color:#a3aea6;margin-top:60px}
footer.f h4{color:#fff}footer.f .logo{color:#fff}footer.f .b{border-color:#232a25}
@media(max-width:900px){
  .duo,.grow,.dev,.cta{grid-template-columns:1fr}
  .dm .tablet{width:94%}.chips{right:0}.gcirc{width:160px;height:160px;padding:18px}.gcirc b{font-size:16px}
  .dev{grid-template-columns:minmax(0,1fr)}.dv{zoom:.7}.media.pay{zoom:.8}
}
.gm .tablet{transform:translate(-50%,-50%) scale(.8)}
footer.f{margin-top:0}.cta{margin-bottom:50px}
.gm .tablet{transform:translate(-50%,-50%) scale(.68)}
.chips span{white-space:nowrap}
@media(max-width:900px){.chips{left:8px;right:8px;justify-content:center}.chips span{font-size:11px;padding:5px 7px}}
/* Become a partner band (Home) */
.join{background:var(--blk);color:#fff}
.join .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.join h2{font-size:38px;font-weight:800;line-height:1.12;margin:8px 0 12px}.join h2 span{color:var(--gl)}
.join p{color:#c3ccc5;font-size:16px;margin:0 0 24px}.join .tag{color:var(--gl)}
.join .ctas{display:flex;gap:10px;flex-wrap:wrap}.join .btn.l{background:transparent;color:#fff;border-color:#3a443c}
.jg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.jg div{border:1px solid #232a25;border-radius:16px;padding:22px;background:#151a16}
.jg i{display:flex;width:42px;height:42px;border-radius:50%;border:2px solid var(--gl);color:var(--gl);font-style:normal;align-items:center;justify-content:center;font-size:17px;margin-bottom:12px}
.jg b{display:block;font-size:16px}.jg span{font-size:13px;color:#a3aea6}
@media(max-width:900px){.join .wrap{grid-template-columns:1fr}.jg{grid-template-columns:1fr}.join h2{font-size:30px}}
/* Partners: coast-to-coast offices */
.usa{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:left;position:relative}
.usa:before{content:"";position:absolute;left:6%;right:6%;top:31px;height:2px;background:linear-gradient(90deg,var(--g),var(--gl));z-index:0}
.usa div{position:relative;z-index:1;border:1px solid var(--line);border-radius:16px;background:#fff;padding:52px 22px 22px}
.usa i{position:absolute;top:20px;left:22px;width:24px;height:24px;border-radius:50%;background:var(--g);box-shadow:0 0 0 7px rgba(22,163,74,.18)}
.usa b{display:block;font-size:18px;font-weight:800}.usa span{font-size:13.5px;color:var(--soft)}
@media(max-width:900px){.usa{grid-template-columns:1fr 1fr}.usa:before{display:none}}
/* 3 ways, 0% processing */
.ways.three{grid-template-columns:repeat(3,1fr)}.way a.more{display:inline-block;margin-top:12px;color:var(--g);font-weight:600;font-size:13.5px}
.zc{padding:26px 0;background:var(--mint);border-bottom:1px solid #dcefe2}
.zc a{display:flex;align-items:center;gap:22px}
.zn{font-size:54px;font-weight:800;color:var(--g);letter-spacing:-.04em;line-height:1}
.zc b{display:block;font-size:22px;font-weight:800}.zc a>div>span{color:var(--soft)}
.zc .btn{margin-left:auto;height:48px;padding:0 24px;font-size:15px}
.rcpt{position:absolute;right:0;top:20px;width:230px;background:#fff;border-radius:6px;padding:18px 16px;box-shadow:0 24px 50px rgba(0,0,0,.16);font-size:12px;font-family:ui-monospace,Menlo,monospace;z-index:2}
.rcpt.in{position:static;width:auto;box-shadow:none;height:auto}
.rcpt>b{display:block;text-align:center;font-size:14px}.rcpt small{display:block;text-align:center;color:var(--soft);margin-bottom:10px}
.rcpt div{display:flex;justify-content:space-between;padding:3px 0}.rcpt .ln{border-top:1px dashed #ccc;margin-top:6px;padding-top:8px}
.rcpt .tt{font-weight:700;font-size:14px;border-top:1px dashed #ccc;margin-top:6px;padding-top:8px}.rcpt .cs{color:var(--g);font-weight:700}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left;max-width:900px;margin:0 auto}
.vs>div{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff}.vs .new{border:2px solid var(--g);box-shadow:0 18px 40px rgba(22,163,74,.12)}
.vs small{color:var(--g);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.vs .old small{color:var(--soft)}
.vs h3{font-size:22px;margin:4px 0 14px}.vs div div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.vs .tt{border:0;font-size:17px;font-weight:700}.vs .new .tt b{color:var(--g);font-size:22px}
@media(max-width:900px){.ways.three,.vs{grid-template-columns:1fr}.zc a{flex-wrap:wrap}.zc .btn{margin-left:0}}
footer.f .iso{grid-column:1/-1;margin:4px 0 0;font-size:11.5px;line-height:1.6;color:#7d877f;max-width:900px}

/* ----- owner's mock-ups: big hero (Kiosk, Payments), 5-up strip, NCR ----- */
.bh{padding:30px 0 60px;background:linear-gradient(90deg,#fff 0,#fff 40%,#f3f5f4 100%)}
.bh .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}
.bh h1{font-size:54px;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}.bh h1 span{color:var(--g)}
.bh h2{font-size:24px;font-weight:700;margin:14px 0 12px;line-height:1.3}
.bh p{color:#374151;font-size:16px;margin:0 0 20px;max-width:470px}
.bh .checks li:before{content:"✓";display:inline-flex;width:20px;height:20px;border-radius:50%;background:var(--g);color:#fff;font-size:11px;align-items:center;justify-content:center;margin-right:10px}
.bh .ctas{display:flex;gap:10px;flex-wrap:wrap}.bh .ctas .btn{height:50px;padding:0 26px;font-size:15px;text-transform:uppercase;letter-spacing:.02em}
.bv{position:relative}
.bh.kio .kp{width:100%;border-radius:20px;display:block}
.fpan{position:absolute;right:-20px;bottom:-40px;width:250px;background:#fff;border-radius:16px;box-shadow:0 24px 50px rgba(0,0,0,.14);padding:18px;display:grid;gap:14px}
.fpan>div{display:flex;gap:12px}.fpan i{font-style:normal;font-size:20px;color:var(--g);flex:none;width:26px}
.fpan b{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}.fpan span{font-size:12px;color:var(--soft);line-height:1.45;display:block}
.bh.pay{background:linear-gradient(90deg,#fff 0,#f1f2f1 45%,#0d100e 82%)}
.bh.pay .cm{width:100%;display:block;border-radius:0 0 0 0;mask-image:linear-gradient(90deg,transparent 0,#000 18%)}
.s5w{padding:36px 0 50px}
.s5{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.05)}
.s5>div{display:flex;gap:14px;padding:24px 20px;border-left:1px solid var(--line)}.s5>div:first-child{border-left:0}
.s5 i{font-style:normal;font-size:26px;color:var(--g);flex:none}
.s5 b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.s5 span{font-size:13px;color:var(--soft);line-height:1.5}
.s5row{display:grid;grid-template-columns:1fr 290px;gap:22px;align-items:stretch}
.whyb{border:2px solid #cfe9d8;border-radius:16px;padding:20px 22px;background:#fff}
.whyb b{display:block;color:var(--g);text-transform:uppercase;font-size:13.5px;letter-spacing:.03em;margin-bottom:10px}.whyb .checks{margin:0;font-size:13.5px;gap:6px}
.acc{padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfa}
.acc .wrap{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;padding-top:22px;padding-bottom:22px}
.al{display:flex;align-items:center;gap:24px}.al b{text-transform:uppercase;font-size:14px;max-width:150px;line-height:1.35}.al img{height:56px;mix-blend-mode:multiply}
.ar{display:flex;gap:14px;align-items:center;border-left:1px solid var(--line);padding-left:30px}.ar i{font-style:normal;font-size:30px}
.ar b{display:block;text-transform:uppercase;font-size:13.5px}.ar span{font-size:13px;color:var(--soft)}
.biz{display:grid;grid-template-columns:240px 1fr 320px;gap:30px;align-items:center}
.bt b{display:block;font-size:17px;text-transform:uppercase;font-weight:800}.bt span{color:var(--soft);font-size:14px}
.bi{display:flex;justify-content:space-between;gap:10px}.bi div{text-align:center;font-size:12.5px;font-weight:700;text-transform:uppercase}
.bi i{display:block;font-style:normal;font-size:34px;margin-bottom:6px}.bi i.g{width:46px;height:46px;border-radius:50%;background:var(--g);color:#fff;font-size:18px;line-height:46px;margin:0 auto 6px}
.help{display:flex;gap:16px;border:1.5px solid var(--g);border-radius:14px;padding:20px;background:#fff}
.help i{font-style:normal;font-size:34px}.help b{display:block;text-transform:uppercase;font-size:13px;line-height:1.4}.help span{font-size:13px;color:var(--soft);display:block}
.help em{font-style:normal;color:var(--g);font-weight:700;font-size:13px;text-transform:uppercase}
.ncr{max-width:980px;margin:0 auto}.ncr img{width:100%;display:block}
.ncrf{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:10px auto 0}
.ncrf div{border:1px solid var(--line);border-radius:12px;padding:14px;font-size:14px;background:#fff}.ncrf b{display:block;font-size:12px;color:var(--g);text-transform:uppercase;letter-spacing:.04em}
@media(max-width:900px){
  .bh .wrap,.s5row,.acc .wrap,.biz{grid-template-columns:1fr}.bh h1{font-size:38px}
  .fpan{position:static;width:auto;margin-top:16px}.s5>div{border-left:0;border-top:1px solid var(--line)}.s5>div:first-child{border-top:0}
  .bi{flex-wrap:wrap;justify-content:center;gap:20px}.ar{border-left:0;padding-left:0}.al{flex-wrap:wrap}.al img{max-width:100%;height:auto}
  .ncrf{grid-template-columns:1fr 1fr}
}
.bh.pay .cm{mask-image:linear-gradient(90deg,transparent 0,#000 18%),linear-gradient(0deg,transparent 0,#000 8%);mask-composite:intersect;-webkit-mask-composite:source-in}
.s5>div{flex-direction:column;gap:8px}
.s5row .s5{grid-template-columns:repeat(4,1fr)}
.biz{grid-template-columns:260px 1fr}.biz .help{grid-column:1/-1;max-width:560px;justify-self:end}
.bi div{white-space:nowrap}
@media(max-width:900px){.s5row .s5{grid-template-columns:1fr}.biz{grid-template-columns:1fr}.biz .help{justify-self:stretch}.bi div{white-space:normal}}
/* Powered by NerdPay badge on the card machine photo */
.cmw{position:relative;container-type:inline-size}
.npb{position:absolute;left:55.5%;top:55.2%;width:24.5%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 35%,#16201a,#050806 70%);
  border:.55cqw solid var(--gl);box-shadow:0 0 0 .5cqw rgba(34,197,94,.18),0 0 6cqw rgba(34,197,94,.55);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.05;animation:npglow 2.8s ease-in-out infinite}
.npb i{color:var(--gl);width:38%;display:block;margin-bottom:1.2cqw}.npb svg{display:block;width:100%}
.npb small{font-size:2.3cqw;font-weight:600;letter-spacing:.02em;color:#d5ddd7}
.npb b{font-size:4.7cqw;font-weight:800;letter-spacing:-.03em;margin:.6cqw 0 1cqw}.npb b span{color:var(--gl)}
.npb em{font-style:normal;font-size:1.9cqw;color:#9aa69e;text-transform:uppercase;letter-spacing:.08em}
.npb em strong{font-weight:800;letter-spacing:-.01em;text-transform:none;font-size:2.4cqw;color:#fff}.npb em strong span{color:var(--gl)}
@keyframes npglow{50%{box-shadow:0 0 0 .5cqw rgba(34,197,94,.28),0 0 9cqw rgba(34,197,94,.8)}}
@media(prefers-reduced-motion:reduce){.npb{animation:none}}
.bh.pay .cm{mask-image:none;-webkit-mask-image:none}
.bh.pay .checks{grid-template-columns:1fr 1fr;column-gap:20px}
@media(max-width:900px){.bh.pay .checks{grid-template-columns:1fr}}
.bh.pay{background:linear-gradient(90deg,#fff 0,#f3f4f3 38%,#5d635f 52%,#0d100e 62%)}
.bh.pay .wrap{grid-template-columns:1.1fr 1fr}
.bh.pay{background:linear-gradient(90deg,#fff 0,#f3f4f3 47%,#5d635f 56%,#0d100e 64%)}
@media(max-width:900px){.bh.pay{background:linear-gradient(180deg,#fff 0,#f3f4f3 55%,#0d100e 70%)}}
@media(max-width:900px){.bh.pay .wrap{grid-template-columns:minmax(0,1fr)}.bh.pay{background:#f6f7f6}.bh.pay .bv{background:#0d100e;border-radius:18px;padding:14px 6px;margin-top:6px}}
/* NerdPay card machine (owner's picture) + Powered by NerdPay badge */
.mach{position:relative;container-type:inline-size}
.mach:before{content:"";position:absolute;left:12%;top:12%;width:62%;height:76%;border-radius:50%;background:radial-gradient(closest-side,rgba(34,197,94,.55),rgba(34,197,94,0));filter:blur(10px)}
.mach .nm{position:relative;display:block;height:100%;max-height:520px;width:auto;margin:0 auto 0 8%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));transform:rotate(-4deg)}
.media.pay.mach{height:470px}.media.pay.mach .nm{height:450px;margin-left:12%}
.mach.hero{height:520px}.mach.hero .nm{height:500px}
.npb2{position:absolute;right:2%;bottom:14%;width:min(190px,36cqw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 35%,#18221b,#050806 70%);
  border:4px solid var(--gl);box-shadow:0 0 0 5px rgba(34,197,94,.18),0 0 40px rgba(34,197,94,.55);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;animation:npglow2 2.8s ease-in-out infinite;z-index:2}
.npb2 small{font-size:clamp(11px,3.4cqw,16px);font-weight:600;color:#e5ebe7}
.npb2 b{font-size:clamp(22px,7.4cqw,36px);font-weight:800;letter-spacing:-.03em;margin:4px 0 6px}.npb2 b span{color:var(--gl)}
.npb2 i{color:var(--gl);width:22%;display:block}.npb2 svg{display:block;width:100%}
@keyframes npglow2{50%{box-shadow:0 0 0 5px rgba(34,197,94,.3),0 0 60px rgba(34,197,94,.85)}}
@media(prefers-reduced-motion:reduce){.npb2{animation:none}}
.bh.pay{background:linear-gradient(90deg,#fff 0,#f3f4f3 47%,#3f4541 58%,#0d100e 68%)}
@media(max-width:900px){.mach.hero,.media.pay.mach{height:400px}.mach.hero .nm,.media.pay.mach .nm{height:380px;margin-left:4%}.bh.pay .bv{padding:20px 6px}}
.npb2{right:-3%;bottom:4%;width:min(170px,32cqw)}
.npb2 b{font-size:clamp(20px,6.2cqw,30px)}
@media(max-width:900px){.npb2{right:0;bottom:2%}}
@media(max-width:900px){
  .bh.pay{background:#f6f7f6}
  .bh.pay .bv{padding:24px 10px 30px}
  .mach.hero,.media.pay.mach{height:auto}.mach.hero .nm,.media.pay.mach .nm{height:auto;width:78%;max-height:none;margin:0 auto 0 4%}
  .npb2{width:118px;right:0;bottom:6%}
}
/* card machine on Hardware and Payments, no badge */
.hero .stage .hwm{position:absolute;right:-10px;bottom:-10px;height:300px;z-index:2;filter:drop-shadow(0 24px 30px rgba(0,0,0,.3));transform:rotate(-4deg)}
.cmrow{display:grid;grid-template-columns:.8fr 1fr;gap:40px;align-items:center;text-align:left}
.cmrow .mach .nm{height:420px;margin:0 auto}
.cards.one{grid-template-columns:1fr;gap:14px}
.mach .nm{margin-left:auto!important;margin-right:auto!important}
@media(max-width:900px){.cmrow{grid-template-columns:1fr}.cmrow .mach .nm{height:auto;width:70%}.hero .stage .hwm{height:220px}}
.cmrow .media.scr2{height:380px}.cmrow .media.scr2 .tablet{width:470px}
@media(max-width:900px){.cmrow .media.scr2{height:300px}.cmrow .media.scr2 .phone{width:90px!important;height:190px!important}}
@media(max-width:900px){.cmrow .media.scr2 .tablet{width:94%}.cmrow{grid-template-columns:minmax(0,1fr)}}
/* Tap to Pay drawing */
.ttp{position:absolute;inset:0}
.phone.tp{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);width:210px;height:420px;border-radius:34px;padding:11px}
.phone.tp .in{border-radius:25px}
.tps{height:100%;display:flex;flex-direction:column;align-items:center;padding:34px 14px 20px;text-align:center;background:linear-gradient(#fff,#f3f8f5)}
.tps small{font-size:11px;color:var(--soft)}.tps b{font-size:40px;font-weight:800;letter-spacing:-.03em;margin-top:6px}.tps span{font-size:11.5px;color:var(--soft)}
.nfc{position:relative;width:110px;height:110px;margin:28px 0 18px}
.nfc i{position:absolute;inset:0;border:3px solid var(--g);border-radius:50%;opacity:.25;animation:nfc 2.2s ease-out infinite}
.nfc i:nth-child(2){inset:18px;opacity:.5;animation-delay:.3s}.nfc i:nth-child(3){inset:36px;background:var(--g);opacity:1;animation:none}
.tps em{font-style:normal;font-size:12px;font-weight:600;color:var(--ink)}
@keyframes nfc{0%{transform:scale(.85);opacity:.6}100%{transform:scale(1.15);opacity:0}}
@media(prefers-reduced-motion:reduce){.nfc i{animation:none}}
.ccard{position:absolute;left:58%;top:6%;width:190px;height:120px;border-radius:14px;background:linear-gradient(135deg,#14532d,#16a34a 60%,#22c55e);box-shadow:0 22px 40px rgba(0,0,0,.25);transform:rotate(14deg);z-index:2;padding:16px;color:#fff}
.ccard .chip{width:34px;height:26px;border-radius:5px;background:linear-gradient(135deg,#fde68a,#d4a72c)}
.ccard .cn{position:absolute;left:16px;bottom:14px;font-size:14px;letter-spacing:.12em;font-weight:600}
.ccard{left:4%;top:4%;transform:rotate(-16deg)}
.phone.tp{left:56%}
/* 0% on your website: browser checkout drawing, platform tiles */
.brw{position:absolute;left:4%;top:4%;width:82%;background:#fff;border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.16);overflow:hidden;border:1px solid var(--line)}
.bb{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f1f3f2;border-bottom:1px solid var(--line)}
.bb i{width:10px;height:10px;border-radius:50%;background:#d6dbd8}.bb span{margin-left:10px;flex:1;background:#fff;border-radius:6px;font-size:11.5px;color:var(--soft);padding:4px 10px}
.co{padding:22px 26px;display:grid;gap:8px;font-size:14px}.co>b{font-size:20px;font-weight:800;margin-bottom:6px}
.co>div{display:flex;justify-content:space-between}.co .fee{color:var(--g);font-weight:600}
.co .tt{border-top:1px solid var(--line);padding-top:10px;font-weight:800;font-size:17px}
.co .cf{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:12.5px;color:var(--soft)}.co .cf em{font-style:normal;color:var(--ink);letter-spacing:.06em}
.co .pay{justify-content:center;background:var(--g);color:#fff;border-radius:8px;padding:12px;font-weight:700}
.co small{text-align:center;color:var(--soft);font-size:12px}.co small b{color:var(--g)}
.plat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}
.plat div{border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:#fff}.plat b{display:block;font-size:18px;font-weight:800}.plat span{color:var(--soft);font-size:13.5px}
.plat div:last-child{border:2px solid var(--g);background:var(--mint)}
@media(max-width:900px){.plat{grid-template-columns:1fr 1fr}.brw{width:92%;left:0}}
.plat div{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){.plat b{font-size:16px}.plat div{padding:16px}}
/* real logo */
.logo img{display:block;height:40px;width:auto}
footer.f .logo img{height:44px}
/* About */
.ah{background:var(--blk);color:#fff;padding:56px 0 64px}
.ah h1{font-size:56px;font-weight:800;line-height:1.08;letter-spacing:-.03em;margin:8px 0 18px;max-width:900px}.ah h1 span{color:var(--gl)}
.ah p{color:#c3ccc5;font-size:18px;max-width:720px;margin:0 0 26px}.ah .crumb{color:#9aa69e}
.ah .ctas{display:flex;gap:10px;flex-wrap:wrap}.ah .btn.l{background:transparent;color:#fff;border-color:#3a443c}
.ast{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px;border-top:1px solid #232a25;padding-top:30px}
.ast b{display:block;font-size:52px;font-weight:800;color:var(--gl);letter-spacing:-.03em;line-height:1}.ast span{color:#c3ccc5;font-size:14px}
.chain{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left;max-width:980px;margin:0 auto}
.chain>div{border:1px solid var(--line);border-radius:18px;padding:30px;background:#fff}.chain .new{border:2px solid var(--g);box-shadow:0 18px 40px rgba(22,163,74,.12)}
.chain small{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--soft)}.chain .new small{color:var(--g)}
.chain h3{font-size:22px;margin:4px 0 14px}.chain ol{margin:0;padding-left:20px;display:grid;gap:10px;color:#374151}
.chain .old li::marker{color:#dc2626;font-weight:700}.chain .new li::marker{color:var(--g);font-weight:700}.chain .new p{margin:16px 0 0;font-weight:600}
a.card{transition:box-shadow .2s}a.card:hover{box-shadow:0 18px 40px rgba(0,0,0,.08)}a.card .more{margin-top:auto;color:var(--g);font-weight:600;font-size:13.5px}
/* Contact */
.co2 .line span{color:var(--soft);display:block;font-size:13.5px}
/* VL550 */
.media img.vl{position:relative;display:block;height:100%;width:auto;margin:0 auto;mix-blend-mode:multiply}
@media(max-width:900px){.ah h1{font-size:36px}.ast{grid-template-columns:1fr 1fr}.ast b{font-size:40px}.chain{grid-template-columns:1fr}.logo img{height:32px}}
/* EBT setup page */
.hero .stage .ebtm{position:absolute;left:14%;top:0;height:100%;width:auto;mix-blend-mode:multiply}
.ebtc{position:absolute;left:0;top:34%;width:200px;height:126px;border-radius:14px;padding:14px 16px;color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb 55%,#16a34a);box-shadow:0 22px 40px rgba(0,0,0,.25);transform:rotate(-10deg);z-index:2}
.ebtc b{font-size:26px;font-weight:800;letter-spacing:.04em;display:block;line-height:1}.ebtc span{font-size:11px;opacity:.85}
.ebtc .chip{width:32px;height:24px;border-radius:5px;background:linear-gradient(135deg,#fde68a,#d4a72c);margin-top:12px}
.ebtc em{position:absolute;right:16px;bottom:12px;font-style:normal;font-size:13px;letter-spacing:.1em}
.ebtbar{background:var(--g);color:#fff;padding:0}
.ebtbar .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:26px;padding-bottom:26px}
.ebtbar b{display:block;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.ebtbar span{font-size:13.5px;color:#dcfce7}
.ebtz{background:var(--blk);border:0}.ebtz b{color:#fff}.ebtz a>div>span{color:#c3ccc5}.ebtz .zn{color:var(--gl)}
@media(max-width:900px){.ebtbar .wrap{grid-template-columns:1fr 1fr}.ebtc{width:150px;height:96px}.ebtc b{font-size:20px}}
.fast{display:inline-block;margin:30px auto 0;background:var(--mint);border:1.5px solid var(--g);border-radius:999px;padding:10px 20px;font-weight:600}
.fast b{color:var(--g)}
/* EBT application form */
.applyband{padding:0 0 70px}.applyband .wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.applyband a{display:flex;align-items:center;gap:16px;border:1.5px solid var(--g);border-radius:16px;padding:22px;background:var(--mint)}
.applyband a+a{background:#fff;border-color:var(--line)}
.applyband i{font-style:normal;font-size:28px;width:52px;height:52px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex:none;color:var(--g)}
.applyband b{display:block;font-size:17px}.applyband span{color:var(--soft);font-size:13.5px}.applyband .btn{margin-left:auto;flex:none;color:#fff}.applyband .btn.l{color:var(--ink)}
.apply{max-width:860px;margin:0 auto;text-align:left}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}
.modes label{position:relative;border:1.5px solid var(--line);border-radius:14px;padding:18px 18px 18px 50px;cursor:pointer;background:#fff}
.modes label:has(input:checked){border-color:var(--g);background:var(--mint)}
.modes input{position:absolute;left:18px;top:21px;accent-color:var(--g);width:18px;height:18px}
.modes b{display:block}.modes span{font-size:13px;color:var(--soft)}
.prog{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 22px;counter-reset:p}
.prog li{flex:1;font-size:12.5px;font-weight:600;color:var(--soft);border-top:4px solid var(--line);padding-top:8px;counter-increment:p}
.prog li:before{content:counter(p) ". "}.prog li.done{border-color:var(--gl);color:var(--ink)}.prog li.now{border-color:var(--g);color:var(--g)}
#ebtForm{border:1px solid var(--line);border-radius:18px;padding:30px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.05)}
.st h3{font-size:22px;margin:0 0 6px}.st .sub{color:var(--soft);margin:0 0 18px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:16px 0}
.fd{display:flex;flex-direction:column;gap:6px;min-width:0}.fd.w{grid-column:1/-1}
.fd span{font-size:13px;font-weight:600}.fd i{font-style:normal;font-weight:400;color:var(--soft)}
.fd input,.fd select,.fd textarea{font:inherit;font-size:15px;padding:11px 12px;border:1.5px solid #dfe3e1;border-radius:10px;background:#fff;color:var(--ink);width:100%}
.fd input:focus,.fd select:focus,.fd textarea:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px rgba(22,163,74,.15)}
.owner{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0 0 14px}
.oh{display:flex;justify-content:space-between;align-items:center}.oh h4{margin:0;font-size:15px}
.rm{border:0;background:none;color:#dc2626;font:inherit;font-size:13px;cursor:pointer}
.staples{border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:6px 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.staples legend{font-weight:600;font-size:13px;padding:0 6px}.staples label{display:flex;gap:10px;align-items:center}
.staples input,.chk input{accent-color:var(--g);width:18px;height:18px}
.drops{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
.drop{position:relative;border:2px dashed #cbd5ce;border-radius:14px;padding:18px;background:#fafbfa;display:flex;flex-direction:column;gap:4px;margin-bottom:14px}
.drops .drop{margin:0}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop b{font-size:15px}.drop span{font-size:13px;color:var(--soft)}.drop em{font-style:normal;font-size:12.5px;color:var(--g);font-weight:600;margin-top:4px}
.drop.over{border-color:var(--g);background:var(--mint)}.drop.has{border-style:solid;border-color:var(--g);background:var(--mint)}
.fl{list-style:none;padding:0;margin:6px 0 0;font-size:12.5px;display:grid;gap:3px}.fl li:before{content:"📄 "}.fl li.big{color:#dc2626}
.rev{display:grid;grid-template-columns:150px 1fr;gap:8px 16px;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:12px 0 18px;font-size:14px}
.rev dt{color:var(--soft)}.rev dd{margin:0;font-weight:600;min-width:0;overflow-wrap:anywhere}
.agree{background:#fafbfa;border-radius:12px;padding:14px 16px;font-size:13.5px;color:#374151}.agree p{margin:0}
.sigbox{position:relative;height:170px;border:2px solid var(--ink);border-radius:12px;background:#fff;margin-top:6px}
.sigbox canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;border-radius:10px}
.sigbox .sl{position:absolute;left:18px;bottom:16px;right:18px;border-top:1.5px solid #cbd5ce;padding-top:4px;font-size:12px;color:var(--soft);pointer-events:none}
.sigbox.inked .sl{color:transparent}
#sigClear{position:absolute;right:10px;top:10px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 10px;font:inherit;font-size:12.5px;cursor:pointer}
.sigd{font-size:13.5px;color:var(--soft);margin:10px 0}
.chk{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:14px}
.fmsg{background:#fef2f2;color:#b91c1c;border-radius:10px;padding:12px 14px;font-size:14px;margin:16px 0 0}
.nav{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.nav #back{margin-right:auto}
.nav .btn{height:48px;padding:0 26px;font-size:15px;cursor:pointer}.nav .btn:disabled{opacity:.6}
.sec{font-size:12.5px;color:var(--soft);margin:14px 0 0;text-align:center}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.done{text-align:center;border:2px solid var(--g);border-radius:18px;padding:40px 30px;background:#fff;max-width:640px;margin:0 auto}
.done .ok{width:70px;height:70px;border-radius:50%;background:var(--g);color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.done h2{font-size:28px;font-weight:800}.done p{color:var(--soft)}.done b{color:var(--ink)}
body.mode-upload .on-only,body:not(.mode-upload) .up-only{display:none}
@media(max-width:900px){.applyband .wrap,.modes,.grid,.drops,.staples{grid-template-columns:1fr}.applyband a{flex-wrap:wrap}.applyband .btn{margin-left:0}#ebtForm{padding:20px 16px}.rev{grid-template-columns:1fr}.prog li{font-size:0}.prog li:before{font-size:12px}}
#ebtForm section.st{padding:0}
/* Recurring billing: members table */
.mem{position:absolute;left:4%;top:12%;width:88%;background:#fff;border-radius:16px;box-shadow:0 30px 60px rgba(0,0,0,.14);border:1px solid var(--line);overflow:hidden;font-size:13px}
.mem.in{position:static;width:auto;box-shadow:none;border:0;border-radius:6px}
.mh{display:flex;justify-content:space-between;align-items:baseline;padding:14px 18px;background:var(--blk);color:#fff}.mh b{font-size:16px}.mh span{color:#a3aea6;font-size:12px}
.mem table{width:100%;border-collapse:collapse}.mem td{padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.mem td small{display:block;color:var(--soft);font-size:11px}.mem td:nth-child(2){font-weight:700;font-variant-numeric:tabular-nums}.mem td:nth-child(3){color:var(--soft)}
.mem i{font-style:normal;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px}.mem i.ok{background:#dcfce7;color:#15803d}.mem i.nx{background:#eff6ff;color:#1d4ed8}
@media(max-width:900px){.mem td:nth-child(3){display:none}.mem{width:100%;left:0}}
.sms p+p{margin-top:8px}.sms p.lk{background:var(--g);color:#fff;text-align:center;font-weight:700}
/* Invoices: email + pay screen */
.mail{position:absolute;left:0;top:6%;width:72%;background:#fff;border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.14);border:1px solid var(--line);overflow:hidden;font-size:13px}
.mail .mt{padding:14px 18px;border-bottom:1px solid var(--line);background:#f7f9f8}.mail .mt span{display:block;color:var(--soft);font-size:12px}.mail .mt b{font-size:15px}
.mail .mb{padding:16px 18px}.mail .mb p{margin:0 0 12px;color:#374151}
.mail .li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}.mail .li.tt{font-weight:800;font-size:15px;border:0}
.mail .pn{margin-top:12px;background:var(--g);color:#fff;text-align:center;border-radius:8px;padding:11px;font-weight:700}
.pchoose{display:flex;flex-direction:column;gap:8px;padding:28px 12px 16px;text-align:center;background:#fff}
.pchoose b{font-size:13px}.pchoose small{color:var(--soft);font-size:10.5px;margin-bottom:6px}
.pchoose .opt{display:flex;gap:8px;align-items:center;border:1.5px solid var(--line);border-radius:10px;padding:10px;font-size:11.5px;font-weight:600;text-align:left}
.pchoose .opt.on{border-color:var(--g);background:var(--mint)}.pchoose .opt i{font-style:normal}
.pchoose .go{margin-top:auto;background:var(--g);color:#fff;border-radius:10px;padding:10px;font-weight:700;font-size:12px}.pchoose em{font-style:normal;font-size:10px;color:var(--soft)}
.pchoose.wide{height:270px;padding:24px 60px;border-radius:6px}.pchoose.wide b{font-size:16px}.pchoose.wide small{font-size:12px}.pchoose.wide .opt{font-size:14px}.pchoose.wide .go{font-size:14px}
@media(max-width:900px){.mail{width:90%}.pchoose.wide{padding:20px}}
.pchoose .okc{width:54px;height:54px;border-radius:50%;background:var(--g);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;margin:14px auto 6px}
.pchoose .amt{font-size:24px;font-weight:800}
.pchoose .okc{width:44px;height:44px;font-size:22px;margin:6px auto 4px}.pchoose .amt{font-size:21px}
/* WebPay: virtual terminal screen in the laptop */
.laptop.wp{width:520px;top:30px}
.vt{background:#fff;font-size:11px;border-radius:4px;overflow:hidden}
.vh{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;background:var(--blk);color:#fff}.vh b{font-size:13px}.vh b span{color:var(--gl)}.vh>span{color:#a3aea6;font-size:10px}
.vtabs{display:flex;gap:4px;padding:10px 14px 0}.vtabs i{font-style:normal;padding:6px 9px;border-radius:7px 7px 0 0;background:#f1f3f2;color:var(--soft);font-weight:600;font-size:10px}.vtabs i.on{background:var(--mint);color:var(--g)}
.vf{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 14px;background:var(--mint);margin:0 14px;border-radius:0 8px 8px 8px}
.vf label{display:flex;flex-direction:column;gap:3px;color:var(--soft);font-size:9.5px;font-weight:600}.vf label.w{grid-column:span 1}
.vf b{background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px 8px;color:var(--ink);font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden}
.vp{margin:12px 14px 16px;background:var(--g);color:#fff;text-align:center;border-radius:8px;padding:10px;font-weight:700;font-size:12px}
/* QR ordering: table tent + phone menu */
.tent{position:absolute;left:2%;top:8%;width:230px;background:#fff;border-radius:14px;padding:20px 22px 18px;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.16);border-top:8px solid var(--g);transform:rotate(-4deg);z-index:1}
.tent b{display:block;font-size:20px;font-weight:800}.tent span{display:block;font-size:13px;color:var(--soft);margin-bottom:10px}
.tent img{display:block;width:150px;height:150px;margin:0 auto 10px;image-rendering:pixelated}
.tent em{display:block;font-style:normal;font-weight:800;color:var(--g);font-size:15px}.tent small{color:var(--soft);font-size:11.5px}
.phone.qrp{right:4%;top:4%;width:200px;height:400px;border-radius:32px;padding:10px;z-index:2}.phone.qrp .in{border-radius:23px}
.qm{display:flex;flex-direction:column;background:#fff;font-size:11px}
.qb{background:linear-gradient(120deg,#14532d,#16a34a);color:#fff;padding:26px 14px 14px}.qb b{display:block;font-size:16px}.qb span{font-size:10.5px;opacity:.85}
.qc{display:flex;gap:6px;padding:10px 12px}.qc i{font-style:normal;padding:4px 10px;border-radius:999px;background:#f1f3f2;font-weight:600;font-size:10px}.qc i.on{background:var(--g);color:#fff}
.qi{display:flex;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.qi>i{width:38px;height:38px;border-radius:8px;flex:none;background:linear-gradient(135deg,#fde68a,#f59e0b)}.qi>i.b{background:linear-gradient(135deg,#fecaca,#f97316)}.qi>i.c{background:linear-gradient(135deg,#fef3c7,#e7e5e4)}
.qi div{flex:1;min-width:0}.qi b{display:block;font-size:11.5px}.qi small{color:var(--soft);font-size:9.5px}.qi>span{font-weight:700}
.qcart{margin:auto 10px 12px;background:var(--g);color:#fff;border-radius:10px;padding:10px;text-align:center;font-weight:700}
@media(max-width:900px){.tent{width:180px;padding:14px}.tent img{width:110px;height:110px}.phone.qrp{width:170px;height:340px}}
/* Pay at the table: check + waiter app */
.chk2{position:absolute;left:0;top:6%;width:250px;background:#fff;border-radius:6px;padding:18px;box-shadow:0 26px 50px rgba(0,0,0,.16);font-family:ui-monospace,Menlo,monospace;font-size:12px;transform:rotate(-4deg);z-index:1}
.chk2.in{position:static;width:auto;transform:none;box-shadow:none;height:270px;font-size:13px}
.chk2>b{display:block;font-size:15px}.chk2 small{display:block;color:var(--soft);margin-bottom:10px}
.chk2>div{display:flex;justify-content:space-between;padding:4px 0}.chk2 .tt{border-top:1px dashed #ccc;margin-top:6px;padding-top:8px;font-weight:700;font-size:14px}
.chk2 .sp{margin-top:8px;background:var(--mint);border-radius:6px;padding:8px 10px;color:var(--g)}.chk2 .sp i{font-style:normal}
.hero .stage .patm{position:absolute;right:14%;top:0;height:100%;width:auto;mix-blend-mode:multiply}
.wa{background:#fff;border-radius:6px;height:270px;overflow:hidden;font-size:11px}
.wh{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--blk);color:#fff}.wh span{color:#a3aea6;font-size:10px}
.wg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}
.wg div{border-radius:10px;padding:12px 8px;text-align:center;border:1.5px solid var(--line)}.wg b{display:block;font-size:16px}.wg span{font-size:9.5px;color:var(--soft)}
.wg .bz{background:#eff6ff;border-color:#bfdbfe}.wg .rd{background:#dcfce7;border-color:var(--gl)}.wg .rd span{color:#15803d;font-weight:700}
.chk2{width:220px;font-size:11px;padding:14px;left:-2%;top:10%}
.hero .stage .patm{right:4%}
/* Scan to pay table card */
.media .tent.pay{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);width:250px}
.tent.pay{border-top-color:var(--blk)}
.tent .pw{margin-top:10px;font-size:11px;font-weight:600;background:var(--mint);color:var(--g);border-radius:999px;padding:6px 10px}
.tent.pay.mini{left:auto;right:-2%;top:auto;bottom:-4%;width:150px;padding:12px 12px 10px;transform:rotate(5deg);z-index:3}
.tent.pay.mini b{font-size:14px;margin-bottom:6px}.tent.pay.mini img{width:100px;height:100px;margin-bottom:6px}.tent.pay.mini em{font-size:13px}
@media(max-width:900px){.tent.pay.mini{width:120px}.tent.pay.mini img{width:80px;height:80px}}
/* Home: everything PosNerd does */
.allp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}
.allp a{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;transition:border-color .2s,box-shadow .2s}
.allp a:hover{border-color:var(--g);box-shadow:0 14px 30px rgba(22,163,74,.1)}
.allp i{grid-row:1/3;width:44px;height:44px;border-radius:12px;background:var(--mint);color:var(--g);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:19px;font-weight:800}
.allp b{font-size:14.5px;line-height:1.25}.allp span{font-size:12.5px;color:var(--soft);line-height:1.35}
/* Quote form, legal pages, footer links */
.qwrap{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;text-align:left;align-items:start}.qwrap.one{grid-template-columns:1fr;max-width:860px;margin:0 auto}
.qside{border-radius:18px;background:var(--blk);color:#fff;padding:30px}.qside h3{font-size:20px;margin:0 0 14px}
.qside ol{padding-left:20px;display:grid;gap:12px;color:#c3ccc5;margin:0 0 22px}.qside ol b{color:#fff}
.qcall{border-top:1px solid #232a25;border-bottom:1px solid #232a25;padding:16px 0;margin-bottom:18px}.qcall span{display:block;color:#a3aea6;font-size:13px}.qcall a{font-size:26px;font-weight:800;color:var(--gl)}
.qside .checks{color:#c3ccc5;margin:0}
.leadform{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.05);position:relative}
.leadform h3{font-size:22px;margin:0 0 4px}.leadform .sub{color:var(--soft);margin:0 0 8px}
.needs{border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:6px 0 16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}
.needs legend{font-weight:600;font-size:13px;padding:0 6px}.needs label{display:flex;gap:8px;align-items:center;font-size:13.5px}.needs input{accent-color:var(--g);width:17px;height:17px;flex:none}
.leadform .drop b i{font-style:normal;font-weight:400;color:var(--soft)}
.leadform .btn{height:50px;padding:0 28px;font-size:15px;cursor:pointer;margin-top:16px}.leadform .btn:disabled{opacity:.6}
.leadform .sec{text-align:left}.leadform .sec a{color:var(--g)}
.legal{max-width:780px}.legal h1{font-size:40px;font-weight:800;margin:4px 0}.legal .upd{color:var(--soft);margin:0 0 26px}
.legal h2{font-size:20px;margin:30px 0 8px}.legal p,.legal li{color:#374151}.legal ul{padding-left:20px;display:grid;gap:6px}
footer.f .b .lg{display:flex;gap:18px;flex-wrap:wrap}footer.f .b .lg a{display:inline;margin:0}
@media(max-width:900px){.allp{grid-template-columns:1fr 1fr}.qwrap{grid-template-columns:1fr}.needs{grid-template-columns:1fr 1fr}.leadform{padding:20px 16px}.legal h1{font-size:30px}footer.f .b{flex-direction:column;gap:8px}}
@media(max-width:480px){.allp{grid-template-columns:1fr}}
/* live demo */
nav .btn.l.dm{background:#fff;color:var(--g);border-color:var(--g)}
@media(max-width:900px){nav .btn.l.dm{display:none}}
.demob{display:grid;grid-template-columns:1fr 1fr;gap:26px;text-align:left;max-width:980px;margin:0 auto}
.cred{background:var(--blk);color:#fff;border-radius:20px;padding:30px}
.ch b{display:block;font-size:20px}.ch span{color:#a3aea6;font-size:13px}
.cr{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;background:#151a16;border:1px solid #232a25;border-radius:12px;padding:12px 14px;margin-top:14px}
.cr span{color:#a3aea6;font-size:13px}.cr code{font:800 22px/1 ui-monospace,Menlo,monospace;color:var(--gl);letter-spacing:.04em}
.cr button{border:1px solid #3a443c;background:transparent;color:#fff;border-radius:8px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.cred .go{width:100%;height:52px;font-size:16px;margin-top:20px}.cred small{display:block;color:#a3aea6;font-size:12.5px;margin-top:10px;text-align:center}
.dtry{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff}.dtry h3{font-size:20px;margin:0 0 12px}
.dtry ol{padding-left:20px;display:grid;gap:10px;color:#374151;margin:0 0 16px}
@media(max-width:900px){.demob{grid-template-columns:1fr}.cr code{font-size:18px}}
nav.top .wrap>a.btn{margin:0}nav .btn.l.dm{height:36px;padding:0 16px;font-size:13px;margin-right:-14px}
/* Kiosk page: PosNerd kiosk with its "Order & Pay Here" screen saver */
.kstand{position:relative;width:300px;margin:0 auto 0 8%;padding-bottom:10px}
.kbody{background:#1a1d1b;border-radius:18px;padding:10px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.ksaver{border-radius:10px;overflow:hidden;aspect-ratio:9/16;display:flex;flex-direction:column}
.kt{flex:1.4;background:linear-gradient(160deg,#16a34a,#15803d);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px}
.kt small{letter-spacing:.32em;font-size:15px;font-weight:500}.kt b{font-size:44px;line-height:1.02;font-weight:800;margin:10px 0 16px;letter-spacing:-.02em}.kt b span{font-weight:400}
.kt i{width:66px;height:66px;border:2px solid rgba(255,255,255,.85);border-radius:50%;display:flex;align-items:center;justify-content:center}.kt svg{width:38px}
.kb{flex:1;background:#0d100e;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px}
.kb img{height:34px}.kb p{margin:0;font:700 17px/1.25 Georgia,serif;letter-spacing:.04em}.kb p span{display:block}
.kclock{background:#000;border-radius:8px;padding:8px 18px;font-weight:700;font-size:18px;box-shadow:0 0 18px rgba(34,197,94,.55);font-variant-numeric:tabular-nums}
.kreader{position:absolute;right:-26px;top:58%;width:34px;height:70px;background:#2a2f2c;border-radius:6px}.kreader i{display:block;margin:8px;height:26px;border-radius:3px;background:#3b82f6;opacity:.6}
.kneck{width:56px;height:60px;margin:0 auto;background:linear-gradient(90deg,#2a2f2c,#3a403c,#2a2f2c)}
.kfoot{width:200px;height:16px;margin:0 auto;background:#1a1d1b;border-radius:8px 8px 4px 4px}
.bh.kio .fpan{bottom:30px}
@media(max-width:900px){.kstand{width:240px;margin:0 auto}.kt b{font-size:34px}.kreader{right:-20px}}
.bh .kb p{color:#fff;margin:0;max-width:none;font-size:17px}
.media:has(.kshot){height:560px}
.kshot{position:relative;width:290px;margin:0 auto;background:#1a1d1b;border-radius:22px;padding:10px;box-shadow:0 30px 60px rgba(0,0,0,.2);z-index:1}
.kshot img{display:block;width:100%;border-radius:12px 12px 0 0}
.kcart{display:flex;gap:8px;background:#fff;border-radius:0 0 12px 12px;padding:8px}
.kcart span{flex:1;background:var(--mint);color:var(--g);border-radius:8px;text-align:center;padding:9px 0;font-weight:700;font-size:13px}
.kcart b{flex:2.6;background:var(--g);color:#fff;border-radius:8px;text-align:center;padding:9px 0;font-size:13px}
@media(max-width:900px){.media:has(.kshot){height:auto}.kshot{width:240px}}
/* Home: real sale video */
.vwrap{max-width:900px;margin:0 auto;position:relative;height:auto}
.laptop.vl{position:relative;left:auto;top:auto;width:100%}
.laptop.vl .scr{padding:14px 14px 12px}
video.sv{display:block;width:100%;height:auto;border-radius:4px;background:#0d100e}
@media(prefers-reduced-motion:reduce){video.sv{animation:none}}
/* real RetailNerd phone screen inside the phone drawings */
.phone .in img.pp{position:static;display:block;width:100%;height:100%;object-fit:cover;object-position:top;left:auto}

/* ===== Phones: menu button, slide-down menu, sticky Call / Quote / Demo bar ===== */
.mbtn,.mmenu,.mbar{display:none}
@media(max-width:900px){
  nav.top .wrap{height:62px;gap:12px}
  .logo img{height:30px}
  nav .si,nav .btn.l.dm{display:none}
  nav .btn.gs{height:36px;padding:0 14px;font-size:13px;margin-left:auto;white-space:nowrap}
  .mbtn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;cursor:pointer}
  .mbtn i{display:block;height:2.5px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
  body.mm-open .mbtn i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  body.mm-open .mbtn i:nth-child(2){opacity:0}
  body.mm-open .mbtn i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .mmenu:not([hidden]){display:block;position:fixed;left:0;right:0;top:96px;bottom:0;z-index:30;background:#fff;overflow-y:auto;padding:8px max(16px,env(safe-area-inset-left,0px)) 120px}
  body.mm-open{overflow:hidden}
  .mmenu details,.mmenu .top1{border-bottom:1px solid var(--line)}
  .mmenu summary,.mmenu .top1{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-weight:700;font-size:17px;cursor:pointer;list-style:none}
  .mmenu summary::-webkit-details-marker{display:none}
  .mmenu summary:after{content:"+";color:var(--g);font-size:22px;font-weight:600}.mmenu details[open] summary:after{content:"–"}
  .mmenu details a{display:block;padding:10px 12px;margin:0 0 4px;border-radius:10px;background:#fafbfa}
  .mmenu details a b{display:block;font-size:15px}.mmenu details a small{color:var(--soft);font-size:12.5px}
  .mmenu details[open]{padding-bottom:10px}
  .mm-cta{display:grid;gap:10px;margin-top:20px}.mm-cta .btn{height:50px;font-size:15px}
  .strip .wrap{justify-content:center}.strip a{margin:0}
  .mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--blk);padding:8px max(10px,env(safe-area-inset-left,0px)) calc(8px + env(safe-area-inset-bottom,0px));gap:8px;box-shadow:0 -6px 20px rgba(0,0,0,.15)}
  .mbar a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font-size:12.5px;font-weight:600;padding:6px 0;border-radius:10px}
  .mbar a:nth-child(2){background:var(--g)}
  .mbar i{font-style:normal;font-size:17px;line-height:1}
  footer.f{padding-bottom:110px}
  .hero h1{font-size:34px;line-height:1.1}
  .kbar .wrap{grid-template-columns:1fr 1fr;gap:14px;padding:18px 16px}.kbar i{width:38px;height:38px;font-size:15px}.kbar b{font-size:14px}.kbar span{font-size:11.5px}
}