/* OhWow v22 — premium proof-led hero. All selectors are hero-scoped. */
.ow22-hero{background:#191d1a;color:#f6f5ef;overflow:hidden;}
.ow22-main{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(28px,3.9vw,70px);align-items:center;padding-top:clamp(58px,5vw,85px);padding-bottom:clamp(48px,4vw,70px)}
.ow22-story{min-width:0}
.ow22-kicker{font:700 10px/1.5 'Space Grotesk',Arial,sans-serif;letter-spacing:.105em;color:#e1e8dd;display:flex;align-items:center;gap:11px;margin:0}
.ow22-kicker span:last-child{color:#d8ff78}
.ow22-kicker-dot{display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#d8ff78}
.ow22-story h1{font:700 clamp(52px,5.25vw,82px)/1.035 'Space Grotesk',Arial,sans-serif;letter-spacing:-.073em;margin:37px 0 25px;color:#f6f5ef;}
.ow22-story h1>span{color:#d8ff78}
.ow22-intro{max-width:450px;color:#c5cec2;font:450 16px/1.67 'DM Sans',Arial,sans-serif;margin:0 0 33px;}
.ow22-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;}
.ow22-cta-main{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:#d8ff78;color:#191d1a;border:1px solid #d8ff78;border-radius:4px;padding:13px 16px 13px 21px;min-height:55px;font:700 13px/1.2 'DM Sans',Arial,sans-serif;transition:background .2s ease,transform .2s ease;}
.ow22-cta-main:hover{background:#edffbd;transform:translateY(-2px)}
.ow22-cta-main span{font-size:22px;font-weight:400;line-height:1}
.ow22-cta-sub{display:inline-flex;border-bottom:1px solid #88968a;padding:11px 0;color:#f6f5ef;font:700 13px/1.3 'DM Sans',Arial,sans-serif;transition:color .2s ease,border-color .2s ease}
.ow22-cta-sub:hover{color:#d8ff78;border-color:#d8ff78}
.ow22-capline{font:700 9px/1.8 'Space Grotesk',Arial,sans-serif;letter-spacing:.08em;color:#96a699;margin:39px 0 0;max-width:480px}
.ow22-capline span{margin-inline:8px;color:#65826a}
.ow22-proof{min-width:0;border:1px solid rgba(239,244,233,.18);background:#232922;box-shadow:0 23px 55px rgba(0,0,0,.17);}
.ow22-proof-head{padding:16px 19px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(239,244,233,.14);}
.ow22-proof-eyebrow{font:700 9px/1.35 'Space Grotesk',Arial,sans-serif;letter-spacing:.1em;color:#e7eee2;white-space:nowrap;display:flex;gap:8px;align-items:center}
.ow22-proof-eyebrow>span{width:6px;height:6px;background:#d8ff78;border-radius:50%}
.ow22-proof-eyebrow small{font:600 9px/1.4 'Space Grotesk',Arial,sans-serif;letter-spacing:.05em;color:#8fa28e}
.ow22-case-tabs{display:flex;flex-wrap:nowrap;gap:5px;background:#1b211a;border:1px solid #414e42;padding:4px;border-radius:5px;}
.ow22-case-tab{border:0;border-radius:3px;background:transparent;color:#aebdaf;font:700 11px/1.2 'DM Sans',Arial,sans-serif;padding:9px 11px;white-space:nowrap;transition:background .17s ease,color .17s ease}
.ow22-case-tab[aria-selected="true"]{background:#d8ff78;color:#1b2619;}
.ow22-case-tab:hover:not([aria-selected="true"]){background:#344136;color:#f3f6ee}
.ow22-panel{padding:17px 17px 15px;min-width:0;}
.ow22-panel[hidden]{display:none!important}
.ow22-stage{position:relative;overflow:hidden;background:#ecf0e8;border:1px solid #495748;}
.ow22-stage-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;height:30px;background:#f1f3ed;color:#657569;font:600 9px/1.2 'DM Sans',Arial,sans-serif;border-bottom:1px solid #d7dfd5}
.ow22-stage-chrome>span:first-child{display:flex;gap:5px}
.ow22-stage-chrome i{display:block;background:#bbc8ba;width:6px;height:6px;border-radius:50%}
.ow22-stage-chrome b{font:600 10px/1.2 'DM Sans',Arial,sans-serif;color:#617264}
.ow22-stage-detail{font:700 8px/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:.1em;color:#7a8d7b}
.ow22-stage-image{width:100%;height:clamp(285px,25vw,378px);aspect-ratio:auto;object-fit:cover;object-position:top center;display:block;background:#edf2ec;}
.ow22-stage-image.is-switching{animation:ow22-image-in .25s ease}
@keyframes ow22-image-in{from{opacity:.55;transform:scale(1.008)}to{opacity:1;transform:scale(1)}}
.ow22-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:11px;}
.ow22-view{background:#2b332b;border:1px solid #465547;border-radius:3px;color:#e2e9de;display:flex;align-items:center;gap:10px;text-align:left;min-width:0;padding:7px;transition:background .2s,border-color .2s}
.ow22-view:hover{background:#39473a;}
.ow22-view[aria-pressed="true"]{border-color:#d8ff78;background:#394b39;color:#f7fbed}
.ow22-view img{width:65px;height:44px;object-fit:cover;object-position:top center;border:1px solid #526453;flex:0 0 auto}
.ow22-view>span{font:700 11px/1.25 'DM Sans',Arial,sans-serif;letter-spacing:-.01em}
.ow22-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(239,244,233,.17);padding:14px 0 0;margin-top:15px}
.ow22-panel-foot>div{min-width:0}
.ow22-case-name{display:block;font:700 15px/1.25 'Space Grotesk',Arial,sans-serif;letter-spacing:-.035em;color:#f6f5ef}
.ow22-panel-foot p{font:450 11px/1.4 'DM Sans',Arial,sans-serif;color:#b2c2b2;margin:4px 0 0}
.ow22-panel-foot a{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font:700 11px/1.4 'DM Sans',Arial,sans-serif;color:#d8ff78}
.ow22-panel-foot a:hover{text-decoration:underline;text-underline-offset:4px}
.ow22-panel-foot a span{font-size:17px;font-weight:400}
.ow22-bottom{border-top:1px solid rgba(246,245,240,.15);padding-top:18px;padding-bottom:19px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9dac9e;font:700 9px/1.4 'Space Grotesk',Arial,sans-serif;letter-spacing:.075em}
.ow22-bottom a{display:flex;gap:12px;align-items:center;color:#e8eee4}.ow22-bottom a:hover{color:#d8ff78}.ow22-bottom a span{color:#d8ff78;font-size:17px}
@media(max-width:1370px){
 .ow22-main{grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);gap:32px}
 .ow22-story h1{font-size:clamp(51px,5vw,73px)}
 .ow22-proof-head{padding:12px 14px}
 .ow22-panel{padding:13px}
 .ow22-view img{width:48px;height:38px}
 .ow22-proof-eyebrow small{display:none}
}
@media(max-width:1090px){
 .ow22-main{grid-template-columns:1fr;gap:35px;padding-top:64px;padding-bottom:60px}
 .ow22-story h1{font-size:clamp(61px,7.5vw,83px);margin:24px 0 18px}
 .ow22-intro{max-width:610px;margin-bottom:22px}
 .ow22-capline{margin-top:24px}
 .ow22-proof{max-width:850px;width:100%;margin-inline:auto}
 .ow22-stage-image{height:clamp(300px,42vw,420px)}
 .ow22-view img{width:74px;height:48px}
}
@media(max-width:760px){
 .ow22-main{padding-top:51px;padding-bottom:44px;gap:31px}
 .ow22-story h1{font-size:clamp(49px,10vw,72px)}
 .ow22-intro{font-size:15px}
 .ow22-proof-head{gap:12px}
 .ow22-proof-eyebrow{font-size:9px}
 .ow22-view img{width:54px;height:41px}
 .ow22-stage-image{height:clamp(255px,49vw,365px)}
 .ow22-bottom{font-size:8px}
}
@media(max-width:520px){
 .ow22-main{padding-top:38px;padding-bottom:32px;gap:28px}
 .ow22-kicker{font-size:9px;gap:7px}
 .ow22-story h1{font-size:clamp(43px,10.55vw,55px);margin:20px 0 17px;line-height:1.05}
 .ow22-intro{font-size:14px;line-height:1.62;margin-bottom:21px}
 .ow22-actions{gap:17px}
 .ow22-cta-main{font-size:12px;min-height:49px;padding:9px 13px 9px 15px;gap:13px}
 .ow22-cta-sub{font-size:12px}
 .ow22-capline{font-size:8px;margin-top:19px}
 .ow22-proof-head{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}
 .ow22-proof-eyebrow{font-size:9px}
 .ow22-case-tabs{width:100%;}
 .ow22-case-tab{flex:1;text-align:center;padding:10px 6px;font-size:11px}
 .ow22-panel{padding:9px}
 .ow22-stage-chrome{height:26px;padding-inline:8px}
 .ow22-stage-chrome b{font-size:9px}
 .ow22-stage-detail{display:none}
 .ow22-stage-image{height:clamp(190px,52vw,258px)}
 .ow22-views{gap:6px;padding-top:8px}
 .ow22-view{display:block;padding:4px;}
 .ow22-view img{width:100%;height:42px;}
 .ow22-view>span{display:block;font-size:10px;text-align:center;margin-top:6px;line-height:1.3}
 .ow22-panel-foot{margin-top:11px;padding-top:12px}
 .ow22-case-name{font-size:14px}
 .ow22-panel-foot p{font-size:10px;max-width:185px}
 .ow22-panel-foot a{font-size:10px;gap:3px}
 .ow22-bottom>span{max-width:175px;font-size:8px;line-height:1.5}
}
@media(max-width:350px){
 .ow22-story h1{font-size:clamp(39px,10.2vw,43px)}
 .ow22-kicker{font-size:8px}
 .ow22-panel-foot{flex-direction:column;align-items:flex-start}
 .ow22-panel-foot a{margin-top:4px}
 .ow22-view>span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.ow22-cta-main,.ow22-cta-sub,.ow22-case-tab,.ow22-view{transition:none!important}.ow22-stage-image.is-switching{animation:none}}