<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SuperchargeMe | AI-Native Commerce Software</title>
<meta name="description" content="The operating layer for your whole commerce business. Every dashboard becomes an agent, and every agent shares one brain: paid media, inventory, retention, marketplaces, feeds and storefronts, acting behind your approval.">
<link rel="canonical" href="https://superchargeme.com/">
<meta property="og:title" content="SuperchargeMe | AI-Native Commerce Software">
<meta property="og:description" content="The operating layer for your whole commerce business. Every dashboard becomes an agent, and every agent shares one brain.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://superchargeme.com/">
<meta name="twitter:card" content="summary">
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Geist+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
/* ============================================================
   SUPERCHARGEME v28 — "The Index" design system
   Space Grotesk + Geist Mono · cream/ink · accent #E06500
   ============================================================ */
:root{
  --ground:#FAF9F6; --ink:#16191B; --cur:#E06500; --cur-dark:#FF7A1F; --cur-ink:#B85300;
  --mut:#8A8C90; --mut2:#5E6266; --body2:#41464A; --line:#E2DFD8; --line-ink:#2A2E31;
  --box:#EFECE3; --card:#FFFEFB; --on-ink:#F4F3EF; --on-ink-mut:#A8ADA9; --on-ink-mut2:#8A8C90;
  --grot:'Space Grotesk','Helvetica Neue',Arial,sans-serif;
  --mono:'Geist Mono',ui-monospace,Menlo,monospace;
  --pad:clamp(20px,5.8vw,84px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ground);color:var(--ink);font-family:var(--grot);line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1440px;margin:0 auto;padding-inline:var(--pad)}

/* -------- reveal -------- */
[data-a]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
[data-a].v{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){[data-a]{opacity:1;transform:none;transition:none}}

/* -------- shared atoms -------- */
.furn{display:flex;justify-content:space-between;gap:20px;padding:20px 0 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.21em;color:var(--mut2)}
.ink .furn{border-color:var(--line-ink);color:var(--on-ink-mut2)}
.rule{height:2.5px;background:var(--cur);width:340px;max-width:60%}
.mono{font-family:var(--mono)}
.btn{display:inline-block;background:var(--cur);color:#fff;font-weight:500;font-size:16px;padding:16px 32px;letter-spacing:-.01em;border:none;cursor:pointer;font-family:var(--grot)}
.btn:hover{background:var(--cur-dark)}
.btn.small{font-size:15px;padding:13px 28px}
.tlink{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--cur-ink)}
.ink .tlink{color:var(--cur-dark)}
.ink{background:var(--ink);color:var(--on-ink)}
h1,h2,h3{font-weight:700}

/* -------- nav -------- */
.nav{position:sticky;top:0;z-index:100;background:rgba(250,249,246,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;justify-content:space-between;align-items:center;padding-block:18px;gap:24px}
.logo{display:flex;align-items:center;gap:13px;font-weight:700;font-size:20px;letter-spacing:-.03em}
.logo em{font-style:normal;color:var(--cur)}
.nav-links{display:flex;gap:34px;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--mut2)}
.nav-links a:hover{color:var(--cur-ink)}
.nav-cta{display:flex;gap:26px;align-items:center}
.nav-cta .signin{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--mut2)}
.nav-cta .btn{font-size:14px;padding:11px 24px}
.burger{display:none;background:none;border:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.16em;padding:10px 14px;cursor:pointer;color:var(--ink)}

/* mega menu */
.menu-wrap{position:relative}
.menu-btn{background:none;border:none;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--mut2);padding:0}
.menu-wrap:hover .menu-btn,.menu-wrap.open .menu-btn{color:var(--cur-ink)}
.mega{position:absolute;top:calc(100% + 22px);left:50%;transform:translateX(-38%);width:min(880px,92vw);background:var(--card);border:1px solid var(--line);border-top:2px solid var(--ink);box-shadow:0 28px 64px rgba(22,25,27,.10);display:none;grid-template-columns:1.55fr 1fr;z-index:110}
.menu-wrap:hover .mega,.menu-wrap.open .mega{display:grid}
.mega-main{padding:26px 34px 24px;border-right:1px solid var(--line)}
.mega-side{padding:26px 34px 24px;background:var(--ground)}
.mega-h{font-family:var(--mono);font-size:10px;letter-spacing:.21em;color:var(--mut2);padding-bottom:12px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;gap:12px}
.mega-row{display:grid;grid-template-columns:30px 150px 1fr;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
a.mega-row:hover .mr-name{color:var(--cur-ink)}
.mega-row .mr-n{font-family:var(--mono);font-size:10px;color:var(--mut)}
.mega-row .mr-name{font-weight:700;font-size:16px;letter-spacing:-.015em}
.mega-row .mr-d{font-size:12.5px;color:var(--mut2)}
.mega-foot{margin-top:16px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.mega-foot b{font-size:13px;color:var(--cur-ink)}
.mega-foot span{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--mut)}
.side-row{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}
.side-row b{font-size:14px;letter-spacing:-.01em}
a.side-row:hover b{color:var(--cur-ink)}
.side-row span{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--mut)}
.side-note{font-size:12px;color:var(--mut);margin-top:10px;line-height:1.6}
.mega-h + .side-block{margin-top:0}

/* -------- hero -------- */
.hero .rule{margin-top:clamp(48px,7vh,96px)}
.hero h1{font-size:clamp(44px,7.2vw,104px);letter-spacing:-.05em;line-height:.95;max-width:14ch;margin-top:48px;text-wrap:balance}
.hero-base{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(30px,7vw,110px);align-items:end;margin-top:44px}
.hero-sub{font-size:clamp(16px,1.4vw,19px);color:var(--on-ink-mut);max-width:54ch;line-height:1.65}
.hero-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;line-height:2.3;color:var(--on-ink-mut2);text-align:right}
.hero-note b{color:var(--cur-dark);font-weight:500}
.hero-ctas{display:flex;gap:16px;margin-top:52px;align-items:center;flex-wrap:wrap}
.hero-ctas .see{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--on-ink);padding:17px 20px}
.hero-ctas .see:hover{color:var(--cur-dark)}
.hero-foot{border-top:1px solid var(--line-ink);margin-top:clamp(48px,8vh,84px);padding:16px 0 22px;display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:10px;letter-spacing:.21em;color:var(--on-ink-mut2)}

/* -------- clients -------- */
.clients{padding:64px 0 60px}
.client-row{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.client-row img{filter:brightness(0);opacity:.88;width:auto}
.client-row .lockup{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.02em;opacity:.88}
.client-row .lockup img{height:22px}
.client-note{margin-top:28px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--mut)}

/* -------- problem -------- */
.problem{padding:70px 0 88px}
.problem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6.5vw,100px);align-items:start}
.h2{font-size:clamp(36px,4.6vw,68px);letter-spacing:-.045em;line-height:.98;text-wrap:balance}
.sect-sub{font-size:17px;color:var(--body2);margin-top:24px;max-width:60ch;line-height:1.6}
.roman{margin-top:32px;border-top:1px solid var(--ink)}
.roman-row{display:flex;gap:22px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line)}
.roman-row i{font-family:var(--mono);font-style:normal;font-size:11px;color:var(--cur-ink);min-width:26px;text-align:right}
.roman-row b{font-size:20px;font-weight:500;letter-spacing:-.015em}
.frag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;padding-top:14px}
.fbox{background:var(--box);padding:14px 12px 11px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--body2)}
.fbox i{display:block;font-style:normal;color:var(--mut);margin-bottom:6px}
.frag-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;line-height:2.1;color:var(--mut);margin-top:30px}
.frag-note em{font-style:normal;color:var(--cur-ink)}
.axiom{padding:76px 0 84px}
.axiom h2{font-size:clamp(44px,6vw,86px);letter-spacing:-.05em;line-height:.96;max-width:15ch;text-wrap:balance}
.axiom h2 em{font-style:normal;color:var(--cur-dark)}
.axiom p{font-size:18px;color:var(--on-ink-mut);max-width:56ch;line-height:1.65;margin-top:36px}

/* -------- shift -------- */
.shift{padding:84px 0 96px}
.shift h2{font-size:clamp(48px,8vw,116px);letter-spacing:-.05em;line-height:.95}
.shift .rule{margin-top:52px}
.shift-base{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(30px,7vw,110px);margin-top:38px;align-items:end}
.shift-base p{font-size:18px;color:var(--body2);max-width:58ch;line-height:1.65}
.shift-base span{font-family:var(--mono);font-size:10px;letter-spacing:.21em;color:var(--mut);text-align:right}

