/* ============================================================
   DUBAI-IT — execution philosophy
   Art direction: warm near-black canvas · gold velocity & light ·
   excellence/results. Refined, kinetic, bilingual.
   ============================================================ */
   /* ---------- LOCAL SELF-HOSTED FONTS ---------- */

/* Cabinet Grotesk (Display Headers & Brand Type) */
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('fonts/CabinetGrotesk-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('fonts/CabinetGrotesk-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('fonts/CabinetGrotesk-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('fonts/CabinetGrotesk-Extrabold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

/* Satoshi (Body text & Interface chips) */
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Bold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

/* IBM Plex Sans Arabic (Bilingual Layout Translation) */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('fonts/IBMPlexSansArabic-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

/* Inter (Fallback Base UI Font) */
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter-v2-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter-v2-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

/* Playfair Display (Alternative Serif Engine File) */
@font-face {
  font-family: 'Playfair Display';
  src: url('fonts/playfair-display-v40-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

/* ---------- TOKENS ---------- */
:root {
  --text-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 0.8rem  + 0.35vw, 1rem);
  --text-base: clamp(1rem,     0.95rem + 0.25vw, 1.125rem);
  --text-lg:   clamp(1.125rem, 1rem    + 0.75vw, 1.5rem);
  --text-xl:   clamp(1.5rem,   1.2rem  + 1.25vw, 2.25rem);
  --text-2xl:  clamp(2rem,     1.2rem  + 2.5vw,  3.5rem);
  --text-3xl:  clamp(2.5rem,   1rem    + 4vw,    5rem);
  --text-hero: clamp(3.25rem,  0.5rem  + 8vw,    9.5rem);

  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem;
  --space-12:3rem; --space-16:4rem; --space-20:5rem; --space-24:6rem; --space-32:8rem;

  --radius-sm:.5rem; --radius-md:.75rem; --radius-lg:1.25rem; --radius-full:9999px;

  --font-display:'Cabinet Grotesk','Satoshi',system-ui,sans-serif;
  --font-body:'Satoshi','Inter',system-ui,sans-serif;
  --font-ar:'IBM Plex Sans Arabic','Satoshi',sans-serif;

  --content:1180px;
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-in:cubic-bezier(0.4,0,1,1);
  --transition-interactive:200ms var(--ease-out);

  --gold:#e8b85c;
  --gold-soft:#f3d28e;
}

/* DARK (default) — warm near-black + gold */
[data-theme="dark"], :root:not([data-theme]) {
  --color-bg:#0a0a0c;
  --color-bg-2:#0f0f12;
  --color-surface:#141417;
  --color-surface-2:#1a1a1e;
  --color-border:#26262b;
  --color-border-bright:#3a3a42;
  --color-text:#f3f1ec;
  --color-text-muted:#a7a39a;
  --color-text-faint:#6d6a63;
  --color-primary:var(--gold);
  --color-primary-soft:var(--gold-soft);
  --color-accent:var(--gold);
  --glow-primary:rgba(232,184,92,0.30);
  --glow-accent:rgba(232,184,92,0.30);
  --grid-line:rgba(232,184,92,0.05);
  --veil:radial-gradient(120% 80% at 50% 0%,transparent 30%,#0a0a0c 92%);
  --hero-floor:linear-gradient(180deg,transparent,rgba(10,10,12,0.65) 70%,#0a0a0c);
  --shadow-card:0 1px 0 rgba(255,255,255,0.03) inset, 0 18px 50px -24px rgba(0,0,0,0.85);
}

/* LIGHT — warm ivory + deep gold */
[data-theme="light"] {
  --color-bg:#f6f3ec;
  --color-bg-2:#f1ede3;
  --color-surface:#fffdf8;
  --color-surface-2:#f8f5ee;
  --color-border:#e2dccd;
  --color-border-bright:#cfc6b1;
  --color-text:#1b1813;
  --color-text-muted:#5f5a4f;
  --color-text-faint:#9a9384;
  --color-primary:#9a6b16;
  --color-primary-soft:#b5821f;
  --color-accent:#9a6b16;
  --glow-primary:rgba(154,107,22,0.18);
  --glow-accent:rgba(154,107,22,0.18);
  --grid-line:rgba(154,107,22,0.06);
  --veil:radial-gradient(120% 80% at 50% 0%,transparent 35%,#f6f3ec 95%);
  --hero-floor:linear-gradient(180deg,transparent,rgba(246,243,236,0.7) 70%,#f6f3ec);
  --shadow-card:0 1px 0 rgba(255,255,255,0.6) inset, 0 18px 40px -26px rgba(60,50,20,0.35);
}

/* ---------- BASE ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;scroll-behavior:smooth;
  scroll-padding-top:6rem;-webkit-text-size-adjust:none;text-size-adjust:none;
}
body{
  min-height:100dvh;line-height:1.6;font-family:var(--font-body);
  font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);
  overflow-x:hidden;
  transition:background .5s var(--ease-out),color .5s var(--ease-out);
}
img,svg,canvas{display:block;max-width:100%;}
h1,h2,h3{text-wrap:balance;line-height:1.05;font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;}
p{text-wrap:pretty;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--glow-primary);color:var(--color-text);}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm);}
button{cursor:pointer;background:none;border:none;color:inherit;}

.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--color-primary);
  color:#04121a;padding:.6rem 1rem;border-radius:0 0 var(--radius-sm) 0;font-weight:600;}
.skip-link:focus{left:0;}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* ---------- HEADER ---------- */
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  padding:var(--space-4) clamp(var(--space-4),5vw,var(--space-12));
  background:color-mix(in oklab,var(--color-bg) 72%,transparent);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;
  transition:border-color .4s var(--ease-out),background .4s var(--ease-out),transform .4s var(--ease-out);
}
.site-header.is-scrolled{border-bottom-color:var(--color-border);}
.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text);}
.brand__mark{color:var(--color-primary);flex:none;}
.brand__dot{fill:var(--color-accent);}
.brand__type{font-family:var(--font-display);font-weight:600;font-size:1.32rem;letter-spacing:-.01em;}
.brand__hyphen{color:var(--color-primary);}
.site-nav{display:flex;gap:clamp(var(--space-4),2.5vw,var(--space-8));}
.site-nav a{font-size:var(--text-sm);color:var(--color-text-muted);position:relative;padding:.25rem 0;
  transition:color var(--transition-interactive);}
.site-nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;
  background:var(--color-primary);transform:scaleX(0);transform-origin:left;
  transition:transform var(--transition-interactive);}
.site-nav a:hover{color:var(--color-text);}
.site-nav a:hover::after{transform:scaleX(1);}
.header__actions{display:flex;align-items:center;gap:var(--space-3);}
.domain-chip{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);
  border:1px solid var(--color-border);border-radius:var(--radius-full);
  padding:.4rem .8rem;letter-spacing:.02em;white-space:nowrap;}
.domain-chip__tld{color:var(--color-accent);}
.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-full);
  color:var(--color-text-muted);border:1px solid var(--color-border);
  transition:color var(--transition-interactive),border-color var(--transition-interactive),background var(--transition-interactive);}
.icon-btn:hover{color:var(--color-primary);border-color:var(--color-border-bright);}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;
  padding:var(--space-32) clamp(var(--space-4),5vw,var(--space-12)) var(--space-20);
  overflow:hidden;}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.hero__veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--veil);}
