/* ==========================================================
   VAUTH, shared theme + agent-page components
   ========================================================== */
:root {
  --bg:#08070a; --bg-2:#0e0c11; --bg-3:#14111a; --panel:#0c0a10;
  --ink:#f2ede2; --ink-2:#a49d8d; --muted:#6a6355; --faint:#3a3530;
  --gold:#d9b877; --gold-lt:#f4e2ba; --gold-dk:#b0894f; --gold-deep:#7c5f34;
  --amber:#e6b25c; --scr:#f4c96b; --scr-dim:#8a6f3a;
  --red:#e0705a; --grn:#86c294; --blue:#8aa0d6;
  --line:rgba(217,184,119,0.14); --line-2:rgba(242,237,226,0.07);
  --display:'Fraunces',Georgia,serif; --sans:'Manrope',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
  --ease:cubic-bezier(0.22,1,0.36,1); --maxw:1180px;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--ink); font-family:var(--sans); font-weight:300; line-height:1.65; overflow-x:hidden; -webkit-font-smoothing:antialiased; }
::selection { background:rgba(217,184,119,0.24); color:var(--gold-lt); }
a { color:inherit; text-decoration:none; }
button { font-family:inherit; cursor:pointer; background:none; border:none; color:inherit; }
canvas,img { display:block; }
:focus-visible { outline:1px solid var(--gold); outline-offset:3px; border-radius:2px; }
.wrap { max-width:var(--maxw); margin:0 auto; padding:0 clamp(1.2rem,4vw,3rem); }
.mono { font-family:var(--mono); }
.hl-red{color:var(--red)} .hl-grn{color:var(--grn)} .hl-amb{color:var(--amber)} .hl-gold{color:var(--gold-lt)} .hl-blue{color:var(--blue)} .hl-dim{color:var(--muted)}

