/* APN Proptech theme — loaded last on every page (injected by scripts/build-site.js) */
:root{
  --sea-deep:#05211A; --sea-deep-2:#0C3B2C; --deep:#05211A; --dark:#05211A;
  --stone:#F5F6F1; --stone-2:#E9ECE4; --paper:#F5F6F1;
  --teal:#0F5A43; --teal-light:#1F7A5C; --sage:#6F8F7A;
  --clay:#8F6A16; --gold:#E3C273;
  --apn-radius:14px; --apn-shadow:0 1px 2px rgba(5,33,26,.06),0 10px 30px rgba(5,33,26,.08);
  --apn-display:'Space Grotesk','Inter',system-ui,sans-serif; --apn-body:'Inter',system-ui,sans-serif;
}
body{font-family:var(--apn-body);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1,"cv11" 1}
h1,h2,h3,h4,.logo{font-family:var(--apn-display);letter-spacing:-.02em}
html[dir="rtl"] body,html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{font-family:'Vazirmatn','Segoe UI',Tahoma,sans-serif}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}

/* header */
header{background:rgba(5,33,26,.84)!important;backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid rgba(227,194,115,.16)}
.logo{display:inline-flex!important;align-items:center;gap:10px;color:#F5F6F1!important}
.logo img{width:auto;height:34px}
.logo b{font-weight:700;font-size:20px;letter-spacing:.04em;color:var(--gold)}
.logo small{font-family:var(--apn-body);font-size:10.5px;font-weight:500;letter-spacing:.2em;color:rgba(245,246,241,.6)}
.nav-links a{font-size:14px}
.nav-cta,.btn{border-radius:10px!important}
.nav-cta{background:var(--gold)!important;color:#1B1505!important;box-shadow:0 0 0 1px rgba(227,194,115,.4),0 6px 18px rgba(227,194,115,.18)}
.btn-primary{background:var(--gold)!important;color:#1B1505!important;border-color:transparent}
.btn-primary:hover{background:#ecd08c!important;transform:translateY(-1px)}
.btn{transition:transform .15s,background .15s,box-shadow .15s}

/* hero / page heads: deep green, data-grid texture, teal glow */
.hero,.pagehead{
  background:radial-gradient(800px 420px at 85% 0%,rgba(227,194,115,.14),transparent 60%),
             linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/44px 44px,
             linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/44px 44px,
             linear-gradient(160deg,#05211A,#0C3B2C)!important;
}
.hero h1,.pagehead h1{letter-spacing:-.03em}
.kicker,.eyebrow-line{text-transform:uppercase;letter-spacing:.1em;font-size:12.5px;font-weight:600;color:var(--teal)}
.hero .kicker,.pagehead .kicker,.hero .eyebrow-line{color:var(--gold)}

/* cards & panels */
.card,.col-card,.fit-card,.fact,.path-card,.dcard,.panel,.related a,.step,.faq-item,.callout,.districts-panel{
  border-radius:var(--apn-radius)!important;border:1px solid var(--line);box-shadow:var(--apn-shadow);
}
.fact,.card,.path-card,.dcard,.col-card{transition:transform .18s,box-shadow .18s,border-color .18s}
.fact:hover,.card:hover,.path-card:hover,.dcard:hover,.col-card:hover{transform:translateY(-3px);border-color:rgba(15,90,67,.35);box-shadow:0 2px 4px rgba(5,33,26,.06),0 18px 40px rgba(5,33,26,.13)}
.chip,.tag,.verified{border-radius:99px!important}
.callout{border-left-color:var(--gold)}
.fact .icon{background:rgba(15,90,67,.10)!important;color:var(--teal)}
details.faq-item summary{font-family:var(--apn-display);font-weight:600}
table.data{border-radius:12px;overflow:hidden}
table.data th{background:var(--sea-deep-2)!important;color:#F5F6F1!important}
.cta-band{background:linear-gradient(160deg,#05211A,#0C3B2C)!important;border-radius:22px;margin:0 auto;max-width:1120px}
.cta-band::before{content:"";display:block;width:64px;height:56px;margin:0 auto 14px;background:url(/assets/apn-mark.png) center/contain no-repeat}
a:not(.btn):not(.nav-cta):not(.logo) {text-underline-offset:3px}

/* footer (partials use inline colours) */
footer[data-apn-unified-footer]{background:linear-gradient(180deg,#05211A,#031711)!important;color:#F5F6F1!important;border-top:1px solid rgba(227,194,115,.2)}
footer[data-apn-unified-footer] strong{color:var(--gold)!important;font-family:var(--apn-display);letter-spacing:.02em}
footer[data-apn-unified-footer] a{color:#dfe8e1!important;text-decoration:none!important}
footer[data-apn-unified-footer] a:hover{color:var(--gold)!important}
footer[data-apn-unified-footer] [data-apn-social-footer] a{border-color:rgba(227,194,115,.6)!important;color:var(--gold)!important}
footer[data-apn-unified-footer] [data-apn-social-footer] a:hover{background:rgba(227,194,115,.12)}
.apn-foot-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.apn-foot-brand img{height:64px;width:auto}
.apn-foot-brand span{font-size:13px;color:rgba(245,246,241,.65);max-width:34ch}
.apn-langbar{background:#031711!important}
.apn-langbar b{color:var(--gold)!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* legibility: inline conversion path box sits inside dark heroes */
.apn-inline-path{background:rgba(255,255,255,.96)!important;color:#1C2B2E!important;border-radius:12px;border-inline-start:4px solid var(--gold)!important;box-shadow:var(--apn-shadow)}
.apn-inline-path a{color:var(--teal)!important;font-weight:600}

/* nav: keep on one line; collapse to the burger menu earlier than the legacy 820px */
.nav-links{gap:22px!important}
.nav-links a{white-space:nowrap}
.logo small{display:none}
@media(min-width:1440px){.logo small{display:inline}}
@media(max-width:1080px){
  .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0!important;background:var(--sea-deep-2);max-height:0;overflow:hidden;transition:max-height .3s ease}
  .nav-links.open{max-height:520px}
  .nav-links a{width:100%;padding:14px 28px;border-top:1px solid rgba(255,255,255,.08)}
  .nav-links .nav-cta{margin:12px 28px;width:auto;text-align:center}
  .nav-toggle{display:block!important}
}