@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
/*
Theme Name: Wekala (WPVibe Draft)
Theme URI: https://theflybirddigital.com/
Author: Flybird Digital
Description: Brand-led digital marketing agency theme inspired by the motion, grids and creative energy of modern agency themes.
Version: 2.0.1
Text Domain: flybird
*/

:root{--navy:#001f4e;--navy-2:#062d68;--teal:#029c9a;--teal-2:#00c5bd;--ink:#081a32;--muted:#63718a;--paper:#f6f9fc;--white:#fff;--line:rgba(0,31,78,.12);--shadow:0 24px 70px rgba(0,31,78,.12);--radius:28px;--radius-sm:16px;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:"Manrope",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.section{position:relative;padding:120px 0;overflow:hidden}.section-sm{padding:80px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;line-height:1;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.section-title{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 24px;font-weight:800;color:var(--navy)}.section-title em{font-style:normal;color:var(--teal)}.lead{max-width:650px;font-size:18px;color:var(--muted)}.muted{color:var(--muted)}
.hero{min-height:900px;padding:190px 0 90px;background:radial-gradient(circle at 78% 22%,rgba(2,156,154,.24),transparent 30%),linear-gradient(135deg,#d4e1e6 0%,#e3ecef 52%,#cde3df 100%);position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,31,78,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(0,31,78,.075) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-copy{position:relative;z-index:2;width:min(800px)}.hero h1{font-size:clamp(48px,6.15vw,84px);line-height:.92;letter-spacing:-.075em;color:var(--navy);margin:24px 0 28px;font-weight:900}.hero h1 .outline{color:transparent;-webkit-text-stroke:2px var(--navy)}.hero p{font-size:19px;max-width:620px;color:#51617b;margin-bottom:34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;padding:15px 21px;font-size:14px;font-weight:800;transition:.3s var(--ease);border:1px solid transparent}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 16px 30px rgba(0,31,78,.2)}.btn-primary:hover{transform:translateY(-3px);background:var(--navy-2)}.btn-ghost{border-color:var(--line);background:#fff;color:var(--navy)}.btn-ghost:hover{transform:translateY(-3px);border-color:rgba(2,156,154,.4)}.hero-orbit{position:absolute;width:640px;height:640px;right:-90px;top:180px;border:1px solid rgba(0,31,78,.12);border-radius:50%;transform:rotate(-20deg)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%}.hero-orbit:before{inset:55px;border:1px dashed rgba(2,156,154,.35)}.hero-orbit:after{width:18px;height:18px;background:var(--teal);box-shadow:0 0 0 14px rgba(2,156,154,.1);top:80px;right:100px}.hero-card{position:absolute;right:9%;top:355px;width:300px;padding:24px;border-radius:24px;background:rgba(0,31,78,.94);color:#fff;box-shadow:0 30px 80px rgba(0,31,78,.28);transform:rotate(5deg);z-index:3}.hero-card .mini{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#8fdad7}.hero-card strong{display:block;font-size:44px;line-height:1;margin:10px 0}.hero-card p{color:#b7c4d7;font-size:13px;margin:0}.hero-badge{position:absolute;right:31%;top:220px;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;text-align:center;transform:rotate(14deg);box-shadow:0 18px 45px rgba(2,156,154,.35)}
.ticker{background:var(--navy);color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.ticker-track{display:flex;width:max-content;animation:marquee 24s linear infinite}.ticker-item{padding:18px 30px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.ticker-item span{color:var(--teal-2);margin-left:28px}@keyframes marquee{to{transform:translateX(-50%)}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}.stat{background:#fff;padding:32px}.stat strong{display:block;font-size:44px;line-height:1;color:var(--navy);letter-spacing:-.05em}.stat span{display:block;color:var(--muted);font-size:13px;margin-top:9px}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:56px}.service-card{position:relative;padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff;min-height:280px;overflow:hidden;transition:.45s var(--ease)}.service-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-90px;top:-90px;background:rgba(2,156,154,.08);transition:.45s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(2,156,154,.3)}.service-card:hover:before{transform:scale(1.5)}.service-no{font-size:12px;font-weight:900;color:var(--teal);letter-spacing:.15em}.service-card h3{font-size:30px;line-height:1.05;letter-spacing:-.04em;color:var(--navy);margin:48px 0 10px}.service-card p{color:var(--muted);max-width:430px;margin:0}.service-arrow{position:absolute;right:28px;bottom:26px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--navy);transition:.3s}.service-card:hover .service-arrow{background:var(--teal);color:#fff;border-color:var(--teal);transform:rotate(45deg)}
.dark-section{background:var(--navy);color:#fff}.dark-section .section-title{color:#fff}.dark-section .lead{color:#b9c7da}.dark-section .eyebrow{color:var(--teal-2)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:55px}.process-card{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.04);min-height:220px}.process-card b{font-size:13px;color:var(--teal-2);letter-spacing:.1em}.process-card h3{font-size:24px;line-height:1.1;margin:42px 0 10px}.process-card p{color:#a9b8cd;font-size:14px}.process-card:first-child{background:linear-gradient(145deg,rgba(2,156,154,.22),rgba(255,255,255,.03))}
.work-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:55px}.work-card{min-height:390px;border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(135deg,#062d68,#029c9a);padding:34px;display:flex;align-items:flex-end;box-shadow:var(--shadow)}.work-card.small{min-height:185px;background:linear-gradient(135deg,#eaf5f5,#fff);color:var(--navy)}.work-stack{display:grid;gap:18px}.work-card:before{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-80px;top:-80px}.work-card:after{content:"";position:absolute;width:140px;height:140px;border:1px dashed rgba(255,255,255,.35);border-radius:50%;right:10px;top:40px}.work-meta{position:relative;z-index:2}.work-meta small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.75}.work-meta h3{font-size:42px;line-height:1;margin:10px 0}.work-meta a{font-size:13px;font-weight:800}.work-card.small h3{font-size:26px}
.testimonial{margin-top:55px;padding:50px;border-radius:28px;background:#eef8f8;border:1px solid rgba(2,156,154,.18);display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:center}.quote-mark{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:42px;font-family:Georgia,serif}.testimonial blockquote{font-size:25px;line-height:1.35;letter-spacing:-.025em;margin:0;color:var(--navy)}.testimonial cite{display:block;margin-top:18px;color:var(--muted);font-style:normal;font-size:13px}
.cta{background:linear-gradient(120deg,var(--navy),#073b80);color:#fff;border-radius:34px;padding:65px 70px;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-170px;top:-220px}.cta:after{content:"";position:absolute;width:300px;height:300px;border:1px dashed rgba(0,197,189,.4);border-radius:50%;right:-20px;bottom:-200px}.cta h2{font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-.055em;max-width:700px;margin:0 0 25px;position:relative;z-index:2;color:#fff!important;opacity:1!important}.cta p{color:#d9e4f0!important;max-width:560px;position:relative;z-index:2;opacity:1}.cta .btn{position:relative;z-index:2;margin-top:18px;background:var(--teal);color:#fff!important}
.page-hero{padding:175px 0 90px;background:linear-gradient(135deg,#f6fbff,#edf9f8);position:relative;overflow:hidden}.page-hero .section-title{max-width:900px}.page-hero .hero-line{position:absolute;right:-100px;bottom:-250px;width:560px;height:560px;border:1px solid rgba(2,156,154,.18);border-radius:50%}.page-hero .hero-line:after{content:"";position:absolute;inset:80px;border:1px dashed rgba(0,31,78,.13);border-radius:50%}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.list{display:grid;gap:12px;margin:30px 0 0;padding:0;list-style:none}.list li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);font-weight:700}.list li:before{content:"↗";color:var(--teal);font-weight:900}.page-image{width:100%;aspect-ratio:1.35/1;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.visual-card{min-height:430px;border-radius:30px;padding:42px;background:linear-gradient(145deg,var(--navy),#073b80);color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.visual-card span{font-size:11px;letter-spacing:.16em;color:var(--teal-2);font-weight:900}.visual-card strong{font-size:82px;line-height:.92;letter-spacing:-.07em;margin:22px 0;position:relative;z-index:2}.visual-card p{color:#c3cfdf;max-width:320px}.visual-orbit{position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-90px;top:-80px}.visual-orbit:after{content:"";position:absolute;inset:55px;border:1px dashed rgba(0,197,189,.35);border-radius:50%}.visual-code strong{font-size:52px}.visual-code i{font-family:monospace;color:#8fdad7;font-style:normal}.visual-chart strong{font-size:58px}.chart-line{height:120px;margin-top:20px;border-bottom:3px solid var(--teal-2);border-right:3px solid var(--teal-2);border-radius:0 0 100% 0;transform:skewY(-12deg);opacity:.8}.metric-card{padding:34px;border-radius:24px;background:var(--navy);color:#fff}.metric-card strong{font-size:58px;line-height:1;display:block}.metric-card span{color:#b9c7da;font-size:13px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.contact-panel{padding:38px;border-radius:26px;background:var(--paper);border:1px solid var(--line)}.contact-panel h3{color:var(--navy);margin-top:0}.contact-row{padding:17px 0;border-bottom:1px solid var(--line)}.contact-row small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.contact-row a{font-weight:800;color:var(--navy)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:var(--navy)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;color:var(--ink);font:inherit;outline:none;transition:.2s}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(2,156,154,.08)}
.site-footer{background:#fff;color:var(--navy);padding:78px 0 28px;border-top:1px solid rgba(0,31,78,.12);position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(2,156,154,.08);border-radius:50%;right:-250px;bottom:-330px;pointer-events:none}.footer-topline{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:34px;border-bottom:1px solid rgba(0,31,78,.1)}.footer-brand-mark{display:inline-flex;align-items:center}.footer-logo{display:block;width:210px;height:62px;object-fit:contain;object-position:left center;filter:none;transform:none}.footer-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#718197}.footer-main-grid{display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:70px;padding:48px 0 55px}.footer-column h2{font-family:Georgia,serif;font-size:27px;line-height:1.1;letter-spacing:-.025em;font-weight:500;color:#071a34;margin:0 0 20px}.footer-links{display:grid;gap:5px;margin:0}.footer-links a{color:#101f35;font-size:15px;line-height:1.5;transition:color .25s ease,transform .25s ease}.footer-links a:hover{color:var(--teal);transform:translateX(4px)}.footer-contact-details{display:grid;gap:4px}.footer-contact-details a{font-size:15px;color:#101f35;font-weight:600}.footer-contact-details address{font-style:normal;font-size:15px;line-height:1.5;color:#101f35;max-width:360px}.footer-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding:10px 0 45px}.footer-help-card{width:142px;padding:13px 12px 11px;background:#050505;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.14)}.footer-help-label{display:block;font-size:8px;font-weight:800;letter-spacing:.03em;margin-bottom:9px;color:#fff}.footer-help-button{display:flex;align-items:center;justify-content:center;min-height:22px;border:1px solid rgba(112,255,211,.75);border-radius:4px;background:rgba(2,156,154,.18);box-shadow:inset 0 0 12px rgba(79,255,210,.2);color:#6fffd4!important;font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.footer-socials{display:flex;align-items:center;gap:13px;margin:12px 0 14px}.footer-socials a{font-size:8px;line-height:1;color:#fff;font-weight:800;opacity:.9;transition:color .2s ease,transform .2s ease}.footer-socials a:hover{color:#6fffd4;transform:translateY(-2px)}.footer-help-card>strong{font-family:Georgia,serif;font-size:15px;font-weight:500;color:#fff}.footer-email-block{justify-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:2px}.footer-email-block>span{font-family:Georgia,serif;font-size:25px;line-height:1.1;font-weight:600;color:#071a34}.footer-email-block>a{font-family:Georgia,serif;font-size:15px;color:#101f35}.footer-email-block>a:hover{color:var(--teal)}.footer-secondary-email{font-family:Manrope,sans-serif!important;font-size:12px!important;color:#718197!important}.footer-bottom{border-top:1px solid rgba(0,31,78,.1);padding-top:20px;color:#718197;font-size:12px;display:flex;justify-content:space-between;gap:20px}.to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;z-index:900;box-shadow:0 15px 35px rgba(2,156,154,.28);opacity:0;pointer-events:none;transform:translateY(15px);transition:.3s}.to-top.visible{opacity:1;pointer-events:auto;transform:none}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.tilt{transform-style:preserve-3d}.cursor-dot{position:fixed;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--teal);pointer-events:none;z-index:10000;mix-blend-mode:multiply;opacity:0;transition:opacity .2s}.cursor-ring{position:fixed;left:0;top:0;width:32px;height:32px;border:1px solid rgba(0,31,78,.35);border-radius:50%;pointer-events:none;z-index:9999;opacity:0}
@media(max-width:1024px){.hero{min-height:820px}.hero-orbit{right:-250px;opacity:.7}.hero-card{right:6%;top:440px}.stats{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.footer-main-grid{grid-template-columns:repeat(2,1fr);gap:45px}.footer-contact-column{grid-column:1/-1}.footer-lower-grid{gap:45px}.split{grid-template-columns:1fr;gap:40px}.contact-grid{grid-template-columns:1fr}}
@media(max-width:680px){.container{width:min(100% - 30px,1180px)}.hero{padding-top:150px;min-height:820px}.hero h1{font-size:56px}.hero p{font-size:16px}.hero-orbit{width:430px;height:430px;right:-230px;top:410px}.hero-card{top:530px;right:10px;width:240px;padding:18px}.hero-card strong{font-size:35px}.hero-badge{display:none}.section{padding:80px 0}.section-title{font-size:43px}.services-grid,.process{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stat{padding:24px}.work-card{min-height:310px}.testimonial{grid-template-columns:1fr;padding:30px}.quote-mark{width:66px;height:66px;font-size:30px}.testimonial blockquote{font-size:20px}.cta{padding:42px 28px;border-radius:25px}.page-hero{padding:145px 0 65px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-main-grid{grid-template-columns:1fr;gap:34px}.footer-lower-grid{grid-template-columns:1fr;gap:34px}.footer-email-block{justify-self:start}.footer-bottom{flex-direction:column}.cursor-dot,.cursor-ring{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ticker-track{animation:none}.hero-card,.hero-badge{transform:none}}
@keyframes flyReveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.reveal{animation:flyReveal .8s var(--ease) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}
.footer-logo{display:block;width:210px;height:62px;object-fit:contain;object-position:left center;filter:none;transform:none;transform-origin:left center}
@media(max-width:680px){.hero{padding-top:135px;min-height:760px}.hero h1{font-size:clamp(48px,14vw,64px);line-height:.9}.hero p{font-size:16px;line-height:1.6}.hero-actions{gap:10px}.btn{width:100%;min-height:52px}.hero-orbit{width:360px;height:360px;right:-205px;top:430px}.hero-card{top:535px;right:5px;width:min(230px,68vw);padding:17px}.hero-card strong{font-size:32px}.section{padding:72px 0}.section-title{font-size:clamp(38px,11vw,48px)}.lead{font-size:16px}.services-grid,.process,.stats,.work-grid,.split,.contact-grid,.footer-main-grid{grid-template-columns:1fr}.service-card{min-height:250px;padding:26px}.service-card h3{font-size:26px;margin-top:36px}.process-card{min-height:190px}.work-card{min-height:290px}.testimonial{grid-template-columns:1fr;padding:28px}.quote-mark{width:64px;height:64px}.testimonial blockquote{font-size:19px}.cta{padding:40px 24px;border-radius:24px}.cta h2{font-size:clamp(38px,11vw,52px)}.page-hero{padding:130px 0 60px}.form-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.cursor-dot,.cursor-ring{display:none}}

/* Brand button rule: Flybird uses navy + teal only, never orange/coral. */
.btn-primary{background:var(--navy)!important;color:#fff!important}.btn-primary:hover{background:var(--navy-2)!important}.cta .btn{background:var(--teal)!important;color:#fff!important}

/* Flybird contrast + motion polish */
.dark-section{background:linear-gradient(135deg,#001a40 0%,#052f68 58%,#003f58 100%)}
.dark-section .section-title,.dark-section .section-title em{color:#fff}
.dark-section .section-title em{color:#38d8d0}
.dark-section .lead{color:#e3ebf5}
.dark-section .process-card h3{color:#fff}
.dark-section .process-card p{color:#d1dbea}
.dark-section .process-card b{color:#4de3db}
.site-footer .footer-title{color:#55e5de}
.site-footer .footer-links a,.site-footer .footer-brand p{color:#d7e1ed}
.site-footer .footer-bottom{color:#aebed1}
.cta p{color:#d9e4f0}
.work-card.small .work-meta small{color:var(--teal)}
.work-card.small .work-meta h3,.work-card.small .work-meta a{color:var(--navy)}
.hero-copy,.hero-card,.service-card,.process-card,.work-card,.testimonial,.cta{will-change:transform}
.btn-primary{position:relative;overflow:hidden}
.btn-primary:before{content:"";position:absolute;inset:-80%;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,197,189,.34),transparent 24%);opacity:0;transition:opacity .3s;pointer-events:none}
.btn-primary:hover:before{opacity:1}
.service-card:after{content:"";position:absolute;left:-30%;bottom:-45%;width:160px;height:160px;border-radius:50%;background:rgba(2,156,154,.08);transition:transform .6s var(--ease)}
.service-card:hover:after{transform:translate(90px,-90px) scale(1.25)}
.hero-orbit{animation:orbitFloat 10s ease-in-out infinite}
.hero-badge{animation:badgeFloat 4.5s ease-in-out infinite}
.hero-card{animation:cardFloat 5.5s ease-in-out infinite}
@keyframes orbitFloat{0%,100%{transform:rotate(-20deg) translate3d(0,0,0)}50%{transform:rotate(-16deg) translate3d(0,-16px,0)}}
@keyframes badgeFloat{0%,100%{transform:rotate(14deg) translateY(0)}50%{transform:rotate(8deg) translateY(-12px)}}
@keyframes cardFloat{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-9px)}}
@media(max-width:680px){.hero-orbit,.hero-badge,.hero-card{animation:none}.dark-section .lead{color:#dce6f2}.dark-section .process-card p{color:#cbd7e6}}

/* Homepage Why Flybird cards: click to reveal, matching the interactive principles section. */
.flybird-home-principles details{cursor:pointer}
.flybird-home-principles summary{list-style:none;cursor:pointer;outline:none}
.flybird-home-principles summary::-webkit-details-marker{display:none}
.flybird-home-principles summary::marker{display:none}
.flybird-home-principles summary b{display:block}
.flybird-home-principles summary h3{margin-bottom:0}
.flybird-home-principles details[open]{grid-column:1/-1}
.flybird-home-principles details[open] summary h3{margin-bottom:22px}
.home-principle-reveal{display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:24px;align-items:center;padding-top:4px;animation:homePrincipleReveal .45s ease both}
.home-principle-reveal img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.22);opacity:0;transform:translateY(10px) scale(.985);transition:opacity .45s ease,transform .55s ease}
.flybird-home-principles details[open] .home-principle-reveal img{opacity:1;transform:translateY(0) scale(1)}
.home-principle-reveal p{margin:0;color:#dce6f2!important;line-height:1.7}
.flybird-home-principles details[open]{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.24);box-shadow:0 24px 60px rgba(0,0,0,.16)}
@keyframes homePrincipleReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.home-principle-reveal{grid-template-columns:1fr}.flybird-home-principles details[open]{grid-column:auto}}
@media(max-width:680px){.flybird-home-principles details[open]{grid-column:auto}.flybird-home-principles details[open] summary h3{margin-bottom:18px}.home-principle-reveal{gap:16px}.home-principle-reveal img{border-radius:13px}.home-principle-reveal p{font-size:13px}}


/* Rich inner pages */
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.story-copy{font-size:19px;color:var(--muted)}.belief-strip{display:grid;gap:0;margin-top:35px;border-top:1px solid var(--line)}.belief-strip b{padding:18px 0;border-bottom:1px solid var(--line);color:var(--navy)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.feature-grid article{padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:24px;min-height:260px;background:rgba(255,255,255,.04)}.feature-grid span{color:var(--teal-2);font-weight:800}.feature-grid h3{font-size:27px;margin:55px 0 10px;color:#fff}.feature-grid p{color:#d1dbea}.big-statement{font-size:clamp(44px,6.5vw,92px);font-weight:800;line-height:.98;letter-spacing:-.06em;color:var(--navy);max-width:1100px}.big-statement em{font-style:normal;color:var(--teal)}.cta-inline{margin-top:70px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-inline p{font-size:19px;font-weight:700;color:var(--navy)}
.service-index{padding-top:65px}.service-row{display:grid;grid-template-columns:80px 1fr 190px;gap:35px;align-items:center;padding:40px 0;border-bottom:1px solid var(--line);transition:.3s}.service-row:hover{padding-left:15px}.service-row>span{font-size:13px;color:var(--teal);font-weight:900}.service-row small{font-weight:800;color:var(--teal);letter-spacing:.12em}.service-row h2{font-size:clamp(30px,4vw,54px);line-height:1;margin:8px 0;color:var(--navy);letter-spacing:-.045em}.service-row p{margin:0;color:var(--muted);max-width:680px}.service-row>a{font-weight:800;color:var(--navy)}.stack-flow{display:grid;gap:10px}.stack-flow div{padding:20px 22px;border:1px solid rgba(255,255,255,.13);border-radius:15px;color:#fff;font-size:17px}.stack-flow b{color:var(--teal-2);margin-right:15px}
.case-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.case-card{min-height:420px;border-radius:30px;padding:38px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.case-card:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(255,255,255,.18);right:-110px;top:-120px}.case-a{grid-row:span 2;min-height:858px;background:linear-gradient(145deg,var(--navy),#075a79);color:#fff}.case-b{background:#eaf7f6;color:var(--navy)}.case-c{background:#eef3fb;color:var(--navy)}.case-card small{font-weight:900;letter-spacing:.13em;color:var(--teal-2)}.case-b small,.case-c small{color:var(--teal)}.case-card h2{font-size:clamp(34px,4vw,60px);line-height:1;letter-spacing:-.05em;margin:12px 0}.case-card p{max-width:580px;font-size:17px}.case-a h2,.case-a p,.case-a a{color:#fff!important;opacity:1!important}.case-a .case-tags span{color:#fff;border-color:rgba(255,255,255,.45)}.case-b h2,.case-b p,.case-c h2,.case-c p{color:var(--navy)!important;opacity:1!important}.case-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.case-tags span{padding:7px 11px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:800}.service-hero h1,.service-hero p{opacity:1!important}.service-hero h1{color:var(--navy)!important}.service-hero p{color:#52627a!important}.dark-section h2,.dark-section h3,.dark-section p,.dark-section li{opacity:1}.dark-section .process-line article h3{color:#fff!important}.rich-section{background:#f7fafc}.rich-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.rich-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;min-height:250px;transition:.4s var(--ease)}.rich-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.rich-card span{font-size:11px;color:var(--teal);font-weight:900;letter-spacing:.14em}.rich-card h3{font-size:24px;line-height:1.1;color:var(--navy);margin:35px 0 10px}.rich-card p{color:var(--muted);font-size:15px}.faq-list{margin-top:45px;border-top:1px solid var(--line)}.faq-item{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:80px 1fr;gap:20px}.faq-item span{color:var(--teal);font-weight:900}.faq-item h3{margin:0 0 7px;color:var(--navy);font-size:20px}.faq-item p{margin:0;color:var(--muted)}.service-proof{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.service-proof .big-statement{font-size:clamp(40px,5vw,68px)}.service-proof-copy{color:var(--muted);font-size:18px}.service-proof-copy p{margin-top:0}.service-proof-list{display:grid;gap:0}.service-proof-list div{padding:20px 0;border-bottom:1px solid var(--line)}.service-proof-list b{color:var(--navy)}.service-proof-list p{margin:5px 0 0;color:var(--muted);font-size:14px}@media(max-width:900px){.rich-grid,.service-proof{grid-template-columns:1fr}.faq-item{grid-template-columns:45px 1fr}}@media(max-width:680px){.rich-grid{grid-template-columns:1fr}.rich-card{min-height:210px}.service-proof{gap:30px}.faq-item{grid-template-columns:1fr;gap:5px}}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid rgba(255,255,255,.15)}.metric-grid div{padding:30px 15px;border-right:1px solid rgba(255,255,255,.15)}.metric-grid strong{display:block;color:var(--teal-2);font-size:36px}.metric-grid span{color:#fff}
.contact-hero{padding:190px 0 100px;background:linear-gradient(135deg,#f5fbfb,#fff)}.contact-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.contact-hero h1,.service-hero h1{font-size:clamp(58px,7.5vw,108px);line-height:.9;letter-spacing:-.07em;color:var(--navy);margin:24px 0}.contact-hero h1 em{font-style:normal;color:var(--teal)}.contact-hero p{font-size:19px;color:var(--muted);max-width:600px}.contact-card{background:var(--navy);color:#fff;padding:45px;border-radius:30px;box-shadow:var(--shadow)}.contact-card>span{color:var(--teal-2);font-size:11px;font-weight:900;letter-spacing:.15em}.contact-card h2{font-size:40px;line-height:1.05;color:#fff!important;opacity:1!important;margin:18px 0 22px}.contact-card p{color:#dce6f2!important;opacity:1!important}.contact-card a{color:#fff!important;font-weight:800}.contact-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.contact-options b{font-size:11px;padding:8px 11px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff!important}.brief-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.brief-list>div{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.brief-list span{color:var(--teal);font-weight:900}.brief-list p{margin:0;color:var(--muted)}.brief-list b{color:var(--navy)}
.service-hero{padding:185px 0 100px;position:relative;overflow:hidden;background:#f7fbfd}.service-hero-bg{position:absolute;right:-10%;top:-25%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(2,156,154,.18),transparent 65%)}.service-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;position:relative}.service-hero h1{font-size:clamp(52px,6.4vw,90px)}.service-hero p{font-size:19px;color:var(--muted);max-width:680px;margin-bottom:30px}.service-symbol{aspect-ratio:1;border-radius:50%;background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 30px 80px rgba(0,31,78,.2)}.service-symbol small{color:var(--teal-2);font-size:10px;font-weight:900;letter-spacing:.13em}.service-symbol strong{font-size:clamp(60px,8vw,110px);line-height:1;letter-spacing:-.07em}.service-symbol i{position:absolute;inset:25px;border:1px dashed rgba(0,197,189,.4);border-radius:50%;animation:spin 22s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.service-intro{display:grid;grid-template-columns:250px 1fr;gap:60px;padding-bottom:70px;border-bottom:1px solid var(--line)}.service-intro p{font-size:clamp(27px,3.5vw,44px);line-height:1.2;letter-spacing:-.035em;color:var(--navy);margin:0}.deliverables{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding-top:70px}.deliverables h2{font-size:52px;line-height:1;color:var(--navy)}.deliverables ul{list-style:none;padding:0;margin:0}.deliverables li{display:grid;grid-template-columns:55px 1fr;padding:18px 0;border-bottom:1px solid var(--line);font-size:18px;font-weight:700;color:var(--navy)}.deliverables li span{font-size:11px;color:var(--teal)}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:50px;background:rgba(255,255,255,.13)}.process-line article{background:var(--navy);padding:30px;min-height:260px}.process-line span{color:var(--teal-2);font-weight:900}.process-line h3{color:#fff;font-size:23px;line-height:1.2;margin-top:80px}.outcome-block{background:#edf8f7;border-radius:30px;padding:55px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px}.outcome-block h2{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.05em;color:var(--navy);margin:20px 0 0}.outcome-metrics{display:grid;gap:12px}.outcome-metrics div{background:#fff;border-radius:18px;padding:22px}.outcome-metrics small{display:block;color:var(--teal);font-weight:900;letter-spacing:.1em}.outcome-metrics strong{display:block;color:var(--navy);font-size:24px;margin-top:8px}
@media(max-width:900px){.about-story,.contact-hero-grid,.brief-grid,.service-hero-grid,.service-intro,.deliverables,.outcome-block{grid-template-columns:1fr}.feature-grid,.metric-grid,.process-line{grid-template-columns:repeat(2,1fr)}.service-row{grid-template-columns:50px 1fr}.service-row>a{grid-column:2}.case-grid{grid-template-columns:1fr}.case-a{grid-row:auto;min-height:520px}.service-symbol{max-width:430px;width:100%;margin:auto}}
@media(max-width:680px){.feature-grid,.metric-grid,.process-line{grid-template-columns:1fr}.service-row{grid-template-columns:35px 1fr;gap:12px}.service-row h2{font-size:32px}.contact-hero,.service-hero{padding:145px 0 70px}.contact-card{padding:28px}.service-symbol{max-width:300px}.service-intro,.deliverables{gap:30px}.deliverables h2{font-size:40px}.outcome-block{padding:30px}.cta-inline{align-items:flex-start;flex-direction:column}.case-card{min-height:420px;padding:28px}.big-statement{font-size:48px}}

/* Deeper motion system */
.scroll-reveal{opacity:0;transform:translateY(45px) scale(.985);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.scroll-reveal.is-visible{opacity:1;transform:none}
.reveal{animation:none}
.reveal.is-visible{animation:flyReveal .8s var(--ease) both}
.rich-card,.case-card,.process-card,.service-row,.faq-item,.feature-grid article,.metric-grid div,.contact-panel,.brief-list>div,.deliverables li{will-change:transform}
.rich-card:nth-child(2),.feature-grid article:nth-child(2),.process-line article:nth-child(2),.metric-grid div:nth-child(2){transition-delay:.08s}.rich-card:nth-child(3),.feature-grid article:nth-child(3),.process-line article:nth-child(3),.metric-grid div:nth-child(3){transition-delay:.16s}
.service-row{position:relative;overflow:hidden;transition:padding .45s var(--ease),background .45s var(--ease),transform .45s var(--ease)}.service-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--teal);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}.service-row:hover{background:linear-gradient(90deg,rgba(2,156,154,.06),transparent);transform:translateX(8px)}.service-row:hover:before{transform:scaleY(1)}
.faq-item{transition:padding-left .35s var(--ease),background .35s var(--ease),transform .35s var(--ease)}.faq-item:hover{padding-left:18px;background:linear-gradient(90deg,rgba(2,156,154,.06),transparent);transform:translateX(5px)}
.rich-card h3,.service-row h2,.case-card h2,.process-line h3{transition:transform .4s var(--ease)}.rich-card:hover h3,.service-row:hover h2,.case-card:hover h2{transform:translateX(7px)}
.rich-card,.case-card,.process-card,.feature-grid article,.contact-panel{position:relative;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}.rich-card:hover,.process-card:hover,.feature-grid article:hover,.contact-panel:hover{transform:translateY(-10px) rotateX(1deg);box-shadow:0 28px 70px rgba(0,31,78,.14)}
.case-card{transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.case-card:hover{transform:translateY(-10px) scale(1.008);box-shadow:0 34px 85px rgba(0,31,78,.22)}.case-card:before{transition:transform 1s var(--ease)}.case-card:hover:before{transform:scale(1.18) rotate(18deg)}
.page-hero,.contact-hero,.service-hero{isolation:isolate}.page-hero:after,.contact-hero:after,.service-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(2,156,154,.12);border-radius:50%;right:-170px;top:110px;animation:ambientOrbit 12s ease-in-out infinite;pointer-events:none;z-index:-1}.contact-hero:after{left:-210px;right:auto;top:55px;border-color:rgba(0,31,78,.08)}.service-hero:after{right:-140px;top:80px;border-color:rgba(2,156,154,.15)}
.page-hero .hero-line,.service-hero-bg{animation:ambientFloat 9s ease-in-out infinite}.contact-card{animation:panelFloat 7s ease-in-out infinite}.service-symbol{animation:servicePulse 6s ease-in-out infinite}.service-symbol i{animation:spin 18s linear infinite}
.metric-grid div{transition:background .4s var(--ease),transform .4s var(--ease),padding .4s var(--ease)}.metric-grid div:hover{background:rgba(255,255,255,.06);transform:translateY(-7px);padding-top:37px}.metric-grid strong{transition:transform .4s var(--ease)}.metric-grid div:hover strong{transform:scale(1.08)}
.brief-list>div{transition:transform .4s var(--ease),padding-left .4s var(--ease),background .4s var(--ease)}.brief-list>div:hover{transform:translateX(8px);padding-left:12px;background:linear-gradient(90deg,rgba(2,156,154,.05),transparent)}
.deliverables li{transition:transform .4s var(--ease),padding-left .4s var(--ease)}.deliverables li:hover{transform:translateX(8px);padding-left:10px}
@keyframes servicePulse{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1.2deg)}}@keyframes panelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ambientFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-18px,0)}}@keyframes ambientOrbit{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-20px,18px,0) rotate(8deg)}}
.page-hero:after,.contact-hero:after,.service-hero:after{transform:translate(calc(var(--px,0)*-24px),calc(var(--py,0)*-18px))}.contact-card:after,.rich-card:after,.case-card:after,.process-card:after,.feature-grid article:after,.contact-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(0,197,189,.13),transparent 34%);opacity:0;transition:opacity .35s}.contact-card:hover:after,.rich-card:hover:after,.case-card:hover:after,.process-card:hover:after,.feature-grid article:hover:after,.contact-panel:hover:after{opacity:1}
@media(max-width:680px){.service-symbol,.contact-card,.page-hero .hero-line,.service-hero-bg{animation:none}.page-hero:after,.contact-hero:after,.service-hero:after{display:none}}
@media(prefers-reduced-motion:reduce){.reveal{animation:none!important}.scroll-reveal{opacity:1;transform:none;transition:none}.rich-card,.case-card,.process-card,.service-row,.faq-item,.feature-grid article,.contact-panel,.brief-list>div,.deliverables li{transition:none!important}.page-hero:after,.contact-hero:after,.service-hero:after,.page-hero .hero-line,.service-hero-bg,.service-symbol,.contact-card{animation:none!important}}

/* Mobile-first polish: tighter spacing, safer typography, no horizontal overflow, and touch-friendly controls. */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:680px){
.container{width:calc(100% - 28px);max-width:none}
.hero{padding:125px 0 55px;min-height:auto}.hero-copy{width:100%}.hero h1{font-size:clamp(40px,10.7vw,47px);line-height:.92;letter-spacing:-.07em;margin:20px 0 22px;max-width:100%}.hero h1 .outline{-webkit-text-stroke:1.25px var(--navy)}.hero p{font-size:15.5px;line-height:1.65;margin-bottom:25px;max-width:100%}.hero-actions{display:grid;grid-template-columns:1fr;gap:9px}.btn{width:100%;min-height:50px;padding:13px 17px}.hero-orbit{width:330px;height:330px;right:-215px;top:365px;opacity:.55}.hero-card{position:relative;top:auto;right:auto;width:min(100%,270px);margin:70px 0 0 auto;padding:20px;border-radius:20px;transform:none!important}.hero-card strong{font-size:32px}
.ticker-item{padding:15px 20px;font-size:10px}.section{padding:65px 0}.section-sm{padding:52px 0}.section-title{font-size:clamp(37px,10.5vw,48px);line-height:1;letter-spacing:-.05em;margin:15px 0 18px}.lead{font-size:15.5px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:.14em}.stats{border-radius:18px}.stat{padding:20px}.stat strong{font-size:36px}.stat span{font-size:12px}
.services-grid{gap:12px;margin-top:36px}.service-card{min-height:0;padding:24px;border-radius:20px}.service-card h3{font-size:25px;margin:31px 0 10px;max-width:90%}.service-card p{font-size:14px;line-height:1.65;padding-right:10px}.service-arrow{right:20px;bottom:20px;width:38px;height:38px}
.process{gap:12px;margin-top:35px}.process-card{min-height:0;padding:23px;border-radius:19px}.process-card h3{font-size:22px;margin:30px 0 8px}.process-card p{font-size:13px;line-height:1.65}.work-grid{gap:12px;margin-top:35px}.work-stack{gap:12px}.work-card,.work-card.small{min-height:270px;border-radius:22px;padding:25px}.work-card.small{min-height:190px}.work-meta h3{font-size:31px}.work-card.small h3{font-size:23px}.testimonial{margin-top:35px;padding:25px;border-radius:21px;gap:18px}.testimonial blockquote{font-size:18px}
.cta{padding:34px 23px;border-radius:22px}.cta h2{font-size:clamp(35px,10vw,48px);line-height:1;margin-bottom:18px}.cta p{font-size:14px;line-height:1.65}
.page-hero{padding:125px 0 55px}.page-hero .section-title{font-size:clamp(42px,11vw,54px)}.page-hero .hero-line{width:330px;height:330px;right:-220px;bottom:-150px}.split,.about-story,.brief-grid,.contact-hero-grid,.service-hero-grid,.service-intro,.deliverables,.outcome-block{gap:30px}.page-image{border-radius:21px}.visual-card{min-height:330px;padding:28px;border-radius:23px}.visual-card strong{font-size:62px}.metric-grid{margin-top:35px}.metric-grid div{padding:23px 12px}.metric-grid strong{font-size:30px}
.feature-grid,.rich-grid,.process-line{gap:11px;margin-top:35px}.feature-grid article{min-height:210px;padding:23px;border-radius:20px}.feature-grid h3{font-size:23px;margin:36px 0 9px}.feature-grid p{font-size:13px;line-height:1.65}.big-statement{font-size:clamp(40px,11vw,51px);line-height:.98}.cta-inline{margin-top:45px;padding:22px 0;gap:15px}.cta-inline p{font-size:16px}
.service-hero,.contact-hero{padding:130px 0 60px}.service-hero h1,.contact-hero h1{font-size:clamp(47px,12.5vw,64px);line-height:.92;margin:18px 0 20px}.service-hero p,.contact-hero p{font-size:16px;line-height:1.65}.service-symbol{max-width:270px;margin:5px auto 0}.service-symbol strong{font-size:78px}.service-intro p{font-size:26px;line-height:1.2}.deliverables h2{font-size:39px}.deliverables li{grid-template-columns:42px 1fr;font-size:15px;padding:15px 0}.process-line article{min-height:200px;padding:23px}.process-line h3{font-size:20px;margin-top:55px}.outcome-block{padding:25px;border-radius:22px}.outcome-block h2{font-size:clamp(38px,10vw,50px)}
.case-grid{gap:12px}.case-card{min-height:390px!important;padding:26px;border-radius:23px}.case-a{min-height:500px!important}.case-card h2{font-size:clamp(34px,9vw,50px)}.case-card p{font-size:14px;line-height:1.65}.case-tags{gap:6px}.case-tags span{font-size:10px;padding:6px 9px}
.contact-card{padding:27px;border-radius:22px}.contact-card h2{font-size:34px}.contact-options{margin-top:27px}.contact-panel{padding:25px;border-radius:21px}.form-grid{gap:12px}.field input,.field textarea,.field select{font-size:16px;min-height:48px;padding:12px 14px}.field textarea{min-height:135px}.brief-list>div{grid-template-columns:38px 1fr;gap:14px;padding:18px 0}
.site-footer{padding:55px 0 24px}.footer-topline{display:block;padding-bottom:25px}.footer-kicker{display:block;margin-top:8px;font-size:9px}.footer-main-grid{gap:30px;padding:35px 0 38px}.footer-column h2{font-size:24px;margin-bottom:14px}.footer-links a,.footer-contact-details a,.footer-contact-details address{font-size:14px}.footer-lower-grid{gap:30px;padding-bottom:36px}.footer-email-block>span{font-size:23px}.footer-email-block>a{font-size:14px}.footer-bottom{margin-top:0;padding-top:17px;font-size:11px}.to-top{right:15px;bottom:15px;width:44px;height:44px}
.rich-card:hover,.case-card:hover,.process-card:hover,.feature-grid article:hover,.contact-panel:hover,.service-row:hover,.faq-item:hover,.brief-list>div:hover,.deliverables li:hover{transform:none}.rich-card:active,.case-card:active,.process-card:active,.feature-grid article:active,.contact-panel:active{transform:scale(.99)}
/* Mobile: clarity beats delayed reveal. Never leave copy invisible while waiting for scroll. */
.scroll-reveal,.scroll-reveal.is-visible,.reveal,.reveal.is-visible{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
/* Mobile hero should flow naturally instead of reserving desktop card space. */
.hero-card{margin-top:32px;width:100%;max-width:none}
.hero-orbit{top:auto;bottom:-180px;right:-245px;opacity:.28}.stats{grid-template-columns:repeat(2,1fr)}
.work-card:not(.small) .work-meta h3{color:#fff!important}
.work-card:not(.small) .work-meta a{color:#fff!important}
.work-card:not(.small) .work-meta small{color:#d7fffc!important}
}
/* Final contrast safeguard for dark/teal work panels. */
.work-card:not(.small) .work-meta,.work-card:not(.small) .work-meta h3,.work-card:not(.small) .work-meta a{color:#fff!important;opacity:1!important;text-shadow:0 1px 18px rgba(0,20,50,.22)}
.work-card:not(.small) .work-meta small{color:#d7fffc!important;opacity:1!important}
@media(min-width:681px) and (max-width:1024px){.container{width:calc(100% - 44px)}.hero{min-height:820px}.hero-card{right:4%;top:450px}.service-card{min-height:260px}.section{padding:95px 0}}

/* =========================================================
   FLYBIRD DIGITAL - FINAL HEADER
   ========================================================= */

/* Main header */
.flybird-header {
  position: sticky;
  top: 0;
  z-index: 99999;
  width: 100%;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(6, 38, 77, 0.10);
  box-shadow: 0 4px 24px rgba(6, 38, 77, 0.06);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* WordPress admin bar offset, so the sticky header sits below it instead of under it */
.admin-bar .flybird-header {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar .flybird-header {
    top: 46px;
  }
}

/* Inner header container */
.flybird-header-inner {
  width: min(1180px, calc(100% - 40px));
  min-height: 82px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;

  position: relative;
}

/* =========================================================
   LOGO
   ========================================================= */

.flybird-logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
}

.flybird-logo img {
  display: block;
  width: 246px;
  height: 74px;
  object-fit: contain;
  object-position: left center;
  transform: translateX(-8px);
}

/* =========================================================
   DESKTOP NAVIGATION
   ========================================================= */

.flybird-desktop-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 27px;
  margin-left: auto;
}

.flybird-desktop-nav a {
  position: relative;

  display: inline-flex;
  align-items: center;

  padding: 8px 0;

  color: #06264d;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;

  text-decoration: none;
  white-space: nowrap;

  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

/* Animated underline */
.flybird-desktop-nav a:not(.flybird-nav-button)::after {
  content: "";

  position: absolute;
  left: 0;
  bottom: 0;

  width: 0;
  height: 2px;

  background: #10a9a3;
  border-radius: 99px;

  transition: width 0.25s ease;
}

.flybird-desktop-nav a:not(.flybird-nav-button):hover {
  color: #10a9a3;
  transform: translateY(-1px);
}

.flybird-desktop-nav a:not(.flybird-nav-button):hover::after {
  width: 100%;
}

/* Start a project button */
.flybird-nav-button {
  padding: 14px 21px !important;

  color: #ffffff !important;
  background: #06264d;

  border-radius: 999px;

  box-shadow: 0 10px 25px rgba(6, 38, 77, 0.16);

  transition:
    background 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

.flybird-nav-button:hover {
  color: #ffffff !important;
  background: #10a9a3;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(16, 169, 163, 0.20);
}

/* =========================================================
   MOBILE MENU
   ========================================================= */

.flybird-mobile-menu {
  display: none;
}

/* Remove native disclosure triangle */
.flybird-mobile-menu > summary {
  list-style: none;
}

.flybird-mobile-menu > summary::-webkit-details-marker {
  display: none;
}

.flybird-mobile-menu > summary::marker {
  display: none;
}

/* Hamburger button */
.flybird-menu-button {
  width: 44px;
  height: 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  margin: 0;

  cursor: pointer;

  background: #06264d;
  border: 0;
  border-radius: 12px;

  box-shadow: 0 8px 20px rgba(6, 38, 77, 0.16);

  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* Hamburger lines */
.flybird-menu-icon {
  width: 23px;
  height: 18px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  pointer-events: none;
}

.flybird-menu-icon span {
  display: block;

  width: 23px;
  height: 3px;
  min-height: 3px;

  background: #ffffff;

  border-radius: 999px;

  opacity: 1;
}

/* =========================================================
   MOBILE DROPDOWN
   ========================================================= */

.flybird-mobile-nav {
  position: absolute;

  top: calc(100% + 10px);
  left: 0;
  right: 0;

  display: flex;
  flex-direction: column;

  gap: 4px;

  padding: 12px;

  background: rgba(255, 255, 255, 0.98);

  border: 1px solid rgba(6, 38, 77, 0.10);
  border-radius: 18px;

  box-shadow: 0 24px 60px rgba(6, 38, 77, 0.16);
  max-height: calc(100vh - 105px);
  overflow-y: auto;
  z-index: 100000;

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.flybird-mobile-nav a {
  display: block;

  padding: 15px 16px;

  color: #06264d;

  font-size: 16px;
  font-weight: 700;

  text-decoration: none;

  border-radius: 12px;

  transition:
    background 0.2s ease,
    color 0.2s ease;
}

.flybird-mobile-nav a:hover {
  color: #10a9a3;
  background: #f1fbfa;
}

/* Mobile CTA */
.flybird-mobile-nav .flybird-mobile-cta {
  margin-top: 4px;

  text-align: center;

  color: #ffffff;

  background: #06264d;
}

.flybird-mobile-nav .flybird-mobile-cta:hover {
  color: #ffffff;
  background: #10a9a3;
}

/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 900px) {

  .flybird-header-inner {
    width: min(100% - 32px, 1180px);
    min-height: 78px;
  }

  .flybird-logo img {
    width: 220px;
    height: 67px;
  }

  .flybird-desktop-nav {
    display: none;
  }

  .flybird-mobile-menu {
    display: block;
  }

}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

  .flybird-header-inner {
    width: calc(100% - 24px);
    min-height: 72px;
  }

  .flybird-logo img {
    width: 190px;
    height: 59px;
  }

  .flybird-menu-button {
    width: 42px;
    height: 42px;
    border-radius: 11px;
  }

  .flybird-mobile-nav {
    top: calc(100% + 8px);
  }

}

/* =========================================================
   ACCESSIBLE FOCUS STATES
   ========================================================= */

.flybird-logo:focus-visible,
.flybird-desktop-nav a:focus-visible,
.flybird-mobile-nav a:focus-visible,
.flybird-menu-button:focus-visible {
  outline: 2px solid #10a9a3;
  outline-offset: 3px;
  border-radius: 8px;
}

/* =========================================================
   EXTRA SAFETY
   ========================================================= */

.flybird-header *,
.flybird-header *::before,
.flybird-header *::after {
  box-sizing: border-box;
}

.flybird-header img {
  max-width: 100%;
}

.flybird-mobile-menu[open] .flybird-menu-button {
  background: #06264d;
}

/* =========================================================
   FLYBIRD SERVICES / EDITORIAL DIRECTORY
   ========================================================= */
.services-editorial-hero{background:#f4f8f8;padding:72px 0 34px;border-bottom:1px solid rgba(6,38,77,.14)}
.services-kicker{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;color:#5b6c7e;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(6,38,77,.16);padding-bottom:18px}
.services-kicker span:first-child{color:#10a9a3}
.services-hero-lockup{display:grid;grid-template-columns:1.5fr .7fr;gap:60px;align-items:end;padding:68px 0 54px}
.services-hero-lockup h1{font-size:clamp(78px,13vw,190px);line-height:.78;letter-spacing:-.07em;margin:10px 0 0;color:#06264d;font-weight:900}
.services-hero-note{max-width:330px;padding-bottom:5px}
.services-hero-note p{font-size:24px;line-height:1.15;letter-spacing:-.025em;color:#06264d;margin:0 0 28px;font-weight:650}
.services-hero-line{display:flex;justify-content:space-between;gap:20px;color:#687989;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.services-directory{background:#fff;padding:100px 0 120px}
.services-directory-head{display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:end;margin-bottom:58px}
.services-directory-head h2{font-size:clamp(44px,5vw,76px);line-height:.96;letter-spacing:-.055em;color:#06264d;margin:14px 0 0}
.services-directory-head h2 em,.services-flow-intro h2 em,.services-principles h2 em{font-family:Georgia,serif;font-weight:400;color:#10a9a3}
.services-directory-head>p{font-size:18px;line-height:1.6;color:#53677a;max-width:520px;margin:0}
.services-accordion{border-top:1px solid #cbd5dc}
.services-accordion details{border-bottom:1px solid #cbd5dc}
.services-accordion summary{list-style:none;display:grid;grid-template-columns:76px 1fr 42px;gap:28px;align-items:center;padding:29px 0;cursor:pointer;transition:padding .35s ease,background .35s ease}
.services-accordion summary::-webkit-details-marker{display:none}
.service-number{font-size:13px;font-weight:900;color:#10a9a3;letter-spacing:.08em}
.service-name{display:flex;flex-direction:column;gap:7px}
.service-name small{font-size:10px;letter-spacing:.15em;font-weight:850;color:#80909e}
.service-name strong{font-size:clamp(28px,3.5vw,52px);line-height:.98;letter-spacing:-.045em;color:#06264d;font-weight:800}
.service-arrow{width:40px;height:40px;border:1px solid #9daeba;border-radius:50%;display:grid;place-items:center;color:#06264d;font-size:17px;transition:all .3s ease}
.services-accordion details:hover summary{padding-left:14px;padding-right:14px;background:#f7fafa}
.services-accordion details[open] summary{padding-bottom:20px}
.services-accordion details[open] .service-arrow{transform:rotate(45deg);background:#06264d;color:#fff;border-color:#06264d}
.service-reveal{display:grid;grid-template-columns:1fr 390px;gap:70px;padding:0 0 42px 104px;align-items:center;animation:serviceReveal .45s ease both}
.service-reveal-copy{max-width:620px}
.service-reveal-copy>p{font-size:19px;line-height:1.65;color:#53677a;margin:0 0 25px}
.service-points{display:flex;flex-wrap:wrap;gap:8px}
.service-points span{font-size:10px;font-weight:850;letter-spacing:.11em;color:#06264d;border:1px solid #b9c6ce;border-radius:999px;padding:9px 12px}
.service-subservices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin-top:24px;padding-top:20px;border-top:1px solid #d5dee3}
.service-subservices b{font-size:13px;line-height:1.35;color:#06264d;font-weight:750}
.service-visual{position:relative;min-height:225px;overflow:hidden;border-radius:4px;background:#06264d;color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.service-visual:before,.service-visual:after{content:"";position:absolute;border-radius:50%;z-index:-1;opacity:.85}
.service-visual:before{width:220px;height:220px;right:-70px;top:-80px;background:#10a9a3;filter:blur(2px)}
.service-visual:after{width:130px;height:130px;left:-55px;bottom:-65px;border:1px solid rgba(255,255,255,.4)}
.service-visual span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#bdeeed}
.service-visual strong{font-size:44px;line-height:.86;letter-spacing:-.05em;font-weight:900;align-self:flex-start}
.service-visual i{display:block;width:70px;height:3px;background:#fff;opacity:.8}
.visual-search{background:#07385b}.visual-web{background:#0a4c4c}.visual-video{background:#17304c}.visual-content{background:#083c55}.visual-social{background:#06264d}
.visual-accounts:before{background:#7ce3dd}.visual-video:before{background:#d4e7ff}.visual-content:before{background:#86d7d1}.visual-social:before{background:#5ed0ca}
@keyframes serviceReveal{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.services-principles{padding-top:110px;padding-bottom:120px}
.services-principles-head{display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:end;margin-bottom:62px}
.services-principles-head>p{font-size:18px;line-height:1.65;color:#d5e2ee;margin:0}
.services-principles .feature-grid article{border-color:rgba(255,255,255,.18)}
.services-principles .feature-grid article h3{color:#fff}
.services-principles .feature-grid article p{color:#cbd9e5}
.services-flow-section{background:#eef5f5;padding-top:110px;padding-bottom:110px}
.services-flow-intro{max-width:800px;margin-bottom:65px}
.services-flow{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #9eb2ba;border-bottom:1px solid #9eb2ba}
.services-flow>div{min-height:230px;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #9eb2ba;position:relative}
.services-flow>div:last-child{border-right:0}
.services-flow b{font-size:12px;color:#10a9a3}
.services-flow span{font-size:15px;font-weight:900;letter-spacing:.04em;color:#06264d}
.services-flow small{font-size:12px;line-height:1.4;color:#627687;max-width:130px}
.services-flow>div:after{content:"↗";position:absolute;right:18px;top:23px;font-size:17px;color:#06264d;transition:transform .25s ease}
.services-flow>div:hover:after{transform:translate(4px,-4px)}
.services-flow>div:hover{background:#fff}
.cta-panel{max-width:820px;padding:30px 0 20px}
.cta-panel .section-title{color:#fff;margin:16px 0 20px}
.cta-panel p{font-size:19px;line-height:1.6;color:#d3dfeb;max-width:600px;margin:0 0 30px}
@media (max-width:900px){
  .services-editorial-hero{padding-top:50px}
  .services-kicker{grid-template-columns:auto 1fr;gap:10px}
  .services-kicker span:last-child{grid-column:2}
  .services-hero-lockup{grid-template-columns:1fr;gap:35px;padding:55px 0 42px}
  .services-hero-lockup h1{font-size:clamp(76px,23vw,150px)}
  .services-hero-note{max-width:500px}
  .services-hero-line{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .services-hero-line span:last-child{grid-column:1/-1}
  .services-directory{padding:75px 0 90px}
  .services-directory-head{grid-template-columns:1fr;gap:25px;margin-bottom:42px}
  .service-reveal{grid-template-columns:1fr;gap:28px;padding-left:0}
  .service-visual{min-height:210px}
  .services-flow{grid-template-columns:repeat(2,1fr)}
  .services-flow>div:nth-child(2n){border-right:0}
  .services-flow>div:nth-child(n+3){border-top:1px solid #9eb2ba}
  .services-principles-head{grid-template-columns:1fr;gap:24px}
}
@media (max-width:600px){
  .services-editorial-hero{padding:38px 0 26px}
  .services-kicker{font-size:9px;letter-spacing:.11em}
  .services-hero-lockup{padding:45px 0 36px}
  .services-hero-lockup h1{font-size:25vw;letter-spacing:-.065em}
  .services-hero-note p{font-size:21px}
  .services-hero-line{font-size:9px;letter-spacing:.09em}
  .services-directory{padding:58px 0 70px}
  .services-directory-head h2{font-size:42px}
  .services-accordion summary{grid-template-columns:34px 1fr 34px;gap:12px;padding:22px 0}
  .service-name small{font-size:8px;line-height:1.2}
  .service-name strong{font-size:27px}
  .service-arrow{width:32px;height:32px;font-size:14px}
  .services-accordion details:hover summary{padding-left:0;padding-right:0;background:transparent}
  .service-reveal-copy>p{font-size:16px}
  .service-subservices{grid-template-columns:1fr;gap:8px;margin-top:20px;padding-top:16px}
  .service-subservices b{font-size:12px}
  .service-visual{min-height:180px;padding:22px}
  .service-visual strong{font-size:38px}
  .services-flow-section{padding-top:75px;padding-bottom:75px}
  .services-flow{grid-template-columns:1fr 1fr}
  .services-flow>div{min-height:175px;padding:18px 13px}
  .services-flow>div:nth-child(n+3){border-top:1px solid #9eb2ba}
  .services-flow span{font-size:12px}
  .services-flow small{font-size:11px}
  .services-principles{padding-top:75px;padding-bottom:80px}
  .cta-panel p{font-size:16px}
}

/* Homepage brief implementation */
.homepage-hero{min-height:820px;margin-top:-120px}
.homepage-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;position:relative;z-index:4}
.homepage-hero .hero-copy{width:auto}
.homepage-consultation{position:relative;background:rgba(255,255,255,.96);border:1px solid rgba(0,31,78,.1);border-radius:28px;padding:30px;box-shadow:0 30px 90px rgba(0,31,78,.16);z-index:5}
.consultation-head>span{display:block;color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.consultation-head strong{display:block;color:var(--navy);font-size:30px;line-height:1.05;letter-spacing:-.04em;margin:10px 0 8px}
.consultation-head p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 20px}
.flybird-consultation-form .form-grid{gap:12px}
.flybird-consultation-form .field{gap:5px}
.flybird-consultation-form .field label{font-size:11px;letter-spacing:.02em}
.flybird-consultation-form .field input,.flybird-consultation-form .field textarea,.flybird-consultation-form .field select{padding:11px 13px;border-radius:11px;font-size:14px}
.flybird-consultation-form .field textarea{min-height:105px}
.flybird-consultation-form>.btn{width:100%;margin-top:13px}
.consultation-message{margin-top:14px;padding:11px 13px;border-radius:11px;font-size:12px;font-weight:700}.consultation-message.success{background:#e7f8f5;color:#056d69}.consultation-message.error{background:#fff0f0;color:#a33b3b}
.homepage-intro{background:#f7fafc}
.homepage-intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:start}
.intro-copy{font-size:18px;color:var(--muted)}
.intro-copy p:first-child{font-size:25px;line-height:1.35;color:var(--navy);letter-spacing:-.02em;margin-top:0}
.intro-copy .btn{margin-top:12px}
.homepage-services-grid{grid-template-columns:repeat(3,1fr)}
.homepage-services-grid .service-card{min-height:320px}
.homepage-services-grid .service-card h3{font-size:27px}
.homepage-why-grid{grid-template-columns:repeat(4,1fr)}
.trusted-section{background:#fff}
.trusted-heading{max-width:760px}
.trusted-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}
.trusted-pillar{padding:30px;border:1px solid var(--line);border-radius:22px;background:#f7fafc;min-height:170px;display:flex;flex-direction:column;justify-content:space-between}
.trusted-pillar strong{font-size:13px;letter-spacing:.14em;color:var(--teal)}
.trusted-pillar span{font-size:20px;line-height:1.25;color:var(--navy);font-weight:700;max-width:260px}
.trusted-note{margin-top:28px;padding:17px 20px;border:1px dashed rgba(0,31,78,.18);border-radius:15px;color:var(--muted);font-size:12px}
@media(max-width:1024px){.homepage-hero-grid{grid-template-columns:1fr;gap:35px}.homepage-consultation{max-width:720px}.homepage-services-grid{grid-template-columns:repeat(2,1fr)}.homepage-why-grid{grid-template-columns:repeat(2,1fr)}.homepage-intro-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:680px){.homepage-hero{padding-top:125px}.homepage-hero-grid{gap:28px}.homepage-consultation{padding:22px;border-radius:21px}.consultation-head strong{font-size:26px}.homepage-services-grid,.homepage-why-grid,.trusted-pillars{grid-template-columns:1fr}.homepage-services-grid .service-card{min-height:0}.intro-copy{font-size:16px}.intro-copy p:first-child{font-size:21px}.trusted-pillars{margin-top:32px}.trusted-pillar{min-height:145px;padding:24px}.trusted-pillar span{font-size:18px}}

/* Final content sections */
.about-team-image{display:block;width:100%;max-width:520px;aspect-ratio:16/10;object-fit:cover;border-radius:24px;margin-top:28px;box-shadow:0 24px 60px rgba(6,38,77,.12)}
.contact-next-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:start}.contact-next-layout>.contact-side-image{position:sticky;top:120px}.contact-side-image{min-height:540px;position:relative;overflow:hidden;border-radius:28px;background:#071d36;box-shadow:0 24px 70px rgba(6,38,77,.16)}.contact-side-image img{display:block;width:100%;height:100%;min-height:540px;object-fit:cover;transition:transform .7s ease}.contact-side-image:hover img{transform:scale(1.04)}.contact-side-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,18,44,.05),rgba(0,18,44,.72));pointer-events:none}.contact-side-image span{position:absolute;left:24px;bottom:24px;z-index:2;color:#fff;font-size:10px;font-weight:900;letter-spacing:.14em}.contact-editorial-image{margin-top:70px}.contact-editorial-image img{transition:transform .7s ease}.contact-editorial-image:hover img{transform:scale(1.025)}
@media(max-width:900px){.contact-next-layout{grid-template-columns:1fr;gap:35px}.contact-next-layout>.contact-side-image{position:static}.contact-side-image,.contact-side-image img{min-height:420px}}
@media(max-width:680px){.contact-side-image,.contact-side-image img{min-height:300px}.contact-side-image{border-radius:20px}.contact-editorial-image{margin-top:40px}}
.about-mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.about-mission-card{padding:38px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.045)}
.about-mission-card h2{margin:18px 0 0;color:#fff;font-size:28px;line-height:1.2}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.values-grid .rich-card{min-height:230px}
.web-subservice-block{margin:55px 0 70px;padding:38px;border:1px solid var(--line);border-radius:28px;background:#f7fafc}
.web-subservice-block h2{font-size:42px;line-height:1.02;margin:12px 0 30px;color:var(--navy)}
.web-subservice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.web-subservice-grid article{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--line);min-height:220px}
.web-subservice-grid article>span{font-size:11px;font-weight:900;color:var(--teal);letter-spacing:.12em}
.web-subservice-grid h3{font-size:21px;line-height:1.15;margin:20px 0 10px;color:var(--navy)}
.web-subservice-grid p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.contact-form-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:start}
.contact-form-intro{position:sticky;top:120px}
.contact-form-intro>p{color:var(--muted);line-height:1.7}
.contact-form-wrap + .brief-grid{display:none}
.flybird-contact-form{padding:32px;border:1px solid var(--line);border-radius:26px;background:#f7fafc;box-shadow:0 24px 70px rgba(6,38,77,.08)}
.flybird-contact-form .form-grid{gap:14px}
.flybird-contact-form .field{gap:6px}
.flybird-contact-form .field label{font-size:12px;font-weight:800;color:var(--navy)}
.flybird-contact-form input,.flybird-contact-form select,.flybird-contact-form textarea{width:100%;border:1px solid rgba(6,38,77,.14);background:#fff;color:var(--navy);border-radius:12px;padding:13px 14px;font:inherit;box-sizing:border-box}
.flybird-contact-form textarea{min-height:155px;resize:vertical}
.flybird-contact-form .btn{margin-top:16px;width:100%}
.form-success,.form-error{margin:18px 0;padding:13px 15px;border-radius:12px;font-size:13px;font-weight:700}
.form-success{background:#e7f8f5;color:#056d69}.form-error{background:#fff0f0;color:#9d3333}
@media(max-width:1024px){.values-grid{grid-template-columns:repeat(2,1fr)}.web-subservice-grid{grid-template-columns:repeat(2,1fr)}.contact-form-wrap{grid-template-columns:1fr}.contact-form-intro{position:static}.editorial-image-split{grid-template-columns:1fr}.editorial-image-split img{min-height:280px}.editorial-image-split>div{padding:32px}.service-editorial-image{height:310px}.service-outcome-image{height:290px}}
@media(max-width:680px){.about-mission-grid,.values-grid,.web-subservice-grid{grid-template-columns:1fr}.about-mission-card{padding:26px}.about-mission-card h2{font-size:22px}.web-subservice-block{padding:24px;margin:38px 0 50px}.web-subservice-block h2{font-size:32px}.flybird-contact-form{padding:20px}.contact-options{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-image-wide{aspect-ratio:1.35/1;border-radius:20px;margin-top:30px}.editorial-image-split{border-radius:20px;margin-top:30px}.editorial-image-split img{min-height:220px}.editorial-image-split>div{padding:26px}.editorial-image-split h3{font-size:23px}.service-editorial-image{height:220px;border-radius:20px;margin-top:30px}.service-outcome-image{height:220px;border-radius:20px;margin-top:30px}.editorial-image-wide span,.service-editorial-image span,.service-outcome-image span{left:16px;bottom:15px;font-size:8px}}

/* Image system */
.homepage-feature-image{display:block;width:100%;max-width:620px;aspect-ratio:16/9;object-fit:cover;border-radius:26px;margin-top:34px;box-shadow:0 24px 70px rgba(6,38,77,.14);transition:transform .6s ease,box-shadow .6s ease}.homepage-feature-image:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 32px 90px rgba(6,38,77,.2)}
.editorial-image-wide,.editorial-image-split,.service-editorial-image,.service-outcome-image{position:relative;overflow:hidden;border-radius:28px;margin-top:42px;box-shadow:0 24px 70px rgba(6,38,77,.13)}
.editorial-image-wide{aspect-ratio:2.25/1}.editorial-image-wide img,.service-editorial-image img,.service-outcome-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s ease}.editorial-image-wide:hover img,.service-editorial-image:hover img,.service-outcome-image:hover img{transform:scale(1.035)}
.editorial-image-wide:after,.service-editorial-image:after,.service-outcome-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,18,44,.02),rgba(0,18,44,.62));pointer-events:none}.editorial-image-wide span,.service-editorial-image span,.service-outcome-image span{position:absolute;left:24px;bottom:20px;z-index:2;color:#fff;font-size:10px;font-weight:900;letter-spacing:.16em;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.editorial-image-split{display:grid;grid-template-columns:1.25fr .75fr;min-height:310px;background:#fff}.editorial-image-split img{width:100%;height:100%;min-height:310px;object-fit:cover}.editorial-image-split>div{padding:46px;display:flex;flex-direction:column;justify-content:center}.editorial-image-split h3{font-size:28px;line-height:1.15;color:var(--navy);margin:12px 0 0}.service-editorial-image{height:360px}.service-outcome-image{height:330px}.dark-image-frame{box-shadow:0 30px 80px rgba(0,0,0,.25)}
.editorial-image-wide,.editorial-image-split,.service-editorial-image,.service-outcome-image{transition:transform .5s ease}.editorial-image-wide:hover,.editorial-image-split:hover,.service-editorial-image:hover,.service-outcome-image:hover{transform:translateY(-4px)}
.service-card{overflow:hidden;position:relative}.service-card-image{display:block;width:100%;height:150px;object-fit:cover;border-radius:18px 18px 0 0;filter:saturate(.9);transition:transform .7s ease,filter .7s ease}.service-card:hover .service-card-image{transform:scale(1.045);filter:saturate(1.08)}.service-card-content{padding-top:22px}.service-card-image + .service-card-content .service-no{display:inline-flex}
.service-photo{background-size:cover;background-position:center;overflow:hidden;position:relative}.service-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,18,44,.08),rgba(0,18,44,.72));z-index:0}.service-photo>*{position:relative;z-index:1}.service-photo i{z-index:1!important}.service-photo{transition:transform .5s ease}.services-accordion details[open] .service-photo{transform:scale(1.008)}
.service-hero-bg{right:0;top:0;width:52%;height:100%;border-radius:0;background-size:cover;background-position:center;opacity:.34;filter:saturate(.82);transform:scale(1.03);transition:transform 1s ease,opacity .6s ease}.service-hero:hover .service-hero-bg{transform:scale(1.07);opacity:.42}.service-hero:after{display:none}.service-hero .container{position:relative;z-index:2}.service-hero-grid{position:relative;z-index:2}

/* Web Development hero: use a clean rectangular image field, not a decorative circle. */
.service-hero .service-hero-bg{border-radius:0!important}
@media(max-width:900px){.service-hero .service-hero-bg{width:100%;height:100%;right:0;top:0;opacity:.18}}
@media(max-width:680px){.service-hero .service-hero-bg{opacity:.16}}
@media(max-width:680px){.service-hero-bg{opacity:.22}.service-hero:after{background:linear-gradient(180deg,rgba(0,18,44,.92),rgba(0,18,44,.72))}.service-hero:hover .service-hero-bg{transform:scale(1.03)}}

/* Final keyboard and mobile interaction polish */
.flybird-header a:focus-visible,.flybird-mobile-menu summary:focus-visible,.services-accordion summary:focus-visible,.btn:focus-visible,.flybird-contact-form input:focus-visible,.flybird-contact-form select:focus-visible,.flybird-contact-form textarea:focus-visible,.flybird-consultation-form input:focus-visible,.flybird-consultation-form select:focus-visible,.flybird-consultation-form textarea:focus-visible{outline:3px solid #10a9a3;outline-offset:4px}
.services-accordion summary{cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.services-accordion summary::-webkit-details-marker{display:none}
.services-accordion summary:focus:not(:focus-visible){outline:0}
@media(max-width:680px){
  .services-selector-note{margin-bottom:18px;padding:13px 14px}
  .services-selector-note strong{font-size:12px;line-height:1.4}
  .services-accordion details{border-radius:0}
  .services-accordion summary{min-height:72px}
  .service-reveal{padding-bottom:30px}
  .service-visual{border-radius:14px;min-height:175px}
}

/* Services visual rhythm */
.services-visual-break{background:#f5f8fb}
.services-visual-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}
.services-visual-grid>div{max-width:560px}
.services-visual-grid p{color:var(--muted);font-size:17px;line-height:1.75;max-width:520px;margin-top:24px}
.services-visual-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:28px;box-shadow:0 28px 80px rgba(6,38,77,.15);transition:transform .6s ease,box-shadow .6s ease}
.services-visual-grid img:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 36px 100px rgba(6,38,77,.2)}
.services-flow-media{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:stretch;margin:42px 0 50px}
.services-flow-media img{width:100%;height:100%;min-height:270px;object-fit:cover;border-radius:24px}
.services-flow-media>div{display:flex;flex-direction:column;justify-content:center;padding:36px;border-radius:24px;background:var(--navy);color:#fff}
.services-flow-media span{font-size:10px;letter-spacing:.16em;color:#54e0d2;font-weight:800}
.services-flow-media strong{font-size:34px;line-height:1;margin:18px 0;color:#fff}
.services-flow-media small{font-size:14px;line-height:1.6;color:#dce6f2}

/* Client-brief interaction sections */
.flybird-principles-grid{align-items:stretch}
.flybird-principle{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035);padding:0;transition:transform .3s ease,background .3s ease,border-color .3s ease}
.flybird-principle:hover,.flybird-principle[open]{transform:translateY(-4px);background:rgba(255,255,255,.07);border-color:rgba(84,224,210,.55)}
.flybird-principle summary{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;cursor:pointer;list-style:none;padding:26px}
.flybird-principle summary::-webkit-details-marker{display:none}
.flybird-principle summary:focus-visible{outline:3px solid #54e0d2;outline-offset:-3px}
.flybird-principle summary span{font-size:12px;letter-spacing:.16em;color:#54e0d2;font-weight:800}
.flybird-principle summary h3{margin:0;color:#fff;font-size:22px}
.flybird-principle summary:after{content:'+';grid-column:2;justify-self:end;margin-top:-28px;color:#54e0d2;font-size:24px}
.flybird-principle[open] summary:after{content:'−'}
.flybird-principle>div{padding:0 26px 26px;border-top:1px solid rgba(255,255,255,.1)}
.flybird-principle>div p{color:#dbe8f2;margin:20px 0 16px}
.flybird-principle>div img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin:18px 0 16px;box-shadow:0 18px 45px rgba(0,0,0,.2);opacity:0;transform:translateY(12px) scale(.985);transition:opacity .45s ease,transform .55s ease}
.flybird-principle[open]>div img{opacity:1;transform:translateY(0) scale(1)}
.flybird-principle>div strong{font-size:10px;letter-spacing:.16em;color:#54e0d2}
.agency-choice-section{background:#f5f8fb}
.agency-choice-head,.trusted-brands-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:42px}
.agency-choice-head p,.trusted-brands-head p{max-width:560px;color:#52657a}
.agency-choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#dbe3eb}
.agency-choice-grid article{background:#fff;padding:28px 22px;min-height:220px}
.agency-choice-grid article span{font-size:11px;letter-spacing:.16em;color:#1aa99e;font-weight:800}
.agency-choice-grid h3{font-size:20px;margin:35px 0 14px;color:#10253d}
.agency-choice-grid p{font-size:14px;line-height:1.65;color:#52657a;margin:0}
.trusted-brands-section{background:#fff}
.trusted-brand-placeholders{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:30px 0}
.trusted-brand-placeholders div{min-height:86px;display:grid;place-items:center;border:1px solid #dce5ed;background:#f8fafc;color:#8190a0;font-size:10px;font-weight:800;letter-spacing:.14em}
.testimonial-placeholder{padding:26px;border-left:3px solid #1aa99e;background:#f5f8fb;max-width:760px}
.testimonial-placeholder span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#1aa99e}
.testimonial-placeholder p{margin:10px 0 0;color:#52657a}
.services-proof-image{display:block;width:100%;max-width:560px;aspect-ratio:16/9;object-fit:cover;border-radius:22px;margin-top:28px;box-shadow:0 22px 60px rgba(6,38,77,.12)}
@media(max-width:900px){
  .agency-choice-head,.trusted-brands-head{grid-template-columns:1fr;gap:18px}
  .agency-choice-grid{grid-template-columns:repeat(2,1fr)}
  .trusted-brand-placeholders{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
  .services-visual-grid{grid-template-columns:1fr;gap:28px}
  .services-visual-grid img{aspect-ratio:16/10;border-radius:20px}
  .services-visual-grid p{font-size:15px}
  .services-flow-media{grid-template-columns:1fr;margin:30px 0 36px}
  .services-flow-media img{min-height:220px;border-radius:20px}
  .services-flow-media>div{padding:26px;border-radius:20px}
  .services-flow-media strong{font-size:28px}
  .flybird-principle summary{padding:21px 18px;grid-template-columns:34px 1fr}
  .flybird-principle summary h3{font-size:18px}
  .flybird-principle>div{padding:0 18px 22px}
  .agency-choice-grid{grid-template-columns:1fr}
  .agency-choice-grid article{min-height:0;padding:24px 20px}
  .agency-choice-grid h3{margin:22px 0 10px}
  .trusted-brand-placeholders{grid-template-columns:repeat(2,1fr)}
  .trusted-brand-placeholders div{min-height:70px}
}
  .flybird-contact-form input,.flybird-contact-form select,.flybird-contact-form textarea,.flybird-consultation-form .field input,.flybird-consultation-form .field select,.flybird-consultation-form .field textarea{font-size:16px}
  .flybird-contact-form .btn,.flybird-consultation-form>.btn{min-height:50px}
}
.case-photo{background-size:cover;background-position:center;position:relative;overflow:hidden}.case-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,18,44,.05),rgba(0,18,44,.68));pointer-events:none}.case-photo>*{position:relative;z-index:1}.case-photo{transition:transform .5s ease}.case-photo:hover{transform:translateY(-5px)}
.work-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.work-hero-points span{padding:9px 13px;border:1px solid rgba(0,31,78,.13);border-radius:999px;background:rgba(255,255,255,.72);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--navy)}.work-showcase .section-intro{max-width:780px;margin-bottom:50px}.work-process-grid{grid-template-columns:repeat(4,1fr)}.work-process-grid article{padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.045);min-height:230px}.work-process-grid strong{display:block;color:var(--teal);font-size:13px;letter-spacing:.14em}.work-process-grid h3{color:#fff;font-size:22px;margin:28px 0 12px}.work-process-grid p{color:#dce6f2;margin:0;line-height:1.65;font-size:14px}.work-showcase .case-grid{align-items:stretch}.work-showcase .case-card{min-height:390px}.work-showcase .case-card p{max-width:500px}.work-showcase .case-tags{margin-top:26px}@media(max-width:1024px){.work-process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.work-hero-points{gap:7px;margin-top:22px}.work-hero-points span{font-size:9px;padding:8px 10px}.work-showcase .section-intro{margin-bottom:30px}.work-showcase .case-card{min-height:360px}.work-process-grid{grid-template-columns:1fr}.work-process-grid article{min-height:0;padding:24px}.work-process-grid h3{margin-top:20px}.homepage-feature-image{margin-top:26px;border-radius:20px}.service-card-image{height:175px}.service-card-content{padding-top:18px}.case-photo:hover{transform:none}}

/* Services interaction polish */

/* Homepage final CTA with consultation form */
.homepage-final-cta{padding-top:70px;padding-bottom:90px}
.homepage-final-cta .container{max-width:1280px}
.homepage-final-cta-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:56px;align-items:center;padding:62px 50px;border-radius:30px;background:#073875;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 28px 80px rgba(6,38,77,.18)}
.homepage-final-cta-grid:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-150px;top:-230px;z-index:-1}
.homepage-final-cta-grid:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:40px;bottom:-190px;z-index:-1}
.homepage-final-cta-copy{max-width:620px}
.homepage-final-cta-copy .eyebrow{color:#75e1d9}
.homepage-final-cta-copy h2{font-size:clamp(48px,5.5vw,78px);line-height:.94;letter-spacing:-.065em;color:#fff;margin:18px 0 24px}
.homepage-final-cta-copy p{max-width:560px;color:#d9e7f3;font-size:17px;line-height:1.65;margin:0 0 30px}
.homepage-final-cta-copy .btn{display:inline-flex}
.homepage-final-cta-form{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:28px;box-shadow:0 24px 65px rgba(0,20,50,.2)}
.homepage-final-cta-form .consultation-head strong{font-size:27px}
.homepage-final-cta-form .consultation-head p{margin-bottom:17px}
.homepage-final-cta-form .flybird-consultation-form .form-grid{gap:10px}
.homepage-final-cta-form .flybird-consultation-form .field input,.homepage-final-cta-form .flybird-consultation-form .field textarea,.homepage-final-cta-form .flybird-consultation-form .field select{background:#fff}
.homepage-final-cta-form .flybird-consultation-form .field textarea{min-height:86px}
.homepage-final-cta-form .flybird-consultation-form>.btn{margin-top:10px}
@media(max-width:1024px){.homepage-final-cta-grid{grid-template-columns:1fr;gap:36px;padding:48px 38px}.homepage-final-cta-copy{max-width:760px}.homepage-final-cta-form{max-width:760px;width:100%}}
@media(max-width:680px){.homepage-final-cta{padding-top:45px;padding-bottom:60px}.homepage-final-cta-grid{padding:34px 20px;border-radius:22px;gap:28px}.homepage-final-cta-copy h2{font-size:clamp(40px,10.5vw,52px);margin:15px 0 18px}.homepage-final-cta-copy p{font-size:15px;margin-bottom:22px}.homepage-final-cta-form{padding:20px;border-radius:19px}.homepage-final-cta-form .consultation-head strong{font-size:24px}.homepage-final-cta-form .flybird-consultation-form .form-grid{grid-template-columns:1fr}.homepage-final-cta-form .flybird-consultation-form .field.full{grid-column:auto}}

.services-selector-note{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}
.services-selector-note span{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--teal)}
.services-selector-note strong{font-size:13px;line-height:1.45;color:var(--navy);font-weight:750;max-width:620px}
.services-accordion summary{outline:none}
.services-accordion summary:focus-visible{outline:2px solid var(--teal);outline-offset:5px;border-radius:5px}
.services-accordion details[open] summary{color:var(--navy)}
@media(max-width:680px){.services-selector-note{display:block;padding:16px 0 18px}.services-selector-note strong{display:block;margin-top:7px;font-size:12px}.services-accordion summary:focus-visible{outline-offset:3px}}

/* Final visual readability pass */
.about-hero{background:#edf5f7 url('https://theflybirddigital.com/wp-content/uploads/2026/09/Flybird-Digital-Strategy-Team.jpg') center/cover no-repeat;position:relative;isolation:isolate}
.about-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,245,247,.94) 0%,rgba(237,245,247,.88) 52%,rgba(237,245,247,.68) 100%);z-index:-1}
.about-hero .container{position:relative;z-index:1}
.about-hero .section-title{color:#06264d!important}
.about-hero .section-title em{color:#0a9f9b!important}
.about-story,.about-mission-card,.values-grid,.feature-grid{color:#30485f}
.about-mission-card p,.values-grid .rich-card p,.feature-grid article p{color:#405970!important;opacity:1!important}
.dark-section .process-card p{color:#d0dce7!important;opacity:1!important}
.services-editorial-hero{background:#e8f0f2!important}
.services-hero-lockup h1{font-size:clamp(72px,11.6vw,170px)!important;color:#06264d!important}
.services-hero-note p,.services-hero-line,.services-kicker{color:#405970!important}
.services-directory-head>p,.service-reveal-copy>p{color:#405970!important}
.service-name strong{color:#06264d!important}
.site-footer{background:#f7fafb!important;color:#06264d!important}
.site-footer .footer-column h2,.site-footer .footer-email-block span,.site-footer .footer-email-block a,.site-footer .footer-contact-details a,.site-footer .footer-contact-details address,.site-footer .footer-bottom{color:#173b60!important;opacity:1!important}
.site-footer .footer-links a{color:#405970!important;opacity:1!important;font-weight:600}
.site-footer .footer-links a:hover{color:#079b98!important}
.site-footer .footer-kicker{color:#587087!important}
.site-footer .footer-help-card{background:#071522!important}
.site-footer .footer-help-card *{opacity:1!important}
.site-footer .footer-socials a{color:#fff!important}
.site-footer:before{opacity:.22!important}

@media(max-width:680px){
  .about-hero{background-position:center}
  .about-hero:before{background:rgba(237,245,247,.9)}
  .services-hero-lockup h1{font-size:clamp(58px,20vw,130px)!important}
}

/* Final requested interaction and footer adjustments */
.flybird-logo img{transform:translateX(-30px)!important}
.dark-section .process-card{cursor:default!important;min-height:400px;display:grid;grid-template-rows:auto auto 1fr;padding:38px 34px 34px;box-sizing:border-box;transition:transform .4s cubic-bezier(.2,.75,.25,1),box-shadow .4s ease,border-color .4s ease,background .4s ease}
.dark-section .process-card summary{cursor:default!important}
.homepage-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.homepage-why-grid .process-card{height:100%}
.homepage-why-grid .process-card>b{display:block;margin:0 0 48px}
.homepage-why-grid .process-card h3{margin:0 0 20px;line-height:1.05}
.homepage-why-grid .home-principle-reveal{align-self:end;margin-left:auto;width:min(100%,220px);display:flex;flex-direction:column;justify-content:flex-end}
.homepage-why-grid .home-principle-reveal p{margin:0;text-align:left;line-height:1.58;min-height:176px;display:flex;align-items:flex-start}
.homepage-why-grid .home-principle-reveal img{display:none!important}
@media(hover:hover){
  .dark-section .process-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(0,0,0,.24);border-color:rgba(10,159,155,.55);background:linear-gradient(145deg,rgba(8,47,92,.98),rgba(6,31,67,.98))}
  .dark-section .process-card:hover>b{color:#55e3da!important;transform:translateX(3px)}
  .dark-section .process-card:hover h3{color:#fff}
  .dark-section .process-card:hover .home-principle-reveal p{color:#e5eef6!important}
}
@media(max-width:1024px){
  .homepage-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .dark-section .process-card{min-height:0;padding:30px 24px 28px}
  .homepage-why-grid{grid-template-columns:1fr}
  .homepage-why-grid .process-card>b{margin-bottom:32px}
  .homepage-why-grid .home-principle-reveal{width:100%;margin-left:0}
  .homepage-why-grid .home-principle-reveal p{min-height:0}
}
.site-footer{position:relative;background:#061a2e!important;color:#dce7f2!important;padding:76px 0 30px!important;overflow:hidden}
.site-footer:before{content:"";position:absolute;inset:auto -10% -65% auto;width:620px;height:620px;border:1px solid rgba(31,190,180,.14);border-radius:50%;pointer-events:none;opacity:1!important}
.site-footer .container{position:relative;z-index:2}
.site-footer .footer-grid{display:grid;grid-template-columns:1.45fr .85fr .9fr 1.1fr;gap:54px;align-items:start}
.site-footer .footer-brand-col{max-width:360px}
.site-footer .footer-brand-mark{display:inline-flex;align-items:center}
.site-footer .footer-logo{display:block;width:220px;height:70px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);transform:scale(1.04);transform-origin:left center}
.site-footer .footer-brand-col p{max-width:330px;margin:22px 0 18px;color:#b9cad9!important;font-size:14px;line-height:1.7}
.site-footer .footer-email{color:#fff!important;font-weight:800;font-size:14px}
.site-footer .footer-label{display:block;color:#fff!important;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}
.site-footer .footer-links{display:grid;gap:11px}
.site-footer .footer-links a{color:#c5d4e1!important;opacity:1!important;font-size:14px;font-weight:600;transition:color .2s ease,transform .2s ease}
.site-footer .footer-links a:hover{color:#62ddd4!important;transform:translateX(4px)}
.site-footer .footer-contact-details{display:grid;gap:12px}
.site-footer .footer-contact-details a,.site-footer .footer-contact-details address,.site-footer .footer-contact-details span{color:#c5d4e1!important;opacity:1!important;font-size:14px;line-height:1.55}
.site-footer .footer-contact-details a:first-child{color:#fff!important;font-weight:800}
.site-footer .footer-contact-details address{font-style:normal}
.site-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);color:#91a8bb!important;font-size:11px}
.site-footer .footer-help-card{position:relative;left:auto;bottom:auto;width:100%;max-width:270px;margin-top:26px;padding:16px 17px 14px;background:#071522!important;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.site-footer .footer-help-label{display:block;color:#fff!important;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.site-footer .footer-help-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px 10px;background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.9);font-size:10px;font-weight:800;line-height:1.2;letter-spacing:-.02em;text-align:center;text-decoration:none;border-radius:7px;margin-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow:clip;transition:background-color .28s ease,border-color .28s ease,color .28s ease,transform .28s ease,box-shadow .28s ease}.site-footer .footer-help-button:hover{background:#19aaa0;border-color:#19aaa0;color:#06243f!important;transform:translateY(-2px);box-shadow:0 10px 24px rgba(25,170,160,.18)}
.site-footer .footer-socials{display:flex;gap:7px}
.site-footer .footer-socials a{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff!important;font-size:11px;font-weight:800;text-decoration:none}
.site-footer .footer-socials a:hover{background:#19aaa0;border-color:#19aaa0;color:#06243f!important}
@media(max-width:900px){
  .site-footer .footer-grid{grid-template-columns:repeat(2,1fr);gap:38px 28px}
  .site-footer .footer-brand-col{grid-column:1/-1;max-width:600px}
}
/* Fresh Growth Always cards: fixed internal rows + pop hover */
.flybird-growth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;margin-top:46px}
.flybird-growth-card{position:relative;display:grid;grid-template-rows:28px 72px 1fr;min-height:400px;padding:38px 34px 34px;border:1px solid rgba(113,215,218,.22);border-radius:24px;background:linear-gradient(145deg,rgba(18,72,117,.62),rgba(9,49,91,.72));overflow:hidden;isolation:isolate;cursor:default;opacity:1!important;transform:translateY(0) scale(1);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease,background .32s ease}
.flybird-growth-card:before{content:"";position:absolute;width:170px;height:170px;right:-75px;bottom:-85px;border-radius:50%;background:rgba(65,221,213,.14);filter:blur(2px);transition:transform .4s ease,opacity .4s ease}
.flybird-growth-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(63,220,213,.08),transparent 45%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.flybird-growth-card:hover{transform:translateY(-12px) scale(1.025);box-shadow:0 28px 60px rgba(0,0,0,.32),0 0 0 1px rgba(74,224,217,.16);border-color:rgba(74,224,217,.58);background:linear-gradient(145deg,rgba(19,82,128,.82),rgba(8,54,101,.9));z-index:3}
.flybird-growth-card:hover:before{transform:scale(1.45);opacity:.9}
.flybird-growth-card:hover:after{opacity:1}
.flybird-growth-number{position:relative;z-index:1;color:#4be1da!important;font-size:13px;font-weight:900;line-height:1;letter-spacing:.1em}
.flybird-growth-card h3{position:relative;z-index:1;margin:0!important;align-self:center;color:#fff!important;font-size:27px;line-height:1.12;font-weight:800;letter-spacing:-.025em}
.flybird-growth-card p{position:relative;z-index:1;align-self:start;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;color:#d6e5f0!important;opacity:1!important;font-size:15px;line-height:1.62;text-align:left!important}
.flybird-growth-dot{position:absolute;right:24px;top:24px;width:9px;height:9px;border-radius:50%;background:#4be1da;box-shadow:0 0 0 0 rgba(75,225,218,.35);transition:box-shadow .35s ease,transform .35s ease}
.flybird-growth-card:hover .flybird-growth-dot{transform:scale(1.35);box-shadow:0 0 0 10px rgba(75,225,218,.08),0 0 28px rgba(75,225,218,.55)}
@media(max-width:1024px){.flybird-growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flybird-growth-card{min-height:340px}}
@media(max-width:680px){.flybird-growth-grid{grid-template-columns:1fr;gap:14px;margin-top:32px}.flybird-growth-card{min-height:300px;padding:30px 26px 28px;grid-template-rows:28px 64px 1fr}.flybird-growth-card h3{font-size:24px}.flybird-growth-card p{font-size:14px;line-height:1.6}}

@media(max-width:680px){
  .flybird-header-inner{width:calc(100% - 28px);min-height:76px}
  .flybird-logo{width:150px;max-width:150px;overflow:hidden}
  .flybird-logo img{width:150px!important;height:52px!important;max-width:150px!important;object-fit:contain!important;object-position:left center!important;transform:none!important}
  .site-footer{padding:56px 0 30px!important}
  .site-footer .footer-grid{grid-template-columns:1fr;gap:30px}
  .site-footer .footer-brand-col{grid-column:auto}
  .site-footer .footer-logo{width:195px;height:62px}
  .site-footer .footer-bottom{margin-top:40px;display:grid;gap:8px}
  .site-footer .footer-help-card{left:auto;bottom:auto;width:100%;max-width:360px;margin-top:22px}
}

/* Web development service cards: tactile hover lift */
.web-dev-card{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.web-dev-card:nth-child(1),.web-dev-card:nth-child(2),.web-dev-card:nth-child(3),.web-dev-card:nth-child(4){will-change:transform}
@media (hover:hover){
  .web-dev-card:hover{transform:translateY(-10px);box-shadow:0 24px 50px rgba(6,38,77,.14);border-color:rgba(25,170,160,.38)}
  .web-dev-card:after{content:"";position:absolute;inset:auto -30% -60% auto;width:180px;height:180px;border-radius:50%;background:rgba(25,170,160,.10);transform:scale(.6);opacity:0;transition:transform .45s ease,opacity .45s ease;pointer-events:none}
  .web-dev-card:hover:after{transform:scale(1);opacity:1}
}

@media (hover:hover){
  .service-subservices b{display:inline-flex;transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s ease,color .3s ease,box-shadow .3s ease}
  .service-subservices b:hover{transform:translateY(-5px);background:#06264d;color:#fff;box-shadow:0 12px 24px rgba(6,38,77,.16)}
}

/* Client logo strip */
.trusted-client-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:52px;align-items:stretch}
.trusted-client-logo{min-width:0;min-height:150px;padding:22px;background:#fff;border:1px solid rgba(6,38,77,.09);border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 35px rgba(6,38,77,.07);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.trusted-client-logo img{display:block;width:100%;height:105px;object-fit:contain;transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .35s ease}

/* Homepage feature image hover: explicit and isolated from reveal transforms */
.homepage-intro .homepage-feature-image{display:block;position:relative;z-index:2;width:100%;max-width:100%;transform:translate3d(0,0,0) scale(1)!important;transform-origin:center center!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease,box-shadow .45s ease!important;will-change:transform,filter;cursor:pointer;filter:saturate(1) contrast(1);box-shadow:0 0 0 rgba(6,38,77,0)}
@media (hover:hover){.homepage-intro .homepage-feature-image:hover{transform:translate3d(0,-8px,0) scale(1.035)!important;filter:saturate(1.08) contrast(1.03)!important;box-shadow:0 24px 55px rgba(6,38,77,.20)!important}}
@media (hover:none){.homepage-intro .homepage-feature-image:active{transform:scale(.985)!important}}
@media (prefers-reduced-motion:reduce){.homepage-intro .homepage-feature-image{transition:none!important}.homepage-intro .homepage-feature-image:hover,.homepage-intro .homepage-feature-image:active{transform:none!important}}
@media(hover:hover){
  .trusted-client-logo:hover{transform:translateY(-7px);box-shadow:0 20px 42px rgba(6,38,77,.13);border-color:rgba(10,159,155,.38)}
  .trusted-client-logo:hover img{transform:scale(1.055)}
}

/* Homepage editorial image hover */
@media(hover:hover){
  .homepage-feature-image{position:relative;display:block;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease,filter .42s ease;transform:translateY(0) scale(1);transform-origin:center;will-change:transform}
  .homepage-feature-image:hover{transform:translate3d(0,-10px,0) scale(1.06)!important;box-shadow:0 30px 65px rgba(6,38,77,.24)!important;filter:saturate(1.10) contrast(1.05) brightness(1.02)!important;z-index:2}
}

/* Force the homepage image hover from its containing block too, so overlays/reveal scripts cannot cancel it. */
.homepage-intro-grid > div:hover .homepage-feature-image{transform:translate3d(0,-10px,0) scale(1.06)!important;box-shadow:0 30px 65px rgba(6,38,77,.24)!important;filter:saturate(1.10) contrast(1.05) brightness(1.02)!important;z-index:5}
@media(max-width:680px){.homepage-intro-grid > div:hover .homepage-feature-image{transform:none!important;box-shadow:none!important;filter:none!important}.homepage-intro-grid > div:active .homepage-feature-image{transform:scale(.985)!important}}
}
@media(max-width:680px){.homepage-feature-image{transition:transform .3s ease,box-shadow .3s ease}.homepage-feature-image:active{transform:scale(.985)}}
}
@media(max-width:1024px){.trusted-client-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.trusted-client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:36px}.trusted-client-logo{min-height:120px;padding:16px;border-radius:14px}.trusted-client-logo img{height:82px}}