/* Bird Dog Works, September 2026. Shared identity across the marketing site. */
:root{--bone:#F7F4ED;--cobalt:#0057FF;--sage:#7A8F6B;--stone:#A7A19A;--apricot:#FF6A3D;--navy:#102956;--rule:#D8D4CC}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body.bd-v12.bd-v12:not(.v12-play):not(.arcade-page){--paper:var(--bone);--ink:var(--navy);--muted:#586578;--line:var(--rule);--accent:var(--cobalt);--orange:var(--apricot);background:var(--bone)!important;color:var(--navy)!important}
body.bd-v12.bd-v12 :focus-visible{outline:3px solid var(--cobalt)!important;outline-offset:4px}
body.bd-v12.bd-v12 .v12-header{background:var(--bone)!important;color:var(--navy)!important;border-bottom:1px solid var(--rule)!important;box-shadow:none!important;padding:10px clamp(18px,3.5vw,70px)!important;min-height:86px!important;gap:20px!important;position:relative;z-index:100}
body.bd-v12.bd-v12 .v12-brand{width:142px!important;min-width:142px!important;height:auto!important;max-height:none!important;background:transparent!important;padding:0!important;border:0!important;display:block!important;overflow:visible!important}
body.bd-v12.bd-v12 .v12-brand img{display:block!important;width:100%!important;height:auto!important;max-height:69px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
body.bd-v12.bd-v12 .v12-mobile-wordmark,body.bd-v12.bd-v12 .v12-header-note{display:none!important}
body.bd-v12.bd-v12 .v12-nav{background:var(--bone)!important;color:var(--navy)!important}
body.bd-v12.bd-v12 .v12-nav a{color:var(--navy)!important;text-decoration:none!important;font-weight:650!important}
body.bd-v12.bd-v12 .v12-nav a:hover,body.bd-v12.bd-v12 .v12-nav a[aria-current]{color:var(--cobalt)!important}
body.bd-v12.bd-v12 .v12-nav-contact{background:var(--cobalt)!important;color:white!important;border:1px solid var(--cobalt)!important;border-radius:99px!important;clip-path:none!important;padding:10px 19px!important}
body.bd-v12.bd-v12 .v12-nav .v12-nav-contact,body.subscription-page .v12-nav .v12-nav-contact{color:white!important}
body.bd-v12.bd-v12 .v12-menu{color:var(--navy)!important;background:transparent!important;border:1px solid var(--rule)!important;border-radius:99px!important}
body.bd-v12.bd-v12:not(.v12-play):not(.arcade-page) main{background:var(--bone);color:var(--navy)}
body.bd-v12.bd-v12 :is(.bd-action,.industrial-cta){border-radius:99px!important;clip-path:none!important;background:var(--cobalt)!important;color:white!important;border:1px solid var(--cobalt)!important}
body.bd-v12.bd-v12 :is(.bd-action,.industrial-cta):hover{background:var(--navy)!important}
body.bd-v12.bd-v12 .v12-footer,body.bd-v12.bd-v12 .bd-footer{background:var(--navy)!important;color:var(--bone)!important;border-color:#ffffff36!important}
body.bd-v12.bd-v12 .v12-footer a,body.bd-v12.bd-v12 .bd-footer a{color:var(--bone)!important}
body.bd-v12.bd-v12 .bd-footer-brand img{width:190px!important;height:auto!important;filter:brightness(0) invert(1)!important}
/* Homepage: typographic clarity, real project proof, energetic but controlled color. */
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front{background:var(--bone)!important;color:var(--navy)!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-hero{background:var(--bone)!important;color:var(--navy)!important;min-height:610px;gap:5vw;padding:clamp(30px,5vw,80px) clamp(22px,5vw,90px)!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front :is(h1,h2,h3){font-family:Anybody,Epilogue,Arial,sans-serif!important;text-transform:none!important;letter-spacing:-.065em!important;line-height:1.02!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front h1{font-size:clamp(58px,6.3vw,106px)!important;max-width:750px;line-height:.97!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front h1 em{color:var(--cobalt)!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-eyebrow{color:var(--sage)!important;letter-spacing:.12em!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-intro{color:#34496d!important;font-size:clamp(17px,1.45vw,22px)!important;max-width:500px!important;line-height:1.5!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-action{color:var(--cobalt)!important;border-color:var(--cobalt)!important;transition:background .2s,color .2s,padding .2s}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-action:hover{background:var(--cobalt);color:white!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-proof{transform:none;align-self:center}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-proof img{border:0!important;aspect-ratio:1.55;object-fit:cover;box-shadow:17px 17px 0 var(--sage)}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-proof-label{color:var(--sage)!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-clients{background:var(--cobalt)!important;color:white!important;border:0!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-clients a,body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-clients>span{color:white!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-clients a{font-family:Anybody,Epilogue,sans-serif!important;font-size:clamp(15px,1.5vw,23px)!important;letter-spacing:-.04em}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-offers{background:var(--bone)!important;color:var(--navy)!important;padding:clamp(42px,5vw,80px) clamp(22px,5vw,90px) 20px!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front :is(.front-offer-heading p,.front-delivery,.front-website div p,.front-custom span,.front-included){color:#53627a!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-monthly article{border-top:3px solid var(--cobalt)!important;padding-top:25px!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-price{color:var(--cobalt)!important;font-family:Anybody,Epilogue,sans-serif!important;font-weight:750!important;letter-spacing:-.07em!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-delivery strong{color:var(--navy)!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-monthly .front-action{color:var(--cobalt)!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-included a{color:var(--cobalt)!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-website{border-color:var(--rule)!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-site-price{font-family:Anybody,Epilogue,sans-serif!important;color:var(--navy)!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-custom{border-bottom:1px solid var(--rule);color:var(--cobalt)!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-bottom{background:var(--sage)!important;color:white!important;padding:clamp(30px,4vw,70px) clamp(22px,5vw,90px)!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-bottom .front-action{color:white!important;border-color:white!important}
body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-bottom .front-action:hover{background:white;color:var(--navy)!important}
/* The plan form retains its working request flow and joins the same visual system. */
body.subscription-page #main .subscription-home{--sub-muted:#586578;--sub-line:var(--rule);background:var(--bone)!important;color:var(--navy)!important}
body.subscription-page #main .sub-hero,body.subscription-page #main .sub-network{background:var(--navy)!important;color:var(--bone)!important;--sub-muted:#d8dfeb;--sub-line:#ffffff35}
body.subscription-page #main .sub-hero-image:after{background:linear-gradient(90deg,#102956f2,#102956c9 36%,#10295633 72%),linear-gradient(0deg,#102956,transparent 32%)!important}
body.subscription-page #main .sub-plans{background:var(--cobalt)!important;color:white!important;--sub-muted:#e0e9ff;--sub-line:#ffffff60}
body.subscription-page #main .sub-plans :is(.sub-section-heading>p,.sub-plan-summary,.sub-plan li strong,.sub-plan li span,.sub-price span,.sub-setup,.sub-kicker,.sub-scope,.sub-scope strong,.sub-scope summary){color:white!important}
body.subscription-page #main .sub-plan-switch{border-color:white!important}
body.subscription-page #main .sub-plan-switch button{color:white!important}
body.subscription-page #main .sub-plan-switch button+button{border-color:white!important}
body.subscription-page #main .sub-plan-switch button[aria-pressed=true]{background:var(--bone)!important;color:var(--navy)!important}
body.subscription-page #main .sub-plan li,body.subscription-page #main .sub-scope{border-color:#ffffff77!important}
body.subscription-page #main :is(.sub-button,.sub-plan>.sub-button){background:var(--cobalt)!important;color:white!important;border:0!important;border-radius:99px!important;clip-path:none!important}
body.subscription-page #main .sub-plans :is(.sub-button,.sub-plan>.sub-button){background:var(--bone)!important;color:var(--navy)!important}
body.subscription-page #main .sub-section:not(.sub-hero):not(.sub-plans):not(.sub-network){background:var(--bone)!important;color:var(--navy)!important}
body.subscription-page #main .sub-section:not(.sub-hero):not(.sub-plans):not(.sub-network) :is(p,.sub-small,.sub-kicker,.sub-order span){color:#53627a!important}
body.subscription-page #main .sub-section:not(.sub-hero):not(.sub-plans):not(.sub-network) h2{color:var(--navy)!important}
body.subscription-page #main :is(.sub-client-list>a,.sub-order>strong,.sub-scope summary){color:inherit!important}
body.subscription-page #main #sub-form :is(input:not([type=checkbox]),select,textarea){background:white!important;color:var(--navy)!important;border:1px solid var(--rule)!important;border-radius:9px!important;padding:12px 15px!important}
body.subscription-page #main #sub-form input[type=checkbox]{accent-color:var(--cobalt)}
body.subscription-page #main .sub-order{border-color:var(--cobalt)!important}
body.subscription-page #main .sub-work-image{transform:none!important}
body.subscription-page #main .sub-work-image img{box-shadow:12px 12px 0 var(--sage)!important}
/* Other pages share the canvas and color hierarchy without flattening the game screens. */
body.bd-v12.bd-v12:not(.subscription-page) main :is(a:not(.v12-brand),button):focus-visible{outline-color:var(--cobalt)!important}
body.bd-v12.bd-v12:not(.subscription-page):not(.v12-play):not(.arcade-page) .bd-page,body.bd-v12.bd-v12:not(.subscription-page):not(.v12-play):not(.arcade-page) .studio-page{background:var(--bone)}
body.bd-v12.bd-v12:not(.subscription-page) :is(.section-kicker,.eyebrow,.overline){color:var(--sage)!important}
body.bd-v12.bd-v12:not(.subscription-page) :is(.services-hero,.contact-hero,.industrial-hero){background-color:var(--bone)!important;color:var(--navy)!important}
body.bd-v12.bd-v12:not(.subscription-page) :is(.services-hero,.contact-hero,.industrial-hero) em{color:var(--cobalt)!important}
/* Stats and archive have their own lightweight shell. */
body.stats-page{--paper:var(--bone);--ink:var(--navy);--line:var(--rule);--muted:#52627c;--orange:var(--apricot);--lime:#dce7d4;--blue:var(--cobalt);background:var(--bone);color:var(--navy)}
.wordmark:has(img){display:block;width:132px;min-width:132px;line-height:0}.wordmark img{display:block;width:100%;height:auto}
body.stats-page header{background:var(--bone);border-color:var(--rule)}
body.stats-page .total-strip{background:var(--cobalt);color:white}
body.stats-page .total-strip .sub{color:#e2eaff}
body.stats-page .strip-link{background:var(--sage)!important;color:white!important}
body.stats-page :is(.detail,dialog){background:white}
@media(max-width:900px){body.bd-v12.bd-v12 .v12-header{min-height:70px!important}body.bd-v12.bd-v12 .v12-brand{width:113px!important;min-width:113px!important}body.bd-v12.bd-v12 .v12-brand img{max-height:58px!important}body.bd-v12.bd-v12 .v12-nav{box-shadow:0 18px 20px #10295620!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-hero{min-height:0}}
@media(max-width:760px){body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-hero{display:grid!important;grid-template-columns:1fr!important;gap:30px!important;padding:32px 6vw 38px!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front h1{font-size:clamp(50px,12vw,78px)!important;overflow-wrap:normal!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-proof img{max-height:none!important;aspect-ratio:1.65;object-fit:cover;box-shadow:9px 9px 0 var(--sage)}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-clients{grid-template-columns:1fr 1fr!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-offers{padding:38px 6vw 18px!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-monthly{grid-template-columns:1fr!important;gap:26px!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-monthly article{padding-top:17px!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-plan-name h3{min-height:0!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-delivery{min-height:0!important;margin-bottom:14px!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-price{font-size:clamp(76px,18vw,112px)!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-bottom{padding:38px 6vw!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-website{grid-template-columns:1fr!important}body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front .front-site-price{font-size:62px!important}body.subscription-page #main .sub-plan>ul{grid-template-columns:1fr!important}}
@media(max-width:380px){body.subscription-page.bd-v12.bd-v12.bd-v12 #main.bd-front h1{font-size:clamp(45px,11.5vw,62px)!important}.front-offer-heading{display:block!important}.front-offer-heading p{max-width:100%!important;margin-top:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Resolve the older three-class studio rules that otherwise leave a black header. */
body.bd-v12.bd-v12.bd-v12 .v12-header{background:var(--bone)!important;color:var(--navy)!important;border-bottom:1px solid var(--rule)!important;height:auto!important;min-height:86px!important;padding:10px clamp(18px,3.5vw,70px)!important}
body.bd-v12.bd-v12.bd-v12 .v12-brand{width:142px!important;min-width:142px!important}
body.bd-v12.bd-v12.bd-v12 .v12-brand img{width:142px!important;max-height:69px!important}
body.bd-v12.bd-v12.bd-v12 .v12-nav{background:transparent!important}
body.bd-v12.bd-v12.bd-v12 .v12-nav .v12-menu-items{background:transparent!important}
body.bd-v12.bd-v12.bd-v12 .v12-nav a,body.bd-v12.bd-v12.bd-v12 .v12-nav a:not(.v12-nav-cta){color:var(--navy)!important;background:transparent!important;font-weight:650!important}
body.bd-v12.bd-v12.bd-v12 .v12-nav a:hover,body.bd-v12.bd-v12.bd-v12 .v12-nav a[aria-current=page]{color:var(--cobalt)!important}
body.bd-v12.bd-v12.bd-v12 .v12-nav .v12-nav-contact,body.bd-v12.bd-v12.bd-v12 .v12-nav .v12-nav-contact:not(.v12-nav-cta){background:var(--cobalt)!important;color:white!important;border-color:var(--cobalt)!important}
body.bd-v12.bd-v12.bd-v12 .v12-menu{color:var(--navy)!important;border-color:var(--rule)!important}
body.bd-v12.bd-v12.bd-v12:not(.v12-play):not(.arcade-page){--paper:var(--bone);--ink:var(--navy);--muted:#52627c;--line:var(--rule);--accent:var(--cobalt);--orange:var(--apricot);background:var(--bone)!important;color:var(--navy)!important}
body.bd-v12.bd-v12.bd-v12:not(.v12-play):not(.arcade-page) #main :is(.studio-action,.network-button,.op-primary,.services-contact-link,.v12-button){background:var(--cobalt)!important;color:white!important;border-color:var(--cobalt)!important}
body.bd-v12.bd-v12.bd-v12:not(.v12-play):not(.arcade-page) #main :is(.studio-action,.network-button,.op-primary,.services-contact-link,.v12-button):hover{background:var(--navy)!important;border-color:var(--navy)!important}
body.bd-v12.bd-v12.bd-v12:not(.v12-play):not(.arcade-page) #main :is(.studio-lead,.services-lead,.studio-intro,.studio-copy p,.services-copy p){color:#465a78!important}
@media(max-width:900px){body.bd-v12.bd-v12.bd-v12 .v12-header{min-height:70px!important;padding:8px 18px!important}body.bd-v12.bd-v12.bd-v12 .v12-brand{width:113px!important;min-width:113px!important}body.bd-v12.bd-v12.bd-v12 .v12-brand img{width:113px!important;max-height:58px!important}body.bd-v12.bd-v12.bd-v12 .v12-nav{background:var(--bone)!important}}
body.stats-page .case-card{background:var(--navy)!important;color:var(--bone)!important;border-radius:10px!important}
body.stats-page .case-card:nth-child(2){background:var(--sage)!important;color:white!important}
body.stats-page .case-card:nth-child(3){background:var(--cobalt)!important;color:white!important}
body.stats-page .case-card:nth-child(4){background:var(--bone)!important;color:var(--navy)!important;border:1px solid var(--rule)!important}
body.stats-page .case-card:first-child .case-growth,body.stats-page .case-card:first-child .case-chart{color:var(--bone)!important}