
/* InFlyCo shared brand layer: retained warm forest-green identity. */
:root{--brand-forest:#203f35;--brand-cream:#f6f4ee;--brand-gold:#b9a179;--brand-border:#d6ddd3}
#brand-header,#brand-footer{box-sizing:border-box}
#brand-header *,#brand-footer *{box-sizing:border-box}
#brand-header{display:block!important;position:relative;z-index:50;width:100%;padding:0!important;margin:0;background:#f6f4ee!important;color:#203f35!important;border:0!important;border-bottom:1px solid #d6ddd3!important;font:14px/1.5 Arial,sans-serif!important}
#brand-header .brand-header-inner{width:min(1200px,88%);margin:0 auto;min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:30px}
#brand-header .brand-wordmark{color:#203f35;text-decoration:none;font:800 19px/1 Arial,sans-serif;letter-spacing:.22em;white-space:nowrap}
#brand-header #brand-navigation{display:flex;align-items:center;justify-content:flex-end;gap:clamp(13px,1.6vw,23px);flex-wrap:wrap;margin:0;padding:0;background:transparent;font:inherit}
#brand-header #brand-navigation a{font:600 13px/1.4 Arial,sans-serif!important;color:#203f35;text-decoration:none!important;letter-spacing:0;white-space:nowrap;margin:0;padding:9px 0;border:0;background:transparent}
#brand-header #brand-navigation a:hover,#brand-header #brand-navigation a[aria-current="page"]{text-decoration:underline!important;text-underline-offset:6px;text-decoration-color:#b9a179!important}
#brand-header #brand-navigation a.brand-nav-cta{background:#203f35!important;color:#fff!important;padding:13px 17px!important;border:1px solid #203f35!important;text-decoration:none!important}
#brand-header #brand-navigation a.brand-nav-cta:hover{background:#315848!important}
#brand-header #brand-menu-toggle{display:none;min-width:44px;min-height:44px;padding:9px 13px;background:transparent;border:1px solid #203f35;border-radius:0;color:#203f35;font:700 13px Arial,sans-serif;cursor:pointer}
#brand-header :focus-visible,#brand-footer :focus-visible{outline:3px solid #b9a179;outline-offset:3px}
#brand-footer{display:block!important;width:100%;padding:47px max(6%,calc((100% - 1200px)/2)) 30px!important;border:0!important;margin:0;background:#203f35!important;color:#edf1ec!important;font:13px/1.6 Arial,sans-serif!important;text-align:left}
#brand-footer .brand-footer-inner{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.3fr);gap:30px 75px;align-items:start}
#brand-footer .brand-footer-title{font:normal 27px/1.1 Georgia,serif;letter-spacing:-.03em;margin:0 0 13px;color:white}
#brand-footer p{color:#d3dfd6!important;margin:0 0 14px;max-width:470px;font-size:13px}
#brand-footer .brand-footer-links{display:flex;gap:10px 21px;flex-wrap:wrap;justify-content:flex-start}
#brand-footer .brand-footer-links a{display:inline!important;color:#e8eee6!important;font:600 13px/1.5 Arial,sans-serif!important;text-decoration:none!important;margin:0!important;padding:0!important}
#brand-footer .brand-footer-links a:hover{text-decoration:underline!important;text-underline-offset:3px}
#brand-footer .brand-footer-fine{margin:26px 0 0;padding-top:19px;border-top:1px solid rgba(255,255,255,.24);font-size:12px;color:#c0d1c6;line-height:1.6}
.brand-editorial{--ink:#203f35;--paper:#f6f4ee;--wash:#e8eae3;--accent:#203f35;--contrast:#fff;--warm:#8d794c;--muted:#51665c;--quiet:#6a786e;--line:#d6ddd3;--dark:#203f35;--light:#fff;--footmuted:#c9d6cc}
body.brand-editorial{background:#f6f4ee;color:#203f35;font:16px/1.65 Arial,sans-serif}
.brand-editorial .hero{background:#f6f4ee;border-bottom:1px solid #d6ddd3;padding:clamp(55px,7vw,90px) 0 clamp(50px,6vw,78px)}
.brand-editorial .hero h1{font:normal clamp(41px,5.6vw,78px)/1.08 Georgia,serif;letter-spacing:-.045em;color:#203f35}
.brand-editorial .hero .lead{color:#51665c;line-height:1.65;font-size:19px}
.brand-editorial .hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.7fr);gap:45px}
.brand-editorial .hero-graphic{width:100%;min-height:0;aspect-ratio:16/9;border:1px solid #d6ddd3;background:#10382e;position:relative;overflow:hidden}
.brand-editorial .hero-graphic::before{content:'OPERATIONS / IN FOCUS';position:absolute;top:clamp(20px,3vw,40px);left:clamp(20px,3vw,40px);color:#c5b286;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.2em}
.brand-editorial .hero-graphic::after{content:attr(data-word);display:block;position:absolute;left:clamp(20px,3vw,40px);bottom:clamp(20px,3vw,40px);right:clamp(20px,3vw,40px);color:#f6f1e5;font:normal clamp(33px,5.5vw,72px)/1.1 Georgia,serif;letter-spacing:-.06em}
.brand-editorial .eyebrow{color:#8d794c;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.brand-editorial .btn,.brand-editorial .pill{background:#203f35;color:#fff;border:1px solid #203f35;border-radius:0;font:600 15px/1.3 Arial,sans-serif;letter-spacing:0;text-transform:none;padding:15px 23px;min-height:48px;text-decoration:none}
.brand-editorial .btn:hover,.brand-editorial .pill:hover{background:#315848}
.brand-editorial .btn.secondary{background:transparent;border-color:#203f35;color:#203f35}
.brand-editorial .section{border-bottom-color:#d6ddd3;gap:45px}
.brand-editorial .section h2{color:#203f35;font:normal clamp(30px,3.4vw,48px)/1.12 Georgia,serif}
.brand-editorial .section p,.brand-editorial .faq p{color:#51665c}
.brand-editorial .main{padding-bottom:75px}
.brand-editorial .cta-band{background:#203f35;color:#fff}
.brand-editorial .cta-band h2{color:#fff}
.brand-editorial .cta-band .btn{background:#f6f4ee;border-color:#f6f4ee;color:#203f35}
.brand-editorial .tool{background:#fff;border-color:#d6ddd3}
.brand-editorial .tool .output{background:#e8eae3;border-left-color:#b9a179}
.brand-editorial :focus-visible{outline-color:#b9a179}
@media(max-width:1010px){
 #brand-header .brand-header-inner{width:90%;min-height:72px}
 #brand-header #brand-menu-toggle{display:block}
 #brand-header #brand-navigation{display:none;position:absolute;left:0;right:0;top:100%;padding:16px 5% 22px;background:#f6f4ee!important;border-bottom:1px solid #d6ddd3;box-shadow:0 14px 18px rgba(15,40,31,.09);flex-direction:column;align-items:stretch;gap:3px;max-height:72vh;overflow-y:auto}
 #brand-header #brand-navigation.is-open{display:flex}
 #brand-header #brand-navigation a{padding:12px 0!important;font-size:15px!important}
 #brand-header #brand-navigation a.brand-nav-cta{margin-top:9px!important;text-align:center}
}
@media(max-width:880px){.brand-editorial .hero-grid{grid-template-columns:1fr;gap:26px}.brand-editorial .hero-graphic{aspect-ratio:16/9;min-height:0}.brand-editorial .section{grid-template-columns:1fr;gap:16px}}
@media(max-width:680px){#brand-footer{padding:35px 6% 25px!important}#brand-footer .brand-footer-inner{grid-template-columns:1fr;gap:23px}.brand-editorial .hero-graphic{min-height:0}.brand-editorial .hero h1{font-size:clamp(38px,10vw,58px)}.brand-editorial .section{padding:43px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact resource-focused footer */
#brand-footer .brand-footer-kicker{color:#cfbc91!important;font-size:10px!important;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin:0 0 8px!important}
#brand-footer .brand-footer-offer{font:normal clamp(23px,2.5vw,30px)/1.18 Georgia,serif!important;color:#f6f4ef!important;letter-spacing:-.035em;margin:0 0 13px!important;max-width:480px}
#brand-footer .brand-footer-tool{display:inline-block;color:#f7f2e8!important;font-weight:700;text-decoration:none;border-bottom:1px solid #b9a179;padding:2px 0 5px;margin-top:2px}
#brand-footer .brand-footer-tool:hover{text-decoration:underline;text-underline-offset:3px}

/* Replaces repetitive giant InFlyCo hero wordmark panels with genuine user value */
.brand-cohesive .hero-workpad{align-self:start;min-height:0;background:#e8eae3;color:#203f35!important;border:1px solid #cdd7ce;border-top:4px solid #b9a179;padding:clamp(22px,3vw,34px);box-sizing:border-box}
.brand-cohesive .hero-workpad .hero-workpad-kicker{display:block;color:#8d794c;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.16em;margin-bottom:22px}
.brand-cohesive .hero-workpad h2{color:#203f35!important;font:normal clamp(24px,2.7vw,33px)/1.16 Georgia,serif!important;letter-spacing:-.04em;margin:0 0 14px!important}
.brand-cohesive .hero-workpad p{font:normal 15px/1.6 Arial,sans-serif;color:#4b6358!important;margin:0 0 18px}
.brand-cohesive .hero-workpad .hero-workpad-rule{border-top:1px solid #c7d3c8;padding-top:15px;font:700 13px/1.5 Arial,sans-serif;color:#203f35;margin:0 0 24px}
.brand-cohesive .hero-workpad .hero-workpad-link{display:inline-block;background:#203f35;color:#fff!important;padding:13px 16px;text-decoration:none;font:700 13px/1.4 Arial,sans-serif;margin:0 0 14px}
.brand-cohesive .hero-workpad small{display:block;color:#566c61;font:normal 11px/1.4 Arial,sans-serif}