/* -------- suite index -------- */
.suite{padding-bottom:56px}
.suite .rule{margin-top:64px}
.suite-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:40px;flex-wrap:wrap}
.suite-head h2{font-size:clamp(44px,6vw,88px);letter-spacing:-.045em;line-height:.97;max-width:13ch}
.suite-head span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;line-height:2.1;color:var(--mut2);text-align:right;padding-bottom:10px}
.idx{margin-top:60px;border-top:1px solid var(--ink)}
.idx-row{display:grid;grid-template-columns:72px 1.15fr 250px 1fr 200px;gap:28px;align-items:baseline;padding:30px var(--pad);margin-inline:calc(var(--pad) * -1);border-bottom:1px solid var(--line);transition:background .25s ease,color .25s ease}
.idx-row .n{font-family:var(--mono);font-size:11px;color:var(--mut)}
.idx-row .name{font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-.035em;line-height:1}
.idx-row .role{font-family:var(--mono);font-size:10px;letter-spacing:.19em;color:var(--cur-ink)}
.idx-row .d{font-size:13.5px;color:var(--mut2);line-height:1.55}
.idx-row .dom{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-align:right}
a.idx-row:hover{background:var(--ink);color:var(--on-ink)}
a.idx-row:hover .n,a.idx-row:hover .role,a.idx-row:hover .dom{color:var(--cur-dark)}
a.idx-row:hover .d{color:var(--on-ink-mut)}
.idx-sub{display:grid;grid-template-columns:72px 1fr 200px;gap:28px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}
.idx-sub .n{font-family:var(--mono);font-size:11px;color:var(--mut)}
.idx-sub .t{font-size:14.5px;color:var(--body2)}
.idx-sub .t b{color:var(--ink)}
.idx-sub .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--mut);text-align:right}
.suite-rules{margin-top:44px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--mut2);line-height:2.2}
.suite-rules em{font-style:normal;color:var(--cur)}

/* -------- morning (ink) -------- */
.morning{padding:76px 0 0}
.morning-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,6.5vw,100px);align-items:center;padding-bottom:54px}
.morning h2{font-size:clamp(38px,4.5vw,64px);letter-spacing:-.045em;line-height:.98;text-wrap:balance}
.morning .sect-sub{color:var(--on-ink-mut);max-width:44ch}
.morning-note{font-family:var(--mono);font-size:10px;letter-spacing:.16em;line-height:2.2;color:var(--on-ink-mut2);margin-top:34px}
.mock{background:var(--ground);color:var(--ink);border:1px solid var(--line-ink)}
.cream .mock{background:var(--card);border:1px solid var(--line)}
.mock-head{padding:11px 18px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--mut);display:flex;justify-content:space-between;gap:12px}
.mock-head em{font-style:normal;color:var(--cur-ink)}
.slack-msg{padding:15px 18px;display:flex;gap:12px}
.slack-av{width:32px;height:32px;border-radius:7px;background:var(--ink);color:var(--cur-dark);font-family:var(--mono);font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.slack-body b{font-size:13.5px}
.slack-body .app{font-family:var(--mono);font-size:10px;color:#B0ACA3}
.slack-body .t{color:var(--body2);margin-top:3px;font-size:13.5px;line-height:1.55}
.slack-body .urgent{color:#C62828;font-weight:700}
.slack-body .opp{color:#1264A3;font-weight:700}
.slack-action{margin:6px 18px 18px 62px;border:1.5px solid var(--cur);border-radius:10px;padding:14px 16px;background:#FDF3ED}
.slack-action .at{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--cur-ink);margin-bottom:7px}
.slack-action p{font-size:13.5px}
.slack-btns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.sbtn{font-weight:500;font-size:12.5px;padding:8px 16px;border-radius:6px;border:1px solid #C9C5BC;background:#fff;color:#3A3E41}
.sbtn.go{background:var(--cur);color:#fff;border-color:var(--cur)}
.minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:24px}
.mini{background:var(--ground);color:var(--ink);border:1px solid var(--line-ink);display:flex;flex-direction:column}
.mini-head{padding:10px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--mut);display:flex;justify-content:space-between;gap:10px}
.mini p{padding:14px 16px 12px;font-size:13px;color:var(--body2);line-height:1.6}
.mini-act{padding:0 16px 14px;margin-top:auto}
.abtn{display:inline-block;font-weight:500;font-size:11.5px;padding:6px 14px;background:var(--cur);color:#fff}
.abtn.ghost{background:#fff;color:#3A3E41;border:1px solid #C9C5BC}
.morning-close{padding:22px 0 84px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--on-ink-mut2)}

/* -------- glass box -------- */
.glass{padding:70px 0 88px}
.glass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,7vw,110px);align-items:start}
.dial{border-top:1px solid var(--ink);margin-top:12px}
.dial-row{display:grid;grid-template-columns:52px 190px 1fr;gap:20px;align-items:baseline;padding:17px 0;border-bottom:1px solid var(--line)}
.dial-row .n{font-family:var(--mono);font-size:11px;color:var(--mut)}
.dial-row.on .n{color:var(--cur-ink)}
.dial-row b{font-size:18px;letter-spacing:-.015em}
.dial-row.on b::after{content:"●";color:var(--cur);font-size:10px;margin-left:9px;vertical-align:middle}
.dial-row span{font-size:14px;color:var(--mut2)}
.glass-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;line-height:2.1;color:var(--mut2);margin-top:26px}
.glass-note em{font-style:normal;color:var(--cur-ink);font-weight:500}

/* -------- showcases -------- */
.upclose{padding:70px 0 40px}
.show{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(36px,6.5vw,100px);align-items:start}
.show + .show{margin-top:92px}
.show.flip{grid-template-columns:1.15fr 1fr}
.show-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.19em;color:var(--cur-ink)}
.show h3{font-size:clamp(34px,4vw,60px);letter-spacing:-.045em;line-height:.98;margin-top:18px;max-width:15ch}
.show .sect-sub{font-size:16px;margin-top:20px;max-width:46ch}
.show .roman{margin-top:30px}
.show .roman-row{padding:16px 0}
.show .roman-row .rr-t{font-size:16px;font-weight:700;letter-spacing:-.01em}
.show .roman-row .rr-d{display:block;font-size:13px;color:var(--mut2);margin-top:3px;line-height:1.55;font-weight:400}
.show-ctas{display:flex;gap:20px;margin-top:30px;align-items:center;flex-wrap:wrap}
.show-foot{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--mut);margin-top:18px}
.mockpad{padding-top:46px}
.q-row{display:grid;grid-template-columns:30px 1.5fr 1fr 96px;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center}
.q-row:last-child{border-bottom:none}
.q-row .n{font-family:var(--mono);font-size:11px;color:var(--cur-ink)}
.q-row .qt{font-size:13.5px}
.q-row .qt small{display:block;color:var(--mut2);font-size:12px}
.q-row .qm{font-family:var(--mono);font-size:12px}
.q-row .qs{font-family:var(--mono);font-size:10px;letter-spacing:.1em}
.q-row .ok{color:#1A7F37}.q-row .pend{color:var(--cur-ink)}
.q-act{background:var(--cur);color:#fff;font-weight:500;font-size:12px;padding:7px 0;text-align:center}
.q-act.ghost{background:#fff;color:#3A3E41;border:1px solid #C9C5BC;padding:6px 0}
.mock-foot{padding:11px 18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--mut)}
.wk-head{display:grid;grid-template-columns:1.5fr 90px 70px 96px;gap:14px;padding:11px 18px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--mut)}
.wk-row{display:grid;grid-template-columns:1.5fr 90px 70px 96px;gap:14px;padding:13px 18px;border-bottom:1px solid var(--line);align-items:center}
.wk-row:last-of-type{border-bottom:none}
.wk-row .c{font-size:13.5px;font-weight:500}
.wk-row .m{font-family:var(--mono);font-size:12px}
.wk-row .up{color:#1A7F37}.wk-row .down{color:#C62828}
.register{margin-top:72px;border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(36px,6.5vw,100px)}
.reg-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:baseline}
.reg-row .tag{font-family:var(--mono);font-size:10px;letter-spacing:.19em;color:var(--cur-ink);min-width:110px}
.reg-row .tag.grey{color:var(--mut)}
.reg-row p{font-size:14.5px;color:var(--body2)}
.reg-row p b{color:var(--ink)}

/* -------- shared brain (ink) -------- */
.brain{padding:76px 0 88px}
.brain h2{font-size:clamp(38px,4.6vw,68px);letter-spacing:-.045em;line-height:.98;max-width:18ch}
.bignums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px;border-top:1px solid var(--on-ink)}
.bn{padding:28px 24px 0 0}
.bn .v{font-size:clamp(40px,5vw,72px);font-weight:700;letter-spacing:-.05em;line-height:1}
.bn .v sup{font-size:.36em;color:var(--cur-dark);vertical-align:super}
.bn .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--on-ink-mut2);margin-top:14px;line-height:1.8}
.brain-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6.5vw,100px);margin-top:68px;align-items:start}
.dash-tabs{display:flex;gap:4px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--mut)}
.dash-tabs span{padding:6px 12px}
.dash-tabs .on{background:var(--ink);color:var(--on-ink)}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 20px}
.tile{border:1px solid var(--line);padding:14px 16px}
.tile .v{font-family:var(--mono);font-size:20px;font-weight:500;letter-spacing:-.02em}
.tile .k{display:flex;justify-content:space-between;margin-top:5px;font-size:11px;color:var(--mut)}
.tile .k b{font-family:var(--mono);font-size:10px;font-weight:400;color:#1A7F37}
.tile .k b.down{color:#1A7F37}
.dash-chart{padding:0 20px 16px}
.dash-chat{margin:0 20px 18px;border:1px solid var(--line);background:var(--card);padding:13px 16px}
.dash-chat .q{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--cur-ink)}
.dash-chat p{font-size:13px;color:var(--body2);margin-top:6px;line-height:1.6}
.brain-rows{border-top:1px solid var(--line-ink);padding-top:0;margin-top:8px}
.brain-rows .roman-row{border-color:var(--line-ink);padding:15px 0}
.brain-rows .roman-row i{color:var(--cur-dark)}
.brain-rows .roman-row p{font-size:15px;color:var(--on-ink-mut);line-height:1.6}
.brain-rows .roman-row p b{color:var(--on-ink)}

/* -------- engine -------- */
.engine{padding:70px 0 88px}
.mech{margin-top:48px;border-top:1px solid var(--ink)}
.mech-row{display:grid;grid-template-columns:52px 280px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.mech-row .n{font-family:var(--mono);font-size:11px;color:var(--cur-ink)}
.mech-row b{font-size:21px;letter-spacing:-.02em}
.mech-row p{font-size:14.5px;color:var(--body2);max-width:58ch;line-height:1.6}
.mech-row p b{font-size:14.5px;color:var(--ink)}

/* -------- practicalities -------- */
.pract{padding:70px 0 0}
.steps-head{display:flex;justify-content:space-between;align-items:baseline;gap:40px;flex-wrap:wrap}
.steps-head h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.04em;line-height:1}
.steps-head span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--mut)}
.steps{margin-top:34px;border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,60px)}
.step{padding-top:20px}
.step .n{font-family:var(--mono);font-size:11px;color:var(--cur-ink)}
.step b{display:block;font-size:19px;letter-spacing:-.015em;margin-top:8px}
.step p{font-size:14px;color:var(--body2);margin-top:6px;line-height:1.6}
.personas{margin-top:76px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,60px)}
.persona{border-top:1px solid var(--ink);padding-top:20px}
.persona:first-child{border-top:2.5px solid var(--cur)}
.persona b{font-size:21px;letter-spacing:-.02em}
.persona p{font-size:14.5px;color:var(--body2);margin-top:10px;line-height:1.6}
.integrations{margin-top:76px;border-top:1px solid var(--ink);padding-top:26px}
.int-head{display:flex;justify-content:space-between;align-items:baseline;gap:40px;flex-wrap:wrap}
.int-head h2{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.035em}
.int-head span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--mut)}
.int-band{display:flex;align-items:center;flex-wrap:wrap;gap:30px 44px;margin-top:34px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.int-band img{width:auto;filter:brightness(0);opacity:.78}
.int-band .tok{font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--ink);opacity:.78}
.int-wall{margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;line-height:2.5;color:var(--body2)}
.int-wall b{color:var(--mut);font-weight:400}
.int-more{margin-top:22px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--mut2)}
.int-more em{font-style:normal;color:var(--cur)}
.faq{margin-top:76px;display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(36px,6.5vw,100px);align-items:start;padding-bottom:88px}
.faq h2{font-size:clamp(34px,3.8vw,54px);letter-spacing:-.045em;line-height:.98}
.faq-list{border-top:1px solid var(--ink)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0;cursor:pointer;list-style:none;font-weight:700;font-size:17px;letter-spacing:-.01em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-family:var(--mono);color:var(--mut);font-size:15px;flex-shrink:0}
.faq-item[open] summary::after{content:"−";color:var(--cur-ink)}
.faq-item p{font-size:14.5px;color:var(--body2);padding-bottom:20px;line-height:1.65;max-width:62ch}

