/*
Theme Name: TFA Neural
Theme URI: https://thefirst.agency
Author: The First Agency
Author URI: https://thefirst.agency
Description: The First Agency — an interactive "AI Brain" website. Living neural-network hero, built-in AI concierge chat, boot sequence, reactive cursor, and scroll-driven motion. Dark luxury: void black and Dubai Gold. RTL-ready.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: tfa-neural
Tags: dark, one-column, custom-menu, rtl-language-support, translation-ready
*/

:root{
  --void:#0D1117;
  --void-2:#0a0d12;
  --panel:rgba(22,27,34,.55);
  --line:rgba(212,175,55,.18);
  --gold:#D4AF37;
  --gold-2:#f3d777;
  --cyan:#35e0ff;
  --text:#e9e6dc;
  --muted:#9aa3ad;
  --serif:"Cinzel",Georgia,serif;
  --motto:"Cormorant Garamond",Georgia,serif;
  --sans:"Inter","Tajawal",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --radius:18px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--void);color:var(--text);font:400 16px/1.7 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.rtl{font-family:"Tajawal",var(--sans)}
img{max-width:100%;height:auto}
a{color:var(--gold);text-decoration:none;transition:color .3s}
a:hover{color:var(--gold-2)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;letter-spacing:.04em;line-height:1.15;margin:0 0 .6em;color:#fff}
body.rtl h1,body.rtl h2,body.rtl h3,body.rtl h4{font-family:"Tajawal",var(--serif);letter-spacing:0}
p{margin:0 0 1.1em}
::selection{background:var(--gold);color:var(--void)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}

/* ---------- background layers ---------- */
#tfa-field{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55}
.grid-veil{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(212,175,55,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.045) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%)}
.scanline{position:fixed;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px)}
main,header.site,footer.site{position:relative;z-index:2}

/* ---------- boot loader ---------- */
#boot{position:fixed;inset:0;z-index:100;background:var(--void);display:grid;place-items:center;transition:opacity .8s var(--ease),visibility .8s}
#boot.done{opacity:0;visibility:hidden}
.boot-inner{width:min(520px,86vw);font:500 13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}
.boot-mark{font-family:var(--serif);color:var(--gold);font-size:22px;letter-spacing:.35em;margin-bottom:18px;text-align:center}
.boot-log div{opacity:0;transform:translateY(4px);animation:bootline .35s forwards}
.boot-log .ok{color:var(--cyan)}
.boot-bar{height:2px;background:rgba(212,175,55,.15);margin-top:18px;overflow:hidden;border-radius:2px}
.boot-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--cyan));box-shadow:0 0 12px var(--gold);transition:width .25s}
@keyframes bootline{to{opacity:1;transform:none}}

/* ---------- cursor ---------- */
.cursor,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:99;border-radius:50%;transform:translate(-50%,-50%)}
.cursor{width:8px;height:8px;background:var(--gold);box-shadow:0 0 14px var(--gold),0 0 30px rgba(53,224,255,.5)}
.cursor-ring{width:38px;height:38px;border:1px solid rgba(212,175,55,.55);transition:width .25s var(--ease),height .25s var(--ease),border-color .25s,background .25s}
.cursor-ring.hot{width:66px;height:66px;border-color:var(--cyan);background:rgba(53,224,255,.06)}
@media (hover:none),(pointer:coarse){.cursor,.cursor-ring{display:none}}
@media (hover:hover) and (pointer:fine){body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:none}}