.hero__inner{position:relative;z-index:2;max-width:var(--content);margin:0 auto;width:100%;}

.hero__eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--text-sm);
  color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;
  border:1px solid var(--color-border);border-radius:var(--radius-full);
  padding:.5rem 1rem;background:color-mix(in oklab,var(--color-surface) 50%,transparent);}
.hero__eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);
  animation:pulse 2.4s var(--ease-out) infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.7);}}

.hero__title{margin:var(--space-6) 0 var(--space-5);font-size:var(--text-hero);
  letter-spacing:-.035em;line-height:.9;font-weight:600;}
.hero__title .line{display:block;}
.hero__title em{font-style:normal;color:var(--color-primary);}
.hero__title .line--ar{font-family:var(--font-ar);font-weight:600;
  font-size:.58em;color:var(--color-accent);margin-top:.16em;letter-spacing:0;}

.hero__lede{max-width:40ch;font-size:var(--text-lg);color:var(--color-text-muted);}
.hero__lede strong{color:var(--color-text);font-weight:600;}
.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8);}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);letter-spacing:.01em;
  padding:.85rem 1.5rem;border-radius:var(--radius-full);
  transition:transform var(--transition-interactive),box-shadow var(--transition-interactive),
    background var(--transition-interactive),border-color var(--transition-interactive),color var(--transition-interactive);}
