:root{
  --ink:#0b1b2b;--ink-2:#20364a;--muted:#5c6b7c;--paper:#f6f3ed;--card:#fffefb;
  --rule:#ded7ca;--green:#00a26b;--green-deep:#00734e;--mint:#bcebd7;--teal:#17b8c4;
  --channel:#00734e;--channel-soft:#d9f3e8;--channel-ink:#06281c;--shadow:0 24px 80px rgba(11,27,43,.14);
  --radius:24px;--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
body[data-channel="instagram"]{--channel:#7656d6;--channel-soft:#ebe5ff;--channel-ink:#271c50}
body[data-channel="facebook"]{--channel:#1976d2;--channel-soft:#e1efff;--channel-ink:#092b50}
body[data-channel="agency"]{--channel:#b86135;--channel-soft:#f7e9e0;--channel-ink:#4c2010}
body[data-channel="biller"]{--channel:#0c7c85;--channel-soft:#dff5f6;--channel-ink:#063f44}
body[data-channel="partner"]{--channel:#7656d6;--channel-soft:#ebe5ff;--channel-ink:#271c50}
body[data-channel="practice"]{--channel:#00734e;--channel-soft:#d9f3e8;--channel-ink:#06281c}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background-image:radial-gradient(rgba(11,27,43,.055) .55px,transparent .55px);background-size:5px 5px;opacity:.16}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}img,video{max-width:100%;display:block}
.skip{position:fixed;left:10px;top:10px;z-index:1000;background:var(--ink);color:white;padding:10px 14px;border-radius:10px;transform:translateY(-160%)}.skip:focus{transform:none}
.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.campaign-header{position:sticky;top:0;z-index:100;background:rgba(246,243,237,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(222,215,202,.76)}
.header-inner{height:72px;display:flex;align-items:center;gap:20px}.wordmark{display:flex;align-items:baseline;font-weight:800;font-size:22px;letter-spacing:-.05em}.wordmark .smart{font-weight:550}.wordmark .mb{color:var(--green)}.wordmark small{font:700 8px/1 "Courier New",monospace;letter-spacing:.12em;color:var(--muted);margin-left:10px;text-transform:uppercase}
.channel-stamp{margin-left:auto;padding:8px 12px;border:1px solid color-mix(in srgb,var(--channel),transparent 62%);border-radius:999px;background:var(--channel-soft);color:var(--channel-ink);font:800 9px/1 "Courier New",monospace;letter-spacing:.14em;text-transform:uppercase}
.hero{position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0 clamp(72px,9vw,124px)}
.hero::after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-240px;top:-280px;background:var(--channel-soft);filter:blur(5px);opacity:.72;z-index:-1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(38px,7vw,92px);align-items:center}.hero-grid>*{min-width:0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--channel);font:800 10px/1.2 "Courier New",monospace;letter-spacing:.19em;text-transform:uppercase}.eyebrow::before{content:"";width:25px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}h1,h2,.display{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;font-weight:500;text-wrap:balance}h1{font-size:clamp(3.25rem,7vw,6.7rem);line-height:.91;margin:22px 0 26px;max-width:11ch}h1 em,h2 em{color:var(--channel);font-weight:500}.lead{font-family:Georgia,"Times New Roman",serif;color:var(--ink-2);font-size:clamp(1.13rem,1.5vw,1.38rem);line-height:1.62;max-width:61ch}.plain{color:var(--muted);font-size:15px;max-width:64ch}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 22px;border-radius:999px;border:1px solid var(--ink);font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;color:var(--ink);background:transparent}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(11,27,43,.14)}.btn.primary{background:var(--channel);border-color:var(--channel);color:white}.btn.dark{background:var(--ink);border-color:var(--ink);color:white}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.video-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--channel),transparent 48%);outline-offset:3px}
.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.trust-row span{padding:7px 10px;border:1px solid var(--rule);border-radius:999px;background:rgba(255,254,251,.64);font-size:10px;font-weight:800;color:var(--muted)}
.video-shell{position:relative;border-radius:30px;background:var(--ink);padding:12px;box-shadow:var(--shadow);overflow:hidden}.video-shell::before{content:"SMARTMBX · HUMAN + AI";position:absolute;z-index:3;top:25px;left:27px;color:white;font:800 9px/1 "Courier New",monospace;letter-spacing:.15em;opacity:.85;pointer-events:none}.video-shell video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;background:var(--ink)}.video-shell.vertical{width:min(100%,430px);justify-self:center;padding:10px}.video-shell.vertical video{aspect-ratio:9/16}.video-toggle{position:absolute;right:24px;bottom:24px;z-index:4;border:1px solid rgba(255,255,255,.36);background:rgba(11,27,43,.74);backdrop-filter:blur(10px);color:white;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer}.video-caption{margin:10px 4px 0;color:#c4d0da;font-size:10px;line-height:1.45}
.section{padding:clamp(72px,9vw,120px) 0;border-top:1px solid var(--rule)}.section.tint{background:linear-gradient(145deg,var(--channel-soft),rgba(255,254,251,.58))}.section.dark{background:var(--ink);color:white;border-color:var(--ink)}
.section h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98;margin:18px 0 22px;max-width:14ch}.section.dark .plain,.section.dark .lead{color:#bac8d2}.section.dark .eyebrow{color:var(--channel-soft)}
.split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(42px,8vw,100px);align-items:start}.sticky{position:sticky;top:106px}
.route-ledger{position:relative;border-top:1px solid var(--rule)}.route-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid var(--rule)}.route-row .from{font:800 10px/1.3 "Courier New",monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.route-row b{font-family:Georgia,serif;font-size:1.18rem;font-weight:500}.route-row p{margin:5px 0 0;color:var(--muted);font-size:13px}.route-row .to{padding:6px 9px;border-radius:999px;background:var(--channel-soft);color:var(--channel-ink);font:800 9px/1 "Courier New",monospace;text-transform:uppercase;letter-spacing:.08em}.route-row::before{content:"";position:absolute;left:45px;width:2px;height:100%;background:linear-gradient(transparent,var(--channel),transparent);opacity:.45}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.step{position:relative;min-height:220px;padding:25px;border:1px solid var(--rule);border-radius:20px;background:var(--card);overflow:hidden}.step::after{content:attr(data-letter);position:absolute;right:-8px;bottom:-42px;font:500 8rem/1 Georgia,serif;color:var(--channel-soft)}.step .tag{display:block;font:800 10px/1 "Courier New",monospace;letter-spacing:.14em;color:var(--channel);margin-bottom:34px}.step h3{position:relative;z-index:1;font:500 1.7rem/1.05 Georgia,serif;letter-spacing:-.035em}.step p{position:relative;z-index:1;color:var(--muted);font-size:14px;margin-top:13px}
.form-shell{display:grid;grid-template-columns:.92fr 1.08fr;border-radius:30px;overflow:hidden;background:var(--ink);box-shadow:var(--shadow)}.form-copy{padding:clamp(34px,5vw,68px);color:white}.form-copy h2{font-size:clamp(2.4rem,4.7vw,4.4rem);line-height:.98;margin:18px 0 20px}.form-copy p{color:#bdcad4}.form-panel{background:var(--card);padding:clamp(28px,4vw,52px)}.form-panel h3{font:500 clamp(1.8rem,3vw,2.5rem)/1.05 Georgia,serif;letter-spacing:-.035em;margin-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:var(--ink-2)}.field input,.field select,.field textarea{width:100%;border:1px solid #cfc7ba;border-radius:11px;background:white;color:var(--ink);padding:13px 14px;min-height:48px}.field textarea{min-height:96px;resize:vertical}.fine{font-size:10.5px;color:var(--muted);margin:16px 0}.notice{display:none;margin-top:16px;padding:14px;border-radius:12px;background:var(--channel-soft);color:var(--channel-ink);font-size:13px}.notice.show{display:block}.notice a{text-decoration:underline;font-weight:800}.form-panel button[disabled]{opacity:.58;cursor:wait}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.letter-note{position:relative;padding:28px 30px 28px 78px;border:1px solid var(--rule);border-radius:20px;background:var(--card);box-shadow:0 15px 44px rgba(11,27,43,.08)}.letter-note::before{content:"FROM\A MARJORIE";white-space:pre;position:absolute;left:24px;top:32px;color:var(--channel);font:800 9px/1.5 "Courier New",monospace;letter-spacing:.12em}.letter-note p{font-family:Georgia,serif;font-size:1.08rem;line-height:1.65;color:var(--ink-2)}.letter-note .sign{margin-top:16px;font-family:Georgia,serif;font-style:italic;color:var(--channel)}
.story-rail{display:grid;gap:11px;margin-top:28px}.story-card{display:grid;grid-template-columns:46px 1fr;gap:15px;align-items:start;padding:16px;border:1px solid var(--rule);border-radius:16px;background:var(--card)}.story-card .count{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--channel);color:white;font:800 11px "Courier New",monospace}.story-card>div{min-width:0}.story-card b{display:block;font:500 1.18rem Georgia,serif;margin-bottom:4px}.story-card span{color:var(--muted);font-size:13px}
.community-card{display:grid;grid-template-columns:84px 1fr;gap:18px;padding:22px;border:1px solid var(--rule);border-radius:20px;background:var(--card);margin-top:13px}.community-card .badge{display:grid;place-items:center;width:78px;height:78px;border-radius:18px;background:var(--channel-soft);color:var(--channel-ink);font:800 11px/1.25 "Courier New",monospace;text-align:center}.community-card h3{font:500 1.35rem Georgia,serif;margin-bottom:6px}.community-card p{font-size:13px;color:var(--muted)}
.closer{display:flex;align-items:center;justify-content:space-between;gap:30px}.closer h2{margin:0;max-width:18ch}.micro-proof{font-size:11px;color:var(--muted);margin-top:13px}.site-footer{padding:30px 0;background:#071522;color:#aebdca;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer a{color:white}.mobile-cta{display:none}
[data-reveal]{opacity:0;transform:translateY(15px);transition:opacity .65s ease,transform .65s ease}[data-reveal].in{opacity:1;transform:none}
@media(max-width:980px){.hero-grid,.split,.form-shell{grid-template-columns:1fr}.sticky{position:static}.hero h1{max-width:12ch}.video-shell{max-width:760px}.three{grid-template-columns:1fr}.step{min-height:auto}.form-copy{padding-bottom:38px}}
@media(max-width:680px){.wrap{width:min(calc(100% - 28px),var(--max))}.header-inner{height:64px;gap:9px}.wordmark{font-size:21px;flex:0 0 auto}.wordmark small{display:none}.channel-stamp{font-size:7.5px;padding:7px 9px;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{padding-top:42px}.hero h1{font-size:clamp(2.8rem,13.2vw,4rem);max-width:100%;letter-spacing:-.055em}.lead{font-size:1.06rem}.button-row .btn{width:100%}body[data-channel="instagram"] .story-rail{display:none}.route-row{grid-template-columns:68px minmax(0,1fr);gap:12px}.route-row .to{grid-column:2;justify-self:start}.route-row::before{left:33px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.letter-note{padding:26px}.letter-note::before{position:static;display:block;margin-bottom:15px;white-space:normal}.community-card{grid-template-columns:60px minmax(0,1fr)}.community-card .badge{width:58px;height:58px;font-size:9px}.closer{align-items:flex-start;flex-direction:column}.mobile-cta{display:block;position:sticky;bottom:0;z-index:90;padding:10px 14px;background:rgba(246,243,237,.94);backdrop-filter:blur(14px);border-top:1px solid var(--rule)}.mobile-cta .btn{width:100%}.site-footer{padding-bottom:88px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.btn{transition:none}}
@media print{.campaign-header,.mobile-cta,.video-toggle,.button-row,.site-footer{display:none!important}.hero,.section{padding:34px 0}.form-shell{box-shadow:none}.form-panel{border:1px solid var(--rule)}[data-reveal]{opacity:1;transform:none}}
