/* Ward Tech Systems × Alpha Fuel Nutrition — proposal deck */
:root{
  --bg:#09090a; --panel:#121214; --panel2:#18181b; --line:#26262b;
  --ink:#f4f1ed; --mute:#a1a1aa; --dim:#71717a;
  --gold:#c89b48; --gold2:#e2bd73; --goldD:#8a6a2c;
  --ok:#3fb27f; --warn:#e0a63a; --bad:#e2574c;
  --af-gold:#bd8000;
  --r:16px;
  --head:'Oswald',system-ui,sans-serif; --body:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
body{overflow:hidden}
a{color:inherit}
img{display:block;max-width:100%}

/* ---------- chrome ---------- */
.top{position:fixed;inset:0 0 auto 0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:20;
  background:linear-gradient(#09090af2,#09090a00)}
.brandpair{display:flex;align-items:center;gap:14px}
.brandpair .wts{height:30px;width:auto}
.brandpair .x{color:var(--dim);font-size:14px}
.brandpair .af{height:34px;width:34px;border-radius:50%;background:#fff;padding:3px}
.top .meta{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.progress{position:fixed;left:0;right:0;top:0;height:3px;background:#ffffff10;z-index:30}
.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--goldD),var(--gold2));transition:width .45s cubic-bezier(.2,.8,.2,1)}

.nav{position:fixed;left:0;right:0;bottom:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:20;
  background:linear-gradient(#09090a00,#09090af5 40%)}
.dots{display:flex;gap:7px;flex-wrap:wrap;max-width:50vw}
.dots button{width:8px;height:8px;border-radius:9px;border:0;background:#ffffff26;cursor:pointer;transition:all .3s}
.dots button.on{width:26px;background:var(--gold)}
.btns{display:flex;gap:10px;align-items:center}
.btn{font:600 14px var(--body);border-radius:999px;padding:12px 22px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn:hover{border-color:var(--gold)}
.btn.gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#140f05;border-color:transparent}
.btn.gold:hover{filter:brightness(1.08)}
.btn[disabled]{opacity:.3;pointer-events:none}
.count{font-size:12px;color:var(--dim);letter-spacing:.12em;min-width:56px;text-align:right}

/* ---------- slides ---------- */
.deck{position:fixed;inset:0}
.slide{position:absolute;inset:0;padding:92px 6vw 100px;display:flex;flex-direction:column;justify-content:safe center;
  opacity:0;pointer-events:none;transform:translateX(40px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);overflow-y:auto}
.slide.on{opacity:1;pointer-events:auto;transform:none}
.slide.prev{transform:translateX(-40px)}
.slide>.in{max-width:1240px;width:100%;margin:0 auto}
.kicker{font:600 12px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:26px;height:1px;background:var(--gold)}
h1,h2{font-family:var(--head);font-weight:600;letter-spacing:.01em;text-transform:uppercase;line-height:1.02}
h1{font-size:clamp(44px,7vw,96px)}
h2{font-size:clamp(30px,3.8vw,52px);margin-bottom:14px}
h3{font:600 18px var(--body);margin-bottom:6px}
.lead{font-size:clamp(16px,1.35vw,19px);color:var(--mute);line-height:1.55;max-width:760px}
.gold-t{color:var(--gold2)}
.split{display:grid;grid-template-columns:minmax(300px,.9fr) 1.25fr;gap:48px;align-items:center}
.split.even{grid-template-columns:1fr 1fr}
.bul.two{grid-template-columns:1fr 1fr;gap:12px 24px}
.split.wide{grid-template-columns:minmax(260px,.62fr) 1.5fr}
.split.appw{grid-template-columns:minmax(280px,.75fr) 1.4fr}
.bul{list-style:none;margin-top:22px;display:grid;gap:14px}
.bul li{display:grid;grid-template-columns:28px 1fr;gap:10px;color:var(--mute);line-height:1.5;font-size:15px}
.bul li b{color:var(--ink);font-weight:600}
.bul li::before{content:"";width:22px;height:22px;border-radius:50%;margin-top:1px;
  background:radial-gradient(circle at 50% 50%,var(--gold) 0 4px,transparent 5px),#c89b481f;border:1px solid #c89b4855}
.tag{display:inline-block;font:600 11px var(--body);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:99px;border:1px solid var(--line);color:var(--mute)}
.tag.g{border-color:#c89b4866;color:var(--gold2);background:#c89b4812}
.note{font-size:12.5px;color:var(--dim);margin-top:18px;line-height:1.5;max-width:780px}

/* cover */
.cover{background:radial-gradient(1200px 600px at 85% 30%,#c89b4822,transparent 60%)}
.cover .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.cover .photo{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line);box-shadow:0 40px 120px #000c}
.cover .photo img{width:100%;height:100%;object-fit:cover}
.cover .photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#09090ad9)}
.cover .photo figcaption{position:absolute;left:18px;bottom:16px;z-index:2;font-size:12px;color:#ddd;letter-spacing:.06em}
.cover .sub{margin-top:24px}
.cover .pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}

/* stat cards */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.stat .n{font:600 40px var(--head);color:var(--gold2)}
.stat .l{font-size:13px;color:var(--mute);margin-top:4px;line-height:1.4}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;position:relative;overflow:hidden}
.card .num{font:600 13px var(--head);color:var(--gold);letter-spacing:.12em;margin-bottom:14px}
.card p{color:var(--mute);font-size:14.5px;line-height:1.55}

/* ---------- device frames ---------- */
.browser{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 40px 100px #000b,0 0 0 1px #ffffff14;color:#111}
.browser .bar{height:34px;background:#ececec;display:flex;align-items:center;gap:6px;padding:0 12px}
.browser .bar i{width:10px;height:10px;border-radius:50%;background:#d0d0d0}
.browser .bar i:nth-child(1){background:#ff5f57}.browser .bar i:nth-child(2){background:#febc2e}.browser .bar i:nth-child(3){background:#28c840}
.browser .url{margin-left:14px;flex:1;max-width:360px;height:22px;border-radius:6px;background:#fff;font:12px var(--body);color:#555;display:flex;align-items:center;padding:0 10px}
.phone{width:270px;aspect-ratio:9/19.3;background:#000;border-radius:40px;padding:9px;box-shadow:0 40px 100px #000c,0 0 0 1px #ffffff1c;flex:none}
.phone .scr{width:100%;height:100%;border-radius:32px;overflow:hidden;background:#fff;color:#111;position:relative;display:flex;flex-direction:column}
.phone .notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:20px;background:#000;z-index:5}
.phone.sm{width:205px}
.devices.three{flex-wrap:nowrap}
.devices{display:flex;gap:22px;align-items:flex-end;justify-content:center}
.devices .browser{flex:1;min-width:0}
.devices .browser+.phone{margin-left:-90px;margin-bottom:-26px;z-index:2}

/* ---------- Alpha Fuel storefront (mock) ---------- */
.af{font-family:var(--body);color:#111;background:#fff}
.af .ann{background:#111;color:#fff;font:600 10px var(--body);letter-spacing:.14em;text-align:center;padding:7px}
.af .hd{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid #eee}
.af .logo{white-space:nowrap;display:flex;align-items:center;gap:8px;font:700 15px var(--head);letter-spacing:.08em}
.af .logo img{width:28px;height:28px}
.af .menu{display:flex;gap:14px;white-space:nowrap;font-size:12px;font-weight:600;color:#333}
.af .icons{display:flex;gap:12px;font-size:12px;color:#333;align-items:center}
.af .icons .cart{background:#111;color:#fff;border-radius:99px;padding:5px 11px;font-weight:600}
.af .heroA{display:grid;grid-template-columns:1.05fr 1fr;min-height:180px;background:#0d0d0d;color:#fff}
.af .heroA .t{padding:20px 24px;display:flex;flex-direction:column;justify-content:center}
.af .heroA .eyebrow{font:600 10px var(--body);letter-spacing:.2em;color:var(--gold2)}
.af .heroA h4{font:600 26px/1.02 var(--head);text-transform:uppercase;margin:8px 0}
.af .heroA p{font-size:12px;color:#bbb;line-height:1.5}
.af .heroA .ctas{display:flex;gap:8px;margin-top:14px}
.af .b{font:700 11px var(--body);border-radius:6px;padding:9px 13px;background:var(--af-gold);color:#fff;border:0;letter-spacing:.04em}
.af .b.o{background:transparent;border:1px solid #fff5;color:#fff}
.af .b.k{background:#111}
.af .heroA .img{background:center/cover no-repeat}
.af .strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #eee}
.af .strip div{padding:10px 14px;font-size:10.5px;color:#444;display:flex;gap:7px;align-items:center;border-right:1px solid #eee}
.af .strip b{color:#111}
.af .sec{padding:16px 22px}
.af .sec h5{font:600 14px var(--head);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline}
.af .sec h5 span{font:500 10px var(--body);color:#888;text-transform:none;letter-spacing:0}
.af .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.af .pc{border:1px solid #eee;border-radius:10px;padding:8px;position:relative;background:#fff}
.af .pc .im{aspect-ratio:4/3;background:#f6f6f6 center/contain no-repeat;border-radius:6px;margin-bottom:6px}
.af .pc .v{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.08em}
.af .pc .n{font-size:11px;font-weight:600;line-height:1.25;height:28px;overflow:hidden}
.af .pc .p{font-size:12px;font-weight:700;margin-top:4px;display:flex;justify-content:space-between;align-items:center}
.af .pc .stock{font-size:9px;font-weight:600;color:#1f8a57}
.af .pc .stock.lo{color:#b7791f}
.af .pc .badge{position:absolute;top:12px;left:12px;font:700 8.5px var(--body);background:#111;color:#fff;border-radius:4px;padding:3px 6px;letter-spacing:.06em}
.af .goals{display:flex;gap:6px;flex-wrap:wrap}
.af .goals span{font-size:10.5px;font-weight:600;border:1px solid #ddd;border-radius:99px;padding:6px 10px}
.af .goals span.on{background:#111;color:#fff;border-color:#111}

/* phone storefront */
.ph-top{padding:36px 14px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}
.ph-top .logo{display:flex;gap:6px;align-items:center;font:700 13px var(--head);letter-spacing:.08em}
.ph-top img{width:22px;height:22px}
.ph-body{flex:1;overflow:hidden;padding:12px 14px;display:flex;flex-direction:column;gap:10px;font-size:12px}
.ph-tabbar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eee;padding:8px 6px 16px;font-size:9.5px;text-align:center;color:#888}
.ph-tabbar .on{color:#111;font-weight:700}
.ph-tabbar i{display:block;font-style:normal;font-size:15px;margin-bottom:2px}
.prog{height:4px;border-radius:9px;background:#eee;overflow:hidden}
.prog i{display:block;height:100%;background:var(--af-gold)}
.q-h{font:600 20px/1.1 var(--head);text-transform:uppercase}
.q-s{color:#777;font-size:11px}
.opt{border:1.5px solid #e5e5e5;border-radius:12px;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:600}
.opt.on{border-color:#111;background:#fafafa}
.opt small{display:block;font-weight:400;color:#888;font-size:10px;margin-top:2px}
.opt .ck{width:18px;height:18px;border-radius:50%;border:1.5px solid #ccc}
.opt.on .ck{background:#111;border-color:#111;box-shadow:inset 0 0 0 3px #fff}
.stackitem{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;border:1px solid #eee;border-radius:12px;padding:8px}
.stackitem .im{width:46px;height:46px;border-radius:8px;background:#f6f6f6 center/contain no-repeat}
.stackitem b{font-size:11.5px;display:block;line-height:1.2}
.stackitem small{color:#888;font-size:10px}
.why{background:#faf6ee;border:1px solid #efe2c6;border-radius:10px;padding:9px 10px;font-size:10.5px;color:#6b5320;line-height:1.45}
.full{width:100%;text-align:center;padding:12px;border-radius:10px;font-weight:700;font-size:12px;background:#111;color:#fff}
.full.g{background:var(--af-gold)}

/* PDP */
.pdp{display:grid;grid-template-columns:1fr 1.05fr;gap:22px;padding:20px 24px}
.pdp .gal{background:#f6f6f6 center/contain no-repeat;border-radius:12px;aspect-ratio:1}
.pdp .thumbs{display:flex;gap:6px;margin-top:8px}
.pdp .thumbs i{flex:1;aspect-ratio:1;border-radius:8px;background:#f2f2f2 center/contain no-repeat;border:1px solid #eee}
.pdp .crumbs{font-size:10px;color:#999;margin-bottom:6px}
.pdp h4{font:600 24px/1.05 var(--head);text-transform:uppercase}
.pdp .rate{font-size:11px;color:#666;margin:6px 0}
.pdp .price{font:700 22px var(--body);margin:6px 0 10px}
.pdp .flav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.pdp .flav span{font-size:10.5px;border:1px solid #ddd;border-radius:6px;padding:6px 9px;font-weight:600}
.pdp .flav span.on{border-color:#111;box-shadow:inset 0 0 0 1px #111}
.pdp .buy{border:1px solid #eee;border-radius:12px;overflow:hidden;margin-bottom:10px}
.pdp .buy div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11.5px}
.pdp .buy div+div{border-top:1px solid #eee}
.pdp .buy .on{background:#faf6ee}
.pdp .buy small{display:block;color:#888;font-size:10px}
.pdp .ful{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}
.pdp .ful div{border:1px solid #e6e6e6;border-radius:10px;padding:8px;font-size:10px;color:#666;line-height:1.35}
.pdp .ful div b{display:block;color:#111;font-size:11px}
.pdp .ful div.on{border-color:#111;background:#fafafa}
.trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.trust span{font-size:10px;color:#2d6a4f;background:#eef8f2;border-radius:6px;padding:5px 8px;font-weight:600}
.lot{margin-top:10px;font-size:10.5px;border:1px dashed #d9c79c;background:#fffaf0;border-radius:8px;padding:8px 10px;color:#6b5320;line-height:1.5}

/* checkout */
.co{display:grid;grid-template-columns:1.3fr 1fr;min-height:340px}
.co .l{padding:20px 24px}
.co .r{background:#f7f7f7;padding:20px 22px;border-left:1px solid #eee}
.co h6{font:600 13px var(--head);letter-spacing:.06em;text-transform:uppercase;margin:12px 0 8px}
.co .way{display:grid;gap:8px}
.co .way div{border:1.5px solid #e5e5e5;border-radius:12px;padding:11px 12px;display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;font-size:12px}
.co .way div.on{border-color:#111;background:#fafafa}
.co .way small{display:block;color:#888;font-size:10.5px}
.co .way .ck{width:16px;height:16px;border-radius:50%;border:1.5px solid #ccc}
.co .way .on .ck{background:#111;border-color:#111;box-shadow:inset 0 0 0 3px #fff}
.co .slots{display:flex;gap:6px;flex-wrap:wrap}
.co .slots span{font-size:10.5px;border:1px solid #ddd;border-radius:7px;padding:6px 9px;font-weight:600}
.co .slots span.on{background:#111;color:#fff;border-color:#111}
.co .li{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;font-size:11px;margin-bottom:9px}
.co .li i{width:40px;height:40px;border-radius:8px;background:#fff center/contain no-repeat;border:1px solid #eee}
.co .tot{border-top:1px solid #e3e3e3;margin-top:8px;padding-top:8px;font-size:11.5px;display:grid;gap:5px}
.co .tot div{display:flex;justify-content:space-between}
.co .tot .big{font-weight:800;font-size:14px}
.co .ship-bar{font-size:10.5px;background:#eef8f2;color:#2d6a4f;border-radius:8px;padding:7px 9px;margin-bottom:10px;font-weight:600}

/* ---------- owner dashboard (dark app) ---------- */
.app{background:#0f1012;color:#e8e8ea;border-radius:14px;overflow:hidden;box-shadow:0 40px 100px #000b,0 0 0 1px #ffffff14;display:grid;grid-template-columns:170px 1fr;min-height:430px;font-size:12px}
.app .side{background:#0b0b0d;border-right:1px solid #1e1f23;padding:16px 12px;display:flex;flex-direction:column;gap:4px}
.app .side .lg{display:flex;gap:8px;align-items:center;font:700 12px var(--head);letter-spacing:.1em;margin-bottom:14px}
.app .side .lg img{width:24px;height:24px;background:#fff;border-radius:50%;padding:2px}
.app .side a{text-decoration:none;color:#9a9aa3;padding:8px 10px;border-radius:8px;font-size:12px;display:flex;justify-content:space-between}
.app .side a.on{background:#1b1c20;color:#fff}
.app .side a em{font-style:normal;font-size:10px;background:#3a2a10;color:var(--gold2);border-radius:99px;padding:1px 7px}
.app .main{padding:18px 20px;overflow:hidden}
.app .hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.app .hdr b{font:600 18px var(--head);letter-spacing:.04em;text-transform:uppercase}
.app .hdr span{font-size:11px;color:#8a8a93}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.kpi{background:#15161a;border:1px solid #23242a;border-radius:10px;padding:11px}
.kpi small{color:#8a8a93;font-size:10.5px}
.kpi b{display:block;font:600 22px var(--head);margin-top:3px}
.kpi .d{font-size:10px;color:var(--ok)}
.kpi .d.w{color:var(--warn)}
table.t{width:100%;border-collapse:collapse;font-size:11px}
table.t th{text-align:left;font-weight:600;color:#8a8a93;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:7px 8px;border-bottom:1px solid #23242a}
table.t td{padding:8px;border-bottom:1px solid #1b1c21;white-space:nowrap}
table.t td .pi{display:flex;align-items:center;gap:8px}
table.t td .pi i{width:26px;height:26px;border-radius:6px;background:#fff center/contain no-repeat;flex:none}
.pill{font-size:9.5px;font-weight:700;border-radius:99px;padding:3px 8px;letter-spacing:.04em}
.pill.ok{background:#123524;color:#6ee7a8}.pill.w{background:#3a2a10;color:#f3c169}.pill.b{background:#3a1512;color:#f19a91}.pill.n{background:#1e2230;color:#9fb0e0}
.mono{font-family:ui-monospace,Consolas,monospace;font-size:10.5px;color:#b9b9c2}

/* review queue */
.rq{display:grid;grid-template-columns:1fr 1.1fr;gap:12px}
.rq .lst{display:grid;gap:8px}
.rq .it{background:#15161a;border:1px solid #23242a;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}
.rq .it.on{border-color:var(--gold)}
.rq .it small{display:block;color:#8a8a93;font-size:10px;margin-top:2px}
.rq .det{background:#15161a;border:1px solid #23242a;border-radius:10px;padding:14px}
.rq .det h6{font:600 14px var(--head);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}
.chk{display:grid;gap:7px;margin:10px 0}
.chk div{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;font-size:11px;color:#c9c9d0}
.chk .y{color:var(--ok)}.chk .x{color:var(--bad)}.chk .q{color:var(--warn)}
.chan{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.chan div{border:1px solid #2a2b31;border-radius:8px;padding:8px;text-align:center;font-size:10.5px}
.chan div b{display:block;font-size:11px;margin-bottom:2px}
.chan .off{color:#f19a91;border-color:#4a1d19;background:#211110}
.chan .onn{color:#6ee7a8;border-color:#1c4a33;background:#0f2118}

/* SMS */
.sms{padding:40px 12px 12px;display:flex;flex-direction:column;gap:8px;background:#f2f2f7;height:100%;font-size:11.5px}
.sms .who{text-align:center;font-size:10px;color:#888;margin-bottom:4px}
.sms .who b{display:block;color:#111;font-size:12px}
.bub{max-width:82%;padding:9px 11px;border-radius:16px;line-height:1.4}
.bub.in{background:#e5e5ea;align-self:flex-start;border-bottom-left-radius:4px}
.bub.out{background:#0a84ff;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.bub .lnk{display:block;margin-top:6px;background:#fff;color:#111;border-radius:10px;overflow:hidden;font-size:10.5px}
.bub .lnk i{display:block;height:70px;background:#f6f6f6 center/contain no-repeat}
.bub .lnk span{display:block;padding:6px 8px}
.loy{padding:38px 14px 14px;display:flex;flex-direction:column;gap:10px;font-size:11.5px}
.loy .cardx{background:linear-gradient(135deg,#111,#2b2412);color:#fff;border-radius:16px;padding:14px;position:relative;overflow:hidden}
.loy .cardx img{position:absolute;right:-10px;top:-6px;width:90px;opacity:.25}
.loy .cardx small{color:#c9b27f;font-size:9.5px;letter-spacing:.14em}
.loy .cardx b{display:block;font:600 30px var(--head);margin:4px 0}
.loy .bar2{height:6px;border-radius:9px;background:#ffffff22;overflow:hidden;margin-top:6px}
.loy .bar2 i{display:block;height:100%;width:72%;background:var(--gold2)}
.loy .row{display:flex;justify-content:space-between;align-items:center;border:1px solid #eee;border-radius:12px;padding:10px 12px}
.loy .row small{color:#888;display:block;font-size:10px}

/* social */
.soc{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:start}
.cal{background:#0f1012;border-radius:14px;padding:14px;box-shadow:0 40px 100px #000b,0 0 0 1px #ffffff14;font-size:11px}
.cal .hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.cal .hdr b{font:600 15px var(--head);letter-spacing:.05em;text-transform:uppercase}
.cal .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal .wk>div{background:#15161a;border:1px solid #23242a;border-radius:9px;min-height:118px;padding:7px;display:flex;flex-direction:column;gap:5px}
.cal .wk .dn{font-size:9.5px;color:#8a8a93;font-weight:600;letter-spacing:.06em}
.post{border-radius:7px;padding:5px 6px;font-size:9.5px;line-height:1.3;display:flex;flex-direction:column;gap:3px}
.post i{display:block;height:36px;border-radius:5px;background:#222 center/cover no-repeat}
.post.r{background:#2a1f0d;color:#f3d79c}.post.f{background:#16233a;color:#a9c4f5}.post.s{background:#1d2a20;color:#a6e3bd}.post.d{background:#2b1717;color:#f5b0a9}
.legend{display:flex;gap:12px;margin-top:10px;font-size:10px;color:#9a9aa3;flex-wrap:wrap}
.legend span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.legend .r::before{background:#c89b48}.legend .f::before{background:#5b84d6}.legend .s::before{background:#3fb27f}.legend .d::before{background:#e2574c}
.ig{padding:34px 0 0;display:flex;flex-direction:column;height:100%;font-size:11px}
.ig .pf{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:8px 12px;align-items:center}
.ig .pf .av{width:58px;height:58px;border-radius:50%;background:#fff url(img/logo.png) center/80% no-repeat;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--af-gold)}
.ig .pf .nums{display:flex;justify-content:space-around;text-align:center;font-size:10px;color:#666}
.ig .pf .nums b{display:block;color:#111;font-size:13px}
.ig .bio{padding:0 12px 8px;font-size:10.5px;line-height:1.4}
.ig .hl{display:flex;gap:10px;padding:4px 12px 10px}
.ig .hl div{text-align:center;font-size:9px;color:#444}
.ig .hl div i{display:block;width:42px;height:42px;border-radius:50%;border:1px solid #ddd;background:#f5f5f5 center/cover;margin-bottom:3px}
.ig .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;flex:1;align-content:start}
.ig .grid i{aspect-ratio:4/5;background:#eee center/cover no-repeat;position:relative}
.ig .grid i.rl::after{content:"▶";position:absolute;right:5px;top:4px;color:#fff;font-size:10px;text-shadow:0 1px 3px #000}

/* ---------- tiers ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.tier{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px 24px;display:flex;flex-direction:column;position:relative}
.tier.hot{border-color:#c89b4888;background:linear-gradient(180deg,#1a160e,var(--panel) 45%);box-shadow:0 30px 80px #c89b4815}
.tier .rib{position:absolute;top:-11px;left:24px;font:700 10.5px var(--body);letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:#140f05;border-radius:99px;padding:5px 11px}
.tier .nm{font:600 22px var(--head);letter-spacing:.04em;text-transform:uppercase}
.tier .for{font-size:13px;color:var(--mute);margin:6px 0 16px;min-height:38px;line-height:1.45}
.tier .pr{display:flex;align-items:baseline;gap:8px}
.tier .pr b{font:600 40px var(--head);color:var(--gold2)}
.tier .pr span{color:var(--mute);font-size:13px}
.tier .mo{font-size:14px;color:var(--ink);margin-top:4px}
.tier .mo small{color:var(--dim)}
.tier ul{list-style:none;margin:18px 0 0;display:grid;gap:9px;font-size:13.5px;color:#cfcfd4;line-height:1.45;border-top:1px solid var(--line);padding-top:16px}
.tier ul li{display:grid;grid-template-columns:18px 1fr;gap:8px}
.tier ul li::before{content:"✓";color:var(--gold);font-weight:700}
.tier ul li.plus{color:var(--gold2);font-weight:600}
.tier ul li.plus::before{content:"+"}
.tier .tl{margin-top:auto;padding-top:18px;font-size:12px;color:var(--dim)}
.terms{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.terms span{font-size:12.5px;color:var(--mute);background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:8px 14px}
.terms b{color:var(--ink)}

/* slide 12: simple cost comparison */
.vs{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:14px;margin-top:22px}
.vs-col{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.vs-col.ours{border-color:#c89b4899;background:linear-gradient(180deg,#1c170d,var(--panel) 60%);box-shadow:0 30px 80px #c89b4818}
.vs-name{font:600 22px var(--head);letter-spacing:.04em;text-transform:uppercase}
.vs-col.ours .vs-name{color:var(--gold2)}
.vs-sub{font-size:13px;color:var(--dim);margin:2px 0 12px}
.vs-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;padding:10px 0;border-top:1px solid var(--line)}
.vs-row span{font-size:14px;color:var(--mute)}
.vs-row b{font:600 26px var(--head);color:var(--ink);text-align:right}
.vs-col.ours .vs-row b{color:var(--gold2)}
.vs-row small{grid-column:1/-1;text-align:right;font-size:11.5px;color:var(--dim);margin-top:-2px}
.vs-take{margin-top:16px;font-size:17px;line-height:1.5;color:var(--ink);background:#c89b4814;border:1px solid #c89b4844;border-radius:14px;padding:14px 18px}
.vs-take b{color:var(--gold2)}
.vs-pay{margin-top:12px}
.vs-pay div{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline;font-size:14px;color:var(--mute);line-height:1.5}
.vs-pay div>b{color:var(--ink);white-space:nowrap}
.vs-pay span b{color:var(--ink)}
.vs-pay small{display:block;margin-top:8px;font-size:11.5px;color:var(--dim)}

/* comparison */
.cmp{width:100%;border-collapse:separate;border-spacing:0;margin-top:24px;font-size:14px;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.cmp th,.cmp td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--line)}
.cmp th{font:600 12px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);background:var(--panel2)}
.cmp th:last-child{color:var(--gold2)}
.cmp td:first-child{color:var(--mute);width:34%}
.cmp td:nth-child(2){color:#c6c6cc}
.cmp td:last-child{color:var(--ink);font-weight:500}
.cmp tr:last-child td{border-bottom:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}
.step .d{font:600 12px var(--head);color:var(--gold);letter-spacing:.12em}
.step b{display:block;margin:6px 0 4px;font-size:15px}
.step p{font-size:13px;color:var(--mute);line-height:1.5}

/* close */
.close{background:radial-gradient(900px 500px at 15% 80%,#c89b481c,transparent 60%)}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.sig{margin-top:40px;display:flex;align-items:center;gap:18px;color:var(--mute);font-size:14px}
.sig img{height:44px}

.foot{position:fixed;left:50%;transform:translateX(-50%);bottom:30px;font-size:10.5px;color:#55555c;z-index:5;letter-spacing:.06em}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .split,.split.even,.split.wide,.split.appw,.cover .hero,.soc{grid-template-columns:1fr;gap:30px}
  .split>*{min-width:0}
  .bul.two{grid-template-columns:1fr}
  .vs{grid-template-columns:1fr}
  .vs-col.ours{order:-1}
  .vs-pay div{grid-template-columns:1fr;gap:4px}
  .vs-row b{font-size:22px}
  .devices .browser+.phone{display:none}
  .devices{flex-wrap:wrap}
  .tiers,.cards3{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .cover .photo{aspect-ratio:16/10}
}
@media (max-width:720px){
  .slide{padding:78px 18px 96px;justify-content:flex-start}
  .top{padding:0 16px;height:58px}.top .meta{display:none}
  .nav{padding:0 16px}
  .dots{display:none}
  .app{grid-template-columns:1fr}.app .side{display:none}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .af .menu,.af .strip{display:none}
  .af .grid4{grid-template-columns:repeat(2,1fr)}
  .af .heroA{grid-template-columns:1fr}.af .heroA .img{min-height:140px}
  .pdp,.co,.rq{grid-template-columns:1fr}
  .cal .wk{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:1fr}
  .devices.three{flex-wrap:wrap;justify-content:center!important}
  .cmp,.cmp tbody,.cmp tr,.cmp td{display:block;width:100%!important}
  .cmp{background:none;border:0}
  .cmp tr:first-child{display:none}
  .cmp tr{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:6px 0}
  .cmp td{border:0;padding:5px 14px;display:grid;grid-template-columns:42% 1fr;gap:10px;font-size:13px}
  .cmp td:first-child{display:block;color:var(--ink)!important;font-weight:600;padding-top:9px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:4px}
  .cmp td:not(:first-child)::before{content:attr(data-l);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
  .foot{display:none}
  .phone{margin:0 auto}
}
@media print{
  body{overflow:visible}.deck{position:static}.slide{position:relative;opacity:1;transform:none;page-break-after:always;min-height:100vh}
  .nav,.top,.progress{display:none}
}