.btn--primary{background:var(--color-primary);color:#03131a;
  box-shadow:0 0 0 1px var(--color-primary),0 10px 40px -10px var(--glow-primary);}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--color-primary-soft),0 16px 48px -10px var(--glow-primary);}
.btn--primary:active{transform:translateY(0);}
.btn--ghost{border:1px solid var(--color-border-bright);color:var(--color-text);}
.btn--ghost:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);}
.btn--ghost:active{transform:translateY(0);}

/* ticker */
.hero__ticker{position:absolute;left:0;right:0;bottom:0;z-index:2;
  border-top:1px solid var(--color-border);
  background:color-mix(in oklab,var(--color-bg) 60%,transparent);
  backdrop-filter:blur(8px);overflow:hidden;padding:.85rem 0;}
.ticker__track{display:flex;align-items:center;gap:var(--space-6);white-space:nowrap;width:max-content;
  animation:scroll-x 34s linear infinite;}
.ticker__track span{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);}
.ticker__track span:nth-child(4n+1){color:var(--color-accent);}
.ticker__track i{color:var(--color-primary);font-style:normal;}
@keyframes scroll-x{to{transform:translateX(-50%);}}

/* ---------- SECTIONS ---------- */
.section{position:relative;max-width:var(--content);margin:0 auto;
  padding:clamp(var(--space-16),11vw,var(--space-32)) clamp(var(--space-4),5vw,var(--space-12));}
.section__kicker{font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;
  color:var(--color-primary);margin-bottom:var(--space-5);display:flex;align-items:center;gap:.7rem;}
.section__kicker::before{content:"";width:28px;height:1px;background:var(--color-primary);opacity:.6;}
.section__title{font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-10);max-width:18ch;}

/* manifesto */
.manifesto__lead{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);
  line-height:1.25;letter-spacing:-.01em;max-width:24ch;margin-bottom:var(--space-12);}
.hl{color:var(--color-primary);}
.manifesto__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:var(--space-8) var(--space-12);margin-bottom:var(--space-12);}
.manifesto__cols p{color:var(--color-text-muted);font-size:var(--text-lg);max-width:46ch;}
.manifesto__cols em{font-style:normal;color:var(--color-text);}
.pullquote{position:relative;font-family:var(--font-display);font-weight:500;
  font-size:var(--text-2xl);letter-spacing:-.025em;line-height:1.15;
  padding:var(--space-8) 0 var(--space-8) var(--space-8);
  border-left:2px solid var(--color-primary);}
.pullquote cite{display:block;margin-top:var(--space-5);font-family:var(--font-body);
  font-style:normal;font-weight:400;font-size:var(--text-sm);color:var(--color-text-faint);letter-spacing:.02em;}

/* principles */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-5);}
.card{position:relative;padding:var(--space-8) var(--space-6) var(--space-6);
  background:linear-gradient(180deg,var(--color-surface),var(--color-bg-2));
  border:1px solid var(--color-border);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);overflow:hidden;
  transition:transform var(--transition-interactive),border-color var(--transition-interactive);}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(140deg,var(--color-primary),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;
  transition:opacity var(--transition-interactive);}
.card:hover{transform:translateY(-4px);border-color:var(--color-border-bright);}
.card:hover::before{opacity:.8;}
.card__num{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);
  color:var(--color-accent);letter-spacing:.1em;}
.card h3{font-size:var(--text-lg);margin:var(--space-4) 0 var(--space-3);letter-spacing:-.01em;}
.card p{font-size:var(--text-sm);color:var(--color-text-muted);}