/* Ambient */
.aura { position:fixed; border-radius:50%; filter:blur(110px); pointer-events:none; z-index:0; }
.aura-1 { width:600px; height:600px; top:-16%; left:52%; background:radial-gradient(circle,rgba(217,184,119,0.10),transparent 66%); }
.aura-2 { width:480px; height:480px; top:52%; left:-16%; background:radial-gradient(circle,rgba(176,137,79,0.08),transparent 66%); }
.grain { position:fixed; inset:0; z-index:1; pointer-events:none; opacity:0.3;
  background-image:linear-gradient(rgba(217,184,119,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(217,184,119,0.02) 1px,transparent 1px);
  background-size:60px 60px; -webkit-mask-image:radial-gradient(ellipse 100% 55% at 50% 0%,#000 20%,transparent 90%); mask-image:radial-gradient(ellipse 100% 55% at 50% 0%,#000 20%,transparent 90%); }

/* Nav */
header.nav { position:fixed; top:0; left:0; right:0; z-index:60; background:transparent; transition:padding 0.6s var(--ease); }
header.nav.solid { background:transparent; }
.nav-inner { max-width:var(--maxw); margin:0 auto; padding:1.05rem clamp(1.2rem,4vw,3rem); display:flex; align-items:center; gap:2.2rem; transition:padding 0.6s var(--ease); }
header.nav.solid .nav-inner { padding-top:0.8rem; padding-bottom:0.8rem; }
.brand { font-family:var(--display); font-weight:600; font-size:1.4rem; letter-spacing:0.03em; display:flex; align-items:center; }
.brand-mark { height:1.75em; width:auto; margin-right:0.42em; filter:drop-shadow(0 2px 7px rgba(217,184,119,0.28)); }
.brand-word { background:linear-gradient(120deg,#e8e2d4 10%,var(--gold-lt) 45%,var(--gold-dk) 90%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.brand .seal { color:var(--gold); font-size:0.68em; margin-left:0.2em; display:inline-block; animation:sealspin 20s linear infinite; }
@keyframes sealspin { to { transform:rotate(360deg); } }
.nav-menu { display:flex; gap:1.5rem; margin-right:auto; font-size:1.15rem; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; }
/* running light through the menu text */
.nav-menu a { position:relative; padding:0.35rem 0.3rem; white-space:nowrap;
  background:linear-gradient(100deg, var(--ink-2) 0%, var(--ink-2) 32%, var(--gold-lt) 45%, #fffef8 50%, var(--gold-lt) 55%, var(--ink-2) 68%, var(--ink-2) 100%);
  background-size:230% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 8px rgba(0,0,0,0.6)); animation:textSheen 4.2s linear infinite;
  transition:letter-spacing 0.4s var(--ease); }
.nav-menu a:nth-child(2){ animation-delay:0.4s; }
.nav-menu a:nth-child(3){ animation-delay:0.8s; }
.nav-menu a:nth-child(4){ animation-delay:1.2s; }
.nav-menu a:nth-child(5){ animation-delay:1.6s; }
.nav-menu a::after { content:''; position:absolute; left:50%; right:50%; bottom:-2px; height:2px; border-radius:2px;
  background:linear-gradient(90deg, transparent, var(--gold-lt), var(--gold), var(--gold-lt), transparent);
  box-shadow:0 0 10px rgba(217,184,119,0.6); transition:left 0.45s var(--ease), right 0.45s var(--ease); }
.nav-menu a:hover { letter-spacing:0.08em; }
.nav-menu a:hover::after, .nav-menu a.active::after { left:0; right:0; }
/* mobile three-dot toggle */
.nav-toggle { display:none; flex-direction:column; align-items:center; justify-content:center; gap:4px; width:38px; height:38px; margin-left:0.4rem; background:transparent; border:none; cursor:pointer; }
.nav-toggle span { width:5px; height:5px; border-radius:50%; background:var(--gold-lt); box-shadow:0 0 7px rgba(217,184,119,0.6); transition:transform 0.35s var(--ease), opacity 0.35s; }
header.nav.open .nav-toggle span:nth-child(1){ transform:translateY(9px) scale(1.1); }
header.nav.open .nav-toggle span:nth-child(2){ opacity:0; }
header.nav.open .nav-toggle span:nth-child(3){ transform:translateY(-9px) scale(1.1); }
.btn-wallet { font-family:var(--mono); font-size:0.72rem; letter-spacing:0.05em; color:var(--bg); font-weight:600; background:linear-gradient(120deg,var(--gold-dk),var(--gold-lt) 55%,var(--gold)); padding:0.65rem 1.25rem; border-radius:99px; box-shadow:0 0 0 1px rgba(217,184,119,0.35),0 8px 26px -12px rgba(217,184,119,0.5); transition:transform 0.4s var(--ease),filter 0.4s; white-space:nowrap; }
.btn-wallet:hover { transform:translateY(-2px); filter:brightness(1.06); }
.btn-wallet.connected { background:transparent; color:var(--gold-lt); box-shadow:inset 0 0 0 1px var(--gold-dk); }

/* Buttons + section furniture */
main { position:relative; z-index:2; }
.eyebrow { font-family:var(--mono); font-size:0.68rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold-dk); display:inline-flex; align-items:center; gap:0.7rem; }
.eyebrow::before { content:''; width:1.8rem; height:1px; background:var(--gold-dk); }
h2 { font-family:var(--display); font-weight:500; font-size:clamp(1.9rem,4.2vw,3rem); line-height:1.05; letter-spacing:-0.01em; }
h2 em { font-style:italic; color:var(--gold); }
.section { padding:clamp(3.5rem,7vw,6rem) 0; }
.btn { font-family:var(--mono); font-size:0.74rem; letter-spacing:0.06em; text-transform:uppercase; padding:0.85rem 1.7rem; border-radius:3px; transition:all 0.4s var(--ease); display:inline-block; position:relative; overflow:hidden; }
.btn-gold { color:var(--bg); font-weight:600; background:linear-gradient(120deg,var(--gold-dk),var(--gold-lt) 58%,var(--gold)); }
.btn-gold:hover { transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 14px 30px -14px rgba(217,184,119,0.55); }
.btn-outline { color:var(--ink); border:1px solid var(--line); }
.btn-outline:hover { border-color:var(--gold-dk); color:var(--gold-lt); background:rgba(217,184,119,0.04); }

/* Sub-nav pills (agent capabilities strip) */
.subnav { position:sticky; top:60px; z-index:40; background:rgba(8,7,10,0.7); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-bottom:1px solid var(--line-2); }
.subnav-inner { max-width:var(--maxw); margin:0 auto; padding:0.7rem clamp(1.2rem,4vw,3rem); display:flex; gap:0.5rem; overflow-x:auto; scrollbar-width:none; }
.subnav-inner::-webkit-scrollbar { display:none; }
.subnav a { font-family:var(--mono); font-size:0.68rem; letter-spacing:0.04em; color:var(--ink-2); padding:0.4rem 0.85rem; border:1px solid var(--line-2); border-radius:99px; white-space:nowrap; transition:all 0.35s var(--ease); }
.subnav a:hover { color:var(--gold-lt); border-color:var(--gold-dk); background:rgba(217,184,119,0.05); }
.subnav a .soon { color:var(--muted); font-size:0.85em; }

/* Hero */
.ahero { padding:8.5rem 0 3rem; }
.ahero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
.ahero .tag { display:inline-flex; align-items:center; gap:0.5rem; font-family:var(--mono); font-size:0.64rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold); border:1px solid var(--line); border-radius:99px; padding:0.4rem 0.9rem; margin-bottom:1.5rem; }
.ahero h1 { font-family:var(--display); font-weight:500; font-size:clamp(2.4rem,5.4vw,4.2rem); line-height:1; letter-spacing:-0.025em; max-width:14ch; }
.ahero h1 em { font-style:italic; color:var(--gold); background:linear-gradient(110deg,var(--gold-dk),var(--gold-lt) 50%,var(--gold)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.ahero p.lead { margin-top:1.5rem; max-width:46ch; color:var(--ink-2); font-size:1.05rem; }
.ahero .cta { margin-top:2.2rem; display:flex; gap:0.8rem; flex-wrap:wrap; }
.ahero .meta { margin-top:1.6rem; font-family:var(--mono); font-size:0.68rem; color:var(--muted); }
@media (max-width:880px){ .ahero-grid { grid-template-columns:1fr; } }

/* Hero character figure */
.ahero-figure { position:relative; display:flex; justify-content:center; align-items:flex-end; min-height:clamp(360px,42vw,520px); }
.ahero-figure .glow { position:absolute; left:50%; top:38%; transform:translate(-50%,-50%); width:82%; height:82%; background:radial-gradient(circle, rgba(217,184,119,0.20), transparent 68%); filter:blur(16px); z-index:0; pointer-events:none; animation:glowPulse 3.6s ease-in-out infinite; }
.ahero-figure .char { position:relative; z-index:1; height:clamp(360px,42vw,520px); width:auto; max-width:100%; object-fit:contain; animation:floaty 6s ease-in-out infinite, charGlow 3.6s ease-in-out infinite; }
@keyframes floaty { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes charGlow {
  0%,100% { filter:drop-shadow(0 30px 55px rgba(0,0,0,0.65)) drop-shadow(0 0 12px rgba(217,184,119,0.28)) drop-shadow(0 0 26px rgba(217,184,119,0.12)); }
  50%     { filter:drop-shadow(0 30px 55px rgba(0,0,0,0.65)) drop-shadow(0 0 20px rgba(244,226,186,0.6)) drop-shadow(0 0 48px rgba(217,184,119,0.32)); }
}
@keyframes glowPulse { 0%,100%{opacity:0.55; transform:translate(-50%,-50%) scale(1);} 50%{opacity:1; transform:translate(-50%,-50%) scale(1.09);} }
.ahero-figure .panel { position:absolute; z-index:2; right:0; bottom:0; width:76%; max-width:330px; }
@media (max-width:880px){
  .ahero-figure { flex-direction:column; align-items:center; min-height:0; }
  .ahero-figure .char { height:auto; max-height:360px; animation:none; }
  .ahero-figure .panel { position:static; width:100%; max-width:none; margin-top:1.2rem; }
}

/* Mock panels (reused across pages) */
.panel { background:linear-gradient(160deg,var(--bg-2),var(--bg-3)); border:1px solid var(--line-2); border-radius:12px; overflow:hidden; box-shadow:0 40px 80px -40px rgba(0,0,0,0.7); }
.panel-bar { display:flex; align-items:center; gap:0.6rem; padding:0.7rem 1rem; border-bottom:1px solid var(--line-2); font-family:var(--mono); font-size:0.64rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); }
.panel-bar .dots { display:flex; gap:5px; } .panel-bar .dots i { width:8px; height:8px; border-radius:50%; background:var(--faint); }
.panel-bar .r { margin-left:auto; } .panel-bar .r.ok { color:var(--grn); } .panel-bar .r.gold { color:var(--gold-dk); }
.panel-b { padding:1rem 1.1rem; font-family:var(--mono); font-size:0.7rem; line-height:1.8; }
[data-live] .panel-b { min-height:212px; }
.row-live { animation:rowLive 0.45s var(--ease); }
@keyframes rowLive { from { opacity:0; transform:translateX(-6px); } }
.find { display:flex; align-items:center; gap:0.6rem; padding:0.5rem 0.6rem; border-radius:6px; margin-bottom:0.5rem; border:1px solid var(--line-2); }
.find .sev { font-size:0.58rem; letter-spacing:0.08em; font-weight:600; padding:0.15em 0.5em; border-radius:4px; }
.sev.crit { background:rgba(224,112,90,0.16); color:var(--red); } .sev.high { background:rgba(230,178,92,0.14); color:var(--amber); }
.sev.med { background:rgba(217,184,119,0.12); color:var(--gold-lt); } .sev.low { background:rgba(138,160,214,0.14); color:var(--blue); }
.find .txt { color:var(--ink-2); } .find .st { margin-left:auto; font-size:0.6rem; } .st.ver { color:var(--grn); } .st.rej { color:var(--muted); }
.evi { background:#060509; border:1px solid var(--line-2); border-radius:6px; padding:0.7rem 0.8rem; margin-top:0.5rem; white-space:pre-wrap; word-break:break-word; }
.evi .del { color:var(--red); } .evi .add { color:var(--grn); }

/* How it works */
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; margin-top:3rem; }
.step-card { border:1px solid var(--line-2); border-radius:12px; padding:1.8rem 1.6rem; background:rgba(255,250,240,0.015); position:relative; overflow:hidden; }
.step-card .no { font-family:var(--mono); font-size:0.72rem; color:var(--gold-dk); }
.step-card h4 { font-family:var(--display); font-weight:500; font-size:1.35rem; margin:0.6rem 0 0.5rem; }
.step-card p { color:var(--ink-2); font-size:0.9rem; }
.step-card .chip { display:inline-block; margin-top:1rem; font-family:var(--mono); font-size:0.6rem; letter-spacing:0.06em; color:var(--gold); border:1px solid var(--line); border-radius:99px; padding:0.3em 0.7em; }
@media (max-width:820px){ .steps { grid-template-columns:1fr; } }

/* Capabilities list */
.caps { display:grid; grid-template-columns:1fr 1fr; gap:0.9rem 2.5rem; margin-top:2.6rem; }
.cap { display:flex; gap:0.7rem; align-items:flex-start; color:var(--ink-2); font-size:0.95rem; }
.cap::before { content:'▸'; color:var(--gold-dk); margin-top:0.05rem; }
@media (max-width:640px){ .caps { grid-template-columns:1fr; } }

/* Feature blocks */
.feat { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:center; padding:clamp(2.5rem,5vw,4rem) 0; border-top:1px solid var(--line-2); }
.feat.flip .feat-copy { order:2; }
.feat h3 { font-family:var(--display); font-weight:500; font-size:clamp(1.6rem,3vw,2.2rem); letter-spacing:-0.01em; }
.feat p { color:var(--ink-2); margin-top:0.9rem; max-width:44ch; }
@media (max-width:820px){ .feat { grid-template-columns:1fr; } .feat.flip .feat-copy { order:0; } }

/* Pricing */
.price-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; margin-top:3rem; }
.price-card { border:1px solid var(--line-2); border-radius:14px; padding:2rem; background:rgba(255,250,240,0.015); position:relative; transition:border-color 0.5s var(--ease),transform 0.5s var(--ease); }
.price-card:hover { transform:translateY(-4px); border-color:var(--line); }
.price-card.rec { border-color:var(--gold-dk); background:linear-gradient(160deg,rgba(217,184,119,0.06),rgba(217,184,119,0.01)); }
.price-card .rec-tag { position:absolute; top:-1px; right:1.4rem; transform:translateY(-50%); font-family:var(--mono); font-size:0.58rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--bg); background:linear-gradient(120deg,var(--gold-dk),var(--gold-lt)); padding:0.3em 0.7em; border-radius:99px; }
.price-card h4 { font-family:var(--display); font-weight:500; font-size:1.5rem; }
.price-card .desc { color:var(--ink-2); font-size:0.86rem; margin:0.4rem 0 1.2rem; min-height:2.6em; }
.price-card .amt { font-family:var(--display); font-weight:600; font-size:2.8rem; color:var(--gold-lt); line-height:1; }
.price-card .amt span { font-family:var(--mono); font-size:0.7rem; font-weight:400; color:var(--muted); }
.price-card ul { list-style:none; margin:1.4rem 0 1.8rem; display:grid; gap:0.55rem; }
.price-card li { font-size:0.86rem; color:var(--ink-2); display:flex; gap:0.5rem; }
.price-card li::before { content:'✓'; color:var(--grn); }
.price-card li.off { color:var(--muted); } .price-card li.off::before { content:'○'; color:var(--faint); }
.stake { text-align:center; margin-top:1.8rem; font-family:var(--mono); font-size:0.72rem; color:var(--gold-dk); }
.stake b { color:var(--gold-lt); }
@media (max-width:720px){ .price-grid { grid-template-columns:1fr; } }

/* FAQ */
.faq { max-width:800px; margin:2.6rem auto 0; }
.qa { border-top:1px solid var(--line-2); }
.qa:last-child { border-bottom:1px solid var(--line-2); }
.qa button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.3rem 0.2rem; text-align:left; font-family:var(--sans); font-size:1.02rem; color:var(--ink); font-weight:400; }
.qa button .ico { font-family:var(--mono); color:var(--gold-dk); transition:transform 0.4s var(--ease); flex-shrink:0; }
.qa.open button .ico { transform:rotate(45deg); color:var(--gold-lt); }
.qa .ans { max-height:0; overflow:hidden; transition:max-height 0.5s var(--ease); color:var(--ink-2); font-size:0.94rem; }
.qa .ans p { padding:0 0.2rem 1.3rem; max-width:70ch; }

/* CTA + Footer */
.cta { border-top:1px solid var(--line-2); text-align:center; }
.cta h2 { max-width:18ch; margin:1.2rem auto 0; }
.cta p { max-width:46ch; margin:1.2rem auto 2.2rem; color:var(--ink-2); }
.cta-actions { display:flex; gap:0.8rem; justify-content:center; flex-wrap:wrap; }
footer { border-top:1px solid var(--line-2); padding:clamp(3rem,6vw,4rem) 0 2.4rem; }
.foot-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:2rem; }
.foot-brand .brand { font-size:1.6rem; margin-bottom:1rem; }
.foot-brand p { color:var(--ink-2); font-size:0.9rem; max-width:32ch; }
.foot-col h5 { font-family:var(--mono); font-size:0.64rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted); margin-bottom:1.1rem; }
.foot-col a { display:block; color:var(--ink-2); font-size:0.88rem; padding:0.28rem 0; transition:color 0.35s; }
.foot-col a:hover { color:var(--gold-lt); }
/* a resource that does not exist yet, shown but never clickable */
.foot-col .pending { display:block; color:var(--muted); font-size:0.88rem; padding:0.28rem 0; cursor:default; }
.foot-col .pending i { font-style:normal; opacity:0.7; }
.foot-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; margin-top:clamp(2.5rem,5vw,3.5rem); padding-top:1.8rem; border-top:1px solid var(--line-2); }
.foot-bottom p, .foot-bottom a { font-family:var(--mono); font-size:0.66rem; color:var(--muted); letter-spacing:0.04em; }
.foot-legal { display:flex; gap:1.6rem; } .foot-legal a:hover { color:var(--ink-2); }
@media (max-width:820px){ .foot-grid { grid-template-columns:1fr 1fr; } .foot-brand { grid-column:1/-1; } }