/* ---------- header ---------- */
header.site{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 0;transition:background .4s,padding .4s,backdrop-filter .4s}
header.site.scrolled{background:rgba(13,17,23,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px 0;border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;font-family:"Palatino Linotype",Palatino,var(--serif);letter-spacing:.22em;font-size:15px;text-transform:uppercase}
.brand svg{width:34px;height:34px;filter:drop-shadow(0 0 8px rgba(212,175,55,.5))}
.brand b{color:var(--gold);font-weight:600}
.menu{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.menu a{display:block;padding:8px 14px;color:var(--text);font-size:13px;letter-spacing:.16em;text-transform:uppercase;border-radius:40px;position:relative}
.menu a:hover,.menu .current-menu-item>a{color:var(--gold)}
.menu .current-menu-item>a::after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transform:translateX(-50%)}
.nav-cta{display:flex;gap:10px;align-items:center}
.burger{display:none;background:none;border:1px solid var(--line);color:var(--gold);width:44px;height:44px;border-radius:12px}
.burger span{display:block;width:18px;height:1.5px;background:currentColor;margin:4px auto;transition:.3s}
@media (max-width:980px){
  .burger{display:block}
  header.site .menu{position:fixed;inset:0;flex-direction:column;justify-content:center;align-items:center;background:rgba(13,17,23,.97);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .35s;gap:10px}
  header.site .menu a{font-size:20px}
  body.menu-open header.site .menu{opacity:1;pointer-events:auto}
  body.menu-open .burger span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  body.menu-open .burger span:nth-child(2){opacity:0}
  body.menu-open .burger span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  .nav-cta .btn{display:none}
  .burger{position:relative;z-index:60}
}

/* ---------- buttons ---------- */
.btn{--c:var(--gold);display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:50px;border:1px solid var(--c);color:var(--c);background:transparent;font:600 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;position:relative;overflow:hidden;transition:color .35s,box-shadow .35s,transform .2s;cursor:pointer}
.btn::before{content:"";position:absolute;inset:0;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);z-index:-1}
.btn:hover{color:var(--void);box-shadow:0 0 30px rgba(212,175,55,.35)}
.btn:hover::before{transform:scaleX(1)}
.btn.solid{background:var(--gold);color:var(--void)}
.btn.solid::before{background:#fff}
.btn.cyan{--c:var(--cyan)}
.btn{isolation:isolate}

/* ---------- hero / brain ---------- */
.hero{min-height:100vh;min-height:100svh;display:grid;align-items:center;position:relative;padding:120px 0 60px;overflow:hidden}
#brain{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.eyebrow{font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.35em;color:var(--cyan);text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;margin-bottom:22px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.25}}
.hero h1{font-size:clamp(38px,6.2vw,86px);margin-bottom:.3em}
.hero h1 .gold{background:linear-gradient(100deg,var(--gold),var(--gold-2) 40%,var(--gold) 60%,#a8841f);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:-200% 0}}
.motto{font:italic 400 clamp(20px,2.2vw,28px)/1.3 var(--motto);color:var(--gold);opacity:.9}
.hero .lede{color:var(--muted);max-width:520px;font-size:17px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;font:10px ui-monospace,monospace;letter-spacing:.4em;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-hint i{width:1px;height:46px;background:linear-gradient(var(--gold),transparent);animation:drip 2s infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hud{position:absolute;z-index:2;font:10px/1.6 ui-monospace,monospace;color:rgba(53,224,255,.7);letter-spacing:.15em;pointer-events:none}
.hud.tl{top:110px;left:24px}.hud.br{bottom:30px;right:24px;text-align:right}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.hud{display:none}.hero{padding-top:110px}}

/* ---------- chat (the brain interface) ---------- */
.mind{background:linear-gradient(160deg,rgba(22,27,34,.72),rgba(13,17,23,.6));border:1px solid var(--line);border-radius:24px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(53,224,255,.04);overflow:hidden;display:flex;flex-direction:column;height:520px;max-height:72vh;position:relative}
.mind::before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:conic-gradient(from var(--a,0deg),transparent 0 70%,var(--gold) 80%,var(--cyan) 90%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 6s linear infinite;pointer-events:none;opacity:.7}
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes spin{to{--a:360deg}}
.mind-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.orb{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--gold) 30%,#6b520f 70%);box-shadow:0 0 18px var(--gold),0 0 40px rgba(53,224,255,.3);animation:breathe 3s ease-in-out infinite}
.mind.thinking .orb{animation:breathe .5s ease-in-out infinite;box-shadow:0 0 26px var(--cyan),0 0 60px var(--cyan)}
@keyframes breathe{50%{transform:scale(.88);filter:hue-rotate(10deg)}}
.mind-head b{font-family:var(--serif);letter-spacing:.14em;font-size:14px;color:#fff;display:block}
.mind-head small{color:var(--cyan);font:10px ui-monospace,monospace;letter-spacing:.2em}
.mind-log{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.msg{max-width:88%;padding:12px 16px;border-radius:16px;font-size:14.5px;line-height:1.55;animation:msgin .4s var(--ease)}
.msg.ai{background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.2);border-top-left-radius:4px;align-self:flex-start}
.msg.me{background:rgba(53,224,255,.08);border:1px solid rgba(53,224,255,.25);border-top-right-radius:4px;align-self:flex-end;color:#dff8ff}
body.rtl .msg.ai{border-top-left-radius:16px;border-top-right-radius:4px}
body.rtl .msg.me{border-top-right-radius:16px;border-top-left-radius:4px}
.msg .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.msg .acts a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border:1px solid var(--line);border-radius:30px;color:var(--gold-2)}
.msg .acts a:hover{border-color:var(--cyan);color:var(--cyan)}
@keyframes msgin{from{opacity:0;transform:translateY(8px) scale(.98)}}
.typing{display:inline-flex;gap:5px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes blink{50%{opacity:.2;transform:translateY(-3px)}}
.chips{display:flex;gap:8px;padding:0 18px 12px;overflow-x:auto;scrollbar-width:none}
.chips button{flex:none;background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--text);font:12px var(--sans);padding:8px 13px;border-radius:30px;cursor:pointer;transition:.25s}
.chips button:hover{border-color:var(--gold);color:var(--gold)}
.mind-form{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line);background:rgba(0,0,0,.2)}
.mind-form input{flex:1;background:transparent;border:0;outline:0;color:#fff;font:15px var(--sans);padding:10px 8px}
.mind-form input::placeholder{color:#6b7480}
.mind-form button{width:46px;height:46px;border-radius:50%;border:0;background:var(--gold);color:var(--void);display:grid;place-items:center;cursor:pointer;transition:transform .2s,box-shadow .3s}
.mind-form button:hover{transform:scale(1.07);box-shadow:0 0 22px var(--gold)}
body.rtl .mind-form button svg{transform:scaleX(-1)}

/* floating brain launcher on inner pages */
.mind-fab{position:fixed;right:22px;bottom:22px;z-index:70;width:64px;height:64px;border-radius:50%;border:1px solid var(--gold);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.4),rgba(212,175,55,.85) 35%,#3d2f08);box-shadow:0 0 30px rgba(212,175,55,.5),0 0 70px rgba(53,224,255,.2);cursor:pointer;animation:breathe 3.4s infinite}
.mind-fab::after{content:"ASK THE BRAIN";position:absolute;right:76px;top:50%;transform:translateY(-50%);white-space:nowrap;font:10px ui-monospace,monospace;letter-spacing:.25em;color:var(--gold);background:rgba(13,17,23,.9);border:1px solid var(--line);padding:8px 12px;border-radius:20px;opacity:0;transition:.3s;pointer-events:none}
.mind-fab:hover::after{opacity:1}
body.rtl .mind-fab{right:auto;left:22px}
.mind-pop{position:fixed;right:22px;bottom:100px;z-index:70;width:min(400px,calc(100vw - 32px));opacity:0;transform:translateY(20px) scale(.96);pointer-events:none;transition:.35s var(--ease)}
.mind-pop.open{opacity:1;transform:none;pointer-events:auto}
body.rtl .mind-pop{right:auto;left:22px}
@media (max-width:560px){.mind-pop{right:16px;left:16px;width:auto}}

/* ---------- sections ---------- */
section.block{padding:120px 0;position:relative}
.sec-head{max-width:720px;margin-bottom:60px}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head h2{font-size:clamp(30px,4vw,54px)}
.sec-head p{color:var(--muted);font-size:17px}
.kicker{font:600 11px ui-monospace,monospace;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:16px}
.kicker::before{content:"// ";color:var(--cyan)}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(40px);filter:blur(6px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease)}
[data-reveal].in{opacity:1;transform:none;filter:none}
[data-reveal="left"]{transform:translateX(-50px)}[data-reveal="right"]{transform:translateX(50px)}
.split-chars span{display:inline-block;opacity:0;transform:translateY(.6em) rotateX(-90deg);transition:opacity .6s,transform .8s var(--ease)}
.split-chars.in span{opacity:1;transform:none}

/* neuron constellation (services) */
.synapse{position:relative;aspect-ratio:1/1;max-width:760px;margin:0 auto}
.synapse svg.links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.synapse .core{position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(212,175,55,.35),rgba(13,17,23,.9) 70%);border:1px solid var(--gold);box-shadow:0 0 60px rgba(212,175,55,.35),inset 0 0 40px rgba(53,224,255,.15);font-family:var(--serif);font-size:clamp(10px,1.4vw,15px);letter-spacing:.2em;color:#fff}
.synapse .core::before,.synapse .core::after{content:"";position:absolute;inset:-14%;border-radius:50%;border:1px dashed rgba(212,175,55,.35);animation:rot 30s linear infinite}
.synapse .core::after{inset:-30%;border-color:rgba(53,224,255,.2);animation-duration:50s;animation-direction:reverse}
@keyframes rot{to{transform:rotate(360deg)}}
.neuron{position:absolute;transform:translate(-50%,-50%);width:clamp(96px,17%,150px);text-align:center;cursor:pointer}
.neuron .dot{width:clamp(46px,8vw,70px);aspect-ratio:1;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:rgba(13,17,23,.85);border:1px solid rgba(212,175,55,.5);box-shadow:0 0 0 6px rgba(212,175,55,.05),0 0 24px rgba(212,175,55,.2);transition:.4s var(--ease);color:var(--gold)}
.neuron .dot svg{width:44%;height:44%}
.neuron b{display:block;font-family:var(--serif);font-size:clamp(10px,1.2vw,13px);letter-spacing:.12em;color:#fff;line-height:1.3}
.neuron:hover .dot,.neuron.on .dot{transform:scale(1.15);border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 10px rgba(53,224,255,.07),0 0 40px rgba(53,224,255,.5)}
.synapse-info{max-width:560px;margin:40px auto 0;text-align:center;min-height:110px;color:var(--muted)}
.synapse-info h3{color:var(--gold);font-size:20px}
@media (max-width:640px){.neuron b{font-size:9px;letter-spacing:.05em}}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.card{position:relative;padding:34px 30px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px);overflow:hidden;transform-style:preserve-3d;transition:border-color .4s,box-shadow .4s;will-change:transform}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(212,175,55,.14),transparent 40%);opacity:0;transition:opacity .4s;pointer-events:none}
.card:hover{border-color:rgba(212,175,55,.5);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 40px rgba(212,175,55,.08)}
.card:hover::before{opacity:1}
.card .ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold);margin-bottom:22px;background:rgba(212,175,55,.05)}
.card .ico svg{width:26px;height:26px}
.card h3{font-size:19px}
.card p{color:var(--muted);font-size:15px;margin:0}
.card .idx{position:absolute;top:22px;right:26px;font:11px ui-monospace,monospace;color:rgba(53,224,255,.6);letter-spacing:.2em}
body.rtl .card .idx{right:auto;left:26px}
.card ul{margin:14px 0 0;padding:0;list-style:none;color:var(--muted);font-size:14px}
.card li{padding:4px 0}.card li::before{content:"◆ ";color:var(--gold);font-size:9px}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.stat{padding:38px 24px;text-align:center;border-inline-end:1px solid var(--line)}
.stat:last-child{border:0}
.stat b{display:block;font:600 clamp(34px,4vw,54px)/1 var(--serif);color:var(--gold);text-shadow:0 0 30px rgba(212,175,55,.35)}
.stat span{font:11px ui-monospace,monospace;letter-spacing:.25em;color:var(--muted);text-transform:uppercase}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-inline-end:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* marquee / data stream */
.stream{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:rgba(0,0,0,.25);white-space:nowrap;position:relative;z-index:2}
.stream div{display:inline-block;animation:marq 40s linear infinite;font:500 clamp(18px,2.4vw,30px) var(--serif);letter-spacing:.2em;color:rgba(255,255,255,.85)}
.stream span{color:var(--gold);margin:0 28px}
@keyframes marq{to{transform:translateX(-50%)}}
body.rtl .stream div{animation-direction:reverse}

/* timeline */
.timeline{position:relative;max-width:900px;margin:0 auto;padding-inline-start:40px}
.timeline::before{content:"";position:absolute;inset-inline-start:9px;top:0;bottom:0;width:1px;background:linear-gradient(var(--gold),var(--cyan),transparent)}
.tl-item{position:relative;padding:0 0 48px 20px}
.tl-item::before{content:"";position:absolute;inset-inline-start:-37px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--void);border:2px solid var(--gold);box-shadow:0 0 14px var(--gold)}
.tl-item time{font:12px ui-monospace,monospace;letter-spacing:.3em;color:var(--cyan)}
.tl-item h3{margin:.3em 0 .4em;font-size:22px}
.tl-item p{color:var(--muted)}