/* creed / definition */
.creed{display:flex;justify-content:center;}
.define{width:100%;max-width:820px;background:
   radial-gradient(120% 140% at 0% 0%,color-mix(in oklab,var(--color-primary) 9%,transparent),transparent 55%),
   linear-gradient(180deg,var(--color-surface),var(--color-bg-2));
  border:1px solid var(--color-border);border-radius:var(--radius-lg);
  padding:clamp(var(--space-8),5vw,var(--space-16));box-shadow:var(--shadow-card);}
.define__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-4);
  padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);}
.define__word{font-family:var(--font-display);font-weight:600;font-size:var(--text-2xl);letter-spacing:-.025em;}
.define__phon{color:var(--color-text-faint);font-size:var(--text-sm);}
.define__phon em{color:var(--color-primary);font-style:italic;}
.define__senses{list-style:none;display:grid;gap:var(--space-6);}
.define__senses li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);
  font-size:var(--text-lg);color:var(--color-text);max-width:60ch;}
.define__senses li span{color:var(--color-accent);font-family:var(--font-display);font-weight:600;}
.define__senses li em{font-style:italic;color:var(--color-text-muted);}

/* own / domains */
.own__sub{color:var(--color-text-muted);font-size:var(--text-lg);max-width:42ch;margin:calc(-1*var(--space-6)) 0 var(--space-12);}
.own__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5);}
.addr{position:relative;padding:var(--space-10) var(--space-8);border-radius:var(--radius-lg);
  border:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface),var(--color-bg-2));
  box-shadow:var(--shadow-card);overflow:hidden;
  transition:transform var(--transition-interactive),border-color var(--transition-interactive);}
.addr:hover{transform:translateY(-4px);}
.addr::after{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;
  border-radius:50%;filter:blur(60px);opacity:.5;}
.addr--ai::after{background:var(--glow-primary);}
.addr--ai:hover{border-color:var(--color-primary);}
.addr--eth::after{background:var(--glow-accent);}
.addr--eth:hover{border-color:var(--color-accent);}
.addr__label{position:relative;z-index:1;font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-faint);}
.addr__name{position:relative;z-index:1;display:block;margin:var(--space-4) 0 var(--space-3);
  font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);letter-spacing:-.02em;word-break:break-word;}
.addr--ai .addr__tld{color:var(--color-primary);}
.addr--eth .addr__tld{color:var(--color-accent);}
.addr__note{position:relative;z-index:1;font-size:var(--text-sm);color:var(--color-text-muted);}
.addr__proof{display:inline-block;margin-top:var(--space-2);color:var(--color-accent);font-weight:500;}

/* ---------- AGENTS / NAMESPACE ---------- */
.agents__intro{color:var(--color-text-muted);font-size:var(--text-lg);max-width:54ch;
  margin:calc(-1*var(--space-6)) 0 var(--space-12);}
.agents__intro strong{color:var(--color-text);font-weight:600;}

.ns-concept{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-lg);
  background:radial-gradient(120% 140% at 0% 0%,color-mix(in oklab,var(--color-accent) 8%,transparent),transparent 55%),
    linear-gradient(180deg,var(--color-surface),var(--color-bg-2));
  padding:clamp(var(--space-6),4vw,var(--space-10));box-shadow:var(--shadow-card);margin-bottom:var(--space-12);}
.ns-concept__tag{display:inline-block;font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;
  color:var(--color-accent);border:1px solid var(--color-border-bright);border-radius:var(--radius-full);
  padding:.35rem .8rem;margin-bottom:var(--space-5);}
.ns-concept__lead{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);
  letter-spacing:-.025em;margin-bottom:var(--space-4);}
.ns-concept__body{color:var(--color-text-muted);max-width:64ch;margin-bottom:var(--space-5);}
.ns-concept__body strong{color:var(--color-text);font-weight:600;}
.ns-concept code{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:.85em;
  color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 10%,transparent);
  padding:.1em .4em;border-radius:var(--radius-sm);word-break:break-word;}
.ns-concept__note{font-size:var(--text-xs);color:var(--color-text-faint);line-height:1.5;max-width:64ch;
  padding-top:var(--space-4);border-top:1px solid var(--color-border);}

.ns-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);}
.ns-group__title{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);
  font-weight:500;font-size:var(--text-lg);letter-spacing:-.01em;margin-bottom:var(--space-5);
  padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);}