#toast { position:fixed; bottom:1.6rem; left:50%; transform:translate(-50%,16px); z-index:90; font-family:var(--mono); font-size:0.72rem; color:var(--gold-lt); background:rgba(14,12,17,0.96); border:1px solid var(--line); padding:0.85rem 1.5rem; border-radius:4px; opacity:0; pointer-events:none; transition:opacity 0.4s var(--ease),transform 0.4s var(--ease); }
#toast.show { opacity:1; transform:translate(-50%,0); }

/* ===== interactive deploy modal (terminal) ===== */
.dep-scrim { position:fixed; inset:0; z-index:120; background:rgba(4,3,6,0.72); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; padding:1.2rem; opacity:0; transition:opacity 0.3s var(--ease); }
.dep-scrim.show { opacity:1; }
.dep { width:min(560px,100%); max-height:86vh; display:flex; flex-direction:column; background:linear-gradient(160deg,var(--bg-2),#0a080d); border:1px solid var(--line); border-radius:12px; overflow:hidden; box-shadow:0 60px 120px -40px rgba(0,0,0,0.85); transform:translateY(16px) scale(0.98); transition:transform 0.35s var(--ease); }
.dep-scrim.show .dep { transform:none; }
.dep-bar { display:flex; align-items:center; gap:0.6rem; padding:0.7rem 1rem; border-bottom:1px solid var(--line-2); font-family:var(--mono); font-size:0.64rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); }
.dep-bar .dots { display:flex; gap:5px; } .dep-bar .dots i { width:8px; height:8px; border-radius:50%; background:var(--faint); }
.dep-bar .dots i:first-child { background:#5a4a3a; }
.dep-bar .title { color:var(--scr-dim); letter-spacing:0.12em; }
.dep-bar .x { margin-left:auto; color:var(--muted); font-size:1rem; line-height:1; cursor:pointer; background:none; border:none; padding:0 0.2rem; transition:color 0.3s; }
.dep-bar .x:hover { color:var(--gold-lt); }
.dep-body { padding:1.1rem 1.2rem 1.3rem; overflow-y:auto; font-family:var(--mono); font-size:0.74rem; line-height:1.85; color:var(--scr); scrollbar-width:thin; scrollbar-color:var(--faint) transparent; }
.dep-body::-webkit-scrollbar { width:6px; } .dep-body::-webkit-scrollbar-thumb { background:var(--faint); border-radius:9px; }
.dep-body .ln { white-space:pre-wrap; word-break:break-word; }
.dep-body .dim { color:var(--muted); } .dep-body .ok { color:var(--grn); } .dep-body .amb { color:var(--amber); } .dep-body .gold { color:var(--gold-lt); } .dep-body .red { color:var(--red); }
.dep-step { margin-top:0.7rem; }
.dep-step .q { color:var(--gold-lt); margin-bottom:0.5rem; }
.dep-field { display:flex; gap:0.5rem; }
.dep-field input { flex:1; min-width:0; background:rgba(0,0,0,0.35); border:1px solid var(--line-2); border-radius:6px; padding:0.55rem 0.7rem; color:var(--scr); font-family:var(--mono); font-size:0.74rem; outline:none; caret-color:var(--scr); }
.dep-field input:focus { border-color:var(--gold-dk); }
.dep-btn { font-family:var(--mono); font-size:0.66rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--bg); font-weight:600; background:linear-gradient(120deg,var(--gold-dk),var(--gold-lt) 60%,var(--gold)); border:none; border-radius:6px; padding:0.55rem 1rem; cursor:pointer; white-space:nowrap; transition:filter 0.3s, transform 0.3s var(--ease); }
.dep-btn:hover { filter:brightness(1.07); transform:translateY(-1px); }
.dep-btn.ghost { background:none; color:var(--ink-2); box-shadow:inset 0 0 0 1px var(--line-2); }
.dep-btn.ghost:hover { color:var(--gold-lt); box-shadow:inset 0 0 0 1px var(--gold-dk); }
.dns-card { border:1px solid var(--line-2); border-radius:8px; background:#060509; padding:0.7rem 0.85rem; margin:0.7rem 0; }
.dns-card .row { display:grid; grid-template-columns:70px 1fr; gap:0.5rem; padding:0.15rem 0; }
.dns-card .row .k { color:var(--muted); } .dns-card .row .v { color:var(--scr); word-break:break-all; }
.dep-spin { display:inline-block; width:11px; height:11px; border:1.5px solid var(--faint); border-top-color:var(--amber); border-radius:50%; animation:spin 0.8s linear infinite; vertical-align:-1px; }
.dep-caret { display:inline-block; width:0.5em; height:0.95em; background:var(--scr); vertical-align:text-bottom; animation:cblink 1s steps(1) infinite; }
.dep-actions { display:flex; gap:0.6rem; margin-top:0.9rem; }
@keyframes cblink { 50% { opacity:0; } }
.reveal { opacity:0; transform:translateY(24px); transition:opacity 0.9s var(--ease),transform 0.9s var(--ease); }
.reveal.in { opacity:1; transform:none; }
@media (max-width:1000px){
  .nav-toggle { display:flex; }
  .nav-menu { position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:center; gap:1.5rem;
    margin:0; padding:1.6rem 1rem 2.2rem; background:transparent; display:none; font-size:1.5rem; }
  header.nav.open .nav-menu { display:flex; animation:menuDrop 0.4s var(--ease); }
  @keyframes menuDrop { from { opacity:0; transform:translateY(-10px); } }
  .nav-menu a { filter:drop-shadow(0 2px 10px rgba(0,0,0,0.85)); }
}
/* ---- Luxe: glowing blinking gold border on info boxes ---- */
@keyframes luxEdge {
  0%,100% { box-shadow: inset 0 0 0 1px rgba(217,184,119,0.12), 0 0 6px rgba(217,184,119,0.04); }
  45%     { box-shadow: inset 0 0 0 1px rgba(244,226,186,0.55), 0 0 18px rgba(217,184,119,0.24); }
  55%     { box-shadow: inset 0 0 0 1px rgba(244,226,186,0.30), 0 0 11px rgba(217,184,119,0.15); }
  70%     { box-shadow: inset 0 0 0 1px rgba(244,226,186,0.62), 0 0 22px rgba(217,184,119,0.28); }
}
.panel, .step-card, .price-card, .qa, .inst { animation: luxEdge 4.2s ease-in-out infinite; }
.steps .step-card:nth-child(2){ animation-delay:0.7s; }
.steps .step-card:nth-child(3){ animation-delay:1.4s; }
.price-grid .price-card:nth-child(2){ animation-delay:0.9s; }
.faq .qa:nth-child(2n){ animation-delay:0.6s; }
.faq .qa:nth-child(3n){ animation-delay:1.2s; }

/* ---- Luxe: sweeping light flash across buttons ---- */
.btn::after, .btn-wallet::after, .subnav a::after {
  content:''; position:absolute; top:0; left:-70%; width:45%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,250,235,0.55), transparent);
  transform:skewX(-20deg); pointer-events:none; animation:btnShine 5s ease-in-out infinite;
}
.btn-wallet, .subnav a { position:relative; overflow:hidden; }
.subnav a::after { animation-delay:1.6s; }
.btn-outline::after { background:linear-gradient(100deg, transparent, rgba(244,226,186,0.4), transparent); }
.btn:hover::after, .btn-wallet:hover::after { animation:btnShine 0.9s ease-out; }
@keyframes btnShine { 0%{left:-70%} 14%{left:150%} 100%{left:150%} }

