.zenlist-hero{min-height:540px;padding-bottom:3rem;padding-top:6rem;position:relative;z-index:1}.hero-wrapper{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;position:relative;min-height:420px;z-index:2}.hero-wrapper{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;position:relative;min-height:420px;z-index:1}.hero-left{flex:1 1 48%;color:#fff;text-align:left;z-index:2}.hero-right{flex:1 1 48%;position:relative;min-height:420px;z-index:2}.zenlist-hero{width:100%;padding-top:4rem;padding-bottom:4rem;min-height:unset;box-sizing:border-box}@media(max-width:900px){.hero-wrapper{flex-direction:column;align-items:center}.hero-left,.hero-right{flex-basis:100%}.hero-right{min-height:260px;margin-top:2rem}}.zen-feature-row{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}@media(min-width:768px){.zen-feature-row{grid-template-columns:repeat(3,1fr);gap:2rem}}.zen-feature-card{background:#181628d1;border-radius:1.25rem;border:2px solid transparent;background-clip:padding-box,border-box;box-shadow:0 4px 32px #2fc6ff1a,0 0 0 2px #2fc6ff14;position:relative;overflow:hidden;transition:box-shadow .18s,border-color .18s,transform .18s;width:100%;max-width:340px;margin:0 auto}.zen-feature-card.floating{position:absolute;width:280px;margin:0}.zen-feature-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;padding:2px;background:linear-gradient(90deg,#2fe6b6,#2fc6ff 60%,#ff6aa3);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.zen-feature-card .zen-feature-content{position:relative;z-index:1;padding:1.5rem 1.2rem 1.2rem;color:#fff}.zen-feature-card:hover{box-shadow:0 8px 48px #2fc6ff2e,0 0 0 4px #2fc6ff21;transform:translateY(-2px) scale(1.03);border-color:#2fc6ff}.zen-cta-btn{padding:1.1rem 2.2rem;border-radius:999px;background:linear-gradient(90deg,#2fe6b6,#ff6aa3 80%);box-shadow:0 8px 32px #2fc6ff2e,0 0 0 4px #2fc6ff1a;border:none;color:#fff;font-weight:700;font-size:1.18rem;letter-spacing:.01em;transition:box-shadow .18s,transform .18s;display:inline-flex;align-items:center;gap:.5rem}.zen-cta-btn:hover{box-shadow:0 16px 48px #2fc6ff38,0 0 0 6px #2fc6ff21;transform:translateY(-2px) scale(1.03)}.zen-cta-primary{background:linear-gradient(90deg,#29e6a8,#2fc6ff 80%);box-shadow:0 8px 32px #2fc6ff2e,0 0 0 4px #2fc6ff1a;color:#fff;font-weight:700;font-size:1.13rem;letter-spacing:.01em;background-image:linear-gradient(180deg,#ffffff05,#ffffff03),radial-gradient(400px 200px at 10% 15%,rgba(255,255,255,.02),transparent 30%);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border:1px solid transparent;border-image:linear-gradient(90deg,#3fffc91f,#2fc6ff0f) 1;box-shadow:0 22px 48px #02060fa3,0 2px 8px #00000059 inset}.zen-cta-primary .zen-feature-card{background:#181628d1;border-radius:1.25rem;border:2px solid transparent;background-clip:padding-box,border-box;box-shadow:0 4px 32px #2fc6ff1a,0 0 0 2px #2fc6ff14;position:relative;overflow:hidden;transition:box-shadow .18s,border-color .18s,transform .18s}.zen-cta-primary .zen-feature-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;padding:2px;background:linear-gradient(90deg,#2fe6b6,#2fc6ff 60%,#ff6aa3);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.zen-cta-primary .zen-feature-card .zen-feature-content{position:relative;z-index:1;padding:1.5rem 1.2rem 1.2rem;color:#fff}.zen-cta-primary .zen-feature-card:hover{box-shadow:0 8px 48px #2fc6ff2e,0 0 0 4px #2fc6ff21;transform:translateY(-2px) scale(1.03);border-color:#2fc6ff}.card-variant-emerald{background-image:linear-gradient(180deg,#06121499,#ffffff05),radial-gradient(400px 200px at 20% 10%,rgba(47,230,180,.07),transparent 30%);border-image:linear-gradient(90deg,#2fe6b6,#17b890) 1}.card-variant-rose{background-image:linear-gradient(180deg,#1e081499,#ffffff05),radial-gradient(400px 200px at 75% 20%,rgba(255,105,160,.06),transparent 30%);border-image:linear-gradient(90deg,#ff7fb6,#9b3fd6) 1}.card-variant-sky{background-image:linear-gradient(180deg,#06101e9e,#ffffff05),radial-gradient(400px 200px at 85% 70%,rgba(59,130,246,.06),transparent 30%);border-image:linear-gradient(90deg,#3bb0ff,#1d6fff) 1}.feature-card:after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;background:linear-gradient(180deg,#ffffff05,#fff0);mix-blend-mode:overlay}@keyframes floatA{0%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(-8deg)}to{transform:translateY(0) rotate(-8deg)}}@keyframes floatB{0%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-10px) rotate(6deg)}to{transform:translateY(0) rotate(6deg)}}@keyframes floatC{0%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(-3deg)}to{transform:translateY(0) rotate(-3deg)}}.animate-card-1{animation:floatA 5.2s cubic-bezier(.22,.9,.36,1) infinite;transform-origin:left center}.animate-card-2{animation:floatB 4.6s cubic-bezier(.22,.9,.36,1) infinite;transform-origin:center center}.animate-card-3{animation:floatC 5.6s cubic-bezier(.22,.9,.36,1) infinite;transform-origin:left center}.card-1{transform:translate(36px) rotate(-8deg) scale(.98);left:auto;top:12px;right:110px}.card-2{transform:translate(6px) rotate(6deg) scale(1);left:auto;top:110px;right:30px}.card-3{transform:translate(30px) rotate(-3deg) scale(.98);left:auto;top:240px;right:80px}.card-emoji{font-size:1.6rem;margin-bottom:.35rem;display:block}.card-title{font-weight:700;font-size:1.05rem;margin-bottom:.25rem}.card-desc{font-size:.85rem;opacity:.9}.glow-blob{position:absolute;right:-20px;top:20px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,90,150,.12),rgba(110,231,255,.06) 40%,transparent 60%);filter:blur(34px) saturate(120%);pointer-events:none;mix-blend-mode:screen}.zenlist-vignette:before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 600px at 12% 30%,rgba(0,0,0,.6),transparent 20%),linear-gradient(180deg,#04060a26,#00000073);pointer-events:none;z-index:10}.feature-row{display:flex;gap:1rem;margin-top:3rem}.feature-box{flex:1 1 0;padding:1.5rem 1.75rem;border-radius:18px;background-image:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid transparent;border-image:linear-gradient(90deg,#3fffc90f,#2fc6ff0a) 1;box-shadow:0 12px 40px #04060d73}.feature-box.variant-emerald{background-image:linear-gradient(180deg,#06121c80,#ffffff05);border-image:linear-gradient(90deg,#2fe6b6,#17b890) 1}.feature-box.variant-rose{background-image:linear-gradient(180deg,#1e081480,#ffffff05);border-image:linear-gradient(90deg,#ff7fb6,#9b3fd6) 1}.feature-box.variant-sky{background-image:linear-gradient(180deg,#06101e8f,#ffffff05);border-image:linear-gradient(90deg,#3bb0ff,#1d6fff) 1}.feature-box .title{font-weight:700;margin-bottom:.25rem}.feature-box .desc{font-size:.95rem;opacity:.9}.cta-band{margin-top:3rem;border-radius:28px;padding:2.5rem;background:linear-gradient(90deg,#280a5040,#1446642e);border:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between;gap:1rem}.cta-band .cta-title{font-size:1.6rem;font-weight:900}.cta-band .cta-btn{padding:.9rem 1.4rem;border-radius:999px;background:linear-gradient(90deg,#2fe6b6,#ff6aa3);box-shadow:0 18px 48px #2fc6ff1f;border:none;color:#06212a}.cta-primary{background:linear-gradient(90deg,#29e6a8,#2fc6ff);box-shadow:0 18px 48px #2fc6ff24;color:#fff}.cta-secondary{background:transparent;border:1px solid rgba(255,255,255,.12);color:#ffffffe6}@media(max-width:900px){.feature-row{flex-direction:column}.cta-band{flex-direction:column;align-items:center;text-align:center}}@media(max-width:900px){.hero-wrapper{flex-direction:column;align-items:center}.hero-left,.hero-right{flex-basis:100%}.hero-right{min-height:260px;margin-top:2rem}.feature-card{position:relative;transform:none!important;left:auto;top:auto;width:100%}.glow-blob{display:none}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html,body,#root{background:linear-gradient(135deg,#0b0620,#2b0a3a 30%,#4a1f6a 55%,#0b83a6)!important;color-scheme:dark!important}
