/* vidfluxa.com: colors coordinated with its logo. */
:root{--primary:#315d8d;--soft:#91b4ce;--highlight:#c1dcf2;--paper:#f3f7fc;--paper-deep:#e0eaf5;--dark:#152b46;--ink:#203b5b;--gold:#315d8d;--accent:#315d8d;--muted:color-mix(in srgb,#203b5b 75%,white);--line:color-mix(in srgb,#315d8d 20%,#f3f7fc)}
.entry-gate{background:radial-gradient(ellipse at 50% 30%,var(--dark),#08080b 85%)}.entry-card{border-color:color-mix(in srgb,var(--primary) 55%,#222);background:linear-gradient(145deg,var(--dark),#0b0b10 85%)}.entry-visit{background:linear-gradient(110deg,var(--highlight),var(--soft) 50%,var(--primary));border-color:var(--highlight);color:var(--dark);box-shadow:inset 0 3px 5px #ffffffd9,inset 0 -5px 7px #00000030,0 0 18px color-mix(in srgb,var(--soft) 65%,transparent),0 0 40px color-mix(in srgb,var(--primary) 45%,transparent)}
.hero h1 em,.hero .eyebrow{color:var(--highlight)}.hero p{color:#f1f4f2}.eyebrow,.service-label{color:var(--primary)}.work-band .eyebrow,.work-band .section-num,.brief-band .eyebrow,.brief-band .text-link{color:var(--highlight)}.brief-grid h2 em{color:var(--highlight)}.work-band .section-head h2,.brief-band h2{color:var(--paper)}.approach:after{background:color-mix(in srgb,var(--dark) 92%,transparent)}.approach .eyebrow{color:var(--highlight)}.btn-gold{color:white}.hero .btn-light{color:white}.tag{color:var(--ink)}.approach .tag{color:white}.field input:focus,.field textarea:focus{outline:2px solid var(--primary);outline-offset:2px}.form-alert.err{color:#8c2e20}

.hero{background:var(--dark);min-height:720px}.hero:after{background:linear-gradient(90deg,#152b46f5 0%,#152b46db 43%,#152b4630 100%)}.hero-grid{grid-template-columns:1.1fr 1fr;gap:60px}.hero-copy{grid-column:1}.hero h1{font-size:clamp(42px,4.8vw,67px)}.hero h1 em{font-style:normal}.hero-photo{object-position:right center}.hero .btn-gold{background:var(--highlight);color:var(--dark);border-color:var(--highlight)}.intro-grid{background:var(--deep);padding:45px;border-radius:32px;gap:55px}.intro-grid h2{font-size:38px}.section-head{grid-template-columns:1fr}.section-num{padding:0;margin:0}.section-head{gap:12px}.work-grid{grid-template-columns:1fr 1fr}.work-card:nth-child(2){padding-top:0}.work-card img,.work-card:nth-child(2) img{height:320px;border-radius:20px}.services{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.service,.service:nth-child(even){display:block;border:1px solid var(--line);padding:32px;border-radius:22px;background:white}.service-index,.service:nth-child(even) .service-index{text-align:left;display:inline-flex;width:45px;height:45px;align-items:center;justify-content:center;border-radius:50%;background:var(--deep);font-size:20px;color:var(--primary);margin-bottom:20px}.service-index small{display:none}.service-columns{grid-template-columns:1fr;gap:0}.steps{gap:15px}.step{border:0;background:var(--paper);padding:22px 18px;border-radius:15px}.step .caption{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:white;width:30px;height:30px;border-radius:50%}.faq-list details{border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:10px}.brief-list{border-radius:20px}.contact-card,.contact-form{border-radius:16px}
@media(max-width:900px){.intro-grid{gap:30px;padding:30px}.intro-grid h2{font-size:32px}.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.hero h1{font-size:44px}.intro-grid{grid-template-columns:1fr;padding:25px;gap:20px}.work-grid,.services{grid-template-columns:1fr}.service,.service:nth-child(even){padding:25px}.steps{grid-template-columns:1fr 1fr}.work-card img,.work-card:nth-child(2) img{height:250px}}