.ns-group__flag{font-size:1.1em;}
.ns-list{display:flex;flex-direction:column;gap:var(--space-2);}
.ns-name{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2) var(--space-4);
  padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);
  background:var(--color-surface);
  transition:transform var(--transition-interactive),border-color var(--transition-interactive),background var(--transition-interactive);}
.ns-name:hover{transform:translateX(3px);border-color:var(--color-accent);background:var(--color-surface-2);}
.ns-name__text{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);letter-spacing:-.02em;word-break:break-word;}
.ns-name__tld{color:var(--color-accent);}
.ns-name__role{grid-column:1;font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.02em;}
.ns-name__proof{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:var(--text-xs);font-weight:600;
  color:var(--color-text-muted);letter-spacing:.04em;white-space:nowrap;
  transition:color var(--transition-interactive);}
.ns-name:hover .ns-name__proof{color:var(--color-accent);}

/* ---------- PACKAGE / ACQUISITION ---------- */
.package{margin-top:var(--space-12);border:1px solid var(--color-border-bright);border-radius:var(--radius-lg);
  background:radial-gradient(120% 160% at 100% 0%,color-mix(in oklab,var(--color-accent) 10%,transparent),transparent 55%),
    linear-gradient(180deg,var(--color-surface),var(--color-bg-2));
  padding:clamp(var(--space-6),4vw,var(--space-12));box-shadow:var(--shadow-card);}
.package__head{margin-bottom:var(--space-6);}
.package__tag{display:inline-block;font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;
  color:#0a0a0c;background:var(--color-accent);border-radius:var(--radius-full);
  padding:.35rem .85rem;font-weight:600;margin-bottom:var(--space-4);}
.package__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);letter-spacing:-.025em;max-width:24ch;}
.package__list{list-style:none;display:grid;gap:var(--space-4);margin-bottom:var(--space-8);}
.package__list li{font-size:var(--text-base);color:var(--color-text-muted);max-width:70ch;
  padding-left:var(--space-5);border-left:2px solid var(--color-border-bright);}
.package__k{display:block;font-family:var(--font-display);font-weight:500;font-size:var(--text-base);
  color:var(--color-text);letter-spacing:-.01em;margin-bottom:.15rem;}
.package__cta-line{font-size:var(--text-base);color:var(--color-text);
  padding-top:var(--space-5);border-top:1px solid var(--color-border);}
.package__cta-line a{color:var(--color-accent);font-weight:600;
  transition:opacity var(--transition-interactive);}
.package__cta-line a:hover{opacity:.75;}

/* ---------- CONTACT ---------- */
.contact{display:flex;justify-content:center;}
.contact__card{width:100%;max-width:760px;text-align:center;
  border:1px solid var(--color-border);border-radius:var(--radius-lg);
  background:radial-gradient(120% 140% at 50% 0%,color-mix(in oklab,var(--color-accent) 8%,transparent),transparent 55%),
    linear-gradient(180deg,var(--color-surface),var(--color-bg-2));
  padding:clamp(var(--space-10),6vw,var(--space-20)) clamp(var(--space-6),5vw,var(--space-16));
  box-shadow:var(--shadow-card);}
.contact__card .section__kicker{justify-content:center;}
.contact__title{font-size:var(--text-2xl);letter-spacing:-.025em;margin-bottom:var(--space-3);}
.contact__sub{color:var(--color-text-muted);margin-bottom:var(--space-10);}
.contact__links{display:flex;flex-direction:column;gap:var(--space-3);max-width:440px;margin:0 auto;}
.contact__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  padding:var(--space-4) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);
  background:var(--color-surface);text-align:left;
  transition:transform var(--transition-interactive),border-color var(--transition-interactive);}
.contact__link:hover{transform:translateY(-2px);border-color:var(--color-accent);}
.contact__k{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-faint);}
.contact__v{font-family:var(--font-display);font-weight:500;font-size:var(--text-base);letter-spacing:-.01em;color:var(--color-text);word-break:break-word;}
.contact__arrow{color:var(--color-accent);}

