/* =========================================================
   Animationsites — styles
   ========================================================= */
.as3d *{margin:0;padding:0;box-sizing:border-box}
.as3d{
  --ink:#15122e; --ink-2:#2c2748; --muted:#6c6789; --muted-2:#938daf;
  --violet:#a855f7; --indigo:#6366f1; --pink:#ec4899;
  --brd:rgba(255,255,255,.85);
  --grad:linear-gradient(100deg,#fb7185 0%,#f472b6 30%,#a855f7 70%,#6366f1 100%);
  --grad-2:linear-gradient(95deg,#ff7eb3 0%,#ec4899 26%,#a855f7 62%,#6366f1 100%);
  --grad-num:linear-gradient(100deg,#fb7185 0%,#ec4899 48%,#a855f7 100%);
  --shadow:0 36px 80px -34px rgba(70,35,130,.42);
  --shadow-sm:0 16px 40px -18px rgba(80,40,140,.30);
  --hscale:1;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);line-height:1.5;position:relative;overflow-x:clip;overflow-y:visible;margin-top:calc(var(--topfix,0px) * -1);
  background:
    radial-gradient(680px 460px at 90% 2%, rgba(168,85,247,.16), transparent 60%),
    radial-gradient(620px 520px at -2% 26%, rgba(168,85,247,.16), transparent 60%),
    radial-gradient(700px 560px at 98% 80%, rgba(99,102,241,.12), transparent 60%),
    linear-gradient(166deg,#eff0fb 0%,#f3eefb 52%,#efeafb 100%);
}
.as3d-wrap{max-width:1140px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.as3d h1,.as3d h2,.as3d h3{font-family:inherit;font-weight:800;letter-spacing:-.025em;line-height:1.04}
.as3d a{text-decoration:none;color:inherit}
.as3d .gtext{background:var(--grad-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* background image layer + bubbles */
.as3d-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.as3d-bubbles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.as3d-bubbles span{position:absolute;border-radius:50%;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.95),rgba(255,255,255,0) 42%),
            radial-gradient(circle at 65% 70%,rgba(168,85,247,.22),rgba(168,85,247,0) 60%),
            radial-gradient(circle at 50% 50%,rgba(214,180,255,.5),rgba(190,170,240,.18));
  box-shadow:inset -8px -10px 22px rgba(120,70,180,.20),inset 6px 8px 18px rgba(255,255,255,.6)}
.as3d-bubbles span:nth-child(1){width:140px;height:140px;left:-2%;top:34%}
.as3d-bubbles span:nth-child(2){width:60px;height:60px;left:7%;top:8%}
.as3d-bubbles span:nth-child(3){width:90px;height:90px;right:2%;top:64%}
.as3d-bubbles span:nth-child(4){width:46px;height:46px;right:8%;top:6%}

.as3d-btn{border:none;cursor:pointer;font-family:inherit;font-weight:700;border-radius:30px;display:inline-flex;align-items:center;gap:9px;
  transition:transform .2s,box-shadow .2s;text-decoration:none}
.as3d-btn:hover{transform:translateY(-2px)}
.as3d-btn.grad{background:var(--grad);color:#fff;padding:12px 22px;font-size:14px;box-shadow:0 14px 30px -10px rgba(168,85,247,.55)}
.as3d-btn.grad .ar{transition:transform .2s}.as3d-btn.grad:hover .ar{transform:translateX(3px)}

/* image slot helper (cover) */
.as3d-img{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}
.as3d-lab{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;text-align:center;
  padding:0 14px 56px;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.as3d-img.has .as3d-lab{display:none}
.as3d-img.has{background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important}

/* ===================== NAV ===================== */
.as3d-nav-outer{position:sticky;top:14px;z-index:60;padding:14px 24px 0}
.as3d-nav{position:relative;max-width:1090px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:13px 14px 13px 24px;border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.28));
  backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 24px 60px -24px rgba(96,52,168,.42),0 3px 12px -5px rgba(96,52,168,.18),
             inset 0 1px 0 rgba(255,255,255,.98),inset 0 -8px 22px rgba(190,160,235,.16),inset 0 0 0 1px rgba(255,255,255,.14)}
.as3d-nav::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:linear-gradient(102deg,rgba(255,126,179,.16) 0%,rgba(255,183,94,.12) 20%,rgba(236,72,153,.08) 40%,rgba(168,85,247,.10) 60%,rgba(99,102,241,.14) 80%,rgba(120,220,255,.14) 100%)}
.as3d-nav::after{content:"";position:absolute;left:6px;right:6px;top:3px;height:42%;border-radius:26px 26px 60% 60%/26px 26px 100% 100%;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0))}
.as3d-nav>*{position:relative;z-index:1}
.as3d-nav .as3d-btn.grad{box-shadow:0 12px 26px -8px rgba(168,85,247,.6),inset 0 1px 0 rgba(255,255,255,.4)}
.as3d-nav .as3d-btn.grad .spk{width:15px;height:15px;margin-right:-2px}
.as3d-brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px;letter-spacing:-.01em}
.as3d-btcol{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.as3d-subtag{font-size:9.5px;font-weight:800;letter-spacing:.34em;text-transform:uppercase;margin-top:2px;padding-left:1px;
  background:linear-gradient(92deg,#ec4899,#a855f7 55%,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.as3d-brandimg{height:24px;width:auto;display:block;object-fit:contain}
.as3d-logo{width:34px;height:34px;display:block;flex:0 0 auto}
.as3d-logo-img{height:34px;width:auto;max-width:170px;object-fit:contain;display:block;flex:0 0 auto}
.as3d-links{display:flex;gap:28px;margin:0 auto;font-weight:600;font-size:14.5px;color:var(--ink-2)}
.as3d-links a:hover{color:var(--violet)}
.as3d-signin{font-weight:700;font-size:14.5px;color:var(--ink-2)}

/* ===================== HERO ===================== */
.as3d-hero{padding:var(--herotop,60px) 0 46px;position:relative}
.as3d-hgrid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:20px;align-items:center}
.as3d-hero h1{font-size:var(--h1size,58px);color:var(--ink);letter-spacing:-.03em}
.as3d-hero h1 .l2{display:block;white-space:nowrap}
.as3d-hsub{font-size:15.5px;color:var(--muted);max-width:340px;margin:22px 0 28px;font-weight:500}
.as3d-hcta{display:flex;align-items:center;gap:22px}
.as3d-hcta .grad{padding:15px 26px;font-size:14.5px}
.as3d-play{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:14.5px;color:var(--ink-2);cursor:pointer}
.as3d-play .pc{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(120,90,160,.4);
  background:rgba(255,255,255,.4);color:var(--ink)}
.as3d-play .pc svg{width:11px;height:11px;margin-left:2px}

/* deck v2 — stacked, clickable, parallax on front */
.as3d-deck{position:relative;width:600px;max-width:100%;height:404px;perspective:1600px;transform:scale(var(--hscale));transform-origin:left center}
.as3d-hc{position:absolute;left:0;top:0;width:480px;height:270px;border-radius:22px;overflow:hidden;cursor:pointer;
  box-shadow:var(--shadow);border:1px solid var(--brd);transform-origin:center;backface-visibility:hidden;
  transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .4s}
.as3d-hc.slot-0{transform:translate(0px,58px) rotateY(calc(-5deg + var(--px,0deg))) rotateX(var(--py,0deg)) scale(1);z-index:30}
.as3d-hc.slot-1{transform:translate(70px,30px) rotateY(-10deg) scale(.95);z-index:20}
.as3d-hc.slot-2{transform:translate(140px,4px) rotateY(-12deg) scale(.9);z-index:10}
.as3d-badge{position:absolute;top:14px;left:14px;z-index:8;font-size:10.5px;font-weight:800;padding:6px 13px;border-radius:20px}
.as3d-badge.light{background:rgba(255,255,255,.92);color:var(--violet)}
.as3d-badge.pink{background:var(--grad);color:#fff}
.as3d-badge.dark{background:rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(4px)}

/* main card (full image OR default content) */
.as3d-hc.hc-main{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.72));backdrop-filter:blur(14px)}
.as3d-hc .full{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.hc-main .chrome{display:flex;align-items:center;padding:14px 16px 0;font-size:9.5px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden}
.hc-main .chrome .nl{margin-left:auto;display:flex;gap:11px;color:var(--muted)}
.hc-main .chrome .gs{margin-left:13px;font-size:9.5px;font-weight:700;color:#fff;background:var(--grad);padding:6px 12px;border-radius:16px}
.hc-main .txt{position:relative;z-index:5;width:70%;padding:6px 0 0 18px}
.hc-main .txt h3{font-size:23px;font-weight:800;color:var(--ink);line-height:1.05;letter-spacing:-.02em}
.hc-main .txt .p{font-size:10px;color:var(--muted);margin:9px 0 13px;font-weight:500;max-width:220px}
.hc-main .row{display:flex;gap:9px;align-items:center}
.hc-main .ghost{font-size:10px;font-weight:700;color:var(--ink-2);background:rgba(255,255,255,.7);border:1px solid var(--brd);padding:9px 13px;border-radius:20px;white-space:nowrap}
.hc-main .mini{font-size:10px;font-weight:700;color:#fff;background:var(--grad);padding:9px 14px;border-radius:20px;white-space:nowrap}

/* horizontal back cards (agency / portfolio) */
.as3d-hc .as3d-img{position:absolute;inset:0}
.as3d-hc .as3d-lab{align-items:center;padding-bottom:0}
.as3d-hc.ph-fallback{background:linear-gradient(165deg,#2a2350,#100a24)}
.hc-ov-title{position:absolute;left:16px;bottom:44px;z-index:4;color:#fff;font-weight:800;font-size:20px;line-height:1.1;max-width:72%;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.hc-ov-sub{position:absolute;left:16px;bottom:26px;z-index:4;color:rgba(255,255,255,.75);font-size:9px;font-weight:700;letter-spacing:.08em}
.hc-ov-btn{position:absolute;left:16px;bottom:14px;z-index:4;font-size:10px;font-weight:700;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.34);padding:7px 12px;border-radius:18px;backdrop-filter:blur(4px)}

/* ===================== SECTION HEAD ===================== */
.as3d-sec{padding:80px 0 0}
.as3d-headpanel{max-width:760px;margin:0 auto 30px;text-align:center;padding:26px 26px 18px;border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.as3d-headpanel h2{font-size:30px;font-weight:800;color:var(--ink)}
.as3d-headpanel p{color:var(--muted);font-weight:500;margin-top:7px;font-size:14px}
.as3d-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:18px;padding:6px;border-radius:30px;
  background:rgba(255,255,255,.6);border:1px solid var(--brd);box-shadow:var(--shadow-sm)}
.as3d-tabs button{border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:12.5px;color:var(--muted);padding:8px 15px;border-radius:24px;background:transparent;transition:.2s}
.as3d-tabs button.on{background:var(--grad);color:#fff;box-shadow:0 8px 18px -8px rgba(168,85,247,.5)}

/* ===================== GALLERY ===================== */
.as3d-gallery{display:flex;flex-direction:column;gap:26px;width:min(var(--galw,1280px),calc(100vw - 36px));margin-left:50%;transform:translateX(-50%)}
.as3d-grow{display:grid;gap:26px;perspective:1500px}
.as3d-grow.two{grid-template-columns:1fr 1fr}
.as3d-grow.three{grid-template-columns:1fr 1fr 1fr;gap:20px}
.as3d-gcard{position:relative;border-radius:20px;padding:2px;transform-style:preserve-3d;transition:transform .35s ease;
  background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,.4));border:1px solid var(--brd);box-shadow:var(--shadow)}
.lean-l{transform:rotateY(9deg)} .lean-r{transform:rotateY(-9deg)} .lean-c{transform:rotateY(0)}
.as3d-gcard:hover{transform:rotateY(0) translateY(-4px)}
.as3d-gimg{position:relative;border-radius:18px;height:340px;overflow:hidden;background-size:cover;background-position:center}
.three .as3d-gimg{height:264px}
.as3d-gimg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.28))}
.as3d-gcard.light .as3d-gimg::after{display:none}
.as3d-gimg.has .as3d-lab{display:none}
.as3d-gimg.has{background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important}
.as3d-gbadge{position:absolute;top:14px;left:14px;z-index:3;font-size:10.5px;font-weight:800;padding:6px 13px;border-radius:20px;background:var(--grad);color:#fff}
.as3d-eyebrow{position:absolute;left:22px;top:56px;z-index:3;font-size:11px;font-weight:700;letter-spacing:.18em;color:rgba(255,255,255,.78);text-transform:uppercase}
.as3d-gcard.light .as3d-eyebrow{color:var(--muted)}
.as3d-gtitle{position:absolute;left:22px;top:74px;z-index:3;color:#fff;font-weight:800;font-size:38px;line-height:1.02;letter-spacing:-.01em;max-width:74%;text-shadow:0 3px 14px rgba(0,0,0,.45)}
.three .as3d-gtitle{font-size:25px;top:58px}
.as3d-gcard.light .as3d-gtitle{color:var(--ink);text-shadow:none}
.as3d-gtitle.serif{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:0;font-size:44px;line-height:1.04}
.three .as3d-gtitle.serif{font-size:26px}
.as3d-gtitle .o{color:#fbbf24}
.as3d-gdesc{position:absolute;left:22px;z-index:3;color:rgba(255,255,255,.82);font-size:13px;font-weight:500;max-width:58%;bottom:72px;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.three .as3d-gdesc{bottom:64px;font-size:11px}
.as3d-gcard.light .as3d-gdesc{color:var(--muted)}
.as3d-gactions{position:absolute;left:14px;right:14px;bottom:14px;z-index:4;display:flex;align-items:center;justify-content:space-between}
.as3d-secbtn{font-size:12px;font-weight:700;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);padding:10px 17px;border-radius:24px;backdrop-filter:blur(6px)}
.as3d-gcard.light .as3d-secbtn{color:#fff;background:var(--grad);border:none}
.as3d-buy{font-size:12px;font-weight:700;color:#fff !important;background:var(--grad);padding:10px 18px;border-radius:24px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 12px 24px -10px rgba(168,85,247,.65)}
.as3d-buy span{color:#fff !important}
.as3d-gactions .as3d-secbtn{color:#fff !important}
.as3d-btn.grad,.as3d-btn.grad span{color:#fff !important}
.ph-watch{background:linear-gradient(150deg,#2b2620,#0e0c0a)} .ph-fun{background:linear-gradient(135deg,#e879c6,#c026d3 55%,#7c1d6f)}
.ph-cabin{background:linear-gradient(160deg,#46535c,#141f29)} .ph-cosmos{background:linear-gradient(150deg,#1e1b4b,#312e81 55%,#0b1026)}
.ph-dash{background:linear-gradient(155deg,#f1eef9,#ded5ee)} .ph-arch{background:linear-gradient(160deg,#b5743f,#2a1a12)}
.ph-portrait{background:linear-gradient(160deg,#caa06a,#5e4326)} .ph-mtn{background:linear-gradient(160deg,#c98a5a,#5e3a22)} .ph-alex{background:linear-gradient(160deg,#241c3a,#0a0716)}

/* ===================== STATS ===================== */
.as3d-stats{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-radius:26px;padding:30px 34px;
  background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.34));border:1px solid var(--brd);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.8)}
.as3d-stat .tile{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 18px -10px rgba(120,70,180,.4)}
.as3d-stat .tile svg{width:22px;height:22px}
.t-violet{background:linear-gradient(160deg,rgba(168,85,247,.22),rgba(168,85,247,.1))}
.t-blue{background:linear-gradient(160deg,rgba(99,102,241,.22),rgba(99,102,241,.1))}
.t-pink{background:linear-gradient(160deg,rgba(236,72,153,.22),rgba(236,72,153,.1))}
.as3d-stat .num{font-size:46px;font-weight:800;line-height:1;letter-spacing:-.02em;background:var(--grad-num);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.as3d-stat .lbl{font-size:14px;color:var(--muted);font-weight:600;margin-top:10px}

/* ===================== PRICING ===================== */
.as3d-pricehead{text-align:center;margin:64px 0 36px}
.as3d-pricehead h2{font-size:30px;font-weight:800;color:var(--ink)}
.as3d-pricehead p{color:var(--muted);font-weight:500;margin-top:8px;font-size:14px}
.as3d-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.as3d-plan{position:relative;border-radius:24px;padding:28px 26px;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.4));border:1px solid var(--brd);box-shadow:var(--shadow-sm)}
.as3d-plan.pop{padding-top:34px;background:linear-gradient(180deg,rgba(255,236,246,.72),rgba(241,233,255,.6));box-shadow:0 40px 80px -30px rgba(168,85,247,.5)}
.as3d-plan.pop::before{content:"";position:absolute;inset:0;border-radius:24px;padding:1.6px;background:var(--grad);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.as3d-poptag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800;color:#fff;padding:7px 16px;border-radius:20px;background:var(--grad);box-shadow:0 10px 22px -8px rgba(168,85,247,.6)}
.as3d-plan .pic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 18px -10px rgba(120,70,180,.4)}
.as3d-plan .pic svg{width:22px;height:22px}
.as3d-plan .pn{font-weight:800;font-size:19px;color:var(--ink)}
.as3d-plan .pd{font-size:12.5px;color:var(--muted);margin-top:6px;font-weight:500;min-height:34px;max-width:200px}
.as3d-plan .pp{font-weight:800;font-size:40px;color:var(--ink);margin:16px 0 2px;letter-spacing:-.02em}
.as3d-plan .pterm{font-size:12px;color:var(--muted);font-weight:600}
.as3d-plan ul{list-style:none;margin:20px 0;display:flex;flex-direction:column;gap:12px}
.as3d-plan li{font-size:13px;color:var(--ink-2);font-weight:600;display:flex;gap:10px;align-items:center}
.as3d-plan li svg{width:14px;height:14px;flex:0 0 auto}
.as3d-plan .pbtn{width:100%;padding:14px;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;border:none;transition:.2s;display:block;text-align:center}
.as3d-plan .pbtn.ghost{background:rgba(255,255,255,.55);border:1px solid var(--brd);color:var(--ink)}
.as3d-plan .pbtn.ghost:hover{background:#fff}
.as3d-plan .pbtn.solid{background:var(--grad);color:#fff;box-shadow:0 14px 28px -10px rgba(168,85,247,.6)}
.as3d-plan .pbtn.solid:hover{transform:translateY(-2px)}

/* ===================== TESTIMONIALS ===================== */
.as3d-center{text-align:center;margin-bottom:34px}
.as3d-center h2{font-size:30px;font-weight:800;color:var(--ink)}
.as3d-tcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.as3d-tc{border-radius:22px;padding:22px 20px;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.42));border:1px solid var(--brd);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.as3d-tc .qm{font-size:34px;line-height:.4;color:var(--pink);font-weight:800;font-family:Georgia,serif;margin-bottom:14px}
.as3d-tc q{display:block;font-style:normal;font-size:12.5px;color:var(--ink-2);font-weight:500;line-height:1.55;margin-bottom:18px;flex:1}
.as3d-tc .who{display:flex;align-items:center;gap:11px}
.as3d-tc .av{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px}
.as3d-tc .meta{flex:1;min-width:0}
.as3d-tc .nm{font-weight:800;font-size:13px;color:var(--ink)}
.as3d-tc .bl{display:flex;align-items:center;justify-content:space-between;gap:6px}
.as3d-tc .ro{font-size:11px;color:var(--muted);font-weight:500}
.as3d-tc .stars{color:#fbbf24;font-size:10px;letter-spacing:1px;flex:0 0 auto}

/* ===================== CTA ===================== */
.as3d-cta{position:relative;margin-top:60px;border-radius:30px;padding:46px 52px;display:flex;align-items:center;gap:30px;overflow:hidden;
  background:linear-gradient(110deg,rgba(255,255,255,.6),rgba(255,255,255,.4));border:1px solid var(--brd);box-shadow:var(--shadow)}
.as3d-cta .blob{position:absolute;border-radius:48% 52% 55% 45%/55% 48% 52% 45%;filter:saturate(120%);animation:as3d-morph 9s ease-in-out infinite}
.as3d-cta .blob-l{width:150px;height:150px;left:24px;top:50%;transform:translateY(-50%);
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.92),transparent 42%),radial-gradient(circle at 64% 70%,#f472b6,transparent 60%),radial-gradient(circle at 50% 50%,#c084fc,#6366f1)}
.as3d-cta .blob-l.has{background-size:contain;background-position:center;background-repeat:no-repeat;animation:none;border-radius:0;filter:drop-shadow(0 20px 36px rgba(120,70,180,.4))}
.as3d-cta .sph{position:absolute;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.95),transparent 42%),radial-gradient(circle at 60% 70%,rgba(168,85,247,.4),transparent),radial-gradient(circle at 50% 50%,#e9ddfa,#cdbbef)}
.as3d-cta .sph1{width:90px;height:90px;right:60px;top:-22px} .as3d-cta .sph2{width:60px;height:60px;right:30px;bottom:-20px}
.as3d-cta .ctxt{margin-left:155px;position:relative;z-index:3}
.as3d-cta h2{font-size:34px;font-weight:800;color:var(--ink);line-height:1.05}
.as3d-cta h2 span{display:block}
.as3d-cta p{color:var(--muted);font-weight:500;margin-top:10px;font-size:14px;max-width:280px}
.as3d-cta .right{margin-left:auto;position:relative;z-index:3;text-align:center}
.as3d-cta .as3d-buy2{background:var(--grad);color:#fff;font-weight:700;font-size:16px;padding:17px 40px;border-radius:30px;display:inline-flex;align-items:center;gap:12px;box-shadow:0 18px 36px -12px rgba(168,85,247,.6)}
.as3d-cta .feats{display:flex;gap:22px;justify-content:center;margin-top:16px;font-size:12.5px;font-weight:600;color:var(--muted)}
.as3d-cta .feats span{display:inline-flex;align-items:center;gap:7px}
.as3d-cta .ck{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--muted-2);display:grid;place-items:center;font-size:9px;color:var(--violet)}
@keyframes as3d-morph{0%,100%{border-radius:48% 52% 55% 45%/55% 48% 52% 45%}50%{border-radius:55% 45% 48% 52%/45% 55% 48% 52%}}

/* ===================== FOOTER ===================== */
.as3d-footer{margin-top:34px;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.7));border-top:1px solid rgba(124,58,237,.1)}
.as3d-foot{display:flex;align-items:center;gap:24px;padding:26px 0 8px;flex-wrap:wrap}
.as3d-fb .tag{font-size:12px;color:var(--muted);font-weight:500;margin-top:5px}
.as3d-flinks{display:flex;gap:24px;margin:0 auto;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.as3d-flinks a:hover{color:var(--violet)}
.as3d-fsoc{display:flex;gap:10px}
.as3d-fsoc a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);background:rgba(255,255,255,.7);border:1px solid var(--brd);transition:.2s}
.as3d-fsoc a:hover{color:var(--violet);transform:translateY(-2px)}
.as3d-fsoc svg{width:15px;height:15px}
.as3d-copy{text-align:right;font-size:11.5px;color:var(--muted-2);padding:6px 0 24px}

/* ===================== RESPONSIVE ===================== */
@media(max-width:980px){
  .as3d-links{display:none}
  .as3d-hgrid{grid-template-columns:1fr}
  .as3d-hero h1{font-size:46px}
  .as3d-deck{transform:scale(calc(var(--hscale) * .82));transform-origin:top left;height:340px;margin-top:10px}
  .as3d-grow.two,.as3d-grow.three{grid-template-columns:1fr;perspective:none}
  .lean-l,.lean-r,.lean-c{transform:none}
  .as3d-stats{grid-template-columns:1fr 1fr;gap:24px}
  .as3d-plans{grid-template-columns:1fr}
  .as3d-tcards{grid-template-columns:1fr 1fr}
  .as3d-cta{flex-direction:column;text-align:center;padding:40px 24px}
  .as3d-cta .ctxt,.as3d-cta .right{margin-left:0}
  .as3d-cta .blob,.as3d-cta .sph{display:none}
  .as3d-foot{justify-content:center;text-align:center}
  .as3d-flinks{margin:8px auto;flex-wrap:wrap;justify-content:center}
  .as3d-copy{text-align:center}
}
@media(max-width:560px){
  .as3d-hero h1{font-size:38px}
  .as3d-deck{transform:scale(calc(var(--hscale) * .58));height:270px}
  .as3d-stats{grid-template-columns:1fr}
  .as3d-tcards{grid-template-columns:1fr}
}

/* ===================== WEBSITE PREVIEW MODAL ===================== */
.as3d-modal{position:fixed;inset:0;z-index:99999;display:none;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.as3d-modal.open{display:block}
.as3d-modal-bd{position:absolute;inset:0;background:rgba(24,14,48,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:as3d-fade .25s ease}
.as3d-modal-box{position:absolute;inset:3.5vh 3vw;max-width:1180px;margin:auto;left:0;right:0;
  background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 50px 130px -30px rgba(20,10,50,.7);animation:as3d-pop .3s cubic-bezier(.2,.8,.2,1)}
.as3d-modal-head{flex:0 0 auto;height:50px;display:flex;align-items:center;gap:10px;padding:0 10px 0 18px;
  background:linear-gradient(100deg,#fb7185,#ec4899 34%,#a855f7 74%,#6366f1);color:#fff}
.as3d-modal-dots{display:flex;gap:6px}
.as3d-modal-dots i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.55)}
.as3d-modal-url{font-size:12.5px;font-weight:600;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}
.as3d-modal-ext{margin-left:auto;font-size:12.5px;font-weight:700;color:#fff;text-decoration:none;padding:8px 13px;border-radius:20px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35)}
.as3d-modal-ext:hover{background:rgba(255,255,255,.32)}
.as3d-modal-x{width:34px;height:34px;border:none;border-radius:50%;cursor:pointer;color:#fff;font-size:20px;line-height:1;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;transition:.2s}
.as3d-modal-x:hover{background:rgba(255,255,255,.4);transform:rotate(90deg)}
.as3d-modal-body{position:relative;flex:1;background:#f6f5fb}
.as3d-modal-frame{width:100%;height:100%;border:0;display:block;background:#fff}
.as3d-modal-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  background:radial-gradient(600px 400px at 50% 40%,#f6f0ff,#eef0fb);transition:opacity .35s;z-index:2}
.as3d-modal-load.done{opacity:0;pointer-events:none}
.as3d-spin{width:52px;height:52px;border-radius:50%;background:conic-gradient(from 0deg,#fb7185,#ec4899,#a855f7,#6366f1,#fb7185);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 0);
  animation:as3d-spin 1s linear infinite}
.as3d-modal-load .lt{font-size:13.5px;font-weight:700;color:#6c6789}
.as3d-modal-load .lw{display:none;font-size:12px;color:#8a84a6;max-width:300px;text-align:center;line-height:1.5}
.as3d-modal-load.warn .lw{display:block}
@keyframes as3d-spin{to{transform:rotate(360deg)}}
@keyframes as3d-fade{from{opacity:0}to{opacity:1}}
@keyframes as3d-pop{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:640px){.as3d-modal-box{inset:2vh 2vw}.as3d-modal-url{display:none}}

/* ===================== "CLICK TO VIEW" DOT (front card w/ url) ===================== */
.as3d-clickdot{position:absolute;inset:0;display:none;align-items:center;justify-content:center;z-index:7;pointer-events:none}
.as3d-hc.slot-0:not([data-url=""]) .as3d-clickdot{display:flex}
.as3d-clickdot .dot{position:relative;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:rgba(255,255,255,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.75);
  color:#fff;font-weight:800;font-size:10.5px;letter-spacing:.02em;line-height:1.25;text-shadow:0 1px 6px rgba(0,0,0,.5);box-shadow:0 12px 34px rgba(70,30,120,.45)}
.as3d-clickdot .dot svg{width:18px;height:18px;margin-bottom:3px}
.as3d-clickdot .dot::before,.as3d-clickdot .dot::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:as3d-ripple 2.2s ease-out infinite}
.as3d-clickdot .dot::after{animation-delay:1.1s}
.as3d-hc.slot-0:not([data-url=""]){cursor:pointer}
@keyframes as3d-ripple{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
@media(prefers-reduced-motion:reduce){.as3d-clickdot .dot::before,.as3d-clickdot .dot::after{animation:none}}

/* ===================== PRELOADER + ENTRANCE ===================== */
.as3d-preload{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:linear-gradient(165deg,#f1eefb,#f6eefc 55%,#eef0fb);transition:opacity .6s ease,visibility .6s}
.as3d-preload.done{opacity:0;visibility:hidden;pointer-events:none}
.as3d-preload .pl-aura{position:absolute;border-radius:50%;filter:blur(64px);opacity:.7;pointer-events:none}
.as3d-preload .pl-aura.a1{width:340px;height:340px;left:20%;top:20%;background:radial-gradient(circle,#f9a8d4,transparent 70%);animation:as3d-aura 7s ease-in-out infinite}
.as3d-preload .pl-aura.a2{width:300px;height:300px;right:16%;bottom:18%;background:radial-gradient(circle,#a5b4fc,transparent 70%);animation:as3d-aura 8s ease-in-out infinite reverse}
.as3d-preload .pl-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px}
.as3d-preload .pl-mark{position:relative;width:104px;height:104px;display:grid;place-items:center}
.as3d-preload .pl-mark::before{content:"";position:absolute;inset:0;border-radius:50%;padding:2.5px;
  background:conic-gradient(from 0deg,#fb7185,#ec4899,#a855f7,#6366f1,#22d3ee,#fb7185);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 0);
  animation:as3d-spin 2.6s linear infinite}
.as3d-preload .pl-mark::after{content:"";position:absolute;inset:13px;border-radius:50%;background:rgba(255,255,255,.62);
  box-shadow:0 12px 34px -8px rgba(150,90,220,.42),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.as3d-preload .pl-mark .m{position:relative;z-index:2;display:grid;place-items:center;animation:as3d-plpulse 1.8s ease-in-out infinite}
.as3d-preload .pl-mark .as3d-logo,.as3d-preload .pl-mark .as3d-logo-img{width:54px;height:54px}
.as3d-preload .pl-name{font-size:15px;font-weight:800;letter-spacing:.03em;color:#3a3358}
.as3d-preload .pl-bar{width:140px;height:4px;border-radius:6px;background:rgba(120,80,200,.14);overflow:hidden;position:relative}
.as3d-preload .pl-bar::after{content:"";position:absolute;top:0;height:100%;width:45%;border-radius:6px;background:var(--grad);animation:as3d-plbar 1.2s cubic-bezier(.5,0,.5,1) infinite}
@keyframes as3d-plpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes as3d-plbar{0%{left:-45%}100%{left:100%}}
@keyframes as3d-aura{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-22px) scale(1.1)}}

.as3d-hero h1{animation:as3d-up .8s cubic-bezier(.2,.7,.2,1) both}
.as3d-hsub{animation:as3d-up .8s cubic-bezier(.2,.7,.2,1) .1s both}
.as3d-hcta{animation:as3d-up .8s cubic-bezier(.2,.7,.2,1) .2s both}
.as3d-deck{animation:as3d-fadein 1s ease .15s both}
@keyframes as3d-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes as3d-fadein{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.as3d-hero h1,.as3d-hsub,.as3d-hcta,.as3d-deck{animation:none}}

/* ===================== EXTRA MOBILE POLISH ===================== */
@media(max-width:980px){
  .as3d-nav{gap:12px;padding:10px 10px 10px 16px}
  .as3d-wrap{padding:0 18px}
}
@media(max-width:620px){
  .as3d-nav-outer{padding:10px 12px 0;top:8px}
  .as3d-nav{gap:8px;padding:9px 9px 9px 14px}
  .as3d-signin{display:none}
  .as3d-brand{font-size:16px;gap:8px}
  .as3d-subtag{font-size:8px;letter-spacing:.26em}
  .as3d-logo{width:28px;height:28px}.as3d-brandimg{height:20px}
  .as3d-btn.grad{padding:10px 15px;font-size:12.5px}
  .as3d-hero{padding:34px 0 30px}
  .as3d-hero h1{font-size:34px}
  .as3d-hsub{font-size:14px}
  .as3d-headpanel h2,.as3d-pricehead h2,.as3d-center h2,.as3d-cta h2{font-size:23px}
  .as3d-deck{margin-top:14px}
}

/* ===================== LIQUID GLASS PANELS (match nav) ===================== */
.as3d-tc,.as3d-cta,.as3d-plan,.as3d-stats,.as3d-headpanel{
  position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.26)) !important;
  backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);
  border:1px solid rgba(255,255,255,.62) !important;
  box-shadow:0 24px 60px -26px rgba(96,52,168,.4),0 3px 12px -5px rgba(96,52,168,.16),
             inset 0 1px 0 rgba(255,255,255,.95),inset 0 -8px 22px rgba(190,160,235,.14) !important}
.as3d-tc::before,.as3d-cta::before,.as3d-plan::before,.as3d-stats::before,.as3d-headpanel::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:linear-gradient(104deg,rgba(255,126,179,.12) 0%,rgba(255,183,94,.08) 22%,rgba(236,72,153,.06) 42%,rgba(168,85,247,.08) 62%,rgba(99,102,241,.10) 82%,rgba(120,220,255,.10) 100%)}
.as3d-tc::after,.as3d-plan::after,.as3d-headpanel::after{
  content:"";position:absolute;left:5px;right:5px;top:2px;height:38%;border-radius:20px 20px 60% 60%/20px 20px 100% 100%;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0))}
.as3d-tc>*,.as3d-cta>*,.as3d-plan>*,.as3d-stats>*,.as3d-headpanel>*{position:relative;z-index:1}
/* pricing pop keeps gradient border via its own ::before — restore it above glass */
.as3d-plan.pop::before{content:"";position:absolute;inset:0;border-radius:24px;padding:1.6px;background:var(--grad);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:2}
/* CTA blob/spheres sit under content but above glass sheen */
.as3d-cta .blob,.as3d-cta .sph{z-index:1}

/* ===================== INFO PAGES (about/contact/privacy/terms) ===================== */
.as3d-page{padding:56px 0 80px;min-height:52vh}
.as3d-page .as3d-headpanel{max-width:760px}
.as3d-pagecard{position:relative;max-width:860px;margin:0 auto;border-radius:26px;padding:34px 38px;
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.26));
  backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 24px 60px -26px rgba(96,52,168,.4),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -8px 22px rgba(190,160,235,.14)}
.as3d-pagecard::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(104deg,rgba(255,126,179,.10) 0%,rgba(236,72,153,.05) 40%,rgba(168,85,247,.07) 65%,rgba(99,102,241,.09) 100%)}
.as3d-pagecard>*{position:relative;z-index:1}
.as3d-pagecard h3{font-size:18px;font-weight:800;color:var(--ink);margin:24px 0 8px;letter-spacing:-.01em}
.as3d-pagecard p{font-size:14.5px;color:var(--ink-2);font-weight:500;line-height:1.75;margin:10px 0}
.as3d-pagecard ul{margin:10px 0 10px 20px;display:flex;flex-direction:column;gap:8px}
.as3d-pagecard li{font-size:14.5px;color:var(--ink-2);font-weight:500;line-height:1.65}
.as3d-pagecard a{color:var(--violet);font-weight:700}
.as3d-mailwrap{text-align:center;margin:6px 0 18px}
.as3d-mailbtn{font-size:15px;padding:15px 30px}
.as3d-legal{display:flex;gap:12px;justify-content:center;align-items:center;padding:4px 0 2px;
  font-size:12.5px;font-weight:600;color:var(--muted)}
.as3d-legal a{color:var(--muted)}
.as3d-legal a:hover{color:var(--violet)}
.as3d-legal span{color:var(--muted-2)}
@media(max-width:620px){.as3d-pagecard{padding:24px 20px}.as3d-legal{flex-wrap:wrap;gap:8px}}

/* ===================== AUTH (login / signup) ===================== */
.as3d-auth{display:flex;justify-content:center;padding:14px 0 0}
.as3d-authcard{position:relative;width:100%;max-width:432px;border-radius:26px;padding:34px 32px;
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.28));
  backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 24px 60px -26px rgba(96,52,168,.4),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -8px 22px rgba(190,160,235,.14)}
.as3d-authcard::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(104deg,rgba(255,126,179,.10),rgba(168,85,247,.07) 60%,rgba(99,102,241,.09));}
.as3d-authcard>*{position:relative;z-index:1}
.as3d-authcard h2{font-size:26px;font-weight:800;color:var(--ink);text-align:center;letter-spacing:-.02em}
.as3d-authcard .sub{text-align:center;color:var(--muted);font-size:13.5px;font-weight:500;margin:8px 0 22px}
.as3d-label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-2);margin:0 0 6px}
.as3d-input{width:100%;padding:13px 16px;border-radius:13px;border:1px solid rgba(150,130,200,.35);
  background:rgba(255,255,255,.72);font-family:inherit;font-size:14px;color:var(--ink);margin-bottom:14px;outline:none;transition:.2s}
.as3d-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(168,85,247,.15);background:#fff}
.as3d-authbtn{width:100%;justify-content:center;padding:14px;font-size:15px;margin-top:4px}
.as3d-authalt{text-align:center;margin-top:18px;font-size:13px;color:var(--muted);font-weight:600}
.as3d-authalt a{color:var(--violet);font-weight:800}
.as3d-authmsg{padding:11px 14px;border-radius:12px;font-size:13px;font-weight:600;margin-bottom:14px}
.as3d-authmsg.err{background:rgba(239,68,68,.1);color:#b91c1c;border:1px solid rgba(239,68,68,.28)}
.as3d-authmsg.ok{background:rgba(34,197,94,.1);color:#15803d;border:1px solid rgba(34,197,94,.28)}

/* ===================== NAV PROFILE CHIP ===================== */
.as3d-profile{position:relative;display:flex;align-items:center;gap:9px;cursor:default;padding:5px 12px 5px 6px;border-radius:26px;
  background:rgba(255,255,255,.55);border:1px solid var(--brd);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.as3d-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;
  background:var(--grad);box-shadow:0 6px 14px -6px rgba(168,85,247,.6)}
.as3d-pname{font-weight:700;font-size:13.5px;color:var(--ink-2);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as3d-caret{width:12px;height:12px;color:var(--muted)}
.as3d-pmenu{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;padding:7px;border-radius:14px;display:none;z-index:70;
  background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid var(--brd);box-shadow:var(--shadow-sm)}
.as3d-profile:hover .as3d-pmenu,.as3d-profile:focus-within .as3d-pmenu{display:block}
.as3d-pmenu a{display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:700;color:var(--ink-2)}
.as3d-pmenu a:hover{background:rgba(168,85,247,.1);color:var(--violet)}
@media(max-width:620px){.as3d-pname{display:none}.as3d-profile{padding:4px 8px 4px 4px}}

/* ===================== PRICING v2: formats, toggle, chips, info, proof ===================== */
.as3d-formats{display:flex;gap:14px;justify-content:center;margin:4px 0 26px;flex-wrap:wrap}
.as3d-formats .fmt{display:flex;align-items:center;gap:10px;padding:11px 18px;border-radius:30px;font-size:13px;font-weight:700;color:var(--ink-2);
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.3));border:1px solid var(--brd);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.9)}
.as3d-formats .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}
.as3d-formats .ic svg{width:16px;height:16px}
.as3d-formats .ic.wp{background:linear-gradient(160deg,rgba(99,102,241,.2),rgba(99,102,241,.08));color:#6366f1}
.as3d-formats .ic.code{background:linear-gradient(160deg,rgba(168,85,247,.2),rgba(168,85,247,.08));color:#a855f7}
.as3d-formats .ic.ai{background:linear-gradient(160deg,rgba(236,72,153,.2),rgba(236,72,153,.08));color:#ec4899}
.as3d-formats small{display:block;font-size:10.5px;color:var(--muted);font-weight:600}

.as3d-swwrap{display:flex;justify-content:center;margin:0 0 34px}
.as3d-sw{display:inline-flex;gap:4px;padding:6px;border-radius:30px;background:rgba(255,255,255,.6);border:1px solid var(--brd);box-shadow:var(--shadow-sm)}
.as3d-sw button{border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:13.5px;color:var(--muted);padding:11px 24px;border-radius:24px;background:transparent;transition:.2s}
.as3d-sw button.on{background:var(--grad);color:#fff;box-shadow:0 10px 22px -8px rgba(168,85,247,.55)}

.as3d-plans.two{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center}
.as3d-hide{display:none !important}
.as3d-plan .pp s{font-size:19px;color:var(--muted-2);font-weight:700;margin-left:8px}
.as3d-pfmts{display:flex;gap:7px;margin:14px 0 2px;flex-wrap:wrap}
.as3d-chip{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;padding:6px 11px;border-radius:16px;color:var(--ink-2);
  background:rgba(255,255,255,.65);border:1px solid var(--brd)}
.as3d-chip svg{width:12px;height:12px}
.as3d-chip.wp svg{color:#6366f1}.as3d-chip.code svg{color:#a855f7}.as3d-chip.ai svg{color:#ec4899}
.as3d-chip.off{opacity:.38;text-decoration:line-through}
.as3d-psep{height:1px;background:linear-gradient(90deg,transparent,rgba(140,110,200,.25),transparent);margin:14px 0 4px}
.as3d-plan li.dim{color:var(--muted-2);font-weight:500}
.as3d-plan li.dim svg{opacity:.4}
.as3d-plan li b{color:var(--ink)}

.as3d-info{position:relative;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;flex:0 0 auto;margin-left:4px;
  background:rgba(168,85,247,.16);color:var(--violet);font-size:10px;font-weight:800;cursor:pointer;font-style:normal;line-height:1}
.as3d-info .tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);width:238px;display:none;z-index:20;
  background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border:1px solid var(--brd);border-radius:13px;box-shadow:var(--shadow-sm);
  padding:12px 14px;font-size:11.5px;font-weight:600;color:var(--ink-2);line-height:1.55;text-align:left;text-transform:none}
.as3d-info .tip b{display:block;margin-bottom:4px;color:var(--ink)}
.as3d-info .tip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(255,255,255,.97)}
.as3d-info:hover .tip{display:block}

.as3d-proof{display:flex;gap:22px;justify-content:center;align-items:center;margin-top:30px;flex-wrap:wrap}
.as3d-proof .pf{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2);
  padding:10px 18px;border-radius:26px;background:rgba(255,255,255,.55);border:1px solid var(--brd);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.as3d-proof .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:as3d-pulse 1.8s infinite}
.as3d-proof .fire{font-size:15px}
@keyframes as3d-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media(max-width:900px){.as3d-plans.two{grid-template-columns:1fr}}

/* ===================== DEMO LIBRARY GRID (subsite) ===================== */
.asd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.asd-dc{border-radius:20px;padding:2px;background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,.4));border:1px solid var(--brd);box-shadow:var(--shadow);transition:transform .3s}
.asd-dc:hover{transform:translateY(-4px)}
.asd-dimg{position:relative;height:200px;border-radius:18px 18px 10px 10px;overflow:hidden;background-size:cover;background-position:center}
.asd-dimg.has{background-size:cover !important;background-position:center !important}
.asd-g1{background:linear-gradient(150deg,#101c30,#25104a)}.asd-g2{background:linear-gradient(150deg,#f5e8d8,#e0c8f0)}
.asd-g3{background:linear-gradient(150deg,#c026d3,#4c1d95)}.asd-g4{background:linear-gradient(150deg,#0f2027,#2c5364)}
.asd-g5{background:linear-gradient(150deg,#efe9f9,#cbb8ec)}.asd-g6{background:linear-gradient(150deg,#3a1c71,#d76d77)}
.asd-badge{position:absolute;top:12px;left:12px;font-size:10px;font-weight:800;color:#fff;background:var(--grad);padding:5px 11px;border-radius:16px}
.asd-freebadge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;color:#15803d;background:rgba(220,252,231,.95);padding:5px 11px;border-radius:16px}
.asd-dname{position:absolute;left:14px;bottom:12px;color:#fff;font-weight:800;font-size:16px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.asd-dc.light .asd-dname{color:var(--ink);text-shadow:none}
.asd-dbody{padding:12px 12px 14px}
.asd-drow{display:flex;gap:7px;flex-wrap:wrap}
.asd-db{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:800;padding:10px 8px;border-radius:12px;cursor:pointer;border:1px solid var(--brd);background:rgba(255,255,255,.65);color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:.2s}
.asd-db:hover{background:#fff}
.asd-db svg{width:12px;height:12px;flex:0 0 auto}
.asd-db.prev{background:var(--grad);color:#fff;border-color:transparent}
.asd-db.prev:hover{transform:translateY(-1px)}
.asd-db.lock{opacity:.55;background:rgba(240,238,250,.8);cursor:not-allowed}
.asd-unlock{margin-top:9px;display:block;text-align:center;font-size:11px;font-weight:800;color:var(--violet);text-decoration:none;background:rgba(168,85,247,.1);border:1px dashed rgba(168,85,247,.4);padding:9px;border-radius:12px}
.asd-unlock:hover{background:rgba(168,85,247,.16)}
.asd-plancap{margin-top:9px;text-align:center;font-size:10.5px;color:var(--muted-2);font-weight:600}
@media(max-width:980px){.asd-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.asd-grid{grid-template-columns:1fr}}

/* ===== Members-only gate ===== */
.as3d-gatewrap{position:relative}
.as3d-gateblur{filter:blur(16px) saturate(1.05);pointer-events:none;user-select:none;height:100vh;overflow:hidden}
.as3d-gateblur .as3d-preload{display:none}
.as3d-gate{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;
  background:radial-gradient(900px 600px at 50% 30%,rgba(168,85,247,.14),transparent 65%),rgba(38,28,66,.28)}
.as3d-gatecard{max-width:460px;width:100%;text-align:center;padding:44px 38px 36px;border-radius:30px;position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.55));
  backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 40px 90px -30px rgba(70,35,130,.55),inset 0 1px 0 rgba(255,255,255,.95)}
.as3d-gatecard::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(110deg,rgba(255,126,179,.12),rgba(168,85,247,.08) 50%,rgba(99,102,241,.12))}
.as3d-gatecard>*{position:relative;z-index:1}
.as3d-gateicon{width:64px;height:64px;margin:0 auto 20px;border-radius:20px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#ec4899,#a855f7 55%,#6366f1);
  box-shadow:0 18px 36px -12px rgba(168,85,247,.65),inset 0 1px 0 rgba(255,255,255,.5)}
.as3d-gateicon svg{width:28px;height:28px}
.as3d-gatecard h2{font-size:26px;letter-spacing:-.02em;color:var(--ink);margin-bottom:12px}
.as3d-gatecard p{font-size:14.5px;color:var(--muted);font-weight:500;line-height:1.65;margin-bottom:24px}
.as3d-gatecard p b{color:var(--ink-2)}
.as3d-gatebtn{display:inline-flex;width:100%;justify-content:center;padding:15px 20px;font-size:15px;color:#2b2545 !important;
  background:linear-gradient(180deg,#ffffff,#f3edff 60%,#ece4ff) !important;
  border:1px solid rgba(168,85,247,.28) !important;
  box-shadow:0 14px 30px -14px rgba(120,70,190,.45),inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.6) !important;
  transition:.2s}
.as3d-gatebtn:hover{transform:translateY(-2px);box-shadow:0 20px 38px -14px rgba(120,70,190,.55),inset 0 1px 0 #fff !important}
.as3d-gatebtn .ar{color:#7c3aed}
.as3d-gatealt{margin-top:16px;font-size:13px;color:var(--muted);font-weight:600}
.as3d-gatealt a{background:linear-gradient(92deg,#ec4899,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7c3aed;font-weight:800}
@media(max-width:560px){.as3d-gatecard{padding:34px 24px 28px}.as3d-gatecard h2{font-size:22px}}

/* ===== per-format download buttons + plan meter ===== */
.asd-fbrow{display:flex;gap:7px;margin-top:7px}
.asd-fb{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10.5px;font-weight:800;padding:9px 6px;border-radius:11px;
  border:1px solid var(--brd);background:rgba(255,255,255,.65);color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:.2s;cursor:pointer}
.asd-fb svg{width:11px;height:11px;flex:0 0 auto}
.asd-fb.ok{border-color:rgba(168,85,247,.4);background:linear-gradient(180deg,#fff,#f4edff);color:#7c3aed}
.asd-fb.ok:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(124,58,237,.5)}
.asd-fb.credit{border-color:rgba(99,102,241,.35);background:linear-gradient(180deg,#fff,#eef0ff);color:#4f46e5}
.asd-fb.credit:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(79,70,229,.45)}
.asd-fb.lock{color:#a49bc4;background:rgba(255,255,255,.4);cursor:pointer}
.asd-fb.lock:hover{color:#7c3aed;border-color:rgba(168,85,247,.35)}
.asd-meterrow{margin-top:14px}
.asd-meter{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-size:12.5px;font-weight:600;color:var(--muted);
  background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.asd-meter b{font-weight:800;background:linear-gradient(92deg,#ec4899,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.asd-meter i{width:4px;height:4px;border-radius:50%;background:#c6bde4}
@media(max-width:560px){.asd-fbrow{flex-wrap:wrap}.asd-fb{flex:1 1 45%}}