/* ===== Luxury: blinking gold borders + button light-sweep ===== */
@keyframes boxGlow { 0%,100%{ border-color:rgba(217,184,119,0.12); box-shadow:0 0 0 rgba(217,184,119,0); } 50%{ border-color:rgba(217,184,119,0.5); box-shadow:0 0 18px -4px rgba(217,184,119,0.28); } }
@keyframes boxEdge { 0%,100%{ border-color:rgba(217,184,119,0.14); } 50%{ border-color:rgba(217,184,119,0.55); } }
.step-card, .price-card { animation:boxGlow 3.6s ease-in-out infinite; }
.panel { animation:boxEdge 4.2s ease-in-out infinite; }
.price-grid .price-card:nth-child(2){ animation-delay:1.3s; }
.steps .step-card:nth-child(2){ animation-delay:0.9s; }
.steps .step-card:nth-child(3){ animation-delay:1.8s; }
@keyframes btnShine { 0%{ left:-85%; } 22%,100%{ left:135%; } }
.btn, .btn-wallet { position:relative; overflow:hidden; }
.btn::after, .btn-wallet::after { content:''; position:absolute; top:0; left:-85%; width:55%; height:100%; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,246,224,0.5) 50%, transparent); transform:skewX(-20deg); animation:btnShine 4.5s ease-in-out infinite; }
.btn-wallet::after { animation-delay:1.6s; }
.btn-outline::after { background:linear-gradient(100deg, transparent, rgba(244,226,186,0.28) 50%, transparent); }
/* moving light sweep across all headings */
@keyframes textSheen { 0%{ background-position:230% center; } 100%{ background-position:-130% center; } }
.ahero h1, h2, h3, .agent-name, .price-card h4, .flow-step h4 { background-image:linear-gradient(100deg, var(--ink) 0%, var(--ink) 16%, var(--gold-lt) 32%, #fffef8 45%, #ffffff 50%, #fffef8 55%, var(--gold-lt) 68%, var(--ink) 84%, var(--ink) 100%);
  background-size:230% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:textSheen 5s linear infinite; }
h2:nth-of-type(2n){ animation-delay:1.4s; }
h2 em { background-image:linear-gradient(110deg, var(--gold-dk), var(--gold-lt) 50%, var(--gold)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:none; }
/* iOS/Safari: animated gradient text can render invisible on phones/tablets, use solid fill there */
@media (max-width:1024px){
  .ahero h1, h2, h3, .agent-name, .price-card h4, .flow-step h4 { animation:none; }
  .ahero h1 { -webkit-text-fill-color:var(--ink); background:none; }
  .ahero h1 em { -webkit-text-fill-color:var(--gold-lt); background:none; }
}
@media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important;} html{scroll-behavior:auto;} .reveal{opacity:1;transform:none;} .btn::after,.btn-wallet::after,.subnav a::after{display:none;} }