/* ---------- FOOTER ---------- */
.site-footer{border-top:1px solid var(--color-border);
  padding:var(--space-16) clamp(var(--space-4),5vw,var(--space-12));
  max-width:var(--content);margin:0 auto;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:var(--space-4);}
.footer__brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--color-primary);
  font-family:var(--font-display);font-weight:600;font-size:1.1rem;}
.footer__brand span{color:var(--color-text);}
.footer__creed{font-family:var(--font-ar);font-size:var(--text-xl);color:var(--color-accent);letter-spacing:0;}
.footer__meta{font-size:var(--text-sm);color:var(--color-text-faint);max-width:48ch;}
.footer__disclaimer{font-size:var(--text-xs);line-height:1.55;color:var(--color-text-faint);
  max-width:60ch;margin-top:var(--space-4);padding-top:var(--space-4);
  border-top:1px solid var(--color-border);opacity:.8;}

/* ---------- REVEALS ---------- */
[data-reveal]{opacity:0;transform:translateY(22px);
  transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);}
[data-reveal].is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;}}

/* ---------- RESPONSIVE ---------- */
@media (max-width:760px){
  .site-nav{display:none;}
  .domain-chip{display:none;}
  .hero{min-height:100svh;}
  .pullquote{font-size:var(--text-xl);padding-left:var(--space-5);}
}
@media (max-width:420px){
  .brand__type{font-size:1.15rem;}
  .hero__cta{flex-direction:column;align-items:stretch;}
  .btn{width:100%;}
}
/* ---------- DOMAIN DROPDOWN ENGINE ---------- */
.domain-dropdown {
  position: relative;
  display: inline-block;
}

/* Base interactive button styling */
.domain-dropdown .domain-chip {
  cursor: pointer;
  background: transparent;
  color: inherit;
  font-family: inherit;
}

/* Hidden menu panel - Strictly bounded to shift left */
.domain-dropdown__menu {
  display: none; 
  position: absolute;
  left: 0; 
  right: auto; /* Guarantees no layout stretch toward the moon toggle */
  top: 100%; 
  padding-top: var(--space-2); 
  background-color: transparent; 
  z-index: 100;
  width: 180px; 
}

/* Invisible bridge hover zone */
.domain-dropdown__menu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--space-2); 
  background: transparent;
}

/* Dropdown menu container layout */
.domain-dropdown__menu a {
  display: block;
  background-color: var(--color-surface); 
  color: var(--color-text-muted);
  padding: var(--space-3) var(--space-4);
  text-decoration: none;
  font-family: 'Satoshi', sans-serif;
  font-size: var(--text-xs);
  font-weight: 500;
  text-align: left;
  width: 100%; 
  box-sizing: border-box;
  transition: background var(--transition-interactive), color var(--transition-interactive);
}

/* Border & Panel geometries */
.domain-dropdown__menu a:first-child {
  border-top-left-radius: var(--radius-sm);
  border-top-right-radius: var(--radius-sm);
  border: 1px solid var(--color-border-bright);
}
.domain-dropdown__menu a:last-child {
  border-bottom-left-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
  border-bottom: 1px solid var(--color-border-bright);
  border-left: 1px solid var(--color-border-bright);
  border-right: 1px solid var(--color-border-bright);
}
.domain-dropdown__menu a:not(:first-child) {
  border-left: 1px solid var(--color-border-bright);
  border-right: 1px solid var(--color-border-bright);
  border-bottom: 1px solid var(--color-border-bright);
}

.domain-dropdown__menu a:hover {
  background-color: var(--grid-line);
  color: var(--color-primary);
}

/* Adjacent sibling trigger architecture */
.domain-chip:hover + .domain-dropdown__menu,
.domain-dropdown__menu:hover {
  display: block;
}

/* ---------- HEADER ACTIONS LAYOUT ---------- */
.header__actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.header__actions .icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
/* ---------- HEADER ACTIONS LAYOUT FIX ---------- */
.header__actions {
  display: flex;
  align-items: center;
  gap: var(--space-3); /* Matches your precise 12px spatial design token */
}

/* Ensure the theme button keeps a consistent layout shape */
.header__actions .icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0; /* Clear out any accidental structural offsets */
}