:root{--green:#04cf3a;--dark:#101714;--paper:#f7f8f4;--ink:#17251d;--card-width:300px;--card-height:350px;--gap:14px;--gutter:clamp(22px,3.1vw,52px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Manrope,sans-serif;background:var(--paper);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:6px}::selection{background:var(--green);color:var(--dark)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}button:disabled{opacity:.3;cursor:default}
.hero{isolation:isolate;position:relative;overflow:hidden;color:#fff;background:var(--dark);padding-bottom:16px;--card-width:clamp(230px,21vw,312px);--card-height:clamp(280px,25vw,350px)}
.backdrops,.backdrop,.scrim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.backdrops{z-index:-3;background:#14251d}.backdrop{object-fit:cover;object-position:50% 55%;opacity:0;filter:saturate(.55);transform:scale(1.06);transition:opacity 850ms var(--ease),transform 4s var(--ease)}.backdrop.is-current{opacity:.65;transform:scale(1)}.scrim{z-index:-2;background:rgba(5,16,11,.68)}
.site-header{display:flex;align-items:center;gap:24px;padding:24px var(--gutter);min-height:94px}.wordmark{font-size:36px;font-weight:800;letter-spacing:-.04em;color:var(--green);text-decoration:none;line-height:1}.audience{font-size:14px;font-weight:500;margin-left:16px;color:#e1ebe4}.header-link{display:inline-flex;align-items:center;gap:12px;margin-left:auto;font-size:14px;text-decoration:none}.header-link:hover{text-decoration:underline}
.hero-copy{position:relative;padding:36px var(--gutter) 28px;min-height:310px}h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(48px,6vw,88px);font-weight:600;letter-spacing:-.015em;line-height:.99;max-width:1200px;text-wrap:balance;margin:0;min-height:1.98em}.copy-bottom{display:flex;justify-content:space-between;gap:36px;align-items:center;margin-top:27px}.copy-bottom p{margin:0;max-width:690px;font-size:17px;line-height:1.65;color:#e5ede7}.cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--green);color:#071a0d;min-height:54px;padding:15px 22px;font-size:14px;font-weight:700;text-decoration:none;flex-shrink:0;transition:background 180ms,transform 180ms}.cta:hover{background:#2ae55c;transform:translateY(-2px)}.cta:active{transform:translateY(1px)}
.filmstrip{position:relative;overflow:hidden;height:calc(var(--card-height) + 30px);margin:8px 0 0;touch-action:pan-y}.track{display:flex;gap:var(--gap);align-items:flex-start;position:relative;width:max-content;transform:translate3d(0,0,0);transition:transform 700ms var(--ease);padding-top:8px;cursor:grab}.track.is-dragging{cursor:grabbing}.slide-card{position:relative;flex-shrink:0;width:var(--card-width);height:var(--card-height);padding:0;border:0;background:none;text-align:left;color:var(--ink);transition:opacity 400ms;outline-offset:4px;user-select:none}.slide-card:focus-visible{outline:3px solid var(--green);outline-offset:3px}.screen{position:absolute;top:0;left:0;height:var(--card-height);width:100%;background:#f4f5ef;overflow:hidden;clip-path:inset(0 0 48% 0);transition:clip-path 700ms var(--ease),filter 500ms;filter:brightness(.72)}.slide-card.is-active .screen{clip-path:inset(0);filter:brightness(1)}.slide-card:hover .screen{filter:brightness(1)}.screen-top{height:35px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#14251d;color:#f4f7f0;font-size:9px;gap:8px}.screen-top b{color:var(--green);font-size:14px;letter-spacing:-.025em}.screen-top span{font-size:9px}.screen-photo{display:block;width:100%;height:116px;object-fit:cover;object-position:50% 65%}.screen-body{padding:15px}.screen-body strong{display:block;font-size:16px;line-height:1.25;letter-spacing:-.02em}.small-label{display:block;font-size:9px;color:#536451;margin-bottom:7px}.field-row{display:flex;justify-content:space-between;gap:7px;font-size:10px;padding:9px 0;color:#536451;border-bottom:1px solid #dde4d9}.field-row b{color:#283a2c;font-size:10px;font-weight:600}.channel-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.channel-list span{background:#dfe9dc;padding:5px 7px;color:#20402b;font-size:9px}.action-preview{background:#1b4229;color:#f5fff5;font-size:10px;padding:9px 10px;margin-top:12px;text-align:center}.website-screen{background:#fff}.website-screen .screen-top{background:#fff;color:#263b2d}.website-screen .screen-top b{color:#263b2d;font-size:12px}.website-photo{display:block;width:100%;height:175px;object-fit:cover;filter:brightness(.6)}.website-title{position:absolute;top:88px;left:15px;right:15px;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:30px;line-height:1}.vehicle-row{display:flex;align-items:center;gap:10px;margin-top:12px}.vehicle-row img{width:60px;height:46px;object-fit:cover}.vehicle-row div{min-width:0}.vehicle-row strong{font-size:12px}.vehicle-row span{display:block;font-size:9px;margin-top:6px}.crm-screen .screen-body>strong,.google-screen .screen-body>strong{font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1}.lead{background:#e3ebdd;padding:11px;display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:15px;font-size:11px}.lead b{font-size:9px;font-weight:500}.note-preview{margin-top:12px;font-size:11px;line-height:1.6;color:#4e604e}.review-preview{margin-top:15px;background:#e7eddf;padding:12px}.review-preview>span{font-size:9px;color:#46583b}.review-preview p{font-size:12px;line-height:1.6;margin:8px 0}.social-account{display:flex;flex-direction:column;gap:4px;padding:12px 14px;font-size:11px}.social-account span{font-size:9px;color:#536451}.social-photo{width:100%;height:140px;object-fit:cover}.social-screen .screen-body{padding-top:12px}.social-screen .screen-body strong{font-size:14px}.social-screen p{font-size:10px;line-height:1.5}.studio-photo{position:relative;padding:18px;background:#243b2e}.studio-photo img{display:block;width:100%;height:130px;object-fit:cover}.studio-photo>div{background:#f1f5e8;padding:12px}.studio-photo span{display:block;font-size:9px;color:#4f6248}.studio-photo b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:26px;margin-top:3px}.studio-screen .screen-body strong{font-size:14px}
.carousel-controls{position:relative;display:flex;gap:14px;align-items:center;padding:0 var(--gutter);margin-top:2px}.slide-nav{display:flex;justify-content:center;gap:4px;flex:1;overflow:auto;scrollbar-width:none}.slide-nav::-webkit-scrollbar{display:none}.slide-nav button{color:#d9e4dc;border:0;background:none;white-space:nowrap;padding:13px 12px;min-height:48px;font-size:13px;transition:background 200ms,color 200ms}.slide-nav button[aria-pressed="true"]{background:#f1f5ea;color:#15271b;font-weight:700}.slide-nav button:hover{color:#fff;background:#254531}.slide-nav button[aria-pressed="true"]:hover{color:#15271b;background:#fff}.arrow{width:40px;height:44px;display:grid;place-items:center;border:0;background:none;color:#fff;flex-shrink:0}.arrow:hover:not(:disabled){color:var(--green)}.hero-caption{display:flex;justify-content:flex-end;gap:14px;margin:18px var(--gutter) 0;color:#d5dfd7;font-size:11px}.hero-caption p{margin:0}.hero-caption span{font-variant-numeric:tabular-nums;white-space:nowrap}
.continuation{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;padding:80px var(--gutter) 75px;background:var(--paper);scroll-margin-top:24px}.continuation h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(40px,4.5vw,64px);line-height:1.02;letter-spacing:-.015em;margin:0 0 22px;font-weight:600}.continuation p{font-size:16px;line-height:1.8;max-width:54ch;margin:0}.demo-note{align-self:end}.demo-note h3{font-size:19px;margin:0 0 16px}.demo-note p{font-size:14px;color:#46584a}.demo-note a{display:inline-flex;align-items:center;gap:14px;margin-top:22px;font-size:14px}.prototype-footer{display:flex;justify-content:space-between;gap:24px;padding:22px var(--gutter) 30px;background:#edf0e8;color:#4d6051;font-size:11px;line-height:1.7}.prototype-footer p{margin:0;max-width:75ch}
@media(min-width:1700px){.hero-copy{padding-top:50px}h1{max-width:1400px}.hero{--card-width:340px;--card-height:400px}.hero-copy{min-height:340px}}
@media(max-width:1050px){.header-link{font-size:12px}.audience{margin-left:0;font-size:12px}.hero-copy{padding-top:24px;min-height:310px}.copy-bottom p{max-width:62%;font-size:15px}.cta{font-size:12px;padding:14px;gap:12px}.slide-nav{justify-content:flex-start}.slide-nav button{font-size:12px;padding-inline:10px}.hero{--card-width:260px;--card-height:330px}}
@media(max-width:650px){.site-header{padding-top:23px;padding-bottom:17px;min-height:78px;gap:14px}.wordmark{font-size:30px}.audience{max-width:190px;margin-left:auto;text-align:right;line-height:1.5}.header-link{display:none}.hero-copy{min-height:0;padding-top:14px;padding-bottom:22px}h1{font-size:clamp(38px,8.5vw,53px);max-width:100%;min-height:3.06em;line-height:1.02}.copy-bottom{display:block;margin-top:19px}.copy-bottom p{font-size:14px;line-height:1.7;max-width:100%;min-height:71px}.cta{margin-top:19px;min-height:48px;font-size:13px;padding-inline:18px;gap:20px}.hero{--card-width:245px;--card-height:315px;--gap:12px}.filmstrip{height:calc(var(--card-height) + 22px);margin-top:0}.carousel-controls{gap:4px}.slide-nav button{font-size:12px;min-height:44px}.arrow{width:44px}.hero-caption{font-size:11px;align-items:start;line-height:1.6;margin-top:15px}.hero-caption p{max-width:245px}.continuation{grid-template-columns:1fr;gap:40px;padding-block:54px}.continuation h2{font-size:45px}.prototype-footer{display:block}.prototype-footer p+p{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.backdrop{transform:none}.cta:hover{transform:none}}

@media(max-width:360px){h1{min-height:4.08em}.copy-bottom p{min-height:96px}}
@media(hover:hover) and (pointer:fine){.cta:hover{transform:translateY(-2px)}}
@media(hover:none){.cta:hover{transform:none}}

/* Real BODA assets and the first slide's diffusion view. */
[hidden]{display:none!important}
.wordmark{display:inline-flex;align-items:center;flex-shrink:0}
.wordmark>img{display:block;width:110px;height:auto}
.screen-top .mini-wordmark{display:block;width:46px;height:auto}
.real-screen>img{width:100%;height:100%;object-fit:cover;object-position:center top}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"header header" "copy visual" "controls controls" "caption caption";background:#171b18}
.hero .backdrops,.hero .scrim{visibility:hidden}
.hero .site-header{grid-area:header}
.hero .hero-copy{grid-area:copy;min-height:0;padding-block:46px 60px;align-self:center}
.hero h1{font-size:clamp(46px,4.8vw,72px);line-height:1.02;min-height:0;max-width:10.5em;text-wrap:pretty}
.hero .copy-bottom{display:block;margin-top:25px}
.hero .copy-bottom p{max-width:48ch;font-size:16px;line-height:1.75;min-height:0}
.hero .cta{margin-top:26px}
.hero .carousel-controls{grid-area:controls;margin-top:15px}
.hero .hero-caption{grid-area:caption}
.hero .slide-nav button[aria-pressed="true"]{background:none;color:#fff;text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:9px}
.diffusion-stage{grid-area:visual;align-self:center;min-width:0;padding:35px var(--gutter) 38px 12px}
.diffusion-source{margin:0}
.capture-button{position:relative;display:block;width:100%;padding:0;border:0;background:#fff;overflow:hidden;color:#202223;text-align:left}
.capture-button>img{display:block;width:100%;height:auto;pointer-events:none}
.capture-zoom{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 8px;background:#202223;color:#fff;font-size:11px;opacity:0;transition:opacity 160ms}
.capture-zoom svg{width:16px;height:16px}
.capture-button:hover .capture-zoom,.capture-button:focus-visible .capture-zoom{opacity:1}
.diffusion-channels{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:0;margin:22px 0 0;color:#d9dfda;font-size:13px;line-height:1.6}
.capture-is-open{overflow:hidden}
.capture-dialog{width:min(1280px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:0;border:0;background:#f6f6f7;color:#202223;overscroll-behavior:contain}
.capture-dialog::backdrop{background:rgba(5,12,8,.86)}
.capture-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:#fff;position:sticky;top:0;z-index:1}
.capture-dialog-head h2{font-family:Manrope,sans-serif;font-size:16px;line-height:1.5;margin:0;font-weight:600;max-width:75ch}
.capture-dialog-head button{display:flex;align-items:center;gap:12px;background:#202223;color:#fff;border:0;padding:10px 14px;min-height:44px;font-size:13px;flex-shrink:0}
.capture-dialog-head button span{font-size:23px;line-height:1}
.capture-dialog-body{background:#e3e6e2;padding:20px;text-align:center}
.capture-dialog-body>img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 220px);object-fit:contain;margin:auto}
.capture-dialog>p{font-size:12px;line-height:1.6;padding:0 22px;margin:15px 0 18px}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "copy" "visual" "controls" "caption"}.hero .hero-copy{padding-top:24px;padding-bottom:32px}.hero h1{max-width:16em;font-size:clamp(38px,6.8vw,60px)}.hero .copy-bottom p{max-width:58ch}.diffusion-stage{padding:0 var(--gutter) 25px;max-width:760px;width:100%;margin:auto}}
@media(max-width:650px){.wordmark>img{width:90px}.hero .hero-copy{padding-top:16px}.hero h1{font-size:clamp(38px,8.5vw,53px)}.hero .copy-bottom p{font-size:14px}.hero .cta{margin-top:22px}.diffusion-channels{gap:8px 18px;font-size:12px;margin-top:18px}.capture-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.capture-dialog-head{align-items:flex-start;gap:12px;padding:14px}.capture-dialog-head h2{font-size:13px}.capture-dialog-head button{padding:8px 11px;font-size:12px}.capture-dialog-body{padding:10px}.capture-dialog-body>img{max-height:none;width:100%}.capture-dialog>p{padding:0 14px}}
@media(hover:none){.capture-zoom{opacity:1}}

.hero>.hero-copy,.hero>.carousel-controls{min-width:0}

.vehicle-preview{background:#fff;color:#202223;border:1px solid #dfe3e8;overflow:hidden}
.vehicle-preview-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px;background:#f6f6f7;gap:8px}
.vehicle-preview-tabs button{background:none;color:#6d7175;border:0;border-bottom:2px solid transparent;padding:14px 6px;min-height:50px;font-size:13px;line-height:1.5;font-weight:600}
.vehicle-preview-tabs button[aria-selected="true"]{color:#202223;border-bottom-color:#04cf3a}
.vehicle-preview-tabs button:focus-visible{outline-offset:-4px}
.vehicle-preview-capture{aspect-ratio:918/780;display:flex;align-items:flex-start;justify-content:center}
.vehicle-preview-capture picture{display:flex;width:100%;height:100%;align-items:flex-start;justify-content:center;pointer-events:none}
.vehicle-preview-capture picture img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center top;pointer-events:none}
.vehicle-preview-note{font-size:11px;line-height:1.6;color:#d9dfda;margin:15px 0 0;text-align:center}
@media(max-width:650px){.vehicle-preview-tabs{gap:2px;padding:0 5px}.vehicle-preview-tabs button{font-size:12px;padding:12px 4px;min-height:54px}.vehicle-preview-capture{aspect-ratio:430/640}.vehicle-preview-note{text-align:left}}