/* CTA band */
.cta-band{text-align:center;padding:110px 20px;border-radius:28px;border:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,rgba(212,175,55,.22),transparent 60%),var(--panel)}
.cta-band h2{font-size:clamp(28px,4.4vw,58px)}
.cta-band .motto{margin-bottom:30px}

/* page hero */
.page-hero{padding:180px 0 80px;position:relative;overflow:hidden}
.page-hero h1{font-size:clamp(40px,6vw,80px)}
.page-hero p{color:var(--muted);font-size:18px;max-width:640px}
.page-hero::after{content:"";position:absolute;right:-10%;top:10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.16),transparent 65%);filter:blur(10px);animation:float 9s ease-in-out infinite;pointer-events:none}
@keyframes float{50%{transform:translate(-40px,30px)}}

/* content (gutenberg) */
.entry{max-width:820px;margin:0 auto}
.entry h2{font-size:32px;margin-top:1.6em}.entry h3{font-size:24px;margin-top:1.4em}
.entry p,.entry li{color:#cfd3d8;font-size:17px}
.entry blockquote{border-inline-start:2px solid var(--gold);margin:1.6em 0;padding:.4em 1.4em;font:italic 24px/1.4 var(--motto);color:var(--gold-2)}
.entry img{border-radius:var(--radius)}
.entry a{border-bottom:1px solid rgba(212,175,55,.4)}
.alignwide{max-width:1100px;margin-inline:auto}.alignfull{width:100vw;margin-inline:calc(50% - 50vw)}

/* posts */
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.post-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);overflow:hidden;display:flex;flex-direction:column;transition:.4s var(--ease)}
.post-card:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.5)}
.post-card .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#141a22,#0d1117);position:relative;overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.post-card:hover .thumb img{transform:scale(1.06)}
.post-card .thumb .ph{position:absolute;inset:0;display:grid;place-items:center;font:600 40px var(--serif);color:rgba(212,175,55,.3)}
.post-card .body{padding:24px}
.post-card time{font:11px ui-monospace,monospace;letter-spacing:.2em;color:var(--cyan)}
.post-card h3{font-size:19px;margin:.5em 0}
.post-card h3 a{color:#fff}
.post-card p{color:var(--muted);font-size:15px}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:50px}
.pagination .page-numbers{padding:10px 16px;border:1px solid var(--line);border-radius:10px;color:var(--text)}
.pagination .current{background:var(--gold);color:var(--void)}