/* -------- close (ink) -------- */
.close{padding:88px 0 84px}
.creed{border-left:2.5px solid var(--cur);padding-left:clamp(24px,3.5vw,48px)}
.creed p{font-size:clamp(21px,2.8vw,38px);font-weight:500;letter-spacing:-.025em;line-height:1.55}
.creed strong{color:var(--cur-dark);font-weight:700}
.cta{margin-top:clamp(56px,8vh,92px);border-top:1px solid var(--line-ink);padding-top:60px;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(36px,7vw,110px);align-items:start}
.cta h2{font-size:clamp(36px,4.2vw,58px);letter-spacing:-.045em;line-height:.98}
.cta .sub{font-size:16px;color:var(--on-ink-mut);margin-top:18px;max-width:46ch;line-height:1.6}
.cta-form{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.cta-form input{background:var(--ground);color:var(--ink);font-size:15px;padding:16px 22px;width:320px;max-width:100%;border:none;font-family:var(--grot)}
.cta-form input::placeholder{color:var(--mut)}
.cta-status{font-family:var(--mono);font-size:11px;letter-spacing:.1em;margin-top:14px;color:var(--on-ink-mut2);min-height:18px}
.cta-status.success{color:#4ADE80}
.cta-status.error{color:#F87171}
.cta-alt{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--on-ink-mut2);margin-top:16px}
.cta-alt a{color:var(--cur-dark)}
.trust{padding-top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;line-height:2.5;color:var(--on-ink-mut2);text-align:right}

/* -------- footer -------- */
.footer{border-top:1px solid var(--line-ink);padding-top:44px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr .9fr;gap:clamp(28px,4vw,60px)}
.foot-brand p{font-size:13px;color:var(--on-ink-mut2);margin-top:14px;max-width:30ch;line-height:1.65}
.foot-col b{display:block;font-family:var(--mono);font-size:9.5px;font-weight:400;letter-spacing:.19em;color:var(--on-ink-mut2);padding-bottom:10px;border-bottom:1px solid var(--line-ink);margin-bottom:12px}
.foot-col a{display:block;font-size:13px;color:var(--on-ink-mut);line-height:2.15}
.foot-col a:hover{color:var(--cur-dark)}
.foot-bottom{border-top:1px solid var(--line-ink);margin-top:40px;padding:18px 0 32px;display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--on-ink-mut2);flex-wrap:wrap}
.foot-bottom a{color:var(--on-ink-mut2)}
.foot-bottom a:hover{color:var(--cur-dark)}

/* -------- responsive -------- */
@media (max-width:1100px){
  .idx-row{grid-template-columns:52px 1fr 200px;grid-template-rows:auto auto}
  .idx-row .role{grid-column:2;grid-row:2}
  .idx-row .d{display:none}
  .footer{grid-template-columns:1fr 1fr 1fr}
  .brain-grid,.morning-grid{grid-template-columns:1fr}
  .minis{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .nav-links{display:none}
  .nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--ground);border-bottom:1px solid var(--line);padding:20px var(--pad);gap:18px}
  .burger{display:block}
  .nav-cta .signin{display:none}
  .mega{position:static;transform:none;width:100%;grid-template-columns:1fr;box-shadow:none;display:none}
  .menu-wrap.open .mega{display:grid}
  .menu-wrap:hover .mega{display:none}
  .menu-wrap.open:hover .mega{display:grid}
  .mega-main{border-right:none;border-bottom:1px solid var(--line)}
  .problem-grid,.glass-grid,.show,.show.flip,.faq{grid-template-columns:1fr}
  .hero-base,.shift-base,.cta{grid-template-columns:1fr}
  .hero-note,.shift-base span,.trust{text-align:left}
  .bignums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bn{padding-right:0}
  .steps,.personas{grid-template-columns:1fr}
  .register{grid-template-columns:1fr}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mockpad{padding-top:0}
  .client-row{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px;scrollbar-width:none}
  .client-row::-webkit-scrollbar{display:none}
  .minis{grid-template-columns:1fr}
  .footer{grid-template-columns:1fr 1fr}
  .idx-row{margin-inline:0;padding-inline:0;grid-template-columns:44px minmax(0,1fr);gap:8px 16px}
  .idx-row .role{grid-column:2}
  .idx-row .dom{grid-column:2;text-align:left}
  .idx-row:hover{background:transparent;color:inherit}
  .idx-row:hover .n{color:var(--mut)}.idx-row:hover .role,.idx-row:hover .dom{color:var(--cur-ink)}.idx-row:hover .d{color:var(--mut2)}
  .idx-sub{grid-template-columns:44px minmax(0,1fr);gap:8px 16px}
  .idx-sub .tag{display:none}
  .mech-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .mech-row .n{font-size:10px}
  .dial-row{grid-template-columns:44px minmax(0,1fr);gap:6px 16px}
  .dial-row span{grid-column:2}
  .q-row{grid-template-columns:24px 1fr 90px}
  .q-row .qm{display:none}
  .wk-head{grid-template-columns:1fr 70px 90px}
  .wk-head span:nth-child(2){display:none}
  .wk-row{grid-template-columns:1fr 70px 90px}
  .wk-row .m:first-of-type{display:none}
  .frag{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fbox:last-child{grid-column:span 2}
  .slack-action{margin-left:18px}
}
@media (max-width:600px){
  .nav-in{gap:10px}
  .logo span{font-size:17px}
  .nav-cta{gap:12px}
  .nav-cta .btn{font-size:12.5px;padding:9px 13px;white-space:nowrap}
  .burger{padding:8px 10px}
  .mock-head{flex-wrap:wrap;row-gap:6px}
  .dash-tabs{flex-wrap:wrap;row-gap:4px}
  .tiles{padding:14px 16px;gap:10px}
  .wrap{padding-inline:18px}
}
</style>
</head>
<body>

<!-- ==================== NAV ==================== -->
<nav class="nav" id="nav">
  <div class="wrap nav-in">
    <a href="/" class="logo" aria-label="SuperchargeMe home">
      <svg width="16" height="23" viewBox="0 0 72 100" aria-hidden="true"><polygon points="42,0 6,58 28,58 18,100 66,38 38,38 58,0" fill="#E06500"></polygon></svg>
      <span>Supercharge<em>Me</em></span>
    </a>
    <div class="nav-links" id="navLinks">
      <div class="menu-wrap" id="menuWrap">
        <button class="menu-btn" id="menuBtn" aria-expanded="false" aria-controls="megaMenu">PRODUCTS</button>
        <div class="mega" id="megaMenu">
          <div class="mega-main">
            <div class="mega-h"><span>THE IQ SUITE</span><span>EACH LIVE ON ITS OWN DOMAIN</span></div>
            <a class="mega-row" href="https://ads-iq.com" target="_blank" rel="noopener"><span class="mr-n">01</span><span class="mr-name">AdsIQ</span><span class="mr-d">Every channel analyzed, campaigns run, creatives managed</span></a>
            <a class="mega-row" href="https://retention-iq.com" target="_blank" rel="noopener"><span class="mr-n">02</span><span class="mr-name">RetentionIQ</span><span class="mr-d">The whole retention stack, executed inside your ESP</span></a>
            <a class="mega-row" href="https://restock-iq.com" target="_blank" rel="noopener"><span class="mr-n">03</span><span class="mr-name">RestockIQ</span><span class="mr-d">The whole inventory brain, ERP-connected, every channel</span></a>
            <a class="mega-row" href="https://blog-iq.com" target="_blank" rel="noopener"><span class="mr-n">04</span><span class="mr-name">BlogIQ</span><span class="mr-d">Content that ranks on Google and gets cited by ChatGPT</span></a>
            <div class="mega-row"><span class="mr-n">05</span><span class="mr-name">StoresIQ</span><span class="mr-d">Runs the whole Shopify operation, fixes the store itself</span></div>
            <div class="mega-row"><span class="mr-n">06</span><span class="mr-name">FeedsIQ</span><span class="mr-d">Every feed, every market, every shopping surface</span></div>
            <div class="mega-row"><span class="mr-n">07</span><span class="mr-name">MarketplacesIQ</span><span class="mr-d">Marketplace growth, policy-gated, rollback-safe</span></div>
            <div class="mega-foot"><a href="#products"><b>SEE THE WHOLE SUITE&ensp;&rarr;</b></a><span>ONE BRAIN &middot; ACTING, NOT ADVISING</span></div>
          </div>
          <div class="mega-side">
            <div class="mega-h"><span>THE BENCH</span></div>
            <div class="side-row"><b>PartnershipIQ</b><span>CREATORS &middot; AFFILIATES</span></div>
            <div class="side-row"><b>ConciergeIQ</b><span>AI SALES ASSOCIATE</span></div>
            <div class="side-row"><b>TranslateIQ</b><span>LOCALIZATION</span></div>
            <div class="side-note">CRO now ships inside StoresIQ.</div>
            <div class="mega-h" style="margin-top:22px"><span>BY ENGAGEMENT</span></div>
            <div class="side-row"><b>NpdIQ</b><span>NEW PRODUCTS</span></div>
            <div class="side-row"><b>CrossborderIQ</b><span>DUTIES &middot; DDP &middot; FREIGHT</span></div>
          </div>
        </div>
      </div>
      <a href="#problem">THE PROBLEM</a>
      <a href="#agents">AGENTS</a>
      <a href="#trust">TRUST</a>
      <a href="#faq">FAQ</a>
    </div>
    <div class="nav-cta">
      <a class="signin" href="https://app.superchargeme.com" target="_blank" rel="noopener">SIGN IN</a>
      <button class="burger" id="burger" aria-expanded="false" aria-controls="navLinks">MENU</button>
      <a class="btn" href="#request-access">Request Access</a>
    </div>
  </div>
</nav>

<!-- ==================== 01 · HERO ==================== -->
<header class="ink hero">
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; AI-NATIVE COMMERCE SOFTWARE</span><span>01 / 12</span></div>
    <div class="rule" data-a></div>
    <h1 data-a>The operating layer for your whole commerce business.</h1>
    <div class="hero-base">
      <p class="hero-sub" data-a>You set the KPIs. The platform can take every decision, macro to micro, at the autonomy you allow. Not just your marketing: your inventory, your wholesale, your stores.</p>
      <p class="hero-note" data-a>THE AI MODEL IS THE ENGINE.<br><b>WE BUILT THE CAR.</b></p>
    </div>
    <div class="hero-ctas" data-a>
      <a class="btn" href="#request-access">Request Access</a>
      <a class="see" href="#products">SEE THE SUITE&ensp;&rarr;</a>
    </div>
    <div class="hero-foot"><span>SUPERCHARGEME &middot; 2026</span><span>DEPLOYED ON SLACK &amp; TEAMS</span></div>
  </div>
</header>

<!-- ==================== 02 · CLIENTS ==================== -->
<section>
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; RUNNING ON THE PLATFORM</span><span>02 / 12</span></div>
    <div class="clients">
      <div class="client-row" data-a>
        <img src="/assets/img/sanuk.png" alt="Sanuk" style="height:28px">
        <img src="/assets/img/lole.png" alt="Lole" style="height:30px">
        <img src="/assets/img/garneau.png" alt="Garneau" style="height:20px">
        <img src="/assets/img/balibody.png" alt="Bali Body" style="height:15px">
        <img src="/assets/img/roz.png" alt="Roz" style="height:28px">
        <img src="/assets/img/bigface.png" alt="Big Face" style="height:20px">
        <span class="lockup"><img src="/assets/img/ycode.svg" alt="Ycode">ycode</span>
      </div>
      <p class="client-note" data-a>FROM FAST-GROWING DTC LABELS TO NINE-FIGURE OMNICHANNEL RETAILERS</p>
    </div>
  </div>
</section>

<!-- ==================== 03 · THE PROBLEM ==================== -->
<section id="problem">
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; THE SILO TAX</span><span>03 / 12</span></div>
    <div class="problem">
      <div class="problem-grid">
        <div>
          <h2 class="h2" data-a>Every function has a tool. Nothing runs the whole.</h2>
          <p class="sect-sub" data-a style="max-width:46ch">Ten to twenty tools per brand, none reconciled. Every brand pays for it. <b>The Silo Tax:</b></p>
          <div class="roman" data-a>
            <div class="roman-row"><i>i</i><b>Margin that doesn&#39;t compound</b></div>
            <div class="roman-row"><i>ii</i><b>Ad spend that doesn&#39;t reconcile</b></div>
            <div class="roman-row"><i>iii</i><b>Inventory that doesn&#39;t move</b></div>
            <div class="roman-row"><i>iv</i><b>More reading than acting</b></div>
          </div>
        </div>
        <div>
          <div class="frag" data-a>
            <div class="fbox"><i>01</i>STOREFRONT</div>
            <div class="fbox"><i>02</i>MARKETPLACES</div>
            <div class="fbox"><i>03</i>PAID MEDIA</div>
            <div class="fbox"><i>04</i>SUPPORT</div>
            <div class="fbox"><i>05</i>INVENTORY &middot; ERP</div>
            <div class="fbox"><i>06</i>RETAIL STORES</div>
            <div class="fbox"><i>07</i>WHOLESALE</div>
            <div class="fbox"><i>08</i>EMAIL &middot; SMS</div>
            <div class="fbox"><i>09</i>CROSS-BORDER &middot; LOGISTICS</div>
          </div>
          <p class="frag-note" data-a>NINE FUNCTIONS &middot; NINE SYSTEMS &middot; <em>NO SHARED TRUTH</em></p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- 03b · AXIOM -->
<section class="ink">
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; THE MISTAKE BEING REPEATED</span><span>03 / 12</span></div>
    <div class="axiom">
      <h2 data-a>AI didn&#39;t kill the silo. <em>It multiplied it.</em></h2>
      <p data-a>An AI for your ads. An AI for your retention. An AI for your inventory. Each one blind to the whole. The Silo Tax doesn&#39;t disappear when the tools get smarter. It compounds.</p>
    </div>
  </div>
</section>

<!-- ==================== 04 · THE SHIFT ==================== -->
<section>
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; THE SHIFT</span><span>04 / 12</span></div>
    <div class="shift">
      <h2 data-a>A dashboard is a&nbsp;delay.</h2>
      <div class="rule" data-a></div>
      <div class="shift-base">
        <p data-a>For thirty years software stored the business but couldn&#39;t run it. Agents that act, not advise, arrived in the last two years.</p>
        <span data-a>SOFTWARE THAT ACTS &middot; 2026</span>
      </div>
    </div>
  </div>
</section>

<!-- ==================== 05 · THE IQ SUITE ==================== -->
<section id="products">
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; THE IQ SUITE</span><span>05 / 12</span></div>
    <div class="suite">
      <div class="rule" data-a></div>
      <div class="suite-head">
        <h2 data-a>A whole commerce team. On&nbsp;tap.</h2>
        <span data-a>SEVEN PRODUCTS &middot; EACH LIVE ON ITS OWN DOMAIN<br>LAND WITH ONE &middot; GROW INTO THE SUITE</span>
      </div>
      <p class="sect-sub" data-a style="max-width:62ch">A senior expert for every channel your lean team could never hire on its own, tuned to your brand and working alongside it, on call 24/7.</p>
      <div class="idx" data-a>
        <a class="idx-row" href="https://ads-iq.com" target="_blank" rel="noopener">
          <span class="n">01</span><span class="name">AdsIQ</span><span class="role">PAID MEDIA &middot; CREATIVE</span>
          <span class="d">Campaigns run and creatives managed on every channel: Google, Meta, TikTok, Amazon.</span>
          <span class="dom">ADS-IQ.COM&ensp;&rarr;</span>
        </a>
        <a class="idx-row" href="https://retention-iq.com" target="_blank" rel="noopener">
          <span class="n">02</span><span class="name">RetentionIQ</span><span class="role">LIFECYCLE &middot; EMAIL + SMS</span>
          <span class="d">Flows, campaigns, segments and suppression, executed inside your ESP. You keep everything.</span>
          <span class="dom">RETENTION-IQ.COM&ensp;&rarr;</span>
        </a>
        <a class="idx-row" href="https://restock-iq.com" target="_blank" rel="noopener">
          <span class="n">03</span><span class="name">RestockIQ</span><span class="role">INVENTORY &middot; DEMAND</span>
          <span class="d">The whole inventory brain: DTC, wholesale, retail and FBA planned together, to the dollar.</span>
          <span class="dom">RESTOCK-IQ.COM&ensp;&rarr;</span>
        </a>
        <a class="idx-row" href="https://blog-iq.com" target="_blank" rel="noopener">
          <span class="n">04</span><span class="name">BlogIQ</span><span class="role">CONTENT &middot; SEO</span>
          <span class="d">Content that ranks on Google and gets cited by ChatGPT. Researched, written and published in your brand voice.</span>
          <span class="dom">BLOG-IQ.COM&ensp;&rarr;</span>
        </a>
        <div class="idx-row">
          <span class="n">05</span><span class="name">StoresIQ</span><span class="role">ECOMMERCE &middot; CRO &middot; CONTENT</span>
          <span class="d">Runs the whole Shopify operation and fixes the store itself: storefronts, CRO, content, translations.</span>
          <span class="dom"></span>
        </div>
        <div class="idx-row">
          <span class="n">06</span><span class="name">FeedsIQ</span><span class="role">FEEDS &middot; EVERY SURFACE</span>
          <span class="d">Every feed and every market, on every shopping surface, including ChatGPT and Google AI.</span>
          <span class="dom"></span>
        </div>
        <div class="idx-row">
          <span class="n">07</span><span class="name">MarketplacesIQ</span><span class="role">MARKETPLACE GROWTH</span>
          <span class="d">Net-new listing authoring and keyword intelligence on every marketplace you sell.</span>
          <span class="dom"></span>
        </div>
        <div class="idx-sub">
          <span class="n">+</span>
          <p class="t"><b>The bench:</b> PartnershipIQ &middot; ConciergeIQ &middot; TranslateIQ. CRO now ships inside StoresIQ.</p>
          <span class="tag">SPECIALISTS ON CALL</span>
        </div>
        <div class="idx-sub">
          <span class="n">&sect;</span>
          <p class="t"><b>By engagement:</b> NpdIQ new products &middot; CrossborderIQ duties, DDP and freight.</p>
          <span class="tag">SCOPED PER BRAND</span>
        </div>
      </div>
      <p class="suite-rules" data-a>A SLACK AGENT ON EVERY PRODUCT <em>&middot;</em> A NAMED ACCOUNT MANAGER ON EVERY BRAND <em>&middot;</em> EVERY ACTION APPROVE-GATED, LOGGED, REVERSIBLE <em>&middot;</em> ONE SHARED BRAIN ACROSS THE SUITE</p>
    </div>
  </div>
</section>

<!-- ==================== 06 · AGENTS, EVERY MORNING ==================== -->
<section class="ink" id="agents">
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; AGENTS &middot; DECISIONS, NOT DASHBOARDS</span><span>06 / 12</span></div>
    <div class="morning">
      <div class="morning-grid">
        <div>
          <h2 data-a>What your team sees every morning.</h2>
          <p class="sect-sub" data-a>Ads, inventory and supply chain reconciled overnight, delivered as decisions in Slack and Teams. Each alert arrives with the context, the dollar impact, and a one-click action.</p>
          <p class="morning-note" data-a>ADS &harr; INVENTORY &harr; SUPPLY CHAIN &middot; ILLUSTRATIVE MORNING<br>EVERY ALERT SCOPED, REVERSIBLE, LOGGED</p>
        </div>
        <div class="mock" data-a>
          <div class="mock-head"><span>RESTOCK-IQ &middot; #OPS-ALERTS &middot; ILLUSTRATIVE</span><em>&#9679; 9:02 AM</em></div>
          <div class="slack-msg">
            <div class="slack-av">AI</div>
            <div class="slack-body">
              <b>Restock-IQ</b> <span class="app">APP</span>
              <p class="t"><span class="urgent">URGENT</span> &middot; SKU-4821 &middot; Meta ROAS 3.8x&uarr; &middot; 47 units/day &middot; <b>19 days of stock left</b> &middot; lead time 6wk. Demand accelerating: replenishment lands after stockout. Est. lost revenue <b>$38K</b>.</p>
            </div>
          </div>
          <div class="slack-action">
            <div class="at">RECOMMENDED &middot; REVERSIBLE</div>
            <p>Reorder now. Last safe reorder window closes in <b>4 days</b>.</p>
            <div class="slack-btns"><span class="sbtn go">Reorder now</span><span class="sbtn">Snooze</span><span class="sbtn">Details</span></div>
          </div>
          <div class="slack-msg" style="padding-top:0;padding-bottom:20px">
            <div class="slack-av">AI</div>
            <div class="slack-body">
              <b>Restock-IQ</b> <span class="app">APP</span>
              <p class="t"><span class="opp">OPPORTUNITY</span> &middot; competitor OOS on Amazon. Boost PPC 25% for 2 weeks: est. <b>+$4&ndash;8K</b>.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="minis" data-a>
        <div class="mini">
          <div class="mini-head"><span>RETENTION-IQ &middot; FLOW WATCH</span><span>ILLUSTRATIVE</span></div>
          <p>Winback flow: variant B open rate down 22% WoW. Proposal queued: pause B, shift the split to A.</p>
          <div class="mini-act"><span class="abtn">Approve</span></div>
        </div>
        <div class="mini">
          <div class="mini-head"><span>MARKETPLACES-IQ &middot; LISTING WATCH</span><span>ILLUSTRATIVE</span></div>
          <p>3 listings lost the featured offer overnight. A repricing proposal inside your floor is queued.</p>
          <div class="mini-act"><span class="abtn ghost">Review</span></div>
        </div>
        <div class="mini">
          <div class="mini-head"><span>FEEDS-IQ &middot; FEED HEALTH</span><span>ILLUSTRATIVE</span></div>
          <p>142 products held before publish: a restricted claim fails policy in 2 markets. Fixes drafted.</p>
          <div class="mini-act"><span class="abtn ghost">Review fixes</span></div>
        </div>
      </div>
      <p class="morning-close" data-a>EVERY AGENT REPORTS THE SAME WAY: CONTEXT &middot; DOLLAR IMPACT &middot; ONE-CLICK ACTION</p>
    </div>
  </div>
</section>

<!-- ==================== 07 · THE GLASS BOX ==================== -->
<section id="trust">
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; TRUST &middot; THE GLASS BOX</span><span>07 / 12</span></div>
    <div class="glass">
      <div class="glass-grid">
        <div>
          <h2 class="h2" data-a>Autonomy you can audit.</h2>
          <p class="sect-sub" data-a style="max-width:44ch">Every agent runs at the autonomy level you set, per agent, per brand. Every action is reversible, scoped, and logged. Agents learn from outcomes: the platform compounds per decision.</p>
        </div>
        <div>
          <div class="dial" data-a>
            <div class="dial-row"><span class="n">01</span><b>Analyze only</b><span>read and recommend, never touch</span></div>
            <div class="dial-row on"><span class="n">02</span><b>Approve each</b><span>propose &rarr; human approves &rarr; execute</span></div>
            <div class="dial-row"><span class="n">03</span><b>Full auto</b><span>act within guardrails, report back</span></div>
          </div>
          <p class="glass-note" data-a>SET PER AGENT &middot; FULL AUDIT TRAIL &middot; EVERY CHANGE REVERTABLE<br>BRAND-ISOLATED: <em>YOUR DATA NEVER TRAINS THE MODELS</em></p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== 08 · UP CLOSE ==================== -->
<section>
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; THE SUITE, UP CLOSE</span><span>08 / 12</span></div>
    <div class="upclose cream">

      <!-- 08a · AdsIQ -->
      <div class="show" data-a>
        <div>
          <p class="show-eyebrow">01 &middot; ADS-IQ</p>
          <h3>Sees the whole business, not just the ad account.</h3>
          <p class="sect-sub">Campaigns run and creatives managed on Google, Meta, TikTok and Amazon, with proposals grounded in your inventory, margin and lifecycle.</p>
          <div class="roman">
            <div class="roman-row"><i>i</i><span><span class="rr-t">Proposes, you approve, it executes.</span><span class="rr-d">Category tools stop at a recommendation. AdsIQ ships the change, scoped, logged, reversible.</span></span></div>
            <div class="roman-row"><i>ii</i><span><span class="rr-t">Creative in the same loop as spend.</span><span class="rr-d">Creative analytics and generation sit next to the budget decisions they affect.</span></span></div>
            <div class="roman-row"><i>iii</i><span><span class="rr-t">Learns your account&#39;s real base rates.</span><span class="rr-d">Every proposal conditioned on what actually works in your account, not category benchmarks.</span></span></div>
          </div>
          <div class="show-ctas"><a class="btn small" href="https://ads-iq.com" target="_blank" rel="noopener">Explore AdsIQ</a><a class="tlink" href="https://ads-iq.com" target="_blank" rel="noopener">ADS-IQ.COM&ensp;&rarr;</a></div>
        </div>
        <div class="mockpad">
          <div class="mock">
            <div class="mock-head"><span>ADS-IQ &middot; WEEKLY REVIEW &middot; ILLUSTRATIVE</span><em>4 PROPOSALS QUEUED</em></div>
            <div class="wk-head"><span>CAMPAIGN</span><span>SPEND</span><span>ROAS</span><span style="text-align:center">PROPOSAL</span></div>
            <div class="wk-row"><span class="c">Brand &middot; Search</span><span class="m">$2.4K</span><span class="m up">5.2x</span><span class="q-act">Scale</span></div>
            <div class="wk-row"><span class="c">Non-Brand &middot; Shopping</span><span class="m">$1.8K</span><span class="m up">3.1x</span><span class="q-act">Scale</span></div>
            <div class="wk-row"><span class="c">Prospecting &middot; Broad</span><span class="m">$3.2K</span><span class="m down">0.8x</span><span class="q-act ghost">Pause</span></div>
            <div class="wk-row"><span class="c">Retargeting &middot; DPA</span><span class="m">$890</span><span class="m up">4.7x</span><span class="q-act">Scale</span></div>
            <div class="mock-foot">APPROVE IN SLACK OR THE DASHBOARD &middot; EVERY CHANGE REVERSIBLE</div>
          </div>
        </div>
      </div>

      <!-- 08b · RetentionIQ -->
      <div class="show flip" data-a>
        <div class="mockpad">
          <div class="mock">
            <div class="mock-head"><span>RETENTION-IQ &middot; FIX QUEUE &middot; ILLUSTRATIVE</span><em>RANKED BY IMPACT</em></div>
            <div class="q-row"><span class="n">01</span><span class="qt"><b>Abandoned-checkout flow silent 7 days</b><small>Trigger repaired &middot; preview: 1,847 recipients, 3-email series</small></span><span class="qm">est. <b>$4.1K</b> at stake</span><span class="q-act">Approve</span></div>
            <div class="q-row"><span class="n">02</span><span class="qt"><b>214 customers slid to At Risk this week</b><small>RFM refreshed overnight &middot; winback campaign drafted</small></span><span class="qm">audience previewed</span><span class="q-act ghost">Review</span></div>
            <div class="q-row"><span class="n">03</span><span class="qt"><b>Machine opens inflating 3 flows&#39; stats</b><small>Send logic planned on human opens only &middot; change drafted</small></span><span class="qm">real open rate applied</span><span class="q-act ghost">Review</span></div>
            <div class="mock-foot">EVERY APPROVED CHANGE RE-MEASURED AGAINST A HOLDOUT AT 7 / 14 / 28 DAYS</div>
          </div>
        </div>
        <div>
          <p class="show-eyebrow">02 &middot; RETENTION-IQ</p>
          <h3>Every problem, ranked, with the fix attached.</h3>
          <p class="sect-sub">Silent flows, collapsing open rates, segment errors. RetentionIQ finds them in your ESP, scores its confidence, and drafts the fix behind each one. You work down a list, not around a dashboard.</p>
          <div class="roman">
            <div class="roman-row"><i>i</i><span><span class="rr-t">Builds the flow, not a brief for it.</span><span class="rr-d">Triggers, branching, copy, product blocks and audience, assembled inside your own ESP. Versioned and swapped cleanly, never a one-shot.</span></span></div>
            <div class="roman-row"><i>ii</i><span><span class="rr-t">Incrementality, not attribution theater.</span><span class="rr-d">Every change re-measured against a held-back group at 7, 14 and 28 days. Wins and misses train what it recommends next.</span></span></div>
            <div class="roman-row"><i>iii</i><span><span class="rr-t">Nothing sends without you.</span><span class="rr-d">Dry-run preview with the full recipient list, approve, edit or cancel, snapshotted and revertible. There is no toggle anywhere that lets it message your customers on its own.</span></span></div>
          </div>
          <div class="show-ctas"><a class="btn small" href="https://retention-iq.com" target="_blank" rel="noopener">Explore RetentionIQ</a><a class="tlink" href="https://retention-iq.com" target="_blank" rel="noopener">RETENTION-IQ.COM&ensp;&rarr;</a></div>
          <p class="show-foot">START WITH A READ-ONLY AUDIT &middot; THE LEAK REPORT IN 48 HOURS &middot; NOTHING SENDS</p>
        </div>
      </div>
      <!-- 08c · RestockIQ -->
      <div class="show flip" data-a>
        <div class="mockpad">
          <div class="mock">
            <div class="mock-head"><span>RESTOCK-IQ &middot; ACTION QUEUE &middot; ILLUSTRATIVE</span><em>RANKED BY $ IMPACT</em></div>
            <div class="q-row"><span class="n">01</span><span class="qt"><b>Reorder 400u &middot; SKU-4821</b><small>Safe window closes in 4 days &middot; lead time 6wk</small></span><span class="qm">protects <b>$38K</b> rev</span><span class="q-act">Approve</span></div>
            <div class="q-row"><span class="n">02</span><span class="qt"><b>Clear 1,200u overstock &middot; SKU-2210</b><small>28 weeks of cover &middot; bundle + markdown plan</small></span><span class="qm">frees <b>$21K</b> cash</span><span class="q-act">Approve</span></div>
            <div class="q-row"><span class="n">03</span><span class="qt"><b>Accelerate PO #118 &middot; 3 SKUs</b><small>Vessel delay + demand spike collide in wk 42</small></span><span class="qm">avoids 9-day stockout</span><span class="q-act ghost">Review</span></div>
          </div>
        </div>
        <div>
          <p class="show-eyebrow">03 &middot; RESTOCK-IQ</p>
          <h3>Decisions with dollars attached.</h3>
          <p class="sect-sub">One scan ranks everything your inventory should do next: overstock to clear, stockouts to prevent, reorders to accelerate. Each with the dollar impact and a one-click action.</p>
          <div class="roman">
            <div class="roman-row"><i>i</i><span><span class="rr-t">Ship-from-store, new for 2026.</span><span class="rr-d">Online orders fulfilled from store inventory, excess store stock sellable online.</span></span></div>
            <div class="roman-row"><i>ii</i><span><span class="rr-t">Whole-business demand, FBA included.</span><span class="rr-d">DTC, wholesale, retail stores and Amazon FBA planned together, netted against every other channel.</span></span></div>
            <div class="roman-row"><i>iii</i><span><span class="rr-t">Reconciles to your ERP to the dollar.</span><span class="rr-d">Forecast per SKU per channel, checked against what your warehouse actually holds.</span></span></div>
          </div>
          <div class="show-ctas"><a class="btn small" href="https://restock-iq.com" target="_blank" rel="noopener">Explore RestockIQ</a><a class="tlink" href="https://restock-iq.com" target="_blank" rel="noopener">RESTOCK-IQ.COM&ensp;&rarr;</a></div>
        </div>
      </div>

      <!-- 08d · StoresIQ -->
      <div class="show" data-a>
        <div>
          <p class="show-eyebrow">04 &middot; STORES-IQ</p>
          <h3>Fixes the store itself.</h3>
          <p class="sect-sub">Theme and code changes, CRO experiments, SEO fixes and translations, shipped to your live store from chat. Every change previewed first, undoable after.</p>
          <div class="roman">
            <div class="roman-row"><i>i</i><span><span class="rr-t">Preview &rarr; approve &rarr; publish, with undo.</span><span class="rr-d">Same-day storefront changes by chat, across every store you run.</span></span></div>
            <div class="roman-row"><i>ii</i><span><span class="rr-t">Shopper-simulation CRO.</span><span class="rr-d">AI shoppers walk your funnel end to end, and the fixes ship instead of sitting in a report.</span></span></div>
            <div class="roman-row"><i>iii</i><span><span class="rr-t">Content, SEO and translations in one loop.</span><span class="rr-d">One platform runs the whole Shopify operation, analytics included.</span></span></div>
          </div>
        </div>
        <div class="mockpad">
          <div class="mock">
            <div class="mock-head"><span>STORES-IQ &middot; CHANGE LOG &middot; ILLUSTRATIVE</span><em>PREVIEW &rarr; APPROVE &rarr; UNDO</em></div>
            <div class="q-row"><span class="n">01</span><span class="qt"><b>Theme: PDP hero swap</b><small>/collections/new-arrivals &middot; requested in Slack, 8:41</small></span><span class="qs pend">PREVIEW READY</span><span class="q-act">Approve</span></div>
            <div class="q-row"><span class="n">02</span><span class="qt"><b>SEO: 12 collection meta descriptions</b><small>Detector flagged thin metadata &middot; drafts approved</small></span><span class="qs ok">SHIPPED 9:14</span><span class="q-act ghost">Undo</span></div>
            <div class="q-row"><span class="n">03</span><span class="qt"><b>Translations: 240 products, FR store</b><small>SEO-translated, reviewed against glossary</small></span><span class="qs ok">SHIPPED 8:52</span><span class="q-act ghost">Undo</span></div>
          </div>
        </div>
      </div>


      <!-- the rest, index register -->
      <div class="register" data-a>
        <div class="reg-row"><span class="tag">FEEDS-IQ</span><p><b>Feeds for every shopping surface.</b> Claims and policy checked before anything ships.</p></div>
        <div class="reg-row"><span class="tag">MARKETPLACES-IQ</span><p><b>Judged on your own CTR and CVR.</b> Approval and rollback on everything that ships.</p></div>
        <div class="reg-row"><span class="tag grey">&sect; ENGAGEMENT</span><p><b>NpdIQ</b> brainstorm to purchase order &middot; <b>CrossborderIQ</b> a tariff watcher on your lanes.</p></div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== 09 · THE SHARED BRAIN ==================== -->
<section class="ink">
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; THE SHARED BRAIN</span><span>09 / 12</span></div>
    <div class="brain">
      <h2 data-a>One brain. Every channel. Acting, not advising.</h2>
      <div class="bignums" data-a>
        <div class="bn"><div class="v">1.1B<sup>+</sup></div><div class="k">DATA POINTS THE<br>PLATFORM RUNS ON</div></div>
        <div class="bn"><div class="v">900M<sup>+</sup></div><div class="k">CUSTOMER EVENTS<br>ANALYZED</div></div>
        <div class="bn"><div class="v">100<sup>+</sup></div><div class="k">INTEGRATIONS<br>CONNECTED</div></div>
        <div class="bn"><div class="v">50<sup>+</sup></div><div class="k">MARKETS<br>SERVED</div></div>
      </div>
      <div class="brain-grid">
        <div class="mock" data-a>
          <div class="mock-head">
            <span class="dash-tabs"><span>OVERVIEW</span><span class="on">ADS</span><span>SEO</span><span>EMAIL</span><span>AGENTS</span></span>
            <em style="color:var(--mut)">ILLUSTRATIVE</em>
          </div>
          <div class="tiles">
            <div class="tile"><div class="v">$125K</div><div class="k"><span>Ad Spend</span><b>&#9650; 6%</b></div></div>
            <div class="tile"><div class="v">4.2x</div><div class="k"><span>ROAS</span><b>&#9650; 8%</b></div></div>
            <div class="tile"><div class="v">$28</div><div class="k"><span>CPA</span><b>&#9660; 3%</b></div></div>
            <div class="tile"><div class="v">186K</div><div class="k"><span>Clicks</span><b>&#9650; 11%</b></div></div>
          </div>
          <div class="dash-chart">
            <svg width="100%" height="80" viewBox="0 0 1000 80" preserveAspectRatio="none" aria-hidden="true"><path d="M0,62 C110,58 190,53 300,49 C420,44 520,41 640,34 C760,27 880,20 1000,12 L1000,80 L0,80 Z" fill="#FDE4D6"></path><path d="M0,62 C110,58 190,53 300,49 C420,44 520,41 640,34 C760,27 880,20 1000,12" fill="none" stroke="#E06500" stroke-width="2.5"></path></svg>
          </div>
          <div class="dash-chat">
            <p class="q">&ldquo;WHAT DROVE REVENUE THIS WEEK?&rdquo;</p>
            <p>Revenue up 12% WoW, driven by a 23% lift in Google Ads ROAS after AdsIQ paused 3 underperforming campaigns. RestockIQ flags one SKU at risk of stockout before the weekend.</p>
          </div>
        </div>
        <div class="brain-rows" data-a>
          <div class="roman-row"><i>i</i><p><b>Cross-channel joins, unified schema.</b> Shopify, Amazon, Google, Meta, Klaviyo, NetSuite, across 100+ integrations, reconciled overnight.</p></div>
          <div class="roman-row"><i>ii</i><p><b>Real-time intelligence.</b> Attribution, cohorts, LTV and forecasts, computed on your data, not benchmarks.</p></div>
          <div class="roman-row"><i>iii</i><p><b>Agents act on it.</b> Not just reports: campaigns paused, prices updated, inventory reordered, behind your approve gate.</p></div>
          <div class="roman-row"><i>iv</i><p><b>Portfolio intelligence, scoped to you.</b> What one of your brands learns, your portfolio can use. It never leaves your workspace: your data never trains the models.</p></div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== 10 · THE ENGINE AND THE CAR ==================== -->
<section>
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; THE ENGINE AND THE CAR</span><span>10 / 12</span></div>
    <div class="engine">
      <h2 class="h2" data-a style="max-width:18ch">The AI model is the engine. We built the&nbsp;car.</h2>
      <p class="sect-sub" data-a>LLMs are incredible, but an LLM is only the engine. A model without your data and infrastructure is <b>a brain without a body.</b></p>
      <div class="mech" data-a>
        <div class="mech-row"><span class="n">01</span><b>The harness</b><p>Agent = model + harness. Raw text output becomes <b>scoped tools, human approvals, full audit.</b> It pauses campaigns, updates pricing, reorders inventory.</p></div>
        <div class="mech-row"><span class="n">02</span><b>Context engineering</b><p>General internet knowledge becomes <b>1.1B+ rows of real commerce data engineered into every decision:</b> your margins, your lead times, your customers.</p></div>
        <div class="mech-row"><span class="n">03</span><b>Memory &amp; coordination</b><p>A chatbot resets every session, tools stitched by hand. Here it is <b>persistent per brand, every agent on one shared truth.</b></p></div>
        <div class="mech-row"><span class="n">04</span><b>Time to value</b><p>18 to 24 months to build a harness in-house. <b>Deployed in days.</b></p></div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== 11 · HOW IT WORKS · BUILT FOR · FAQ ==================== -->
<section id="faq-section">
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; HOW IT WORKS &middot; BUILT FOR &middot; FAQ</span><span>11 / 12</span></div>
    <div class="pract">
      <div class="steps-head">
        <h2 data-a>Live in days, not months.</h2>
        <span data-a>ONE-CLICK OAUTH &middot; NO MIGRATION</span>
      </div>
      <div class="steps" data-a>
        <div class="step"><span class="n">01</span><b>Connect</b><p>Shopify, Amazon, your ad accounts and your ESP. One-click OAuth, on top of the stack you already run.</p></div>
        <div class="step"><span class="n">02</span><b>Chat</b><p>Message your agents in Slack or Teams: audit a funnel, check inventory, plan a reorder, ship a change.</p></div>
        <div class="step"><span class="n">03</span><b>Watch</b><p>Agents propose, you approve, work ships, and every action lands in the audit trail.</p></div>
      </div>

      <div class="personas" data-a>
        <div class="persona"><b>Mid-market consumer brands</b><p>Omnichannel, lean team. Replace ten disconnected tools with one operating layer that coordinates them all.</p></div>
        <div class="persona"><b>Agencies &amp; operators</b><p>Run more brands with the same team. Shared agents, unified reporting across every channel and client.</p></div>
        <div class="persona"><b>PE / multi-brand portfolios</b><p>Deploy the operating layer across the portfolio. One view of everything, playbooks that compound per brand.</p></div>
      </div>

      <div class="integrations">
        <div class="int-head">
          <h2 data-a>100+ integrations. Every platform you use.</h2>
          <span data-a>NO MIGRATION &middot; NO RIP-AND-REPLACE</span>
        </div>
        <div class="int-band" data-a>
          <img src="/assets/img/int-shopify.svg" alt="Shopify" style="height:26px" loading="lazy">
          <span class="tok">AMAZON</span>
          <img src="/assets/img/int-meta.svg" alt="Meta" style="height:24px" loading="lazy">
          <img src="/assets/img/int-googleads.svg" alt="Google Ads" style="height:25px" loading="lazy">
          <img src="/assets/img/int-tiktok.svg" alt="TikTok" style="height:25px" loading="lazy">
          <span class="tok">SLACK</span>
          <span class="tok">TEAMS</span>
          <span class="tok">AWS</span>
          <img src="/assets/img/int-googlecloud.svg" alt="Google Cloud" style="height:24px" loading="lazy">
          <img src="/assets/img/int-quickbooks.svg" alt="QuickBooks" style="height:25px" loading="lazy">
          <img src="/assets/img/int-xero.svg" alt="Xero" style="height:26px" loading="lazy">
          <img src="/assets/img/int-ups.svg" alt="UPS" style="height:26px" loading="lazy">
          <img src="/assets/img/int-fedex.svg" alt="FedEx" style="height:22px" loading="lazy">
          <img src="/assets/img/int-pinterest.svg" alt="Pinterest" style="height:24px" loading="lazy">
        </div>
        <p class="int-wall" data-a>
          <b>COMMERCE&ensp;</b>SHOPIFY &middot; AMAZON &middot; TIKTOK SHOP &middot; MIRAKL &middot; TARGET PLUS &middot; LIGHTSPEED &middot; CIN7 &middot; WIX<br>
          <b>MARKETING&ensp;</b>GOOGLE ADS &middot; META &middot; TIKTOK &middot; AMAZON ADS &middot; MICROSOFT ADS &middot; PINTEREST &middot; LINKEDIN &middot; IMPACT<br>
          <b>LIFECYCLE&ensp;</b>KLAVIYO &middot; ATTENTIVE &middot; GORGIAS &middot; SEARCH CONSOLE &middot; GOOGLE ANALYTICS &middot; MERCHANT CENTER &middot; AHREFS<br>
          <b>OPERATIONS&ensp;</b>NETSUITE &middot; QUICKBOOKS &middot; XERO &middot; SHIPSTATION &middot; SHIPHERO &middot; SPS COMMERCE &middot; UPS &middot; FEDEX &middot; DHL &middot; SLACK &middot; TEAMS<br>
          <b>CLOUD &amp; DATA&ensp;</b>GOOGLE CLOUD &middot; AWS &middot; DATA WAREHOUSES
        </p>
        <p class="int-more" data-a><em>+</em> ALWAYS ADDING MORE &middot; IF YOU RUN IT, WE CONNECT IT</p>
      </div>

      <div class="faq" id="faq">
        <h2 data-a>Questions, answered.</h2>
        <div class="faq-list" data-a>
          <details class="faq-item" open>
            <summary>Is my data used to train models?</summary>
            <p>No. Your data never trains the models. Every brand runs isolated in its own workspace, encrypted at rest, with role-based access and a full audit trail.</p>
          </details>
          <details class="faq-item">
            <summary>How is this different from marketing-only AI tools?</summary>
            <p>Ad copilots and marketing AI act on one slice of your business. SuperchargeMe operates the rest of it too: inventory and replenishment, retention flows, marketplace listings, storefront changes, pricing, logistics. And because every agent shares one operating layer, decisions coordinate across channels instead of optimizing one lane blind to the others.</p>
          </details>
          <details class="faq-item">
            <summary>Do the agents act on their own?</summary>
            <p>Only at the autonomy level you set, per agent, per brand. Analyze only, approve each change, or full auto within your guardrails. Every level runs on a full audit trail, and every change is revertable.</p>
          </details>
          <details class="faq-item">
            <summary>What does it connect to?</summary>
            <p>100+ integrations across storefronts, marketplaces, ad platforms, email and SMS, feeds, ERP, logistics and data warehouses, via API or OAuth. No migration, no rip-and-replace: it sits on top of the stack you already run.</p>
          </details>
          <details class="faq-item">
            <summary>How does access work?</summary>
            <p>Request access with your work email. We&#39;ll set up a short call, connect a first brand, and you&#39;ll see your own data in the platform in days, starting with one product and growing into the suite at your pace.</p>
          </details>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== 12 · THE CURRENT BEGINS ==================== -->
<section class="ink" id="request-access">
  <div class="wrap">
    <div class="furn"><span>SUPERCHARGEME &middot; THE CURRENT BEGINS</span><span>12 / 12</span></div>
    <div class="close">
      <div class="creed" data-a>
        <p>Your ads will know your inventory.<br>
        Your promos will know your margin.<br>
        Your stores will know your site.<br>
        Your retention will know your acquisition.<br>
        Your decisions will happen while others meet.<br>
        <strong>The Silo Tax ends. The current begins.</strong></p>
      </div>
      <div class="cta">
        <div>
          <h2 data-a>Ready to supercharge your brand?</h2>
          <p class="sub" data-a>Request access with your work email. Connect a first brand and see your own data in the platform in days.</p>
          <form class="cta-form" id="accessForm" data-a>
            <input type="email" name="email" placeholder="Enter your work email" required autocomplete="email" aria-label="Work email">
            <button type="submit" class="btn">Request Access</button>
          </form>
          <p class="cta-status" id="formStatus" role="status"></p>
          <p class="cta-alt">OR&ensp;<a href="/cdn-cgi/l/email-protection#abc3cec7c7c4ebd8dedbced9c8c3cad9cccec6ce85c8c4c6">SCHEDULE A DEMO&ensp;&rarr;</a></p>
        </div>
        <p class="trust" data-a>ROLE-BASED ACCESS<br>FULL AUDIT TRAIL<br>ENCRYPTED AT REST<br>HUMAN APPROVAL GATES</p>
      </div>
    </div>

    <!-- footer -->
    <div class="footer">
      <div class="foot-brand">
        <a href="/" class="logo" style="color:var(--on-ink);font-size:17px">
          <svg width="14" height="20" viewBox="0 0 72 100" aria-hidden="true"><polygon points="42,0 6,58 28,58 18,100 66,38 38,38 58,0" fill="#E06500"></polygon></svg>
          <span>Supercharge<em>Me</em></span>
        </a>
        <p>The operating layer for your whole commerce business. Built by Excite Foundry.</p>
      </div>
      <div class="foot-col">
        <b>THE SUITE</b>
        <a href="https://ads-iq.com" target="_blank" rel="noopener">AdsIQ</a>
        <a href="https://retention-iq.com" target="_blank" rel="noopener">RetentionIQ</a>
        <a href="https://restock-iq.com" target="_blank" rel="noopener">RestockIQ</a>
        <a href="https://blog-iq.com" target="_blank" rel="noopener">BlogIQ</a>
        <span style="display:block;font-size:13px;color:var(--on-ink-mut);line-height:2.15">StoresIQ</span>
        <span style="display:block;font-size:13px;color:var(--on-ink-mut);line-height:2.15">FeedsIQ</span>
        <span style="display:block;font-size:13px;color:var(--on-ink-mut);line-height:2.15">MarketplacesIQ</span>
      </div>
      <div class="foot-col">
        <b>THE BENCH</b>
        <span style="display:block;font-size:13px;color:var(--on-ink-mut);line-height:2.15">PartnershipIQ</span>
        <span style="display:block;font-size:13px;color:var(--on-ink-mut);line-height:2.15">ConciergeIQ</span>
        <span style="display:block;font-size:13px;color:var(--on-ink-mut);line-height:2.15">TranslateIQ</span>
        <span style="display:block;font-size:13px;color:var(--on-ink-mut);line-height:2.15">NpdIQ</span>
        <span style="display:block;font-size:13px;color:var(--on-ink-mut);line-height:2.15">CrossborderIQ</span>
      </div>
      <div class="foot-col">
        <b>COMPANY</b>
        <a href="https://excitefoundry.com" target="_blank" rel="noopener">Excite Foundry</a>
        <a href="/cdn-cgi/l/email-protection#472f222b2b28073432372235242f263520222a226924282a">Contact</a>
        <a href="https://linkedin.com/company/excite-foundry" target="_blank" rel="noopener">LinkedIn</a>
        <a href="#request-access">Request Access</a>
      </div>
      <div class="foot-col">
        <b>LEGAL</b>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/terms.html">Terms of Service</a>
      </div>
    </div>
    <div class="foot-bottom">
      <span>&copy; 2026 SUPERCHARGEME BY EXCITE FOUNDRY LTD &middot; LONDON &middot; SYDNEY &middot; SINGAPORE</span>
      <a href="https://linkedin.com/company/excite-foundry" target="_blank" rel="noopener">LINKEDIN&ensp;&rarr;</a>
    </div>
  </div>
</section>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
/* Scroll reveal */
const obs = new IntersectionObserver((entries) => {
  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('v'); obs.unobserve(e.target); } });
}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
document.querySelectorAll('[data-a]').forEach(el => obs.observe(el));

