/* Boplo Resale — intentionally separate from the legacy product styles while the new product is validated. */
:root{--r-ink:#090909;--r-paper:#f6f6f3;--r-mist:#e9e9e6;--r-line:#d7d7d2;--r-soft:#696965;--r-green:#d7ff3f;--r-white:#fff}
#marketing,#content,.ticker{display:none!important}
.resale{background:var(--r-paper);color:var(--r-ink);font-family:Inter,Manrope,Arial,sans-serif;letter-spacing:-.045em;overflow:hidden}.resale *{box-sizing:border-box}.resale a{color:inherit;text-decoration:none}.r-shell{width:min(1360px,100%);margin:auto;padding-inline:clamp(20px,5vw,72px)}.r-nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--r-line)}.r-logo{font-size:28px;font-weight:800;letter-spacing:-.09em;display:flex;align-items:center;gap:8px}.r-logo i{display:block;width:16px;height:16px;border-radius:50%;background:var(--r-ink);position:relative}.r-logo i:after{content:"";position:absolute;width:5px;height:5px;background:var(--r-green);border-radius:50%;top:5px;left:5px}.r-nav nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700;color:#5c5c58}.r-button{min-height:45px;padding:0 19px;border:1px solid var(--r-ink);background:var(--r-ink);border-radius:999px;color:#fff;font-size:14px;font-weight:800;letter-spacing:-.045em;cursor:pointer;transition:transform .25s,background .25s}.r-button:hover{background:#30302f;transform:translateY(-2px)}.r-button.white{background:#fff;color:#111;border-color:#fff}.r-button.clear{background:transparent;color:#fff;border-color:transparent}.r-hero{padding:clamp(22px,3vw,42px) 0 68px}.r-hero-stage{height:min(78svh,740px);min-height:590px;background:#0b0b0b;position:relative;overflow:hidden;color:white;border-radius:3px;isolation:isolate}.r-hero-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.62) 38%,rgba(0,0,0,.08) 74%);z-index:1}.r-hero-stage:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 6px);mix-blend-mode:soft-light;opacity:.22;pointer-events:none;z-index:3}.r-hero-image{position:absolute;inset:0;background:url('/assets/reseller-hero.png') 62% center/cover no-repeat;animation:r-ken 13s cubic-bezier(.2,.7,.2,1) infinite alternate}.r-scan{position:absolute;z-index:2;right:7%;top:17%;width:35%;height:1px;background:var(--r-green);box-shadow:0 0 20px 3px #d7ff3f99;animation:r-scan 4.8s ease-in-out infinite}.r-content{z-index:4;position:relative;height:100%;padding:clamp(26px,4vw,60px);display:flex;flex-direction:column;justify-content:space-between}.r-hero-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.r-kicker{font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.r-kicker:before{content:"●";color:var(--r-green);margin-right:7px}.r-hero-top p{font-size:13px;line-height:1.4;margin:0;max-width:220px;color:#e7e7e0;text-align:right}.r-hero-copy{max-width:820px;margin-top:auto}.r-hero-copy h1{font-size:clamp(62px,9.8vw,142px);letter-spacing:-.115em;line-height:.79;margin:0 0 27px;font-weight:800}.r-hero-copy h1 em{font-style:normal;color:var(--r-green)}.r-hero-copy p{font-size:clamp(16px,1.4vw,19px);letter-spacing:-.045em;line-height:1.35;max-width:460px;margin:0 0 28px;color:#e8e8e5}.r-actions{display:flex;gap:9px;align-items:center}.r-profit-card{position:absolute;z-index:4;right:clamp(22px,4.4vw,60px);bottom:clamp(25px,4.5vw,58px);background:#f7f7f4;color:#111;width:242px;padding:18px 18px 16px;box-shadow:0 20px 40px #0006;animation:r-card 5.4s ease-in-out infinite}.r-profit-card small{display:block;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#656560}.r-profit-card strong{display:block;font-size:41px;letter-spacing:-.1em;line-height:.92;margin:8px 0}.r-profit-card span{font-size:13px;color:#52524f}.r-profit-card b{color:#277249}.r-compare{padding:13px 0;background:#111;color:#fff;overflow:hidden;white-space:nowrap}.r-compare div{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;display:inline-block;animation:r-ticker 23s linear infinite}.r-compare b{color:var(--r-green);padding:0 24px}.r-section{padding-block:clamp(90px,12vw,160px)}.r-intro{display:grid;grid-template-columns:1.1fr .62fr;gap:clamp(35px,10vw,150px);align-items:end}.r-eyebrow{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.r-intro h2,.r-center h2{font-size:clamp(48px,6.6vw,96px);line-height:.85;letter-spacing:-.11em;margin:18px 0 0}.r-intro p,.r-center p{color:var(--r-soft);font-size:18px;line-height:1.45;margin:0;max-width:400px}.r-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--r-ink);margin-top:78px}.r-step{padding:20px 20px 20px 0;border-right:1px solid var(--r-line)}.r-step+ .r-step{padding-left:20px}.r-step:last-child{border-right:0}.r-step b{font-size:clamp(48px,5vw,72px);letter-spacing:-.11em}.r-step p{font-size:15px;line-height:1.35;color:var(--r-soft);max-width:22ch}.r-demo{background:#111;color:white}.r-demo-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(30px,7vw,110px);align-items:center}.r-demo h2{font-size:clamp(46px,5.8vw,88px);line-height:.86;letter-spacing:-.11em;margin:17px 0 23px}.r-demo h2 em{font-style:normal;color:var(--r-green)}.r-demo p{font-size:17px;line-height:1.46;color:#c5c5bf;max-width:410px}.r-demo-list{margin-top:28px;border-top:1px solid #ffffff2e}.r-demo-list div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff2e;padding:14px 0;font-size:14px}.r-demo-list span{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--r-green)}.r-ui{background:#f9f9f6;color:#111;padding:18px;border-radius:2px;box-shadow:0 25px 65px #0007;transform:rotate(1.5deg)}.r-ui-bar{display:flex;gap:6px;align-items:center;padding-bottom:16px;border-bottom:1px solid #dbdbd8}.r-ui-bar i{height:8px;width:8px;border-radius:50%;background:#d3d3d0}.r-ui-bar b{font-size:11px;margin-left:7px;color:#6a6a66}.r-ui-body{padding:30px 9px 9px}.r-ui-title{display:flex;justify-content:space-between;align-items:start}.r-ui-title small{font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.r-ui-title h3{font-size:37px;line-height:.9;letter-spacing:-.1em;margin:8px 0}.r-ui-title span{padding:8px 10px;background:var(--r-green);font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace}.r-metric{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.r-metric div{border:1px solid #deded9;padding:15px}.r-metric b{display:block;font-size:31px;letter-spacing:-.1em}.r-metric small{font-size:11px;color:#6c6c68}.r-decision{margin-top:9px;background:#ecece8;padding:15px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.r-decision b{font-size:20px;letter-spacing:-.08em}.r-decision span{color:#287049;font-weight:800}.r-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--r-ink);margin-top:68px}.r-feature{padding:20px 20px 20px 0;border-right:1px solid var(--r-line);min-height:270px;display:flex;flex-direction:column}.r-feature+.r-feature{padding-left:20px}.r-feature:last-child{border-right:0}.r-feature b{font-size:18px;letter-spacing:-.065em}.r-feature p{margin-top:auto;color:var(--r-soft);font-size:14px;line-height:1.42}.r-feature i{font-style:normal;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;color:#747470;margin-bottom:45px}.r-proof{background:var(--r-mist)}.r-center{text-align:center;display:grid;justify-items:center}.r-center h2{max-width:9ch}.r-center p{margin-top:24px}.r-callout{width:min(940px,100%);margin:65px auto 0;background:#fff;border:1px solid #d8d8d3;padding:clamp(25px,5vw,58px);text-align:left;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.r-callout h3{font-size:clamp(31px,4vw,56px);letter-spacing:-.1em;line-height:.86;margin:8px 0}.r-callout p{font-size:15px;line-height:1.45;color:var(--r-soft);max-width:38ch;margin:0}.r-price{display:grid;grid-template-columns:1fr 1fr;max-width:950px;margin:58px auto 0;gap:14px}.r-plan{padding:30px;background:#fff;border:1px solid var(--r-line);min-height:370px;display:flex;flex-direction:column}.r-plan.dark{background:#111;color:white;border-color:#111}.r-plan h3{font-size:31px;letter-spacing:-.09em;margin:12px 0 7px}.r-plan>p{font-size:14px;line-height:1.45;color:#686863;max-width:29ch}.r-plan.dark>p{color:#c7c7c1}.r-price-number{font-size:61px;letter-spacing:-.115em;font-weight:800;margin:28px 0 0;line-height:.9}.r-price-number small{font-size:13px;color:#777;font-weight:500;letter-spacing:-.045em}.r-plan ul{padding:0;margin:23px 0;list-style:none;display:grid;gap:10px;font-size:14px}.r-plan li:before{content:"✓";margin-right:8px;color:#357d50;font-weight:800}.r-plan.dark li:before{color:var(--r-green)}.r-plan .r-button{margin-top:auto;align-self:stretch}.r-footer{padding:35px 0;background:#111;color:#fff}.r-footer .r-shell{display:flex;align-items:end;justify-content:space-between;gap:20px}.r-footer small{color:#aaa;font-size:12px;text-align:right}.r-fade{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.r-fade.in{opacity:1;transform:none}@keyframes r-ken{to{transform:scale(1.055)}}@keyframes r-scan{0%,18%{transform:translateY(-20px);opacity:0}30%,68%{opacity:1}85%,100%{transform:translateY(430px);opacity:0}}@keyframes r-card{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes r-ticker{to{transform:translateX(-50%)}}@media(max-width:800px){.r-nav{height:74px}.r-nav nav a{display:none}.r-hero{padding:0 0 40px}.r-hero-stage{border-radius:0;min-height:610px}.r-profit-card{width:195px}.r-hero-stage:before{background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.2) 75%)}.r-hero-image{background-position:63% center}.r-hero-top p{display:none}.r-intro,.r-demo-grid{grid-template-columns:1fr}.r-steps,.r-feature-grid{grid-template-columns:1fr}.r-step,.r-step+.r-step,.r-feature,.r-feature+.r-feature{padding:18px 0;border-right:0;border-bottom:1px solid var(--r-line)}.r-step:last-child,.r-feature:last-child{border-bottom:0}.r-demo-grid{gap:42px}.r-price{grid-template-columns:1fr}.r-callout{grid-template-columns:1fr}.r-callout .r-button{justify-self:start}.r-footer .r-shell{align-items:start;flex-direction:column}.r-footer small{text-align:left}}@media(max-width:440px){.r-hero-copy h1{font-size:60px}.r-profit-card{right:18px;bottom:21px;width:175px;padding:14px}.r-profit-card strong{font-size:33px}.r-content{padding:22px}.r-actions{align-items:flex-start;flex-direction:column}.r-hero-stage{min-height:630px}.r-demo h2{font-size:49px}}
