.vb{--vb-t:10px;--vb-ry:24deg;--vb-rx:4deg;perspective:1100px;perspective-origin:50% 40%;position:relative}.vb-book{transform-style:preserve-3d;transform:rotateX(var(--vb-rx)) rotateY(var(--vb-ry));transition:transform .7s cubic-bezier(.16,1,.3,1);position:relative}.vb-front{transform:translateZ(var(--vb-t));background:#f4f9fc;border-radius:1px 4px 4px 1px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff59,0 0 0 .5px #0a28502e}.vb-front img{width:100%;height:auto;display:block}.vb-hinge{pointer-events:none;background:linear-gradient(90deg,#00143252 0,#ffffff47 1.4%,#00143229 3%,#ffffff0f 5%,#0000 8%);position:absolute;inset:0}.vb-gloss{pointer-events:none;background:linear-gradient(118deg,#ffffff38 0%,#0000 32% 62%,#ffffff1f 78%,#0000 92%);position:absolute;inset:0}.vb-back{transform:translateZ(calc(var(--vb-t) * -1));background:linear-gradient(160deg,#dcebf6,#b9d3e6);border-radius:1px 4px 4px 1px;position:absolute;inset:0;box-shadow:0 0 0 .5px #0a285033}.vb-spine{top:0;bottom:0;left:calc(var(--vb-t) * -1);width:calc(var(--vb-t) * 2);background:linear-gradient(#0a5fd6 0 7%,#0000 7% 93%,#0a5fd6 93%),linear-gradient(90deg,#a9c7de 0%,#f2f8fc 35%,#e3eef6 70%,#bcd4e6 100%);position:absolute;transform:rotateY(-90deg)}.vb-pages{top:1.2%;bottom:1.2%;left:calc(100% - var(--vb-t) - 1px);width:calc(var(--vb-t) * 2 - 2px);background:repeating-linear-gradient(90deg,#fff 0 1px,#dfe8ef 1px 2px);position:absolute;transform:rotateY(90deg)}.vb-shadow{filter:blur(6px);z-index:-1;background:radial-gradient(50% 50%,#00193c6b,#0000 72%);border-radius:50%;height:12%;position:absolute;bottom:-7%;left:4%;right:-6%}[data-theme=dark] .vb-shadow{background:radial-gradient(50% 50%,#000000a6,#0000 72%)}.vb-hover:hover .vb-book,.vb-hover:focus-visible .vb-book{transform:rotateX(2deg)rotateY(12deg)translateY(-4px)}.vt-pill{--pill:#0a6fd6;--pill-bg:#008cff1a;height:22px;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--pill);background:var(--pill-bg);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:10.5px;font-weight:650;display:inline-flex}.vt-pill[data-cat=ads]{--pill:#5b4bd8;--pill-bg:#6e5aff1c}.vt-pill[data-cat=leads]{--pill:#0b8a78;--pill-bg:#14bea01f}.vt-pill[data-cat=search]{--pill:#138a4f;--pill-bg:#1ebe6e1f}.vt-pill[data-cat=automation]{--pill:#a35f00;--pill-bg:#f5aa3229}.vt-pill[data-cat=conversion]{--pill:#007f9e;--pill-bg:#00c8f01f}.vt-pill[data-cat=brand]{--pill:#b02f78;--pill-bg:#f05aaa1f}[data-theme=dark] .vt-pill{--pill:#5cc8ff;--pill-bg:#00a0ff24}[data-theme=dark] .vt-pill[data-cat=ads]{--pill:#b3a8ff;--pill-bg:#8c78ff29}[data-theme=dark] .vt-pill[data-cat=leads]{--pill:#5fe3cc;--pill-bg:#28d2b421}[data-theme=dark] .vt-pill[data-cat=search]{--pill:#6ee7a7;--pill-bg:#32d28221}[data-theme=dark] .vt-pill[data-cat=automation]{--pill:#fcc66a;--pill-bg:#fab43c24}[data-theme=dark] .vt-pill[data-cat=conversion]{--pill:#6eeaff;--pill-bg:#00dcff1f}[data-theme=dark] .vt-pill[data-cat=brand]{--pill:#f9a8d4;--pill-bg:#f06eb424}.vt-card{border:1px solid var(--line);background:var(--surface-card);border-radius:22px;grid-template-columns:minmax(96px,38%) 1fr;align-items:center;gap:18px;height:100%;padding:18px 18px 18px 14px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .3s;display:grid;position:relative}[data-theme=light] .vt-card{background:linear-gradient(#fff,#f6fbfe);box-shadow:inset 0 1px #ffffffe6,0 22px 44px -34px #0a3c6e59}.vt-card:hover,.vt-card:focus-visible{border-color:#00beff61;transform:translateY(-4px);box-shadow:0 30px 60px -32px #008cdc73}.vt-card-art{background:radial-gradient(80% 70% at 50% 45%,#00b4ff24,#0000 70%);border-radius:14px;padding:10px 6px 14px 14px;position:relative}.vt-cta{height:36px;font-family:var(--font-display);color:#fff;white-space:nowrap;background:linear-gradient(100deg,#0a6fe0,#00a8f0);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:600;transition:box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 10px 24px -12px #0078e6b3}[data-theme=dark] .vt-cta{color:var(--on-accent);background:linear-gradient(100deg,#00b4ff,#00e5ff)}.vt-card:hover .vt-cta{box-shadow:0 14px 30px -12px #00a0ffd9}@media (max-width:420px){.vt-card{grid-template-columns:112px 1fr;gap:14px;padding:14px 14px 14px 10px}}.vt-search{border:1px solid var(--line-strong);background:var(--surface-card);border-radius:999px;align-items:center;height:60px;padding:0 8px 0 20px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}[data-theme=light] .vt-search{background:#fff;box-shadow:0 18px 40px -28px #0a3c6e59}.vt-search:focus-within{border-color:#00b4ff99;box-shadow:0 0 0 4px #00b4ff1f}.vt-search input{min-width:0;height:100%;color:var(--ink);background:0 0;outline:none;flex:1;padding:0 12px;font-size:16px}.vt-search input::placeholder{color:var(--ink-3)}.vt-search input::-webkit-search-cancel-button{display:none}.vt-chip{border:1px solid var(--line);background:var(--surface-card);height:42px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;display:inline-flex}[data-theme=light] .vt-chip{background:#fff;box-shadow:0 10px 24px -20px #0a3c6e66}.vt-chip:hover{border-color:var(--line-strong);color:var(--ink)}.vt-chip svg{color:var(--accent-text)}.vt-chip[aria-pressed=true]{color:#fff;background:linear-gradient(100deg,#0a6fe0,#00a8f0);border-color:#0000;box-shadow:0 12px 26px -14px #0078e6cc}.vt-chip[aria-pressed=true] svg{color:#fff}[data-theme=dark] .vt-chip[aria-pressed=true]{color:var(--on-accent);background:linear-gradient(100deg,#00b4ff,#00e5ff)}[data-theme=dark] .vt-chip[aria-pressed=true] svg{color:var(--on-accent)}.vt-chips{scrollbar-width:none}.vt-chips::-webkit-scrollbar{display:none}.vt-feature{isolation:isolate;color:#f2f7fd;background:radial-gradient(70% 90% at 62% 30%,#0078ff61,#0000 62%),radial-gradient(60% 60% at 10% 100%,#00c8ff1f,#0000 60%),linear-gradient(150deg,#071a3d 0%,#04112b 55%,#030c20 100%);border:1px solid #00beff38;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 50px 100px -50px #00286ebf,inset 0 1px #ffffff14}.vt-feature:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 60% 40%,#000,#0000 80%);mask-image:radial-gradient(80% 80% at 60% 40%,#000,#0000 80%)}.vt-feature .vt-cta{color:#fff;background:linear-gradient(100deg,#0a6fe0,#00b4ff);height:50px;padding:0 24px;font-size:15px;box-shadow:0 16px 36px -14px #0096ffe6,inset 0 1px #ffffff40}.vt-feature .vt-cta:hover{transform:translateY(-1px)}.vt-feature-badge{height:32px;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#8fe3ff;background:#0096ff1f;border:1px solid #00c8ff66;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:11.5px;font-weight:600;display:inline-flex}.vt-feature-title .accent{background:linear-gradient(92deg,#19b8ff,#00e5ff);color:#0000;-webkit-background-clip:text;background-clip:text}.vt-feature-tile{color:#d5e3f3;align-items:center;gap:12px;font-size:13.5px;line-height:1.3;display:flex}.vt-feature-tile>span:first-child{color:#6fd8ff;background:linear-gradient(160deg,#0096ff38,#003c8c2e);border:1px solid #00c8ff47;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #ffffff14}.vt-stage{padding-bottom:15%;position:relative}.vt-stage .vb{z-index:2;--vb-ry:22deg;width:70%;margin:0 auto}.vt-stage .vb-shadow{background:radial-gradient(50% 50%,#0009,#0000 72%);bottom:-5%}.vt-stage-glow{aspect-ratio:1;filter:blur(10px);background:radial-gradient(50% 50%,#00a0ff66,#0000 70%);border-radius:50%;width:90%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.vt-podium{width:100%;height:25%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.vt-podium:before,.vt-podium:after{content:"";border-radius:50%;position:absolute;left:0;right:0}.vt-podium:before{background:linear-gradient(#0b3d8c 0%,#062258 60%,#041838 100%);top:30%;bottom:0;box-shadow:0 30px 60px -20px #0078ff8c}.vt-podium:after{background:radial-gradient(60% 60% at 50% 45%,#8cdcff8c,#0078ff59 55%,#052864f2 100%);height:56%;top:0;box-shadow:0 0 0 1.5px #00dcffd9,0 0 26px 2px #00c8ff8c,inset 0 0 18px #00dcff80}.vt-podium-ring{border:1px solid #00dcff40;border-radius:50%;height:60%;animation:5s ease-in-out infinite vt-ring;position:absolute;top:10%;left:-10%;right:-10%}@keyframes vt-ring{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:.9;transform:scale(1.02)}}.vt-float{animation:8s ease-in-out infinite vt-float}@keyframes vt-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.vt-podium-ring,.vt-float{animation:none!important}.vb-book,.vt-card{transition:none!important}}.vt-title{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;color:var(--ink);font-size:clamp(46px,7vw,104px);font-weight:800;line-height:.92}.vt-enter{animation:.9s cubic-bezier(.16,1,.3,1) .12s both vt-enter}@keyframes vt-enter{0%{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){.vt-enter{animation:none}}@media (max-width:420px){.vt-card .vt-cta{gap:6px;height:34px;padding:0 13px;font-size:13px}}