/* contact */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.c-line{display:flex;gap:16px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line)}
.c-line .ico{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold)}
.c-line .ico svg{width:20px;height:20px}
.c-line small{display:block;font:10px ui-monospace,monospace;letter-spacing:.3em;color:var(--muted);text-transform:uppercase}
.c-line a,.c-line span{color:#fff;font-size:18px}
.form{padding:34px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(12px)}
.field{position:relative;margin-bottom:22px}
.field input,.field textarea,.field select{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.15);padding:18px 2px 10px;color:#fff;font:16px var(--sans);outline:0;transition:border-color .3s;border-radius:0}
.field select option{background:var(--void)}
.field textarea{min-height:120px;resize:vertical}
.field label{position:absolute;inset-inline-start:2px;top:18px;color:var(--muted);font-size:15px;pointer-events:none;transition:.25s var(--ease)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold)}
.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label,.field select+label{top:-4px;font-size:11px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.notice{padding:14px 18px;border-radius:12px;margin-bottom:20px;border:1px solid}
.notice.ok{border-color:var(--cyan);color:var(--cyan);background:rgba(53,224,255,.06)}
.notice.err{border-color:#ff6b6b;color:#ff9b9b}
.hp{position:absolute;left:-9999px}

/* whatsapp float */
.wa{position:fixed;left:22px;bottom:22px;z-index:70;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#0f2a1c;border:1px solid #25d366;color:#25d366;box-shadow:0 0 22px rgba(37,211,102,.3);transition:.3s}
.wa:hover{background:#25d366;color:#fff}
.wa svg{width:24px;height:24px}
body.rtl .wa{left:auto;right:22px}

/* footer */
footer.site{border-top:1px solid var(--line);padding:70px 0 30px;margin-top:80px;background:linear-gradient(transparent,rgba(0,0,0,.4))}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:50px}
@media (max-width:800px){.f-grid{grid-template-columns:1fr}}
footer.site h4{font-size:12px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase}
footer.site ul{list-style:none;padding:0;margin:0}
footer.site li{padding:5px 0}
footer.site li a{color:var(--muted)}
footer.site li a:hover{color:var(--gold)}
.f-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font:11px ui-monospace,monospace;letter-spacing:.2em;color:#5d6570;border-top:1px solid var(--line);padding-top:24px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-reveal]{opacity:1;transform:none;filter:none}
}
.hero h1 .gold span{background:inherit;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
.btn svg{width:16px;height:16px;flex:none}
.hero-grid>*{min-width:0}
.hud.tl{top:auto;bottom:30px;left:auto;right:24px;display:none}
@media (max-width:980px){.hero-grid{grid-template-columns:minmax(0,1fr)}.eyebrow{letter-spacing:.2em;flex-wrap:wrap;line-height:1.5}.mind{height:480px}}
@media (max-width:560px){.hero h1{font-size:clamp(32px,10vw,44px)}.hero-actions .btn{padding:13px 20px}}
.hero h1,.hero .lede{text-shadow:0 2px 24px rgba(13,17,23,.9)}
.admin-bar header.site{top:32px}
@media (max-width:782px){.admin-bar header.site{top:46px}}
.brand svg.horus{width:46px;height:35px}
footer.site .menu{flex-direction:column;gap:0}
footer.site .menu a{padding:5px 0;font-size:12px;letter-spacing:.14em;color:var(--muted)}
footer.site .menu a::after{display:none}