.hub-hero{display:grid;grid-template-columns:.85fr 1.2fr;gap:48px;align-items:center;padding-top:62px;padding-bottom:45px}.hub-intro h1{font-size:clamp(42px,4.5vw,64px);font-weight:500;line-height:1.06;letter-spacing:-2.5px;margin:0 0 24px}.hub-intro h1 em,.web-intro h1 em{font-family:Georgia,serif;font-weight:400}.hub-intro>p{font-size:18px;line-height:1.75;color:#506252;margin-bottom:26px}.hub-intro .hub-location{font-size:14px;margin:24px 0 0}.promo-player{min-width:0}.promo-stage{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:#12130f;color:#fff}.promo-scene{position:absolute;inset:0;overflow:hidden}.promo-scene[hidden]{display:none!important}.promo-scene>img{width:100%;height:100%;object-fit:cover}.promo-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080b0966,transparent 48%,#080b09c9)}.promo-copy{position:absolute;z-index:1;inset:auto 30px 25px}.promo-copy>span{font-size:12px;font-weight:700;letter-spacing:2px}.promo-copy strong{display:block;font:500 clamp(30px,3.3vw,47px)/1.05 Arial,sans-serif;letter-spacing:-1.5px;margin-top:10px}.promo-copy p{font-size:15px;line-height:1.5;max-width:450px;margin-top:10px;color:#e3e8da}.promo-intro .promo-copy{top:24px;bottom:auto}.promo-intro .promo-copy strong{font-size:34px}.promo-intro>img,.promo-egg>img{object-position:center}.promo-business>img{object-fit:contain;background:#0f2220;padding:20px}.promo-business:after{background:linear-gradient(transparent 20%,#061c14ec)}.promo-individual>img{object-position:center 40%}.promo-finale .promo-copy{text-align:center;inset:auto 15px 20px}.promo-finale .promo-copy strong{font-family:Georgia,serif;font-size:clamp(26px,3vw,42px);letter-spacing:-1px}.promo-finale .promo-copy p{margin:7px auto 0;font-size:14px}.promo-finale>img{object-position:center}.promo-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffff9c;border-radius:50%;width:94px;height:94px;background:#f4f6e9ef;color:#193629;box-shadow:0 0 0 10px #ffffff1a;display:grid;place-content:center;gap:3px;cursor:pointer}.promo-play>span:first-child{font-size:24px;line-height:1.2}.promo-play-label{font-size:12px;font-weight:600}.promo-play[hidden],.promo-controls[hidden]{display:none}.promo-play:hover{background:#def19a}.promo-controls{display:flex;align-items:center;gap:13px;font-size:14px;padding-top:12px;flex-wrap:wrap}.promo-controls button{font-size:14px;border:1px solid #b7c5ae;border-radius:4px;background:#fff;color:#193629;min-height:36px;padding:5px 10px;cursor:pointer}.promo-controls [data-promo-status]{margin-left:auto;font-size:13px;color:#56664c}.promo-disclosure{font-size:12px;line-height:1.6;color:#56664c;margin:12px 0 0}.promo-player[data-state=playing]:not(.reduced-motion) .is-current>img{animation:promo-drift 6s ease-out both}.promo-player[data-state=playing]:not(.reduced-motion) .promo-individual>img{animation:promo-weird 5s ease-out both}.promo-player[data-state=paused] img{animation-play-state:paused!important}@keyframes promo-drift{from{transform:scale(1.02)}to{transform:scale(1.07)}}@keyframes promo-weird{from{transform:scale(1.04) rotate(-2deg)}to{transform:scale(1.13) rotate(2deg)}}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audience-card{padding:30px 34px;text-decoration:none;border:1px solid #d4dec8;border-radius:8px;transition:transform .2s}.audience-card:hover{transform:translateY(-3px)}.audience-personal{background:#e7efcf}.audience-business{background:#18392b;color:#fff;border-color:#18392b}.audience-card>span{font-size:12px;font-weight:700;letter-spacing:2px}.audience-card h2{margin:7px 0 13px;font-size:38px}.audience-card p{font-size:16px;line-height:1.7;max-width:490px}.audience-business p{color:#d5e1cd}.audience-card b{display:block;font-size:14px;margin-top:20px}.flagship-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.flagship-card{border:1px solid #d6dfce;border-radius:9px;overflow:hidden;background:#fff}.app-capture{display:block;position:relative;aspect-ratio:16/10;background:#14232a;padding:20px;overflow:hidden}.app-capture img{width:100%;height:100%;object-fit:contain;object-position:top;border-radius:3px;box-shadow:0 8px 30px #0005}.app-capture>span{position:absolute;right:12px;bottom:12px;border-radius:3px;background:#f6f9ee;color:#183528;padding:6px 10px;font-size:13px}.flagship-copy{padding:28px}.flagship-copy .eyebrow{font-size:12px;margin-bottom:9px}.flagship-copy h3{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin-bottom:14px}.flagship-copy p{font-size:16px;color:#53664a;line-height:1.7}.flagship-copy>a{font-size:15px;display:inline-block;margin-top:18px}.hub-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0 0}.hub-chips li{font-size:12px;line-height:1.5;padding:5px 9px;border:1px solid #cdd9bf;border-radius:3px;color:#42563a}.hub-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.hub-offers article{border-top:2px solid #8da179;padding-top:24px}.hub-offers h3{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.6px;margin-bottom:14px}.hub-offers p{font-size:16px;line-height:1.8;color:#53664a}.hub-offers a{display:inline-block;font-size:15px;margin-top:18px}.hub-offers.stacked{display:block}.hub-offers.stacked article+article{margin-top:25px}.hub-creative{background:#172b23;color:#fff}.hub-creative .section-heading p,.hub-creative .note{color:#d0ddc6}.creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.creative-grid>a{display:block;border:1px solid #ffffff30;border-radius:7px;overflow:hidden;text-decoration:none}.creative-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.creative-grid>a>div{padding:23px}.creative-grid h3{font-size:23px;font-weight:500;line-height:1.25;margin-bottom:12px;letter-spacing:-.5px}.creative-grid p{font-size:15px;line-height:1.7;color:#cbdac2}.creative-grid span{display:inline-block;margin-top:17px;font-size:14px;text-decoration:underline}.web-intro{padding-top:65px;padding-bottom:38px}.web-intro h1{font-size:clamp(44px,6vw,79px);font-weight:500;line-height:1.02;letter-spacing:-3px;margin-bottom:28px}.web-intro>p{font-size:18px;color:#516447;max-width:780px;line-height:1.8}.web-intro .note{font-size:14px}.web-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:55px}.web-intro-bottom>p{font-size:18px;line-height:1.8;color:#516447;max-width:680px}.web-intro-bottom>.button{flex-shrink:0}.web-showcases{display:grid;gap:60px}.web-showcase{display:grid;grid-template-columns:1.1fr .85fr;gap:58px;align-items:center}.web-showcase:nth-child(even) .web-screen{order:2}.web-screen{display:block;position:relative;border:1px solid #cdd6c1;border-radius:8px;background:#ebf0e4;overflow:hidden;text-decoration:none;box-shadow:0 14px 28px #1735280c}.browser-bar{display:flex;gap:22px;align-items:center;padding:10px 15px;font-size:12px;border-bottom:1px solid #d8dfcd;background:#f0f3e8;color:#5c6e51}.browser-bar>span:first-child{letter-spacing:2px;color:#9caf8b}.web-screen>img{width:100%;aspect-ratio:3/2;object-fit:cover}.web-screen-label{position:absolute;left:0;right:0;bottom:0;padding:50px 25px 25px;background:linear-gradient(transparent,#10291fda);color:#fff}.web-screen-label span{font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.web-screen-label strong{display:block;font:32px/1.1 Georgia,serif;margin-top:8px}.web-showcase-copy h2{font-size:36px;margin-bottom:20px}.web-showcase-copy p{font-size:17px;color:#516447;line-height:1.75}.web-showcase-copy .work-links{margin-top:25px}.app-case-gallery{display:grid;gap:28px}.app-case-gallery figure{border:1px solid #c9d3c1;background:#17252b;padding:28px;border-radius:7px}.app-case-gallery img{width:100%;max-height:850px;object-fit:contain;background:#fff}.app-case-gallery figcaption{font-size:14px;line-height:1.7;margin-top:18px;color:#d7e2cf}.app-scope h3{font-size:23px;font-weight:500;margin-bottom:15px}.app-scope ul{padding-left:20px;color:#506449;margin-bottom:30px}.app-scope li{margin-bottom:12px}.app-scope p{color:#506449}.promo-feature .promo-player{max-width:1050px;margin:auto}.promo-feature .promo-stage{aspect-ratio:16/9}.storyboard{list-style:none;counter-reset:scene;padding:0;margin:0;max-width:950px}.storyboard li{display:grid;grid-template-columns:100px 1fr;gap:25px;border-top:1px solid #ccd7c1;padding:26px 0}.storyboard li>span{font-size:15px;color:#5d7150}.storyboard h3{font-size:26px;font-weight:500;margin-bottom:10px}.storyboard p{font-size:16px;color:#506449;line-height:1.8}.hub-web-link{padding:30px;border:1px solid #cad8bc;border-radius:6px;margin-top:34px;display:flex;gap:20px;align-items:center;justify-content:space-between}.hub-web-link p{color:#53664a}.hub-web-link h3{font-weight:500;font-size:26px;margin-bottom:8px}
@media(max-width:1050px){.hub-hero{grid-template-columns:1fr;gap:30px}.hub-intro{max-width:760px}.hub-intro h1{font-size:58px}.promo-stage{aspect-ratio:16/9}.web-showcase{gap:30px}.web-intro-bottom{gap:25px}.creative-grid{gap:15px}.creative-grid>a>div{padding:18px}.nav{gap:18px;font-size:14px}}
@media(max-width:730px){.hub-hero{padding-top:35px;padding-bottom:28px}.hub-intro h1{font-size:43px;letter-spacing:-1.8px}.hub-intro>p,.web-intro>p,.web-intro-bottom>p{font-size:16px}.audience-grid,.flagship-grid,.creative-grid,.hub-offers{grid-template-columns:1fr}.audience-card{padding:25px}.audience-card h2{font-size:34px}.promo-stage{aspect-ratio:4/3}.promo-copy{inset:auto 18px 18px}.promo-copy strong{font-size:30px}.promo-copy p{font-size:13px}.promo-intro .promo-copy{top:20px}.promo-intro .promo-copy>span{font-size:10px;letter-spacing:1px}.promo-play{width:80px;height:80px}.promo-finale .promo-copy strong{font-size:28px}.promo-controls [data-promo-status]{flex-basis:100%;margin:0}.flagship-copy{padding:24px}.app-capture{padding:14px}.creative-grid img{aspect-ratio:16/10}.web-intro{padding-top:38px}.web-intro h1{font-size:46px;letter-spacing:-2px}.web-intro-bottom{display:block}.web-intro-bottom>.button{margin-top:22px}.web-showcase{grid-template-columns:1fr;gap:25px}.web-showcase:nth-child(even) .web-screen{order:0}.web-showcases{gap:48px}.web-showcase-copy h2{font-size:31px}.app-case-gallery figure{padding:12px}.app-case-gallery figcaption{font-size:13px}.storyboard li{grid-template-columns:65px 1fr;gap:18px}.hub-web-link{display:block}.hub-web-link .button{margin-top:18px}.promo-feature .promo-stage{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.audience-card{transition:none}.audience-card:hover{transform:none}.promo-scene>img{animation:none!important}}

.web-screen>img{aspect-ratio:1265/712;height:auto;object-fit:contain}.app-case-gallery img{height:auto}.promo-player[data-state=paused] .is-current>img{animation:none}
.promo-business>img[hidden]{display:none!important}

/* Garage CRM case study: scoped styles preserve the existing site. */
.garage-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:end;padding-top:35px;padding-bottom:44px}.garage-intro h1{font-size:clamp(42px,5.6vw,76px);line-height:1.05;letter-spacing:-3px;font-weight:500;margin:18px 0 24px}.garage-intro h1 em{font-family:Georgia,serif;font-weight:400}.garage-intro p{font-size:18px;line-height:1.7;max-width:650px}.garage-intro aside{padding:24px;border-left:3px solid #477554;background:#eff4ed}.garage-intro aside strong{font-size:26px}.garage-intro aside p{font-size:16px}.garage-intro aside .note{font-size:14px}.garage-overview figure,.garage-details figure{margin:0;padding:14px;border:1px solid #d0dacd;background:#eff3ec;border-radius:10px}.garage-overview img,.garage-details img,.garage-applied img{display:block;width:100%;height:auto}.garage-overview figcaption,.garage-details figcaption,.garage-applied figcaption{font-size:14px;line-height:1.6;color:#465a49;padding:14px 5px 4px}.garage-overview{max-width:1120px}.garage-benefits,.garage-identities{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.garage-benefits{margin-bottom:38px}.garage-benefits article{border-top:2px solid #436d50;padding-top:18px}.garage-benefits article>span{font-size:14px;color:#526f58}.garage-benefits h3,.garage-identities h3{font-size:24px;font-weight:500}.garage-benefits p,.garage-identities p{font-size:16px;line-height:1.7}.garage-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.garage-identities article{background:white;padding:22px;border:1px solid #d1d9cd;border-radius:10px}.garage-identities img{width:100%;height:180px;object-fit:contain;margin-bottom:24px;background:white}.garage-identities .eyebrow{font-size:12px}.garage-applied{margin-top:30px}.garage-applied summary,.garage-film summary,.garage-credits summary{font-size:16px;font-weight:600;cursor:pointer;padding:20px 0}.garage-applied figure{margin:12px 0 0;padding:16px;background:white;border:1px solid #d1d9cd;border-radius:10px}.garage-film video{display:block;width:100%;height:auto;border-radius:10px;background:#112830}.garage-film details,.garage-credits details{border-bottom:1px solid #cbd5c8}.garage-film details p,.garage-credits p,.garage-credits li{font-size:16px;line-height:1.7}.garage-credits{padding-bottom:20px}.app-scope ol{padding-left:23px;line-height:1.8}.garage-intro .button{margin-top:16px}
@media(min-width:1000px){.flagship-grid .flagship-card:first-child:last-child{max-width:900px}.flagship-grid .flagship-card:first-child:nth-last-child(3){grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.garage-overview img{max-height:800px;object-fit:contain}}
@media(max-width:730px){.garage-intro{grid-template-columns:1fr;gap:28px;padding-top:24px}.garage-intro h1{letter-spacing:-1.5px}.garage-intro p{font-size:16px}.garage-benefits,.garage-identities,.garage-details{grid-template-columns:1fr}.garage-intro aside{padding:20px}.garage-identities img{height:190px}.garage-overview figure,.garage-details figure{padding:8px}}