:root{
  --bg:#070707;
  --panel:#0f1114;
  --panel-soft:rgba(17,19,22,.76);
  --line:rgba(255,255,255,.14);
  --orange:#ff6a00;
  --orange-soft:#ff8b32;
  --text:#f4f4f4;
  --muted:#cfcfcf;
  --shadow:0 20px 50px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html,body{margin:0;background:#070707;color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}
button{font:inherit;cursor:pointer}
a{color:inherit}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at top right,rgba(255,106,0,.12),transparent 35%),radial-gradient(circle at bottom left,rgba(255,255,255,.04),transparent 35%);pointer-events:none;z-index:1}
.progress{position:fixed;z-index:100;left:0;right:0;top:0;height:4px;background:rgba(255,255,255,.06)}
.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),#ffb26b)}
.topbar{position:fixed;z-index:90;top:4px;left:0;right:0;height:78px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(8,8,8,.86),rgba(8,8,8,.74));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{appearance:none;background:none;border:0;font-size:58px;line-height:1;letter-spacing:-3px;font-weight:900;padding:0;color:#fff}
.brand-seven{color:#fff}.brand-go{color:var(--orange)}
.nav{display:flex;gap:22px}.nav button{background:none;border:0;color:#d7d7d7;padding:12px 0;position:relative;font-size:15px}.nav button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:.25s}.nav button:hover,.nav button.active{color:#fff}.nav button:hover:after,.nav button.active:after{transform:scaleX(1)}
.top-actions{display:flex;align-items:center;gap:16px}.ghost-btn,.icon-btn,.primary,.secondary{border-radius:999px}.ghost-btn{padding:11px 18px;border:1px solid rgba(255,106,0,.65);background:rgba(255,106,0,.05);text-decoration:none}.ghost-btn:hover{background:rgba(255,106,0,.12)}
.icon-btn{width:38px;height:38px;border:1px solid rgba(255,106,0,.5);background:rgba(255,255,255,.02);color:#fff}
.counter{font-size:12px;color:#ddd;letter-spacing:.08em}
#deck{position:relative;height:100vh}
.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(38px);transition:opacity .55s ease,transform .55s ease;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))}
.slide.active{opacity:1;pointer-events:auto;transform:translateX(0)}
.slide::before{content:"";position:absolute;inset:0;background:#070707;opacity:.38;z-index:0}
.hero{background:var(--bg) center/cover no-repeat}.hero::after,.final::after{content:"";position:absolute;inset:0;background:var(--bg) center/cover no-repeat;opacity:1;z-index:-2}
.hero::after{background-image:var(--bgimg)}.final::after{background-image:var(--bgimg)}
.watermark,.overlay,.visual-bg{position:absolute;inset:0;z-index:-1}.watermark{background:center/cover no-repeat;background-image:var(--bgimg);opacity:.19;filter:saturate(.95)}
.watermark::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.60),rgba(7,7,7,.38) 45%,rgba(7,7,7,.65))}
.watermark.soft-right::after{background:linear-gradient(90deg,rgba(7,7,7,.86),rgba(7,7,7,.54) 42%,rgba(7,7,7,.44))}
.watermark.soft-left::after{background:linear-gradient(90deg,rgba(7,7,7,.42),rgba(7,7,7,.5),rgba(7,7,7,.83))}
.overlay{background:linear-gradient(110deg,rgba(0,0,0,.58),rgba(0,0,0,.18));z-index:0}
.overlay.heavy{background:linear-gradient(115deg,rgba(0,0,0,.76),rgba(0,0,0,.36) 45%,rgba(0,0,0,.8))}
.overlay.hero-overlay{background:linear-gradient(105deg,rgba(0,0,0,.70),rgba(0,0,0,.22) 45%,rgba(0,0,0,.75))}
.content{position:relative;z-index:2;height:100%;padding:110px 5vw 78px;display:flex;flex-direction:column;justify-content:center}
.eyebrow{color:var(--orange);font-size:14px;letter-spacing:.18em;font-weight:700;margin-bottom:18px;text-transform:uppercase}
h1,h2{margin:0;line-height:.94;font-weight:900;letter-spacing:-.05em;max-width:1180px}
h1{font-size:clamp(60px,7vw,104px)}h2{font-size:clamp(42px,5vw,84px)}
h1 em,h2 em{font-style:normal;color:var(--orange)}
.lead{font-size:clamp(22px,2.2vw,34px);line-height:1.3;color:#f1f1f1;max-width:1080px;margin:18px 0 0}.sublead{font-size:19px;color:#ddd;margin:12px 0 0}
blockquote{margin:28px 0 0;padding:0 0 0 18px;border-left:4px solid var(--orange);font-size:21px;line-height:1.35;max-width:950px}
.primary,.secondary{padding:18px 28px;border:0;font-weight:800;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:9px;justify-content:center}
.primary{background:var(--orange);color:#fff;box-shadow:0 14px 30px rgba(255,106,0,.22)}
.secondary{background:rgba(0,0,0,.3);border:1px solid rgba(255,106,0,.5);color:#fff}
.actions,.final-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.hero-content{justify-content:flex-start;padding-top:140px}.hero-mockups{display:flex;gap:18px;align-items:flex-end;margin-top:28px}
.mock{box-shadow:var(--shadow)}.mock.laptop{width:500px;height:280px;border-radius:22px;background:#0f1114;border:1px solid rgba(255,255,255,.08);padding:14px}.screen{width:100%;height:100%;border-radius:16px;background:#10161b}.dashboard-mini{padding:14px;display:flex;flex-direction:column}.dash-head{font-size:20px;font-weight:900}.dash-head span{color:var(--orange)}.dash-head b{display:block;font-size:11px;letter-spacing:.16em;color:#aaa;margin-top:8px}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.dash-grid i{height:56px;border-radius:12px;background:rgba(255,255,255,.05)}.dash-chart{margin-top:14px;flex:1;border-radius:16px;background:linear-gradient(180deg,#1a2229,#0f1317);position:relative;overflow:hidden}.dash-chart:before{content:"";position:absolute;left:5%;right:5%;bottom:18%;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent)}.dash-chart:after{content:"";position:absolute;left:12%;right:12%;bottom:28%;height:70px;border-radius:90px 90px 0 0/60px 60px 0 0;border-top:3px solid var(--orange-soft);opacity:.85}
.mock.phone{width:200px;height:380px;border-radius:34px;background:#101317;border:1px solid rgba(255,255,255,.09);padding:14px;position:relative;overflow:hidden}.phone-dark .phone-brand{font-weight:900}.phone-light{background:#f6f6f6;color:#111}.phone-brand{font-size:22px;font-weight:900}.phone-brand span,.dark span{color:var(--orange)}.route-pill{display:inline-flex;margin-top:14px;background:rgba(27,172,85,.16);color:#4be08b;padding:6px 10px;border-radius:999px;font-size:11px}.phone-photo{height:112px;border-radius:18px;background:url('assets/rider.png') center/cover no-repeat;margin-top:12px}.phone-line{height:58px;border-radius:18px;background:rgba(255,255,255,.05);margin-top:12px}.phone-button{position:absolute;left:14px;right:14px;bottom:16px;padding:14px;background:var(--orange);border-radius:14px;text-align:center;font-weight:800}.status{margin-top:18px;font-size:14px}.eta{font-size:22px;margin-top:8px}.map-mini{height:208px;margin-top:18px;border-radius:22px;background:linear-gradient(135deg,#ededed,#dcdcdc);position:relative;overflow:hidden}.map-mini:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 24%,rgba(0,0,0,.06) 24% 26%,transparent 26% 49%,rgba(0,0,0,.06) 49% 51%,transparent 51% 74%,rgba(0,0,0,.06) 74% 76%,transparent 76%),linear-gradient(transparent 24%,rgba(0,0,0,.05) 24% 26%,transparent 26% 49%,rgba(0,0,0,.05) 49% 51%,transparent 51% 74%,rgba(0,0,0,.05) 74% 76%,transparent 76%)}
.map-route{position:absolute;left:16%;top:60%;width:60%;height:3px;background:var(--orange);transform:rotate(-28deg);border-radius:20px}.bike-dot{position:absolute;left:47%;top:43%;color:var(--orange);font-size:22px}
.split-screen{display:grid;grid-template-columns:1.02fr .98fr;height:100%}.split-screen.reverse{grid-template-columns:.98fr 1.02fr}.split-screen.balanced{grid-template-columns:1fr 1fr}.visual{position:relative;background:center/cover no-repeat;min-height:100%}.visual-caption{position:absolute;left:32px;bottom:30px;border:1px solid rgba(255,255,255,.12);padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.42);font-size:11px;letter-spacing:.12em}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.42))}.shade.soft{background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.3))}.visual-soft{filter:saturate(1.02)}
.text-panel{background:linear-gradient(180deg,rgba(10,10,10,.88),rgba(10,10,10,.72));justify-content:flex-start;padding-top:142px}.bright-panel{background:linear-gradient(180deg,rgba(11,11,11,.75),rgba(11,11,11,.62))}
.issue-list,.journey-grid,.value-stack,.kpi-board{display:grid;gap:12px}.issue-list{grid-template-columns:1fr 1fr;margin-top:24px}
.info-card,.journey-card,.stack-btn,.kpi-chip,.time-card,.pill-btn,.orbit-btn{appearance:none;background:rgba(17,17,17,.72);border:1px solid var(--line);color:#fff;text-align:left;transition:.25s ease;position:relative}
.info-card:hover,.journey-card:hover,.stack-btn:hover,.kpi-chip:hover,.time-card:hover,.pill-btn:hover,.orbit-btn:hover{border-color:rgba(255,106,0,.65);transform:translateY(-2px)}
.info-card.active,.journey-card.active,.stack-btn.active,.kpi-chip.active,.time-card.active,.pill-btn.active,.orbit-btn.active{border-color:var(--orange);box-shadow:0 0 0 1px rgba(255,106,0,.2) inset,0 10px 28px rgba(255,106,0,.10)}
.info-card{display:grid;grid-template-columns:48px 1fr;gap:10px;border-radius:18px;padding:18px}.info-card b{color:var(--orange);font-size:23px}.info-card span{font-size:15px;line-height:1.36}
.explain-panel{margin-top:18px;padding:18px 20px;border-radius:18px;background:rgba(18,20,24,.74);border:1px solid rgba(255,255,255,.12);max-width:920px;backdrop-filter:blur(10px)}
.explain-panel.larger{max-width:480px;min-height:220px;margin:0}.explain-panel.wide{max-width:none}.explain-kicker{color:var(--orange);font-size:11px;letter-spacing:.15em;font-weight:700;margin-bottom:8px}.explain-panel h3{font-size:24px;margin:0 0 10px}.explain-panel p{margin:0;color:#d7d7d7;line-height:1.55;font-size:15px}
.dual-content{display:grid;grid-template-columns:1fr .92fr;gap:34px;align-items:center}.column{position:relative}.right-visual-card{display:flex;flex-direction:column;gap:18px;align-items:flex-end}.image-card{border-radius:26px;background:center/cover no-repeat;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.09)}.image-card.large{width:min(620px,100%);height:310px}.image-card.tall{width:min(520px,100%);height:430px}.floating-note,.side-note{padding:18px 20px;border-radius:18px;background:rgba(12,14,17,.72);border:1px solid rgba(255,255,255,.1);max-width:560px}.floating-note h3,.side-note h3{margin:0 0 10px;font-size:24px}.floating-note ul,.side-note ul{margin:0;padding-left:18px;color:#ddd;line-height:1.5}.left-col{max-width:840px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.chips span{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:10px 15px;background:rgba(255,255,255,.03)}
.callout{font-size:14px;letter-spacing:.08em;border-left:4px solid var(--orange);padding:14px 18px;background:rgba(0,0,0,.36);max-width:720px}.callout b{color:var(--orange)}
.sector-flow{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:12px;color:#d6d6d6}.sector-flow i{color:var(--orange);font-style:normal}
.centered{text-align:center;align-items:center}.solution-content{justify-content:flex-start;padding-top:140px}.max{max-width:980px}.brand-inline{font-weight:900;color:#fff}.brand-inline span,.core span{color:var(--orange)}
.solution-layout{display:grid;grid-template-columns:580px 1fr;gap:30px;align-items:center;margin-top:20px}.ecosystem-ring{width:560px;height:340px;position:relative;margin:0 auto}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111;border:1px solid rgba(255,106,0,.55);box-shadow:0 0 0 28px rgba(255,106,0,.08),0 0 90px rgba(255,106,0,.18);text-align:center;padding:20px}.core strong{font-size:30px}.core small{font-size:11px;color:#ddd;margin-top:10px;letter-spacing:.13em;line-height:1.3}.node{position:absolute;border-radius:999px;padding:12px 15px;background:#131313;font-size:11px;font-weight:700}.n1{left:8px;top:48px}.n2{right:8px;top:48px}.n3{left:-2px;bottom:62px}.n4{right:-2px;bottom:62px}.n5{left:50%;bottom:0;transform:translateX(-50%)}
.statement{font-size:21px;max-width:950px;line-height:1.45;margin-top:24px}.statement.small{font-size:18px;margin-top:30px}
.full{padding-left:5vw;padding-right:5vw}.three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.device-card{background:rgba(10,11,13,.80);border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:452px;display:grid;grid-template-rows:46% 54%;backdrop-filter:blur(10px)}.device-card .photo{background-size:cover;background-position:center}.device-card.pharmacy .photo{background-image:url('assets/pharmacy-dashboard.png')}.device-card.rider .photo{background-image:url('assets/rider.png')}.device-card.customer .photo{background-image:url('assets/customer.png');background-position:center right}.card-copy{padding:20px}.card-copy>span{color:var(--orange);font-size:10px;letter-spacing:.15em}.card-copy h3{font-size:24px;margin:8px 0}.card-copy p{font-size:14px;color:#c8c8c8;line-height:1.45}.mini-ui,.phone-ui{margin-top:14px;border-radius:12px;padding:12px;background:#161b20;border:1px solid rgba(255,255,255,.06)}.mini-ui b,.phone-ui b{display:block;font-size:10px}.mini-ui strong{display:block;font-size:18px;margin:6px 0}.mini-ui i{display:inline-block;width:26%;height:5px;border-radius:3px;background:var(--orange);margin-right:4px}.phone-ui small{display:block;color:#aaa;margin-top:5px}.phone-ui button{margin-top:12px;width:100%;border:0;border-radius:7px;background:var(--orange);color:white;padding:8px;font-size:9px;font-weight:800}.light-ui{background:#fafafa;color:#111}.rich-map{height:92px;background:linear-gradient(135deg,#efefef,#dcdcdc);position:relative;overflow:hidden;border-radius:10px;margin-top:8px}.rich-map:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 22%,rgba(0,0,0,.06) 22% 24%,transparent 24% 48%,rgba(0,0,0,.06) 48% 50%,transparent 50% 74%,rgba(0,0,0,.06) 74% 76%,transparent 76%),linear-gradient(transparent 26%,rgba(0,0,0,.06) 26% 28%,transparent 28% 52%,rgba(0,0,0,.06) 52% 54%,transparent 54% 78%,rgba(0,0,0,.06) 78% 80%,transparent 80%)}
.map-line{position:absolute;left:18%;top:58%;width:56%;height:3px;background:var(--orange);transform:rotate(-23deg);border-radius:30px}.map-rider,.map-home,.map-pharmacy{position:absolute;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.map-rider{left:46%;top:40%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,106,0,.14)}.map-home{right:17%;top:24%;background:#3fa9f5}.map-pharmacy{left:14%;bottom:18%;background:#42c76b}
.route-visual{background-size:cover;background-position:center;position:relative}.fullmap{background-position:center center}.badge{position:absolute;bottom:32px;right:32px;border:1px solid rgba(255,255,255,.2);padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.55);font-size:9px;letter-spacing:.1em}
.logic-flow{display:flex;align-items:center;gap:9px;margin:24px 0 18px;flex-wrap:wrap}.pill-btn{border-radius:12px;padding:12px 14px;font-size:11px;font-weight:700}.logic-flow i,.timeline i,.roadmap i{font-style:normal;color:var(--orange);align-self:center}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.benefits div{background:rgba(17,17,17,.74);border:1px solid var(--line);border-radius:14px;padding:16px}.benefits b{font-size:26px;color:var(--orange);display:block}.benefits span{font-size:12px;color:#ccc}
.pricing-content{max-width:1280px}.journey-grid{grid-template-columns:repeat(4,1fr);margin:26px 0}.journey-card{padding:20px;border-radius:18px}.journey-card b{color:var(--orange);font-size:12px}.journey-card h3{margin:12px 0 8px;font-size:20px}.journey-card p{margin:0;color:#bbb;line-height:1.45;font-size:12px}
.pricing-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding-top:24px;margin-top:18px}.pricing-cta strong,.pricing-cta span{display:block}.pricing-cta strong{font-size:19px}.pricing-cta span{color:#ccc;margin-top:5px}.disabled-link{opacity:.88;text-decoration:none}.micro{font-size:10px;color:#999;margin-top:9px}
.dark-clean{background:radial-gradient(circle at 50% 20%,rgba(255,106,0,.08),transparent 28%),radial-gradient(circle at 50% 20%,#171717,#070707 58%)}
.timeline,.roadmap{display:flex;align-items:stretch;gap:10px;margin:30px 0;flex-wrap:nowrap}.time-card{flex:1;border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.time-card b,.roadmap span{color:var(--orange);font-size:11px}.time-card span,.roadmap b{display:block;font-size:13px;line-height:1.35}.roadmap .time-card span{display:block}.not-needed{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:22px}.not-needed h3{font-size:24px}.not-needed div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.not-needed span{background:rgba(18,18,18,.82);border:1px solid var(--line);border-radius:10px;padding:14px;font-size:12px}.closing-line{margin-top:24px;font-size:18px}.closing-line strong{color:var(--orange)}
.two-side-model{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.model-grid{display:grid;grid-template-columns:1fr 1fr .76fr;gap:16px;margin-top:28px}.model-card,.license{border:1px solid var(--line);border-radius:20px;padding:25px;background:rgba(17,17,17,.76);backdrop-filter:blur(10px)}.model-card.featured{border-color:rgba(255,106,0,.5);background:linear-gradient(145deg,rgba(40,20,7,.76),rgba(17,17,17,.8))}.model-card>span,.license>span{font-size:10px;color:var(--orange);letter-spacing:.16em}.model-card h3{font-size:24px;max-width:320px}.model-card p{color:#aaa}.metric{margin-top:35px;border-top:1px solid var(--line);padding-top:16px}.metric b{display:block;font-size:19px}.metric small{display:block;color:#aaa;margin-top:6px;line-height:1.4}.license{display:flex;flex-direction:column;justify-content:center}.license strong{font-size:47px;color:#fff;margin:15px 0 0}.license small{color:#aaa}.license p{font-size:11px;color:#888;margin-top:25px}
.value-slide .text-panel{padding-top:130px}.value-stack{gap:10px;margin:26px 0}.stack-btn{display:grid;grid-template-columns:120px 1fr;gap:18px;border-radius:13px;padding:15px;background:rgba(0,0,0,.36)}.stack-btn b{color:var(--orange)}.stack-btn span{color:#ddd;font-size:13px}
.formula{border:1px solid rgba(255,106,0,.4);background:rgba(255,106,0,.08);padding:17px;border-radius:13px;font-size:13px;letter-spacing:.04em;margin-top:18px}.formula i{color:var(--orange);font-style:normal;padding:0 8px}
.kpi-board{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 18px}.kpi-chip{border-radius:11px;padding:14px;font-size:11px;color:#ccc;text-align:left}
.final-content{justify-content:center;padding-bottom:125px}.final-question{font-size:clamp(18px,1.8vw,29px)!important;line-height:1.42!important;max-width:1200px!important;margin-top:30px!important}.contact-bar{position:absolute;left:0;right:0;bottom:0;min-height:78px;background:rgba(4,4,4,.88);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:28px;padding:14px 5vw;backdrop-filter:blur(12px)}.contact-brand{font-size:27px;font-weight:900;letter-spacing:-1.4px}.contact-bar a{color:#ddd;text-decoration:none;font-size:11px}.contact-bar a:hover{color:var(--orange)}
.arrow{position:fixed;z-index:60;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.30);color:#fff;font-size:30px;backdrop-filter:blur(8px)}.arrow:hover{border-color:var(--orange);color:var(--orange)}.prev{left:16px}.next{right:16px}.dots{position:fixed;z-index:60;right:3.5vw;bottom:20px;display:flex;gap:7px}.dots button{width:6px;height:6px;border:0;border-radius:99px;background:#777;padding:0;transition:.3s}.dots button.active{width:24px;background:var(--orange)}

@media(max-width:1320px){.brand{font-size:48px}.solution-layout{grid-template-columns:1fr}.explain-panel.larger{max-width:760px;margin:18px auto 0}.two-side-model{grid-template-columns:1fr}.dual-content{grid-template-columns:1fr}.right-visual-card{align-items:flex-start}.image-card.large,.image-card.tall{width:100%}.model-grid{grid-template-columns:1fr 1fr}.license{grid-column:1 / -1}.kpi-board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.nav{display:none}.ghost-btn{display:none}.topbar{height:62px}.content{padding-top:90px}.hero-mockups{display:none}.three-cards{grid-template-columns:1fr;overflow:auto;max-height:58vh}.device-card{min-height:240px;grid-template-columns:42% 58%;grid-template-rows:1fr}.journey-grid{grid-template-columns:1fr 1fr}.timeline,.roadmap{overflow:auto}.contact-bar{gap:12px;flex-wrap:wrap}.contact-bar a{font-size:9px}.split-screen,.split-screen.reverse,.split-screen.balanced{grid-template-columns:1fr}.visual{position:absolute;inset:0;opacity:.34}.text-panel{position:relative;z-index:2}.route-visual{opacity:.38}.not-needed{grid-template-columns:1fr}.not-needed div{grid-template-columns:1fr 1fr}.two-side-model{grid-template-columns:1fr}.value-stack .stack-btn{grid-template-columns:100px 1fr}}
@media(max-width:720px){html,body{overflow:auto}.slide{position:relative;opacity:1;pointer-events:auto;transform:none;min-height:100vh}.slide:not(.active){display:none}.arrow{display:none}.dots{left:50%;right:auto;transform:translateX(-50%);bottom:112px}.top-actions .counter{display:none}.content{padding:88px 22px 98px}.brand{font-size:42px}.issue-list,.journey-grid,.benefits,.kpi-board{grid-template-columns:1fr}.model-grid{grid-template-columns:1fr}.stack-btn{grid-template-columns:1fr}.pricing-cta{display:block}.pricing-cta .primary{display:inline-flex;margin-top:14px}.not-needed div{grid-template-columns:1fr}.contact-bar{min-height:100px;padding:10px 22px}.contact-brand{width:100%}.final-content{padding-bottom:145px}.solution-layout{grid-template-columns:1fr}.ecosystem-ring{width:100%;max-width:520px;height:360px}.journey-grid{grid-template-columns:1fr}.three-cards{overflow:visible;max-height:none}.device-card{grid-template-columns:1fr;grid-template-rows:230px auto}.dots{display:none}}

/* ===== V3 LIGHTER THEME + LAYOUT FIXES ===== */
:root{
  --bg:#f5f3ef;
  --panel:#ffffff;
  --panel-soft:rgba(255,255,255,.84);
  --line:rgba(0,0,0,.10);
  --text:#111317;
  --muted:#525866;
  --shadow:0 16px 38px rgba(20,24,30,.08);
}
html,body{background:var(--bg)!important;color:var(--text)!important}
body:before{background:radial-gradient(circle at top right,rgba(255,106,0,.11),transparent 34%),radial-gradient(circle at bottom left,rgba(0,0,0,.04),transparent 34%)!important}
.topbar{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.84))!important;border-bottom:1px solid rgba(0,0,0,.08)!important}
.nav button{color:#4b4f58!important}.nav button:hover,.nav button.active{color:#111!important}
.counter{color:#555!important}.icon-btn{background:#fff!important;color:#222!important;border-color:rgba(255,106,0,.35)!important}.ghost-btn{background:rgba(255,255,255,.88)!important;color:#111!important}
.slide::before{background:#ffffff!important;opacity:.14!important}
.overlay.hero-overlay{background:linear-gradient(105deg,rgba(255,255,255,.18),rgba(255,255,255,.06) 45%,rgba(255,255,255,.22))!important}
.overlay.heavy{background:linear-gradient(115deg,rgba(255,255,255,.28),rgba(255,255,255,.12) 45%,rgba(255,255,255,.34))!important}
.watermark{opacity:.15!important;filter:saturate(.92)!important}
.watermark::after{background:linear-gradient(90deg,rgba(255,255,255,.80),rgba(255,255,255,.58) 45%,rgba(255,255,255,.82))!important}
.watermark.soft-right::after{background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.74) 42%,rgba(255,255,255,.58))!important}
.watermark.soft-left::after{background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.70),rgba(255,255,255,.92))!important}
.visual .shade,.shade.soft{background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.28))!important}
.visual-caption,.badge{background:rgba(255,255,255,.85)!important;color:#222!important;border-color:rgba(0,0,0,.08)!important}
.content{padding:92px 4.4vw 44px!important;overflow:auto!important}
.hero-content{padding-top:126px!important}
.text-panel{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.80))!important;padding-top:118px!important}
.bright-panel{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82))!important}
.dark-clean{background:radial-gradient(circle at 50% 12%,rgba(255,106,0,.08),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.84))!important}
.final-content{padding-bottom:102px!important}
.contact-bar{background:rgba(255,255,255,.92)!important;border-top:1px solid rgba(0,0,0,.08)!important}.contact-bar a{color:#444!important}.contact-bar a:hover{color:var(--orange)!important}
.hero-content .lead,.hero-content .sublead,.lead,.sublead,blockquote,.statement,.closing-line,.callout,.sector-flow,.micro,.floating-note ul,.side-note ul,.journey-card p,.stack-btn span,.card-copy p,.metric small,.license small,.license p,.not-needed span,.pricing-cta span,.explain-panel p{color:#343a45!important}
.hero-content,.text-panel,.model-main,.model-visual-panel{color:#111317!important}
.hero-content h1,.text-panel h2,.model-main h2,.final-content h2,.content h2{color:#111317!important}
h1{font-size:clamp(52px,5.5vw,88px)!important}
h2{font-size:clamp(30px,4.35vw,70px)!important;line-height:.98!important;max-width:1100px!important}
.eyebrow{font-size:13px!important;margin-bottom:14px!important}
.lead{font-size:clamp(18px,1.75vw,28px)!important;line-height:1.28!important;margin-top:14px!important}
blockquote{font-size:18px!important;margin-top:18px!important}
.issue-list{margin-top:18px!important}.info-card{padding:14px 16px!important;min-height:72px}
.info-card span{font-size:14px!important}.info-card b{font-size:18px!important}
.explain-panel{margin-top:14px!important;padding:14px 16px!important;border-radius:16px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(0,0,0,.09)!important;box-shadow:var(--shadow)!important}
.explain-panel h3{font-size:21px!important;margin-bottom:8px!important}
.solution-content{padding-top:112px!important}.solution-layout{margin-top:14px!important;gap:22px!important}.ecosystem-ring{height:300px!important}.core{background:#fff!important;color:#111!important;box-shadow:0 0 0 20px rgba(255,106,0,.08),0 0 40px rgba(255,106,0,.10)!important}.core small{color:#666!important}.node{background:#fff!important;color:#222!important;border:1px solid rgba(0,0,0,.08)!important}
.three-cards{margin-top:18px!important}.device-card,.model-card,.license,.floating-note,.side-note,.mini-ui,.phone-ui,.journey-card,.time-card,.stack-btn,.kpi-chip,.info-card,.pill-btn,.orbit-btn{background:rgba(255,255,255,.94)!important;color:#111317!important;border:1px solid rgba(0,0,0,.10)!important;box-shadow:var(--shadow)!important}
.device-card{min-height:392px!important}.card-copy{padding:16px!important}.card-copy h3{font-size:20px!important}.mini-ui,.phone-ui{background:#f7f8fa!important}.light-ui{background:#fff!important}
.logic-flow{margin:16px 0 12px!important}.pill-btn{padding:10px 12px!important;font-size:12px!important}.benefits{margin-top:12px!important}.benefits div{background:#fff!important;border-color:rgba(0,0,0,.08)!important;padding:12px!important}
.pricing-content{padding-top:108px!important}.journey-grid{margin:16px 0!important}.journey-card{padding:16px!important}.journey-card h3{font-size:18px!important;margin:10px 0 6px!important}.journey-card p{font-size:13px!important}
.pricing-cta{padding-top:16px!important;margin-top:14px!important;align-items:flex-end!important}.pricing-cta strong{font-size:17px!important}
.timeline,.roadmap{margin:16px 0!important}.time-card{padding:14px!important;min-height:96px}.time-card span{font-size:12px!important}.not-needed{padding-top:16px!important;gap:14px!important}.not-needed h3{font-size:18px!important;margin:0}.not-needed span{font-size:11px!important;padding:12px!important}.closing-line{margin-top:16px!important;font-size:16px!important}
.two-side-model{gap:20px!important}.model-grid{margin-top:18px!important;gap:12px!important}.model-card,.license{padding:18px!important}.model-card h3{font-size:20px!important;margin:12px 0!important}.metric{margin-top:20px!important;padding-top:12px!important}.metric b{font-size:17px!important}.license strong{font-size:34px!important}
.value-slide .text-panel{padding-top:118px!important}.value-stack{margin:18px 0!important}.stack-btn{padding:13px 16px!important}.formula{background:rgba(255,106,0,.08)!important;border-color:rgba(255,106,0,.26)!important;color:#222!important;margin-top:14px!important}
.kpi-board{margin:12px 0 14px!important;gap:8px!important}.kpi-chip{padding:12px!important;font-size:12px!important}
.final-question{background:rgba(255,255,255,.88)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:20px!important;padding:20px 22px!important;box-shadow:var(--shadow)!important;color:#222!important}
.arrow{background:rgba(255,255,255,.82)!important;color:#333!important;border-color:rgba(0,0,0,.10)!important}.dots button{background:#c7c7c7!important}.dots button.active{background:var(--orange)!important}

/* slide-specific safety */
.slide[data-title="Ecossistema"] h2,
.slide[data-title="Jornada CDL"] h2,
.slide[data-title="Piloto"] h2,
.slide[data-title="Valor CDL"] h2,
.slide[data-title="Modelo econômico"] h2,
.slide[data-title="Precificação"] h2,
.slide[data-title="Roteirização"] h2{font-size:clamp(28px,4vw,62px)!important}
.slide[data-title="Ecossistema"] .content,
.slide[data-title="Jornada CDL"] .content,
.slide[data-title="Piloto"] .content,
.slide[data-title="Precificação"] .content,
.slide[data-title="Modelo econômico"] .content,
.slide[data-title="Valor CDL"] .content{padding-top:96px!important;padding-bottom:36px!important}
.slide[data-title="Ecossistema"] .three-cards{margin-top:10px!important}
.slide[data-title="Piloto"] .kpi-chip,.slide[data-title="Valor CDL"] .stack-btn{font-size:11px!important}

@media(max-width:1320px){
  .content{padding:88px 3.8vw 36px!important}
  .journey-grid{grid-template-columns:1fr 1fr!important}
  .timeline,.roadmap{overflow:auto!important;padding-bottom:4px!important}
}
@media(max-width:1100px){
  .topbar{background:rgba(255,255,255,.96)!important}
  .visual{opacity:.20!important}
  .text-panel{padding-top:96px!important}
}

/* ===== V4 USER REQUESTED CORRECTIONS ===== */
/* global logo on light header */
.brand-seven,
.contact-brand .brand-seven{color:#111317!important}
.brand-go,
.contact-brand .brand-go{color:var(--orange)!important}
.brand{letter-spacing:-2px!important}

/* page 1 - cleaner hero */
.slide.hero::before{opacity:.06!important}
.slide.hero .overlay.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.18) 45%,rgba(255,255,255,.02))!important}
.hero-content{padding-top:108px!important}
.hero-grid{display:grid;grid-template-columns:minmax(420px, 1.02fr) minmax(480px,.98fr);gap:32px;align-items:center;height:100%}
.hero-copy{max-width:760px;padding:26px 8px 26px 0}
.slide.hero h1{font-size:clamp(48px,4.8vw,82px)!important;max-width:780px!important}
.slide.hero .lead{max-width:680px!important}
.slide.hero .sublead{max-width:700px!important;font-size:18px!important;line-height:1.45!important}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hero-tags span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.10);box-shadow:var(--shadow);font-size:13px;font-weight:700;color:#20242b}
.hero-stage{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;min-height:560px;padding:30px 24px 18px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.10));border:1px solid rgba(255,255,255,.24);box-shadow:0 26px 60px rgba(33,38,45,.08);overflow:hidden}
.hero-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.02));pointer-events:none}
.hero-stage-badge{position:absolute;right:22px;top:22px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.08);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#4a4f59;font-weight:800}
.hero-mockups{position:relative;z-index:2;display:grid!important;grid-template-columns:1.45fr .62fr .62fr;gap:16px;align-items:end;margin-top:0!important;width:100%}
.slide.hero .mock.laptop{width:100%!important;max-width:none!important;height:330px!important;background:#0f1318!important}
.slide.hero .mock.phone{width:100%!important;max-width:210px;height:392px!important;justify-self:center}
.slide.hero .actions{margin-top:26px!important}
.slide.hero .secondary{background:rgba(255,255,255,.92)!important;color:#111317!important}

/* page 3 */
.slide[data-title="Farmácias"] .callout{background:#8e8e8e!important;color:#111317!important;border-left-color:var(--orange)!important;font-weight:800}
.slide[data-title="Farmácias"] .callout b{color:#ffffff!important}

/* page 4 heading brand colors */
.slide[data-title="Solução"] .brand-inline{color:var(--orange)!important}
.slide[data-title="Solução"] .brand-inline span{color:#111317!important}

/* page 5 center image bag logo */
.slide[data-title="Ecossistema"] .device-card.rider .photo{position:relative}
.slide[data-title="Ecossistema"] .device-card.rider .bag-logo{position:absolute;right:85px;top:110px;transform:rotate(-1deg);font-size:26px;font-weight:900;letter-spacing:-1.2px;line-height:1;background:rgba(255,255,255,.08);padding:4px 8px;border-radius:8px;backdrop-filter:blur(1px)}
.slide[data-title="Ecossistema"] .device-card.rider .bag-seven{color:#fff}
.slide[data-title="Ecossistema"] .device-card.rider .bag-go{color:#111317}

/* page 6 */
.slide[data-title="Roteirização"] .benefits span,
.slide[data-title="Roteirização"] .benefits b{color:#111317!important}
.slide[data-title="Roteirização"] .benefits div{background:#ffffff!important}

/* page 8 graphites */
.slide[data-title="Jornada CDL"] .not-needed div span{background:#3f434b!important;color:#fff!important;border:1px solid rgba(255,255,255,.06)!important;font-size:13px!important}
.slide[data-title="Jornada CDL"] .not-needed h3{color:#111317!important}

/* page 12 final slide */
.slide.final::before{background:#0b0c0f!important;opacity:.34!important}
.slide.final .overlay.heavy{background:linear-gradient(105deg,rgba(9,10,12,.72),rgba(9,10,12,.36) 42%,rgba(9,10,12,.76))!important}
.slide.final h2{color:#fff!important}
.slide.final h2 .line-white{color:#fff!important}
.slide.final h2 em{color:var(--orange)!important}
.slide.final .final-question{background:rgba(255,255,255,.92)!important;color:#1a1e25!important}
.slide.final .contact-bar{background:rgba(255,255,255,.96)!important}
.slide.final .contact-bar a{font-size:14px!important;font-weight:600!important}
.slide.final .contact-brand{font-size:32px!important}

/* general header visibility in light theme */
.topbar{box-shadow:0 8px 24px rgba(0,0,0,.04)!important}

@media(max-width:1320px){
  .hero-grid{grid-template-columns:1fr!important;gap:18px!important}
  .hero-stage{min-height:420px!important}
  .hero-mockups{grid-template-columns:1fr .72fr .72fr!important}
}
@media(max-width:1100px){
  .hero-stage{padding:18px!important}
  .hero-stage-badge{font-size:11px!important}
}
@media(max-width:720px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-stage{min-height:300px!important;padding:16px!important}
  .hero-mockups{grid-template-columns:1fr!important}
  .slide.hero .mock.phone{display:none}
  .hero-tags{gap:8px}
  .hero-tags span{font-size:11px;padding:8px 10px}
  .slide.final .contact-bar a{font-size:12px!important}
}


/* ===== C7MOVI REBRAND ===== */
.brand{letter-spacing:-2.2px!important; font-weight:950!important;}
.brand-seven,
.contact-brand .brand-seven{color:#111317!important}
.brand-go,
.contact-brand .brand-go{color:var(--orange)!important}
.slide.final .brand-seven,
.slide.final .contact-brand .brand-seven{color:#111317!important}
.dash-head span,.phone-brand span,.brand-inline span,.core span,.bag-go{color:var(--orange)!important}
.brand-inline{color:#111317!important}
.slide[data-title="Solução"] .brand-inline{color:#111317!important}
.slide[data-title="Solução"] .brand-inline span{color:var(--orange)!important}
.core strong{letter-spacing:-1px;}
.hero-stage::after{content:"C7MOVI";position:absolute;right:28px;bottom:26px;padding:10px 16px;border-radius:999px;background:rgba(255,106,0,.92);color:#fff;font-weight:950;letter-spacing:-1px;box-shadow:0 14px 30px rgba(255,106,0,.25);z-index:3;}
.slide[data-title="Ecossistema"] .device-card.rider .bag-logo{right:68px!important;top:108px!important;background:rgba(255,106,0,.94)!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,0,0,.22);}
.slide[data-title="Ecossistema"] .device-card.rider .bag-seven{color:#fff!important}
.slide[data-title="Ecossistema"] .device-card.rider .bag-go{color:#111317!important}

/* Ajuste fino: logo C7MOVI posicionada sobre o baú no slide Ecossistema */
.slide[data-title="Ecossistema"] .device-card.rider .bag-logo{
  right:20%!important;
  top:60%!important;
  transform:translateY(-50%) rotate(-1deg)!important;
  background:rgba(255,106,0,.18)!important;
  padding:3px 7px!important;
  border-radius:7px!important;
  font-size:22px!important;
  box-shadow:none!important;
}
.slide[data-title="Ecossistema"] .device-card.rider .bag-seven,
.slide[data-title="Ecossistema"] .device-card.rider .bag-go{
  color:#fff!important;
}

/* ===== FINAL APPROVAL FIXES: SLIDES 6, 9 AND 12 ===== */
/* Slide 6: keep the entire route artwork visible inside the right panel */
.slide[data-title="Roteirização"] .route-visual.fullmap{
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-color:#f4f1ec!important;
  margin:24px 34px 24px 18px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 16px 38px rgba(20,24,30,.08)!important;
}
.slide[data-title="Roteirização"] .route-visual.fullmap .badge{
  right:20px!important;
  bottom:20px!important;
}

/* Slide 9: show the full executive image without cropping its right edge */
.slide[data-title="Modelo econômico"] .model-visual-panel .image-card.tall{
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-color:#f4f1ec!important;
  width:100%!important;
  max-width:520px!important;
  margin-right:18px!important;
}
.slide[data-title="Modelo econômico"] .model-visual-panel{
  padding-right:14px!important;
}

/* Slide 12: larger, easier-to-read footer contacts */
.slide.final .contact-bar{
  min-height:92px!important;
  gap:30px!important;
  padding:18px 4.5vw!important;
}
.slide.final .contact-brand{
  font-size:36px!important;
  min-width:max-content!important;
}
.slide.final .contact-bar a{
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.28!important;
  white-space:nowrap!important;
}
.slide.final .final-content{
  padding-bottom:118px!important;
}

@media(max-width:1320px){
  .slide.final .contact-bar{gap:18px!important;padding:14px 3vw!important;}
  .slide.final .contact-bar a{font-size:13px!important;white-space:normal!important;}
  .slide.final .contact-brand{font-size:31px!important;}
}