/* Shared visual system for the approved agency design. */
:root{--ink:#f6f7f2;--muted:#a4b0be;--night:#05090d;--panel:#0d1720;--cyan:#41ead4;--gold:#f3ca62;--line:rgba(255,255,255,.12);color-scheme:dark}
html{scroll-padding-top:100px}body{background:radial-gradient(ellipse at 85% 4%,#102833 0,transparent 38%),#05090d;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink)}
[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.af-header{position:sticky;top:0;z-index:40;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(24px,calc((100% - 1240px)/2));background:rgba(5,9,13,.95);border-bottom:1px solid var(--line)}
.af-brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:900;letter-spacing:.17em;text-decoration:none;white-space:nowrap;color:var(--ink)}.af-brand svg{width:38px;height:38px;flex-shrink:0}
.af-links{display:flex;align-items:center;gap:24px}.af-links a{font-size:13px;font-weight:650;color:var(--muted);text-decoration:none}.af-links a:hover,.af-links a[aria-current=page]{color:var(--cyan)}
.af-cta{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 20px;border-radius:999px;background:var(--cyan);color:#041510!important;font-size:13px;font-weight:850;text-decoration:none}
.af-menu{display:none;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:12px;padding:10px 14px;cursor:pointer}.af-skip{position:fixed;left:16px;top:-80px;z-index:100;padding:14px;background:var(--cyan);color:#041510}.af-skip:focus{top:8px}
.af-footer{padding:50px max(24px,calc((100% - 1240px)/2));border-top:1px solid var(--line);background:#04080c}.af-footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px;flex-wrap:wrap}.af-footer nav{display:flex;gap:16px;flex-wrap:wrap;max-width:670px}.af-footer nav a{color:var(--muted);font-size:13px}.af-footer p{font-size:12px;color:var(--muted);margin-top:28px}
body.af-home .hero{min-height:calc(100svh - 80px);padding-top:65px}.af-home .progress{top:79px}.af-home .hero h1 span{-webkit-text-stroke:1px rgba(246,247,242,.7)}
body:not(.af-home) .hero{position:relative;padding-top:85px;padding-bottom:68px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 95% 35%,rgba(65,234,212,.06),transparent 55%)}
body:not(.af-home) .hero h1{font-size:clamp(40px,5.5vw,80px);line-height:1.03;letter-spacing:-.06em;max-width:1100px}body:not(.af-home) .hero .lead{max-width:780px;font-size:18px;color:var(--muted)}
body:not(.af-home) .section{padding-top:56px;padding-bottom:68px}body:not(.af-home) h2{letter-spacing:-.04em}body:not(.af-home) .card,body:not(.af-home) .panel,body:not(.af-home) .form-wrap{background:linear-gradient(150deg,#101d28,#0a131b);border-color:var(--line);box-shadow:none;border-radius:24px}
body:not(.af-home) .card:hover{transform:translateY(-4px);box-shadow:none;border-color:rgba(65,234,212,.35)}.button::after{display:none!important}.button{transition:transform .2s ease;background:var(--cyan);color:#041510}.button.ghost{background:transparent;color:var(--ink)}
.af-article .content,.af-article .article,.af-article article{line-height:1.85}.af-article .content h2{margin-top:2em}.af-article .content p,.af-article .content li{color:#b3bec9}.af-article .hero{padding-bottom:48px}
.af-blog .featured-wrap{padding-top:36px}.af-blog .featured-article{background:linear-gradient(145deg,#10232b,#09131b);box-shadow:none}.af-blog .card h3{font-size:22px;line-height:1.2;letter-spacing:-.025em}.af-blog .grid{gap:24px}
.af-field{min-width:0}.af-field-label{display:block;margin:8px 0;font-size:12px!important;color:#bac5cf}.af-feedback{margin-top:12px;padding:16px;border:1px solid var(--cyan);background:#102b29;border-radius:14px;color:var(--ink);line-height:1.6}.af-feedback[data-state=error]{border-color:var(--gold);background:#252016}
.af-toast{position:fixed;right:24px;bottom:24px;z-index:60;max-width:380px;padding:20px 24px;border:1px solid var(--cyan);border-radius:18px;background:#10232b;box-shadow:0 15px 50px #0008}.af-toast button{float:right;margin-left:16px;background:none;border:0;color:var(--ink);font-size:20px;cursor:pointer}.af-toast p{margin:6px 0;font-size:14px}
form input,form textarea,form select{font:inherit;max-width:100%}form button:disabled{opacity:.6;cursor:wait}form select{background:#101d28;color:var(--ink)}.af-home .role-item{color:var(--ink);text-align:left}.af-home .offscreen *{animation-play-state:paused!important}
@media(max-width:1000px){.af-header{gap:12px;padding:14px 20px}.af-links{gap:16px}.af-header>.af-cta{display:none}}
@media(max-width:760px){.af-header{min-height:72px}.af-brand{font-size:11px;letter-spacing:.12em}.af-menu{display:block}.af-links{display:none;position:absolute;top:100%;left:0;right:0;background:#081018;padding:18px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.af-links.open{display:flex}.af-links a{padding:14px 0}.af-footer-top{flex-direction:column}.af-home .progress{top:71px}.af-home .hero{padding-top:48px}body:not(.af-home) .hero{padding:50px 20px}body:not(.af-home) .section,body:not(.af-home) .contact{padding:44px 20px}.af-toast{left:16px;right:16px;bottom:16px;max-width:none}.af-header+main{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}