/* Request access form */
document.getElementById('accessForm').addEventListener('submit', async (e) => {
  e.preventDefault();
  const status = document.getElementById('formStatus');
  const email = e.target.email.value;
  status.textContent = 'SUBMITTING…';
  status.className = 'cta-status';
  try {
    const res = await fetch('/api/request-access', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ email })
    });
    const data = await res.json();
    if (data.success) {
      status.textContent = "YOU'RE ON THE LIST. WE'LL BE IN TOUCH.";
      status.className = 'cta-status success';
      e.target.reset();
    } else { throw new Error(); }
  } catch (err) {
    status.textContent = 'SOMETHING WENT WRONG. TRY AGAIN.';
    status.className = 'cta-status error';
  }
});

/* Mega menu: click toggle (touch + keyboard), hover handled by CSS */
const menuWrap = document.getElementById('menuWrap');
const menuBtn = document.getElementById('menuBtn');
menuBtn.addEventListener('click', (e) => {
  e.stopPropagation();
  const open = menuWrap.classList.toggle('open');
  menuBtn.setAttribute('aria-expanded', open);
});
document.addEventListener('click', (e) => {
  if (!menuWrap.contains(e.target)) { menuWrap.classList.remove('open'); menuBtn.setAttribute('aria-expanded', 'false'); }
});

/* Mobile nav */
const burger = document.getElementById('burger');
const navLinks = document.getElementById('navLinks');
burger.addEventListener('click', () => {
  const open = navLinks.classList.toggle('open');
  burger.setAttribute('aria-expanded', open);
});
navLinks.querySelectorAll('a[href^="#"]').forEach(a => a.addEventListener('click', () => navLinks.classList.remove('open')));
</script>
</body>
</html>
