/* DAISY LINK HQ — Kernel Designed Three-Screen Intro */
:root{
  --hq-intro-bg:#05070a;
  --hq-intro-panel:rgba(12,17,24,.82);
  --hq-intro-border:rgba(148,163,184,.22);
  --hq-intro-text:#f8fafc;
  --hq-intro-muted:#94a3b8;
  --hq-intro-cyan:#00f5d4;
  --hq-intro-teal:#14b8a6;
  --hq-intro-gold:#f5c451;
  --hq-intro-pink:#ec4899;
  --hq-intro-red:#b91c1c;
}
.hq-intro-overlay{
  position:fixed; inset:0; z-index:2147483000;
  color:var(--hq-intro-text);
  background:
    radial-gradient(circle at 12% 18%, rgba(0,245,212,.20), transparent 30rem),
    radial-gradient(circle at 88% 28%, rgba(236,72,153,.18), transparent 34rem),
    radial-gradient(circle at 48% 100%, rgba(245,196,81,.10), transparent 34rem),
    linear-gradient(135deg, #020305 0%, #05070a 48%, #0a0610 100%);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
  overflow:hidden;
}
.hq-intro-overlay[hidden]{display:none!important;}
.hq-intro-stars,.hq-intro-grid,.hq-intro-orbit{position:absolute;inset:0;pointer-events:none;}
.hq-intro-stars{
  background-image:
    radial-gradient(circle, rgba(255,255,255,.46) 1px, transparent 1px),
    radial-gradient(circle, rgba(0,245,212,.35) 1px, transparent 1px);
  background-size:70px 70px, 126px 126px;
  opacity:.22;
  animation:hqStarDrift 18s linear infinite;
}
.hq-intro-grid{
  background-image:linear-gradient(rgba(20,184,166,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(20,184,166,.08) 1px, transparent 1px);
  background-size:56px 56px;
  transform:perspective(900px) rotateX(62deg) translateY(22vh) scale(1.35);
  transform-origin:center bottom;
  opacity:.55;
}
.hq-intro-orbit::before,.hq-intro-orbit::after{
  content:""; position:absolute; left:50%; top:50%; border:1px solid rgba(0,245,212,.22); border-radius:999px;
  transform:translate(-50%,-50%);
  animation:hqOrbit 12s linear infinite;
}
.hq-intro-orbit::before{width:min(72vw,920px);height:min(72vw,920px);}
.hq-intro-orbit::after{width:min(48vw,620px);height:min(48vw,620px);border-color:rgba(245,196,81,.20);animation-duration:18s;animation-direction:reverse;}
.hq-intro-frame{
  position:relative; min-height:100%; display:grid; grid-template-rows:auto 1fr auto;
  padding:clamp(18px,3vw,38px);
}
.hq-intro-top{
  display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:2;
}
.hq-intro-mark{display:flex;align-items:center;gap:12px;}
.hq-intro-mark-badge{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  border:1px solid rgba(0,245,212,.42);
  background:linear-gradient(135deg,rgba(0,245,212,.22),rgba(236,72,153,.12));
  box-shadow:0 0 42px rgba(0,245,212,.18), inset 0 0 20px rgba(255,255,255,.06);
  font-weight:1000;letter-spacing:-.08em;
}
.hq-intro-mark small{display:block;color:var(--hq-intro-muted);text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:900;}
.hq-intro-mark strong{display:block;font-size:.96rem;}
.hq-intro-locks{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.hq-intro-locks span{
  border:1px solid rgba(148,163,184,.24);border-radius:999px;padding:7px 10px;
  color:#dbeafe;background:rgba(15,23,42,.55);font-size:.72rem;font-weight:800;
}
.hq-intro-main{
  position:relative;z-index:2;display:grid;place-items:center;padding:clamp(20px,4vw,60px) 0;
}
.hq-intro-card{
  width:min(1080px,96vw);min-height:min(650px,72vh);
  border:1px solid var(--hq-intro-border);border-radius:34px;
  background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(5,7,10,.66));
  box-shadow:0 40px 140px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  padding:clamp(24px,4vw,58px);
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(18px,4vw,58px);align-items:center;
  overflow:hidden;position:relative;
}
.hq-intro-card::before{
  content:"";position:absolute;inset:-2px;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(0,245,212,.45),transparent 32%,rgba(245,196,81,.35),transparent 68%,rgba(236,72,153,.42));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.hq-intro-screen{display:none;}
.hq-intro-screen.active{display:contents;}
.hq-intro-copy{position:relative;z-index:2;}
.hq-intro-kicker{color:var(--hq-intro-cyan);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:1000;margin-bottom:18px;}
.hq-intro-title{
  font-size:clamp(3.1rem,9vw,8.8rem);line-height:.78;letter-spacing:-.09em;margin:0 0 18px;
  text-shadow:0 0 44px rgba(0,245,212,.22);
}
.hq-intro-title .gold{color:var(--hq-intro-gold);}
.hq-intro-subtitle{font-size:clamp(1rem,2vw,1.25rem);line-height:1.65;color:#cbd5e1;max-width:660px;}
.hq-intro-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;}
.hq-intro-proof div{
  border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:13px;
  background:rgba(2,6,23,.44);color:#e2e8f0;font-weight:800;
}
.hq-intro-visual{
  min-height:420px;display:grid;place-items:center;position:relative;
}
.hq-intro-core{
  width:min(360px,70vw);aspect-ratio:1;border-radius:999px;position:relative;
  background:
    radial-gradient(circle at center,rgba(0,245,212,.28),transparent 34%),
    radial-gradient(circle at center,rgba(236,72,153,.18),transparent 58%),
    rgba(2,6,23,.3);
  border:1px solid rgba(0,245,212,.28);
  box-shadow:0 0 100px rgba(0,245,212,.22), inset 0 0 80px rgba(245,196,81,.08);
  animation:hqPulse 2.8s ease-in-out infinite;
}
.hq-intro-core::before,.hq-intro-core::after{
  content:"";position:absolute;inset:9%;border-radius:inherit;border:1px solid rgba(245,196,81,.34);animation:hqSpin 9s linear infinite;
}
.hq-intro-core::after{inset:22%;border-color:rgba(236,72,153,.35);animation-duration:6s;animation-direction:reverse;}
.hq-intro-core span{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:1000;letter-spacing:-.1em;}
.hq-intro-memorial-img{
  width:min(380px,72vw);max-height:420px;object-fit:contain;border-radius:28px;
  border:1px solid rgba(245,196,81,.34);background:rgba(0,0,0,.28);
  box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 70px rgba(245,196,81,.20);
}
.hq-intro-legal-seal{
  width:min(360px,72vw);aspect-ratio:1;border-radius:32px;border:1px solid rgba(245,196,81,.34);
  background:linear-gradient(135deg,rgba(245,196,81,.18),rgba(236,72,153,.12),rgba(0,245,212,.10));
  display:grid;place-items:center;text-align:center;padding:32px;box-shadow:0 30px 100px rgba(0,0,0,.44);
}
.hq-intro-legal-seal strong{font-size:clamp(2.2rem,5vw,4.5rem);line-height:.85;letter-spacing:-.08em;}
.hq-intro-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.hq-intro-progress{display:flex;gap:8px;}
.hq-intro-dot{width:44px;height:5px;border-radius:999px;background:rgba(148,163,184,.24);}
.hq-intro-dot.active{background:linear-gradient(90deg,var(--hq-intro-cyan),var(--hq-intro-gold));box-shadow:0 0 24px rgba(0,245,212,.25);}
.hq-intro-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.hq-intro-btn{
  border:1px solid rgba(148,163,184,.24);border-radius:999px;padding:12px 17px;
  color:var(--hq-intro-text);background:rgba(15,23,42,.64);font-weight:1000;cursor:pointer;
}
.hq-intro-btn.primary{border-color:rgba(0,245,212,.44);background:linear-gradient(135deg,rgba(0,245,212,.20),rgba(245,196,81,.14));}
.hq-intro-btn:hover{transform:translateY(-1px);box-shadow:0 16px 50px rgba(0,0,0,.22);}
@keyframes hqStarDrift{to{background-position:70px 70px, -126px 126px;}}
@keyframes hqOrbit{to{transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes hqSpin{to{transform:rotate(360deg);}}
@keyframes hqPulse{0%,100%{transform:scale(.985);filter:saturate(1)}50%{transform:scale(1.025);filter:saturate(1.35)}}
@media(max-width:860px){
  .hq-intro-card{grid-template-columns:1fr;min-height:auto;}
  .hq-intro-visual{min-height:260px;}
  .hq-intro-proof{grid-template-columns:1fr;}
  .hq-intro-top,.hq-intro-footer{align-items:flex-start;flex-direction:column;}
}
@media(prefers-reduced-motion:reduce){
  .hq-intro-stars,.hq-intro-orbit::before,.hq-intro-orbit::after,.hq-intro-core,.hq-intro-core::before,.hq-intro-core::after{animation:none!important;}
}