/* GetAnyClip landing page — scoped under .gac-landing so it can't clash with the theme. */
html { background: #0b0d13; }
body.gac-landing-body { margin: 0 !important; padding: 0 !important; background: #0b0d13 !important; }
body.gac-landing-body::before, body.gac-landing-body::after { display: none !important; }
.gac-landing {
  --bg:#0b0d13; --bg2:#0f1320; --surface:#151a28; --border:#262e42;
  --text:#e8eaf0; --muted:#99a2b8; --accent:#7c5cff; --accent2:#22d3ee;
  --grad:linear-gradient(120deg,#7c5cff,#22d3ee);
  background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6; min-height:100vh; overflow-x:hidden;
}
.gac-landing *{ box-sizing:border-box; }
.gac-landing a{ color:inherit; text-decoration:none; }
.gac-landing .wrap{ max-width:1080px; margin:0 auto; padding:0 22px; }
.gac-landing h1,.gac-landing h2,.gac-landing h3{ margin:0; letter-spacing:-.02em; }
.gac-landing p{ margin:0; }

.gac-landing .gl-top{ display:flex; align-items:center; justify-content:space-between; padding:22px 0; }
.gac-landing .gl-brand{ display:flex; align-items:center; gap:10px; font-weight:800; font-size:1.2rem; }
.gac-landing .gl-brand svg{ width:30px; height:30px; }

.gac-landing .gl-hero{ text-align:center; padding:46px 0 26px; position:relative; }
.gac-landing .gl-hero::before{ content:""; position:absolute; inset:0; z-index:0;
  background:radial-gradient(600px 280px at 50% -10%,rgba(124,92,255,.28),transparent 70%),
            radial-gradient(500px 240px at 80% 0%,rgba(34,211,238,.14),transparent 70%); }
.gac-landing .gl-hero>*{ position:relative; z-index:1; }
.gac-landing .gl-eyebrow{ display:inline-flex; gap:8px; align-items:center; font-size:.8rem; font-weight:600;
  color:var(--muted); border:1px solid var(--border); background:var(--surface); padding:6px 14px; border-radius:999px; margin-bottom:22px; }
.gac-landing .gl-eyebrow .dot{ width:7px; height:7px; border-radius:50%; background:#2ecc71; }
.gac-landing .gl-hero h1{ font-size:clamp(2rem,5vw,3.4rem); line-height:1.08; font-weight:800; }
.gac-landing .accent{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.gac-landing .gl-lead{ max-width:600px; margin:20px auto 0; color:var(--muted); font-size:1.1rem; }
.gac-landing .gl-hero .gac-widget{ margin-top:34px; }

.gac-landing section{ padding:54px 0; }
.gac-landing .gl-head{ text-align:center; max-width:620px; margin:0 auto 38px; }
.gac-landing .gl-head h2{ font-size:clamp(1.6rem,3.5vw,2.3rem); }
.gac-landing .gl-head p{ color:var(--muted); margin-top:10px; }

.gac-landing .gl-chips{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; max-width:800px; margin:0 auto; }
.gac-landing .gl-chip{ border:1px solid var(--border); background:var(--surface); padding:9px 16px; border-radius:999px; font-size:.92rem; }
.gac-landing .gl-note{ text-align:center; color:var(--muted); font-size:.8rem; margin:22px auto 0; max-width:620px; }

.gac-landing .gl-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.gac-landing .gl-card{ background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:24px; }
.gac-landing .gl-card .ic{ width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  background:rgba(124,92,255,.14); color:var(--accent2); margin-bottom:14px; font-size:20px; font-weight:800; }
.gac-landing .gl-card h3{ font-size:1.08rem; margin-bottom:6px; }
.gac-landing .gl-card p{ color:var(--muted); font-size:.94rem; }

.gac-landing .gl-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.gac-landing .gl-step{ background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:24px; }
.gac-landing .gl-step .n{ width:32px; height:32px; border-radius:50%; background:var(--grad); color:#0b0d13;
  font-weight:800; display:flex; align-items:center; justify-content:center; margin-bottom:12px; }

.gac-landing .gl-faq{ max-width:760px; margin:0 auto; }
.gac-landing .gl-faq details{ border:1px solid var(--border); background:var(--surface); border-radius:12px; padding:4px 18px; margin-bottom:12px; }
.gac-landing .gl-faq summary{ cursor:pointer; font-weight:600; padding:14px 0; list-style:none; }
.gac-landing .gl-faq summary::-webkit-details-marker{ display:none; }
.gac-landing .gl-faq details p{ color:var(--muted); padding:0 0 14px; }

.gac-landing .gl-foot{ border-top:1px solid var(--border); background:var(--bg2); padding:40px 0; color:var(--muted); font-size:.85rem; text-align:center; }
.gac-landing .gl-foot a{ color:var(--accent2); }

@media(max-width:820px){
  .gac-landing .gl-grid,.gac-landing .gl-steps{ grid-template-columns:1fr; }
}

/* ===================== Dynamic aurora background ===================== */
.gac-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(120% 120% at 50% -10%,#11141d 0%,#0b0d13 55%,#070810 100%);contain:strict;isolation:isolate}
.gac-bg *{pointer-events:none}
.gac-bg__blobs{position:absolute;inset:-15%;filter:blur(70px);will-change:transform;transform:translateZ(0)}
.gac-bg__blob{position:absolute;border-radius:50%;opacity:.55;mix-blend-mode:screen;will-change:transform;backface-visibility:hidden}
.gac-bg__blob--1{top:2%;left:4%;width:48vw;height:48vw;max-width:620px;max-height:620px;background:radial-gradient(circle at 35% 35%,#7c5cff 0%,rgba(124,92,255,.45) 40%,rgba(124,92,255,0) 70%);animation:gacDrift1 34s ease-in-out infinite}
.gac-bg__blob--2{top:30%;right:0%;width:54vw;height:54vw;max-width:680px;max-height:680px;background:radial-gradient(circle at 60% 40%,#22d3ee 0%,rgba(34,211,238,.4) 42%,rgba(34,211,238,0) 70%);animation:gacDrift2 46s ease-in-out infinite}
.gac-bg__blob--3{bottom:-6%;left:24%;width:50vw;height:50vw;max-width:640px;max-height:640px;background:radial-gradient(circle at 45% 55%,#d946ef 0%,rgba(217,70,239,.34) 44%,rgba(217,70,239,0) 72%);animation:gacDrift3 40s ease-in-out infinite}
.gac-bg__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(180,196,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(180,196,255,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(120% 100% at 50% 30%,#000 35%,transparent 85%);mask-image:radial-gradient(120% 100% at 50% 30%,#000 35%,transparent 85%);opacity:.6}
.gac-bg__vignette{position:absolute;inset:0;background:radial-gradient(130% 110% at 50% 40%,transparent 55%,rgba(5,6,12,.65) 100%)}
@keyframes gacDrift1{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(7vw,5vh,0) scale(1.12)}66%{transform:translate3d(-4vw,9vh,0) scale(.94)}}
@keyframes gacDrift2{0%,100%{transform:translate3d(0,0,0) scale(1)}40%{transform:translate3d(-9vw,4vh,0) scale(1.1)}75%{transform:translate3d(-3vw,-7vh,0) scale(.96)}}
@keyframes gacDrift3{0%,100%{transform:translate3d(0,0,0) scale(1.02)}30%{transform:translate3d(8vw,-5vh,0) scale(.92)}70%{transform:translate3d(-6vw,-2vh,0) scale(1.14)}}
@media (max-width:640px){.gac-bg__blobs{filter:blur(48px)}.gac-bg__blob{opacity:.5}.gac-bg__grid{background-size:34px 34px}}
@media (prefers-reduced-motion:reduce){.gac-bg__blob{animation:none!important}.gac-bg__blobs{will-change:auto}}

/* content layers above the background; sections go transparent so it shows through */
.gac-landing{ background:transparent !important; position:relative; z-index:1; }
.gac-landing .gl-hero::before{ display:none; }

/* ===================== Platform grid ===================== */
.gl-grid-plat{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; max-width:1000px; margin:0 auto; }
.gl-plat{ display:flex; flex-direction:column; align-items:center; gap:10px; padding:18px 10px; border-radius:14px; background:var(--surface); border:1px solid var(--border); color:var(--text); cursor:pointer; text-align:center; transition:transform .15s ease,border-color .15s ease,box-shadow .2s ease; }
.gl-plat:hover{ transform:translateY(-3px); border-color:var(--c,#7c5cff); box-shadow:0 12px 32px -14px var(--c,#7c5cff); }
.gl-ico-wrap{ width:48px; height:48px; border-radius:12px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.25); }
.gl-plat-ico{ width:30px; height:30px; object-fit:contain; display:block; }
.gl-plat-mono{ font-weight:800; font-size:20px; color:var(--c,#7c5cff); }
.gl-plat-name{ font-size:.82rem; color:var(--muted); font-weight:600; line-height:1.2; }
.gl-plat:hover .gl-plat-name{ color:var(--text); }
@media(max-width:900px){ .gl-grid-plat{ grid-template-columns:repeat(4,1fr); } }
@media(max-width:560px){ .gl-grid-plat{ grid-template-columns:repeat(3,1fr); gap:10px; } .gl-plat{ padding:14px 6px; } .gl-ico-wrap{ width:42px; height:42px; } }

/* widget flash when a platform card scrolls to it */
.gac-flash{ animation:gacFlash .9s ease; }
@keyframes gacFlash{ 0%,100%{ box-shadow:0 10px 30px -16px rgba(0,0,0,.35); } 30%{ box-shadow:0 0 0 4px rgba(124,92,255,.45),0 16px 50px -10px rgba(124,92,255,.6); } }

/* ===================== Hero capability chips + trust strip ===================== */
.gac-landing .gl-caps{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:22px 0 4px; }
.gac-landing .gl-cap{ font-size:.82rem; font-weight:600; color:var(--text); background:rgba(255,255,255,.04); border:1px solid var(--border); border-radius:999px; padding:7px 15px; }
.gac-landing .gl-trust{ display:flex; gap:22px; justify-content:center; flex-wrap:wrap; margin:20px 0 0; color:var(--muted); font-size:.86rem; }
.gac-landing .gl-trust span{ white-space:nowrap; }

/* ===================== Get the app ===================== */
.gac-landing .gl-app{ display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; }
.gac-landing .gl-soon{ display:inline-block; font-size:.68rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--accent2); border:1px solid var(--border); background:var(--surface); border-radius:999px; padding:5px 12px; margin-bottom:16px; }
.gac-landing .gl-app-copy h2{ font-size:clamp(1.7rem,3.6vw,2.5rem); }
.gac-landing .gl-app-copy p{ color:var(--muted); margin-top:14px; max-width:470px; }
.gac-landing .gl-app-actions{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:26px; }
.gac-landing .gl-btn-soon{ background:var(--grad); color:#0b0d13; font-weight:700; border-radius:999px; padding:13px 22px; font-size:.95rem; opacity:.9; }
.gac-landing .gl-btn-ghost{ border:1px solid var(--border); color:var(--text); border-radius:999px; padding:13px 22px; font-weight:600; font-size:.95rem; }
.gac-landing .gl-btn-ghost:hover{ background:var(--surface); }

/* phone mockup (original, on-brand) */
.gac-landing .gl-phone{ justify-self:center; width:232px; height:472px; border-radius:36px; background:linear-gradient(160deg,#1b2233,#0f1320); border:1px solid var(--border); padding:12px; position:relative; box-shadow:0 34px 70px -28px rgba(0,0,0,.85),0 0 0 2px rgba(124,92,255,.15); }
.gac-landing .gl-phone::before{ content:""; position:absolute; top:14px; left:50%; transform:translateX(-50%); width:92px; height:18px; background:#0b0d13; border-radius:0 0 12px 12px; z-index:2; }
.gac-landing .gl-phone-screen{ height:100%; border-radius:25px; background:radial-gradient(120% 80% at 50% 0%,rgba(124,92,255,.20),transparent 60%),#0b0d13; padding:32px 16px 16px; display:flex; flex-direction:column; gap:11px; overflow:hidden; }
.gac-landing .gl-ph-top{ display:flex; align-items:center; gap:8px; font-weight:800; font-size:.95rem; }
.gac-landing .gl-ph-dot{ width:18px; height:18px; border-radius:5px; background:var(--grad); display:inline-block; }
.gac-landing .gl-ph-box{ background:#fff; color:#5b6472; border-radius:10px; padding:11px 12px; font-size:.78rem; }
.gac-landing .gl-ph-row{ display:flex; align-items:center; justify-content:space-between; background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:10px 12px; font-size:.8rem; font-weight:600; }
.gac-landing .gl-ph-dl{ width:24px; height:24px; border-radius:7px; background:var(--grad); color:#0b0d13; display:flex; align-items:center; justify-content:center; font-weight:800; }
@media(max-width:760px){
  .gac-landing .gl-app{ grid-template-columns:1fr; gap:30px; text-align:center; }
  .gac-landing .gl-app-copy p{ margin-left:auto; margin-right:auto; }
  .gac-landing .gl-app-actions{ justify-content:center; }
}

/* ===================== Hero app CTA + blog cards ===================== */
.gac-landing .gl-hero-cta{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin:30px 0 6px; }
.gac-landing .gl-blog-card{ text-decoration:none; display:block; }
.gac-landing .gl-blog-card h3{ font-size:1.05rem; margin-bottom:8px; }
.gac-landing .gl-blog-card p{ color:var(--muted); font-size:.92rem; }
.gac-landing .gl-blog-card:hover{ border-color:var(--accent); transform:translateY(-3px); }