@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@600;700;800&display=swap');
:root{
  --bg:#050407;--bg2:#08060d;--panel:#0c0a11;--panel2:#11101a;--panel3:#15121f;
  --line:rgba(255,255,255,.085);--line2:rgba(180,112,255,.25);--text:#f8f7fb;--muted:#a9a4b3;
  --purple:#7852ff;--purple2:#a36bff;--purple3:#d8b5ff;--pink:#ff5fd7;--green:#91ff15;--green2:#c8ff64;
  --cyan:#48e7ff;--blue:#5796ff;--danger:#ff5d77;--warning:#ffcf55;--radius:22px;--radius-sm:14px;
  --shadow:0 30px 100px rgba(20,7,57,.5);--shadow2:0 18px 60px rgba(110,69,255,.24);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;min-height:100vh;background:#050407;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 8% 5%,rgba(123,73,255,.17),transparent 27%),radial-gradient(circle at 92% 6%,rgba(46,197,255,.11),transparent 25%),linear-gradient(180deg,#07050b 0%,#050407 40%,#030304 100%)}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 82%)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1200px,calc(100% - 36px));margin:auto;position:relative}.hidden{display:none!important}.muted{color:var(--muted)}.accent{color:var(--green)}.purple{color:var(--purple3)}
.noise{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.promo{height:38px;background:linear-gradient(90deg,#79ff00,#bfff4f 45%,#92ff16);color:#070707;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;letter-spacing:.04em;position:relative;overflow:hidden}.promo::after{content:"";position:absolute;top:-50%;left:-20%;width:35%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:promoShine 5s linear infinite}.promo b{margin-left:9px;padding:4px 7px;border-radius:6px;background:#ff2d95;color:#fff;font-size:10px;box-shadow:0 8px 24px rgba(255,45,149,.35)}.promo .close{position:absolute;right:18px;font-size:20px;cursor:pointer;z-index:2}.navbar{height:74px;position:sticky;top:0;z-index:80;background:rgba(6,5,9,.76);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.navinner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:20px;letter-spacing:-.04em;white-space:nowrap}.brand img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(156,98,255,.65));transition:.35s transform}.brand:hover img{transform:rotate(-8deg) scale(1.09)}.navlinks{display:flex;align-items:center;gap:5px;flex:1}.navlinks a{position:relative;padding:10px 12px 14px;border-radius:10px;color:#bdb8c8;font-weight:600;font-size:14px;transition:color .2s,background .2s,transform .2s}.navlinks a::after{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:2px;border-radius:999px;background:linear-gradient(90deg,#7f52ff,#c57bff);transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .22s}.navlinks a:hover,.navlinks a.active{color:#fff;background:rgba(255,255,255,.055)}.navlinks a:hover::after,.navlinks a.active::after{transform:scaleX(1);opacity:1}.navlinks a:hover{transform:translateY(-1px)}.navactions{display:flex;align-items:center;gap:8px}.btn{border:1px solid transparent;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;min-height:44px;color:#fff;font-weight:800;font-size:14px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.btn svg{width:17px;height:17px}.btn::after{content:"";position:absolute;inset:-2px auto -2px -45%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-17deg);transition:.5s left}.btn:hover::after{left:120%}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#6040ff 0%,#985cff 55%,#bd72ff 100%);border-color:rgba(210,182,255,.34);box-shadow:0 12px 32px rgba(105,64,255,.34),inset 0 1px 0 rgba(255,255,255,.23)}.btn.primary:hover{box-shadow:0 16px 44px rgba(123,74,255,.48),0 0 0 4px rgba(129,82,255,.11)}.btn.ghost{background:rgba(255,255,255,.035);border-color:var(--line);color:#ddd9e6}.btn.ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}.btn.green{background:linear-gradient(135deg,#79e900,#afff32);color:#071000;box-shadow:0 12px 30px rgba(145,255,21,.19)}.btn.danger{background:rgba(255,93,119,.1);border-color:rgba(255,93,119,.22);color:#ff9eae}.btn.sm{padding:8px 12px;min-height:36px;font-size:13px;border-radius:10px}.btn.icon{width:42px;padding:0}.mobile-toggle{display:none;margin-left:auto}
.user-chip{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 6px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:14px;cursor:pointer}.user-avatar{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#794cff,#c479ff);font-weight:900;box-shadow:0 8px 24px rgba(123,76,255,.28)}.user-chip small{display:block;color:var(--muted);font-size:10px}.user-menu-wrap{position:relative}.user-popover{display:none;position:absolute;right:0;top:52px;width:215px;padding:8px;border:1px solid var(--line);background:rgba(12,10,17,.96);backdrop-filter:blur(18px);border-radius:16px;box-shadow:var(--shadow);z-index:100}.user-menu-wrap.open .user-popover{display:block;animation:pop .18s ease}.user-popover a,.user-popover button{width:100%;display:flex;align-items:center;gap:9px;padding:10px;border:0;background:none;color:#ded9e8;border-radius:10px;text-align:left;cursor:pointer}.user-popover a:hover,.user-popover button:hover{background:rgba(255,255,255,.06)}
.hero{min-height:680px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero::before{content:"";position:absolute;width:720px;height:720px;left:-280px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(109,59,255,.2),transparent 67%);filter:blur(12px);animation:floatGlow 8s ease-in-out infinite}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:74px 0}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#ff6ee0}.eyebrow::before,.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}.hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(46px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:20px 0 24px;max-width:770px}.hero h1 .accent{background:linear-gradient(90deg,#91ff15,#c8ff64);-webkit-background-clip:text;color:transparent;text-shadow:0 0 40px rgba(145,255,21,.2)}.hero p{max-width:700px;color:#b0abb9;font-size:16px;line-height:1.72;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:30px}.watch{display:inline-flex;gap:9px;align-items:center;color:#c0bcc8;font-weight:700;font-size:14px}.watch svg{width:18px}.watch:hover{color:#fff}.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.028);color:#c3bfca;font-size:12px}.hero-badge svg{width:14px}.showcase{height:540px;position:relative;perspective:1200px;transform-style:preserve-3d}.showcase::before{content:"";position:absolute;inset:8% -20% -14% 2%;background:radial-gradient(circle,rgba(124,77,255,.28),transparent 62%);filter:blur(34px)}.shot{position:absolute;border-radius:22px;border:1px solid rgba(255,255,255,.14);overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55);background:#101016;transform:rotateY(-5deg) rotateX(2deg);animation:shotFloat 6s ease-in-out infinite}.shot::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.12) 38%,transparent 52%);transform:translateX(-120%);animation:shotShine 7s ease-in-out infinite}.shot.big{left:0;top:18px;width:65%;height:230px}.shot.mid{right:0;top:74px;width:48%;height:190px;animation-delay:-1.1s}.shot.low{left:13%;bottom:30px;width:64%;height:220px;animation-delay:-2.2s}.shot.tall{right:-7%;bottom:4px;width:32%;height:260px;animation-delay:-3.1s}.thumb-sample{height:100%;padding:30px;background:radial-gradient(circle at 75% 30%,rgba(145,255,21,.5),transparent 18%),linear-gradient(135deg,#36166f,#091433 56%,#133f55);display:flex;flex-direction:column;justify-content:end}.thumb-sample .pill{align-self:flex-start;padding:6px 9px;background:#9cff16;color:#071000;border-radius:8px;font-weight:900;font-size:10px}.thumb-sample h3{font-size:30px;line-height:.98;margin:12px 0 0;letter-spacing:-.05em}.search-sample{height:100%;padding:25px;background:linear-gradient(135deg,#f4f2f8,#d7d2e0);color:#15121a}.search-sample strong{font-size:22px}.fake-search{margin-top:42px;border:2px solid #333;border-radius:999px;padding:10px 14px;color:#444}.neon-sample{height:100%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#0d76a4,#071018 58%,#030507);color:white;letter-spacing:.08em}.poster-sample{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#ff3b68,#ff715b 47%,#ffaf45);color:#141414;font-size:46px;font-weight:1000;writing-mode:vertical-rl}.trust{padding:46px 0 20px;background:#020203;border-bottom:1px solid rgba(255,255,255,.05)}.stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:0 auto 42px;gap:20px;text-align:center}.stat strong{font-size:46px;letter-spacing:-.06em}.stat strong i{font-style:normal;color:var(--green)}.stat span{display:block;margin-top:5px;color:#9a96a3;font-size:12px}.creator-row{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.creator-track{display:flex;gap:38px;width:max-content;animation:marquee 27s linear infinite}.creator{display:flex;align-items:center;gap:10px;min-width:155px}.creator .avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4423ff,#d452ff);font-weight:900;border:1px solid rgba(255,255,255,.2)}.creator b{font-size:13px}.creator small{display:block;color:#9994a4;font-size:11px;margin-top:3px}
.section{padding:92px 0}.section.compact{padding:62px 0}.section-head{max-width:790px;margin-bottom:38px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2,.page-hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(36px,4vw,56px);line-height:1.04;letter-spacing:-.052em;margin:14px 0 15px}.section-head p,.page-hero p{color:var(--muted);font-size:16px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border-radius:var(--radius);padding:23px;overflow:hidden;transition:.28s transform,.28s border-color,.28s box-shadow}.card::before{content:"";position:absolute;inset:auto -30% -55% -30%;height:75%;background:radial-gradient(circle,rgba(124,77,255,.13),transparent 60%);opacity:0;transition:.3s}.card:hover{transform:translateY(-6px);border-color:rgba(177,120,255,.3);box-shadow:var(--shadow2)}.card:hover::before{opacity:1}.feature-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(128,78,255,.25),rgba(255,95,215,.12));border:1px solid rgba(171,117,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.feature-icon svg{width:20px;color:#caa4ff}.card h3{font-size:17px;margin:17px 0 8px}.card p{color:#aaa6b2;line-height:1.65;font-size:13px;margin:0}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.template-card{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#0b0910;transition:.25s transform,.25s border-color,.25s box-shadow;position:relative}.template-card:hover{transform:translateY(-5px);border-color:rgba(164,103,255,.35);box-shadow:0 22px 60px rgba(31,13,70,.34)}.template-preview{aspect-ratio:16/9;position:relative;overflow:hidden;padding:18px;display:flex;align-items:end;font-size:24px;font-weight:1000;letter-spacing:-.055em}.template-preview::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.18) 46%,transparent 55%);transform:translateX(-50%) rotate(8deg);transition:.7s}.template-card:hover .template-preview::after{transform:translateX(80%) rotate(8deg)}.t1{background:radial-gradient(circle at 70% 30%,#7cff31 0 8%,transparent 9%),linear-gradient(135deg,#05070b,#2538ee)}.t2{background:linear-gradient(135deg,#49214e,#ff537e)}.t3{background:linear-gradient(135deg,#04080d,#00a9ff)}.t4{background:linear-gradient(135deg,#151515,#7735bd)}.t5{background:linear-gradient(135deg,#301544,#ff8a5c)}.t6{background:linear-gradient(135deg,#06190f,#20e67b)}.t7{background:linear-gradient(135deg,#261000,#ffbc37)}.t8{background:linear-gradient(135deg,#02151f,#0cdef3)}.template-meta{display:flex;justify-content:space-between;gap:10px;padding:13px 14px}.template-meta b{font-size:13px}.tag{font-size:10px;color:#b7b2c2;background:rgba(255,255,255,.055);border:1px solid var(--line);padding:5px 7px;border-radius:8px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filter{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#bdb8c8;padding:9px 12px;border-radius:10px;cursor:pointer;font-weight:700;font-size:12px}.filter.active,.filter:hover{background:rgba(131,80,255,.14);border-color:rgba(170,112,255,.3);color:#fff}.cta{padding:35px 0 100px}.cta-box{padding:65px 30px;text-align:center;border:1px solid rgba(167,111,255,.25);border-radius:30px;background:radial-gradient(circle at 50% -10%,rgba(141,88,255,.3),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 30px 100px rgba(51,22,100,.28);position:relative;overflow:hidden}.cta-box::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-110px;bottom:-130px;background:#83ff19;filter:blur(95px);opacity:.12}.cta-box h2{font-family:Manrope,Inter,sans-serif;font-size:42px;letter-spacing:-.05em;margin:0 0 12px}.cta-box p{color:var(--muted);margin:0 0 26px}.footer{border-top:1px solid var(--line);background:#030304;padding:55px 0 28px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:40px}.footer .desc{max-width:340px;color:#918c9a;line-height:1.7;font-size:13px;margin-top:15px}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7d7887;margin:7px 0 14px}.footer a:not(.brand){display:block;color:#b2adba;font-size:13px;margin:9px 0}.footer a:hover{color:#fff}.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.06);margin-top:38px;padding-top:21px;color:#716d7a;font-size:11px}
.page-hero{padding:82px 0 36px;text-align:center}.page-hero p{max-width:700px;margin:0 auto}.page-hero .kicker{margin:auto}.page-shell{padding-bottom:90px}.surface{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.017));border-radius:22px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:220px}.search-box svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;color:#76717f}.search-box input{width:100%;height:42px;border-radius:12px;border:1px solid var(--line);background:#0b0910;color:#fff;padding:0 14px 0 40px;outline:none}.search-box input:focus{border-color:rgba(152,94,255,.5);box-shadow:0 0 0 3px rgba(124,77,255,.11)}
.motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.motion-card{border:1px solid var(--line);background:#0a080e;border-radius:20px;overflow:hidden}.motion-stage{height:210px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 100%,rgba(124,77,255,.2),transparent 55%),#07060a}.motion-meta{padding:15px}.motion-meta b{display:block;font-size:14px}.motion-meta span{font-size:12px;color:var(--muted)}.anim-title{font-size:34px;font-weight:1000;letter-spacing:-.06em;animation:popTitle 2.2s ease-in-out infinite}.anim-pill{padding:11px 18px;border-radius:999px;background:linear-gradient(135deg,#7147ff,#b66cff);font-weight:900;box-shadow:0 12px 40px rgba(127,72,255,.4);animation:floatPill 2.4s ease-in-out infinite}.anim-rings{width:72px;height:72px;border:2px solid #9e6aff;border-radius:50%;position:relative;animation:ringPulse 1.8s ease-out infinite}.anim-rings::before,.anim-rings::after{content:"";position:absolute;inset:-22px;border:1px solid rgba(158,106,255,.45);border-radius:50%;animation:ringPulse 1.8s .3s ease-out infinite}.anim-rings::after{inset:-44px;animation-delay:.6s}.anim-loader{width:90px;height:7px;border-radius:999px;background:#17131f;overflow:hidden}.anim-loader::after{content:"";display:block;height:100%;width:45%;border-radius:inherit;background:linear-gradient(90deg,#91ff15,#b16fff);animation:loader 1.5s ease-in-out infinite}.anim-bars{display:flex;gap:6px;align-items:end;height:80px}.anim-bars i{width:8px;border-radius:8px;background:linear-gradient(180deg,#b679ff,#623dff);animation:bar 1.2s ease-in-out infinite}.anim-bars i:nth-child(2){animation-delay:-.2s}.anim-bars i:nth-child(3){animation-delay:-.4s}.anim-bars i:nth-child(4){animation-delay:-.6s}.anim-bars i:nth-child(5){animation-delay:-.8s}.anim-orbit{width:120px;height:120px;border:1px solid rgba(255,255,255,.13);border-radius:50%;position:relative;animation:spin 7s linear infinite}.anim-orbit::after{content:"";position:absolute;width:24px;height:24px;border-radius:8px;background:#91ff15;left:50%;top:-12px;box-shadow:0 0 25px rgba(145,255,21,.5)}
.pricing-switch{display:inline-flex;padding:5px;border:1px solid var(--line);background:#09070d;border-radius:13px;margin:25px auto 0}.pricing-switch button{border:0;background:none;color:#8f8998;padding:9px 14px;border-radius:9px;font-weight:800;cursor:pointer}.pricing-switch button.active{background:#171320;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch;margin-top:30px}.price-card{padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.016));position:relative;overflow:hidden}.price-card.popular{border-color:rgba(170,112,255,.38);box-shadow:0 26px 90px rgba(84,38,159,.26);transform:translateY(-7px)}.popular-badge{position:absolute;right:15px;top:15px;padding:6px 8px;border-radius:8px;background:rgba(145,255,21,.11);border:1px solid rgba(145,255,21,.24);color:#baff68;font-size:10px;font-weight:900}.price-card .plan{font-size:13px;color:#c6c1cf;font-weight:800}.price-card .price{font-size:48px;font-weight:1000;letter-spacing:-.065em;margin:14px 0 4px}.price-card .price small{font-size:14px;color:#8d8796;font-weight:700;letter-spacing:0}.price-card .sub{color:#88828f;font-size:12px;min-height:34px}.price-card ul{list-style:none;margin:24px 0;padding:0;display:grid;gap:11px}.price-card li{display:flex;align-items:flex-start;gap:9px;color:#c7c2ce;font-size:13px}.price-card li svg{width:16px;color:#91ff15;flex:0 0 auto}.price-card .btn{width:100%}.compare-table{overflow:auto;margin-top:48px;border:1px solid var(--line);border-radius:20px}.compare-table table{width:100%;border-collapse:collapse;min-width:760px}.compare-table th,.compare-table td{padding:15px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.compare-table th{color:#8f8a97;background:rgba(255,255,255,.02)}.compare-table td:not(:first-child){text-align:center}.compare-table tr:last-child td{border-bottom:0}
.faq-list{max-width:840px;margin:0 auto;display:grid;gap:10px}.faq-item{border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.022);overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 19px;background:none;border:0;color:#fff;text-align:left;font-weight:800;cursor:pointer}.faq-q svg{width:18px;transition:.22s transform}.faq-a{display:grid;grid-template-rows:0fr;transition:.3s grid-template-rows}.faq-a>div{overflow:hidden}.faq-a p{padding:0 19px 18px;margin:0;color:#a9a4b3;line-height:1.7;font-size:13px}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-q svg{transform:rotate(45deg)}
.auth-layout{min-height:calc(100vh - 38px);display:grid;grid-template-columns:1fr 1fr}.auth-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:50px;background:radial-gradient(circle at 50% 45%,rgba(130,77,255,.32),transparent 45%),#07050b}.auth-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at center,#000,transparent 73%)}.auth-art img{width:min(380px,70%);filter:drop-shadow(0 0 58px rgba(127,72,255,.65));animation:leafFloat 5s ease-in-out infinite;position:relative;z-index:2}.auth-art-copy{position:absolute;left:52px;bottom:45px;max-width:440px;z-index:3}.auth-art-copy h2{font-size:38px;letter-spacing:-.055em;margin:0 0 12px}.auth-art-copy p{color:#aaa4b4;line-height:1.7;margin:0}.auth-panel{display:flex;align-items:center;justify-content:center;padding:45px;background:#050407}.auth-card{width:min(440px,100%)}.auth-card .brand{margin-bottom:42px}.auth-card h1{font-size:36px;letter-spacing:-.055em;margin:0 0 8px}.auth-card>p{color:#9c96a4;margin:0 0 28px}.form{display:grid;gap:14px}.field label{display:block;color:#b6b0be;font-size:12px;font-weight:700;margin:0 0 7px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#0c0911;color:#fff;border-radius:12px;min-height:45px;padding:0 13px;outline:none}.field textarea{padding:12px;min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(157,98,255,.5);box-shadow:0 0 0 3px rgba(124,77,255,.11)}.auth-card .btn{width:100%}.auth-note{text-align:center;color:#8f8997;font-size:12px;margin-top:18px}.auth-note a{color:#cba6ff;font-weight:800}.form-error{display:none;border:1px solid rgba(255,93,119,.22);background:rgba(255,93,119,.08);color:#ff9bad;border-radius:11px;padding:10px 12px;font-size:12px}.form-error.show{display:block}.password-row{position:relative}.password-row input{padding-right:45px}.pass-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#928b9a;display:grid;place-items:center;cursor:pointer}.pass-toggle:hover{background:rgba(255,255,255,.05);color:#fff}.checkline{display:flex;align-items:flex-start;gap:9px;color:#948e9c;font-size:12px}.checkline input{margin-top:2px}
.dashboard-grid{display:grid;grid-template-columns:250px 1fr;gap:18px}.dash-sidebar{padding:14px;height:max-content;position:sticky;top:94px}.dash-profile{display:flex;align-items:center;gap:10px;padding:10px}.dash-profile .user-avatar{width:42px;height:42px}.dash-profile b{display:block;font-size:13px}.dash-profile small{color:#8e8896;font-size:11px}.side-links{display:grid;gap:4px;margin-top:12px}.side-links a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:10px;color:#aaa4b2;font-size:13px;font-weight:700}.side-links a svg{width:17px}.side-links a:hover,.side-links a.active{background:rgba(126,78,255,.12);color:#fff}.dash-main{min-width:0}.dash-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.dash-top h1{font-size:34px;letter-spacing:-.05em;margin:0}.dash-top p{color:#8f8997;margin:6px 0 0;font-size:13px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dash-stat{padding:18px}.dash-stat span{color:#8e8995;font-size:11px}.dash-stat strong{display:block;font-size:27px;letter-spacing:-.05em;margin-top:7px}.project-list{margin-top:14px;padding:18px}.project-list h2{font-size:16px;margin:0 0 15px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#09070d}.project-thumb{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#111,#4f27d0);color:white;font-weight:900;font-size:20px}.project-card .meta{padding:12px}.project-card .meta b{font-size:12px}.project-card .meta small{display:block;color:#7f7988;margin-top:4px;font-size:10px}
.docs-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start}.docs-side{position:sticky;top:96px;padding:14px}.docs-side input{width:100%;border:1px solid var(--line);background:#09070d;border-radius:10px;height:38px;padding:0 11px;color:#fff;outline:none}.docs-nav{display:grid;gap:3px;margin-top:12px}.docs-nav a{padding:9px 10px;border-radius:9px;color:#9d97a6;font-size:12px}.docs-nav a:hover,.docs-nav a.active{background:rgba(126,78,255,.1);color:#fff}.docs-main{max-width:820px}.docs-main section{padding:0 0 52px;scroll-margin-top:100px;border-bottom:1px solid var(--line);margin-bottom:45px}.docs-main section:last-child{border:0}.docs-main h1{font-size:44px;letter-spacing:-.055em;margin:0 0 12px}.docs-main h2{font-size:27px;letter-spacing:-.04em;margin:0 0 14px}.docs-main h3{font-size:16px;margin:25px 0 9px}.docs-main p,.docs-main li{color:#aaa4b2;line-height:1.75;font-size:13px}.docs-main code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:2px 6px;border-radius:6px;background:#14101c;color:#d7bfff}.codeblock{position:relative;background:#08070a;border:1px solid var(--line);border-radius:15px;padding:16px;overflow:auto;color:#cfc8d8;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.callout{display:flex;gap:11px;padding:14px;border:1px solid rgba(132,255,21,.17);background:rgba(132,255,21,.05);border-radius:14px;color:#bac5ae;font-size:12px;line-height:1.6}.callout svg{width:18px;flex:0 0 auto;color:#91ff15}
.legal{max-width:860px;margin:auto}.legal .legal-meta{color:#7f7988;font-size:12px;margin-bottom:30px}.legal .legal-toc{padding:20px;margin-bottom:35px}.legal .legal-toc strong{font-size:13px}.legal .legal-toc ol{columns:2;margin:13px 0 0;padding-left:20px}.legal .legal-toc a{color:#b9b3c1;font-size:12px}.legal section{padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid var(--line);scroll-margin-top:100px}.legal h2{font-size:22px;letter-spacing:-.035em;margin:0 0 12px}.legal h3{font-size:15px;margin:22px 0 7px}.legal p,.legal li{color:#aaa4b1;font-size:13px;line-height:1.78}.legal strong{color:#e8e4eb}.legal a{color:#c8a3ff;text-decoration:underline;text-underline-offset:3px}
.notfound{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:50px 20px;position:relative;overflow:hidden}.nf-wrap{text-align:center;position:relative;z-index:2}.nf-code{font-size:clamp(110px,20vw,260px);line-height:.76;font-weight:1000;letter-spacing:-.1em;background:linear-gradient(180deg,#fff,#7c55ff 70%);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 20px 55px rgba(123,72,255,.25));animation:nfPulse 3.5s ease-in-out infinite}.nf-leaf{position:absolute;width:140px;left:50%;top:50%;transform:translate(-50%,-65%);filter:drop-shadow(0 0 35px rgba(154,94,255,.65));animation:nfLeaf 5s ease-in-out infinite}.notfound h1{font-size:32px;letter-spacing:-.045em;margin:32px 0 8px}.notfound p{color:#9f99a7;max-width:530px;margin:0 auto 24px;line-height:1.65}.nf-orbit{position:absolute;left:50%;top:42%;width:560px;height:560px;border:1px solid rgba(156,99,255,.16);border-radius:50%;transform:translate(-50%,-50%);animation:spin 20s linear infinite}.nf-orbit::after,.nf-orbit::before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#91ff15;box-shadow:0 0 25px rgba(145,255,21,.7)}.nf-orbit::before{left:12%;top:14%}.nf-orbit::after{right:4%;bottom:25%;background:#c17bff;box-shadow:0 0 25px rgba(193,123,255,.7)}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:9999;background:#14101b;border:1px solid var(--line);box-shadow:0 16px 50px rgba(0,0,0,.45);padding:11px 14px;border-radius:12px;font-size:12px;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(22px);transition:.7s opacity,.7s transform}.reveal.in{opacity:1;transform:none}
@keyframes promoShine{0%{left:-30%}55%,100%{left:120%}}@keyframes floatGlow{50%{transform:translate(40px,25px) scale(1.08)}}@keyframes shotFloat{50%{transform:translateY(-12px) rotateY(-2deg) rotateX(0)}}@keyframes shotShine{0%,65%{transform:translateX(-120%)}80%,100%{transform:translateX(140%)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes popTitle{0%,100%{transform:scale(.9);opacity:.65;filter:blur(2px)}50%{transform:scale(1.08);opacity:1;filter:none}}@keyframes floatPill{50%{transform:translateY(-15px) rotate(-2deg)}}@keyframes ringPulse{0%{transform:scale(.65);opacity:0}35%{opacity:1}100%{transform:scale(1.05);opacity:0}}@keyframes loader{0%{transform:translateX(-110%)}50%{transform:translateX(90%)}100%{transform:translateX(220%)}}@keyframes bar{0%,100%{height:20px}50%{height:78px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes leafFloat{50%{transform:translateY(-18px) rotate(2deg);filter:drop-shadow(0 0 80px rgba(127,72,255,.8))}}@keyframes nfPulse{50%{filter:drop-shadow(0 25px 80px rgba(123,72,255,.42))}}@keyframes nfLeaf{50%{transform:translate(-50%,-70%) rotate(9deg) scale(1.06)}}
@media(max-width:980px){.navlinks{display:none}.mobile-toggle{display:inline-flex}.navactions>.btn.ghost{display:none}.hero-grid{grid-template-columns:1fr}.hero{min-height:auto}.showcase{height:470px}.feature-grid,.motion-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:nth-child(n+4){margin-top:8px}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.dashboard-grid,.docs-layout{grid-template-columns:1fr}.dash-sidebar,.docs-side{position:static}.dash-sidebar{display:none}.dash-stats{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.wrap{width:min(100% - 24px,1200px)}.promo{font-size:10px;padding-right:35px}.navbar{height:66px}.brand{font-size:18px}.brand img{width:27px;height:27px}.navactions .btn.primary{padding:9px 11px;min-height:38px}.navactions .btn.primary span{display:none}.hero-grid{padding:55px 0}.hero h1{font-size:43px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-badges{display:none}.showcase{height:390px;margin-top:8px}.shot.big{width:78%;height:170px}.shot.mid{width:58%;height:150px}.shot.low{width:76%;height:175px}.shot.tall{display:none}.thumb-sample h3{font-size:23px}.stats{grid-template-columns:1fr;gap:16px}.stat strong{font-size:38px}.section{padding:65px 0}.feature-grid,.motion-grid,.pricing-grid,.template-grid{grid-template-columns:1fr}.price-card.popular{transform:none}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{flex-direction:column}.page-hero{padding:62px 0 28px}.page-hero h1{font-size:42px}.auth-panel{padding:28px 20px}.auth-card .brand{margin-bottom:30px}.dash-stats{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}.dash-top{align-items:flex-start;flex-direction:column}.docs-main h1{font-size:36px}.legal .legal-toc ol{columns:1}.nf-orbit{width:360px;height:360px}.nf-leaf{width:92px}}


/* --- V4 polish / image-driven upgrades --- */
.hero-upgraded::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(148,102,255,.18),transparent 30%),radial-gradient(circle at 85% 18%,rgba(114,69,255,.16),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 35%);pointer-events:none}
.showcase-upgraded{gap:16px}
.image-card{overflow:hidden;background:rgba(10,8,15,.9)!important;padding:10px}.showcase-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px;filter:saturate(1.04) drop-shadow(0 10px 36px rgba(110,68,255,.18));transition:transform .65s ease, filter .65s ease}.showcase-img.contain{object-fit:contain;background:radial-gradient(circle at 30% 20%,rgba(255,193,95,.16),transparent 20%),#0a0811;padding:10px}.image-card:hover .showcase-img{transform:scale(1.04);filter:saturate(1.08) drop-shadow(0 18px 46px rgba(110,68,255,.3))}
.live-card{display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(16,11,30,.98),rgba(39,20,88,.88));border:1px solid rgba(158,110,255,.22)}
.live-card::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 120deg,transparent,rgba(165,116,255,.18),transparent,rgba(130,255,36,.08),transparent);animation:spin 12s linear infinite}.live-card-inner{position:relative;z-index:1;padding:28px;text-align:left;width:100%}.mini-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#d7c0ff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:8px 10px;border-radius:999px}.live-card h3{font-size:32px;line-height:1.05;letter-spacing:-.05em;margin:18px 0 18px}.live-bars{display:flex;align-items:end;gap:10px;height:80px}.live-bars i{display:block;flex:1;background:linear-gradient(180deg,#e6d7ff,#8fff1d);border-radius:999px;animation:bar 2.4s ease-in-out infinite}.live-bars i:nth-child(2){animation-delay:.18s}.live-bars i:nth-child(3){animation-delay:.34s}.live-bars i:nth-child(4){animation-delay:.51s}
.image-cta{display:inline-flex;align-items:center;justify-content:center;position:relative;filter:drop-shadow(0 16px 40px rgba(120,68,255,.42));transition:transform .28s ease,filter .28s ease}.image-cta img{display:block;width:min(330px,92vw);height:auto}.image-cta:hover{transform:translateY(-3px) scale(1.02);filter:drop-shadow(0 22px 55px rgba(120,68,255,.58))}.image-cta:active{transform:translateY(0) scale(.99)}.image-cta::after{content:"";position:absolute;inset:20% 16%;border-radius:999px;box-shadow:0 0 52px rgba(128,78,255,.5);opacity:.65;z-index:-1}.pulse{animation:ctaPulse 3s ease-in-out infinite}.image-cta-center{justify-content:center;margin-inline:auto}.image-cta-auth img{width:min(290px,100%)}.image-cta-pricing img{width:min(300px,100%)}
.nav-image-cta{display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 28px rgba(120,68,255,.35));transition:transform .25s ease}.nav-image-cta img{width:168px;max-width:27vw;display:block}.nav-image-cta:hover{transform:translateY(-2px) scale(1.02)}
.modern-watch{position:relative;overflow:hidden}.modern-watch::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translateX(-130%);animation:watchSweep 4s ease-in-out infinite}
.auth-layout-upgraded{background:radial-gradient(circle at 20% 20%,rgba(129,79,255,.12),transparent 28%),radial-gradient(circle at 78% 10%,rgba(255,255,255,.08),transparent 18%),#07060a}
.auth-illustrated{position:relative;display:flex;flex-direction:column;justify-content:center;padding:52px;overflow:hidden}
.auth-hero-board{position:relative;z-index:2;width:min(680px,100%);padding:22px;border-radius:34px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,15,29,.82),rgba(8,7,14,.95));box-shadow:0 28px 90px rgba(0,0,0,.48),0 0 0 1px rgba(129,77,255,.08) inset}
.auth-hero-image{width:100%;display:block;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.auth-wordmark img{display:block;width:min(360px,100%);margin-bottom:20px;filter:drop-shadow(0 10px 26px rgba(115,67,255,.35))}
.auth-card-plus{backdrop-filter:blur(16px);background:linear-gradient(180deg,rgba(18,15,27,.82),rgba(10,9,16,.96));box-shadow:0 30px 80px rgba(0,0,0,.38),0 0 0 1px rgba(153,107,255,.1) inset}
.auth-card-head{margin-bottom:18px}.mini-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(146,255,25,.08);border:1px solid rgba(146,255,25,.12);color:#cbf5a8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.mini-pill svg{width:14px}.btn-wide-glow{box-shadow:0 12px 34px rgba(128,72,255,.32),0 0 0 1px rgba(255,255,255,.05) inset}.btn-wide-glow:hover{box-shadow:0 18px 50px rgba(128,72,255,.42),0 0 0 1px rgba(255,255,255,.05) inset}
.auth-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.auth-benefits span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-size:12px;color:#ece8f3}.auth-benefits svg{width:14px;color:#91ff15}
.floating-chip{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:16px;background:rgba(10,10,15,.82);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.35);font-size:12px;font-weight:700;color:#f5f1ff;backdrop-filter:blur(12px);z-index:4;animation:floatChip 5.5s ease-in-out infinite}.floating-chip svg{width:15px;color:#91ff15}.chip-a{left:-18px;top:24px}.chip-b{right:-10px;top:44%}.chip-c{left:14%;bottom:-18px}.chip-b{animation-delay:.5s}.chip-c{animation-delay:1s}
.auth-orb{position:absolute;border-radius:50%;filter:blur(14px);opacity:.65;pointer-events:none}.auth-orb-a{width:340px;height:340px;background:radial-gradient(circle,#8e59ff,transparent 68%);left:-80px;top:-40px;animation:floatGlow 8s ease-in-out infinite}.auth-orb-b{width:280px;height:280px;background:radial-gradient(circle,#6cff6b,transparent 72%);right:-100px;bottom:30px;animation:floatGlow 10s ease-in-out infinite reverse}
.auth-sep{display:flex;align-items:center;gap:12px;color:#817b8a;font-size:12px;margin:16px 0}.auth-sep::before,.auth-sep::after{content:"";height:1px;background:var(--line);flex:1}
.pricing-hero-visual{margin-top:22px;display:flex;justify-content:center}.pricing-hero-visual img{width:min(720px,100%);display:block;border-radius:30px;box-shadow:0 18px 70px rgba(94,51,255,.22);border:1px solid rgba(255,255,255,.08)}
@keyframes ctaPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.015)}}
@keyframes watchSweep{0%,100%{transform:translateX(-130%)}50%{transform:translateX(130%)}}
@keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:980px){.nav-image-cta img{width:148px}.auth-illustrated{padding:30px 20px 14px}.auth-hero-board{width:100%}.chip-a,.chip-b,.chip-c{transform:scale(.9)}.showcase-upgraded{height:530px}}
@media(max-width:640px){.nav-image-cta img{width:132px}.image-cta img{width:min(260px,92vw)}.auth-benefits{gap:8px}.auth-benefits span{font-size:11px;padding:8px 10px}.floating-chip{display:none}.auth-wordmark img{width:min(280px,100%)}.pricing-hero-visual img{border-radius:22px}}


/* --- Loaf v4 enhancements --- */
.glow-cta{position:relative;display:inline-flex;isolation:isolate}.glow-cta::before{content:"";position:absolute;inset:-10px;border-radius:999px;background:radial-gradient(circle,rgba(137,88,255,.4),transparent 60%);filter:blur(14px);opacity:.8;z-index:-1;transition:.35s}.glow-cta:hover::before{inset:-8px;opacity:1;filter:blur(18px)}
.hero-ultra{position:relative}.hero-ultra::after{content:"";position:absolute;right:-10%;top:-40px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(120,82,255,.18),transparent 70%);filter:blur(10px);pointer-events:none}.hero-mini-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-mini-metrics>div{min-width:120px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px rgba(0,0,0,.18)}.hero-mini-metrics strong{display:block;font-size:22px}.hero-mini-metrics span{color:var(--muted);font-size:12px}
.showcase-ultra .shot{overflow:hidden}.hero-banner-card,.editor-card{position:relative}.hero-banner-card::after,.editor-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,6,11,.12));pointer-events:none}.hero-banner-card-alt{transform:translateY(6px)}.live-card-pro .live-card-inner p{margin:12px 0 0;color:#d4d0dc;font-size:13px;line-height:1.45}
.cta-box-rich{position:relative;overflow:hidden}.cta-box-rich::before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(121,80,255,.28),rgba(145,255,21,.12),rgba(121,80,255,.18));opacity:.75;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;-webkit-mask-composite:xor;mask-composite:exclude}
.auth-layout-premium{background:radial-gradient(circle at 14% 0%,rgba(117,71,255,.16),transparent 26%),radial-gradient(circle at 100% 100%,rgba(145,255,21,.08),transparent 28%),#050407}.auth-illustrated-rich{position:relative;overflow:hidden}.auth-hero-board-rich{padding:22px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.35)}.auth-hero-image-rich{border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.38);background:linear-gradient(180deg,#140f22,#0b0a10)}.auth-art-copy-rich h2{max-width:14ch}.auth-art-copy-rich p{max-width:55ch}.auth-panel-rich{display:flex;align-items:center;justify-content:center}.auth-card-ultra{position:relative;overflow:hidden}.auth-card-ultra::before{content:"";position:absolute;inset:-35% 35% auto -20%;height:240px;background:radial-gradient(circle,rgba(151,119,255,.18),transparent 62%);pointer-events:none}.auth-mini-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.auth-mini-links a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;text-decoration:none;color:#f2eef8;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.auth-mini-links a:hover{background:rgba(255,255,255,.08)}.auth-lines{position:absolute;inset:0;background:linear-gradient(transparent 97%,rgba(255,255,255,.04) 100%),linear-gradient(90deg,transparent 97%,rgba(255,255,255,.04) 100%);background-size:100% 58px,58px 100%;mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 95%);pointer-events:none;opacity:.4}
.dashboard-shell-rich{padding-top:34px}.dashboard-grid-rich{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.dash-sidebar-rich{position:sticky;top:100px;height:max-content;padding:18px}.sidebar-brand-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);margin-bottom:14px}.sidebar-brand-card img{width:40px;height:40px}.sidebar-brand-card small{display:block;color:var(--muted);margin-top:2px}.dash-plan-badge{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(145,255,21,.08);border:1px solid rgba(145,255,21,.14);color:#ecffd2;margin:14px 0}.dash-plan-badge svg{width:16px;color:var(--green)}.sidebar-tip{display:flex;gap:10px;padding:14px;border-radius:16px;margin-top:18px;background:rgba(120,82,255,.08);border:1px solid rgba(120,82,255,.14);color:#ece5ff;font-size:13px;line-height:1.5}.sidebar-tip svg{width:16px;color:#b58bff;flex:none;margin-top:2px}
.dash-main-rich{display:grid;gap:20px}.dash-hero-banner{display:grid;grid-template-columns:1.2fr .9fr;align-items:center;gap:20px;padding:22px;border-radius:28px;background:radial-gradient(circle at 0% 0%,rgba(126,82,255,.18),transparent 30%),linear-gradient(180deg,rgba(17,14,26,.94),rgba(10,9,16,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 80px rgba(0,0,0,.25)}.dash-hero-copy h1{margin:8px 0 10px;font-size:clamp(30px,4vw,48px);line-height:1.03}.dash-hero-copy p{color:var(--muted);max-width:60ch}.dash-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.dash-hero-visual{display:flex;justify-content:flex-end}.dash-hero-visual img{width:min(100%,500px);display:block;border-radius:28px;box-shadow:0 20px 60px rgba(111,70,255,.22)}
.dash-stats-rich{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dash-stat.glow{position:relative;overflow:hidden}.dash-stat.glow::after{content:"";position:absolute;right:-15px;top:-18px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(137,88,255,.18),transparent 65%);pointer-events:none}.dash-stat small{display:block;margin-top:8px;color:var(--muted);font-size:12px}
.dash-columns{display:grid;grid-template-columns:1.3fr .9fr;gap:18px}.dash-columns.second{grid-template-columns:1fr 1fr}.project-list-rich,.getting-started,.account-card,.dash-note-card{padding:18px;border-radius:24px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-row h2{margin:0;font-size:20px}.section-row a{text-decoration:none;color:#d4bcff}.muted-pill{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:12px}
.quick-steps{display:grid;gap:12px;margin-bottom:16px}.quick-steps>div{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.quick-steps svg{width:18px;color:#b58bff;flex:none;margin-top:2px}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-actions-grid a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);color:#f5f0ff}.quick-actions-grid a:hover{transform:translateY(-2px)}.quick-actions-grid svg{width:18px;color:#92ff1b}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-grid>div{padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.account-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.callout-strong{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
@media(max-width:1100px){.dash-hero-banner,.dash-columns,.dash-columns.second,.dashboard-grid-rich,.dash-stats-rich{grid-template-columns:1fr}.dash-hero-visual{justify-content:flex-start}.dash-sidebar-rich{position:relative;top:auto}}
@media(max-width:760px){.hero-mini-metrics{gap:10px}.hero-mini-metrics>div{min-width:calc(50% - 6px)}.auth-layout-premium{display:block}.dash-stats-rich,.account-grid,.quick-actions-grid{grid-template-columns:1fr}.dash-hero-banner{padding:18px}.section-row{align-items:flex-start;flex-direction:column}.dashboard-shell-rich{padding-top:22px}}

/* V5 auth + 404 cleanup */
.auth-layout-clean{grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)}.auth-clean-left{padding:34px 34px 24px}.auth-showcase-flat{padding:18px}.auth-showcase-flat .auth-hero-image{border-radius:24px}.auth-card-clean{width:min(100%,430px)}.auth-mini-links-block{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-mini-links-block a{justify-content:center}.notfound-simple{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(136,89,255,.18),transparent 30%),#050407}.nf-brand{position:absolute;top:28px;left:28px}.nf-glow{position:absolute;inset:auto 50% 18% auto;width:340px;height:340px;transform:translateX(50%);border-radius:50%;background:radial-gradient(circle,rgba(126,82,255,.28),transparent 65%);filter:blur(20px);pointer-events:none}.notfound-simple .nf-code{font-size:clamp(150px,28vw,340px);letter-spacing:-.12em}.nf-home-btn{padding:15px 22px;box-shadow:0 16px 45px rgba(122,79,255,.3);animation:ctaPulse 3s ease-in-out infinite}@media(max-width:980px){.auth-layout-clean{grid-template-columns:1fr}.auth-clean-left{padding-bottom:10px}.auth-card-clean{width:100%}}@media(max-width:640px){.auth-mini-links-block{grid-template-columns:1fr}.nf-brand{left:16px;top:16px}}

/* V6 auth / templates / pricing polish */
.auth-v6-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);background:radial-gradient(circle at 10% 10%,rgba(115,73,255,.18),transparent 28%),radial-gradient(circle at 100% 100%,rgba(81,255,142,.08),transparent 24%),#050407}.auth-v6-panel{position:relative;padding:34px 34px 28px}.auth-v6-showcase{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-v6-brand{margin-bottom:18px}.auth-v6-copy{max-width:620px}.auth-v6-copy h1{font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.07em;margin:16px 0 14px}.auth-v6-copy p{margin:0;color:#aba5b4;font-size:16px;line-height:1.7;max-width:54ch}.auth-v6-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.auth-v6-points span,.pricing-hero-pills span,.template-benefits span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:12px;color:#f0ebf8}.auth-v6-points svg,.pricing-hero-pills svg,.template-benefits svg{width:14px;color:#91ff15}.auth-v6-visual-card{position:relative;margin-top:28px;padding:18px;border-radius:34px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 28px 90px rgba(0,0,0,.42);overflow:hidden}.auth-v6-visual-card img{width:100%;display:block;border-radius:26px;position:relative;z-index:2;filter:drop-shadow(0 22px 48px rgba(0,0,0,.4))}.auth-v6-visual-glow{position:absolute;right:-40px;bottom:-30px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(79,255,107,.22),transparent 65%);filter:blur(8px)}.auth-v6-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.auth-v6-stats>div{padding:16px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.auth-v6-stats strong{display:block;font-size:24px;letter-spacing:-.05em}.auth-v6-stats span{display:block;margin-top:6px;color:#9f99a9;font-size:12px;line-height:1.5}.auth-v6-formside{display:flex;align-items:center;justify-content:center}.auth-v6-formcard{width:min(100%,470px);padding:28px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px rgba(0,0,0,.36);backdrop-filter:blur(16px)}.auth-v6-formcard h2{font-size:44px;letter-spacing:-.06em;margin:16px 0 10px}.auth-v6-sub{margin:0 0 20px;color:#a29bac;font-size:15px;line-height:1.7}.auth-v6-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.auth-v6-links a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 14px;border-radius:16px;text-decoration:none;color:#f3edf8;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.auth-v6-links a:hover{transform:translateY(-2px);background:rgba(255,255,255,.06)}.mini-pill.success{background:rgba(145,255,21,.09);border-color:rgba(145,255,21,.18);color:#dbffae}.page-hero-templates-v6 .template-hero-board{margin:26px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:900px}.template-hero-mini{min-height:160px;border-radius:24px;padding:22px;display:flex;align-items:flex-end;justify-content:flex-start;font-weight:1000;letter-spacing:-.06em;font-size:30px;line-height:.94;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.26)}.templates-toolbar-v6{padding:18px}.template-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.template-grid-v6{grid-template-columns:repeat(4,1fr);gap:16px}.template-card-v6{border-radius:22px}.template-card-v6 .template-preview{padding:16px}.template-card-v6 .template-preview span{white-space:pre-line}.template-card-v6 .template-preview{display:flex;flex-direction:column;justify-content:space-between}.template-overlay{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:10px;color:#f4f0ff;font-size:12px;opacity:0;transform:translateY(8px);transition:.25s}.template-overlay small{color:#dbd4e7}.template-card-v6:hover .template-overlay{opacity:1;transform:translateY(0)}.template-card-v6 .template-meta{align-items:center}.template-card-v6 .template-meta div{display:grid;gap:3px}.template-card-v6 .template-meta small{color:#978fa4;font-size:11px}.pricing-hero-v6 .pricing-hero-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}.pricing-grid-v6{margin-top:20px}.pricing-grid-v6 .price-card{padding:28px 26px 26px;transition:transform .25s,border-color .25s,box-shadow .25s}.pricing-grid-v6 .price-card:hover{transform:translateY(-6px);border-color:rgba(173,116,255,.32);box-shadow:0 24px 80px rgba(69,27,136,.18)}.pricing-grid-v6 .price-card.popular{background:radial-gradient(circle at 50% -20%,rgba(120,79,255,.22),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));transform:none}.btn-pro-cta{box-shadow:0 16px 40px rgba(116,74,255,.32)}.pricing-strip-v6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 20px;margin-top:22px}.pricing-strip-v6>div{padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.pricing-strip-v6 strong{display:block;font-size:15px;margin-bottom:6px}.pricing-strip-v6 span{display:block;color:#a29cac;font-size:13px;line-height:1.6}.price-card .price{display:flex;align-items:flex-end;gap:2px}.price-card .price span{display:inline-block}.tool-panel .preset-grid-rich{grid-template-columns:1fr 1fr}@media(max-width:1180px){.auth-v6-shell{grid-template-columns:1fr}.auth-v6-showcase{padding-bottom:0}.auth-v6-formside{padding-top:0}.template-grid-v6{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.page-hero-templates-v6 .template-hero-board,.pricing-strip-v6,.auth-v6-stats{grid-template-columns:1fr}.auth-v6-copy h1{font-size:48px}.auth-v6-showcase{display:none}.auth-v6-formside{min-height:100vh}.template-grid-v6{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.auth-v6-panel{padding:18px}.auth-v6-formcard{padding:22px;border-radius:24px}.auth-v6-formcard h2{font-size:36px}.auth-v6-links{grid-template-columns:1fr}.template-grid-v6{grid-template-columns:1fr}.page-hero-templates-v6 .template-hero-board{grid-template-columns:1fr}.template-hero-mini{min-height:120px;font-size:24px}.pricing-strip-v6{grid-template-columns:1fr}}

/* V7 dashboard refinement + auth reveal fix support */
.dashboard-v7-shell{padding-top:34px}.dashboard-v7-main{display:grid;gap:20px}.dashboard-v7-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center;padding:24px 24px 18px;border-radius:30px;background:radial-gradient(circle at 0% 0%,rgba(132,85,255,.18),transparent 26%),radial-gradient(circle at 100% 0%,rgba(0,174,255,.08),transparent 22%),linear-gradient(180deg,rgba(17,14,26,.95),rgba(9,8,15,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 90px rgba(0,0,0,.24)}.dashboard-v7-hero-copy h1{margin:8px 0 12px;font-size:clamp(38px,5vw,68px);line-height:.96;letter-spacing:-.07em;max-width:11ch}.dashboard-v7-hero-copy p{color:var(--muted);font-size:15px;line-height:1.7;max-width:58ch}.dashboard-v7-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.dashboard-v7-hero-media{padding:14px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 70px rgba(0,0,0,.32)}.dashboard-v7-hero-media img{width:100%;display:block;border-radius:22px}.dashboard-v7-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-v7-stat{padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.08)}.dashboard-v7-stat span{display:block;color:#918c9a;font-size:13px;margin-bottom:8px}.dashboard-v7-stat strong{display:block;font-size:52px;line-height:.95;letter-spacing:-.07em}.dashboard-v7-stat small{display:block;color:#9f99a7;font-size:13px;line-height:1.6;margin-top:8px}.dashboard-v7-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:20px}.dashboard-v7-card{padding:18px;border-radius:26px}.dashboard-v7-steps{display:grid;gap:12px;margin-bottom:16px}.dashboard-v7-steps>div{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.dashboard-v7-steps svg,.dashboard-v7-note svg{width:18px;color:#b58bff;flex:none;margin-top:3px}.dashboard-v7-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-v7-actions-grid a{display:flex;align-items:center;gap:10px;padding:14px;border-radius:18px;text-decoration:none;color:#f4effa;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.08)}.dashboard-v7-actions-grid a:hover{transform:translateY(-2px)}.dashboard-v7-actions-grid svg{width:18px;color:#91ff15}.dashboard-v7-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-v7-account>div{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.dashboard-v7-account span{display:block;color:#9c96a5;font-size:12px;margin-bottom:6px}.dashboard-v7-note{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#eae4f4;line-height:1.65}.dashboard-v7-grid-bottom{grid-template-columns:1fr 1fr}.dashboard-v7-card .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-v7-card .project-card{min-height:164px}.dashboard-v7-card .project-thumb{min-height:86px}.dashboard-v7-card .meta small{line-height:1.5}.dashboard-v7-shell .section-row a{text-decoration:none;color:#ccb5ff;font-weight:700}@media(max-width:1100px){.dashboard-v7-hero,.dashboard-v7-grid,.dashboard-v7-grid-bottom,.dashboard-v7-stats{grid-template-columns:1fr}}@media(max-width:760px){.dashboard-v7-hero-copy h1{font-size:46px}.dashboard-v7-actions,.dashboard-v7-actions-grid,.dashboard-v7-account{grid-template-columns:1fr}.dashboard-v7-actions{flex-direction:column}.dashboard-v7-actions .btn{width:100%}.dashboard-v7-card .projects-grid,.dashboard-v7-actions-grid,.dashboard-v7-account{grid-template-columns:1fr}}

/* V8 homepage hero + dark auth redesign */
.showcase-html-minis{height:690px;position:relative}.mini-scene{position:relative;height:100%;border-radius:42px;background:radial-gradient(circle at 50% 50%,rgba(126,82,255,.16),transparent 26%),linear-gradient(180deg,rgba(14,12,21,.98),rgba(7,7,12,.98));border:1px solid rgba(255,255,255,.06);overflow:hidden}.mini-thumb-card,.mini-note-card,.mini-editor-card{position:absolute;text-decoration:none;color:#fff;border-radius:26px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(0,0,0,.3);overflow:hidden}.mini-thumb-card{padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.mini-chip,.mini-label{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#eae2ff}.thumb-loaf{left:92px;top:70px;width:370px;height:188px;background:radial-gradient(circle at 0% 100%,rgba(117,59,255,.28),transparent 36%),linear-gradient(180deg,#140f22,#090913)}.thumb-loaf .mini-thumb-content{position:absolute;inset:0;padding:26px;display:flex;align-items:center;gap:16px}.leaf-mark{width:78px;height:118px;border-radius:50% 50% 50% 50%/65% 65% 35% 35%;background:linear-gradient(180deg,#d8b4ff,#5a2fff);box-shadow:0 0 30px rgba(141,88,255,.6);transform:rotate(16deg);position:relative}.leaf-mark:before{content:'';position:absolute;inset:12px 22px 12px 18px;border-radius:50% 50% 50% 50%/65% 65% 35% 35%;background:linear-gradient(180deg,#5e3dff,#c495ff);transform:rotate(-26deg)}.mini-word{font-size:72px;font-weight:1000;letter-spacing:-.08em}.thumb-gaming{left:96px;top:332px;width:300px;height:208px;background:linear-gradient(135deg,#09111a 0%,#0f1734 48%,#273dff 100%)}.mini-title-big{position:absolute;left:20px;right:20px;bottom:20px;font-size:46px;line-height:.88;font-weight:1000;letter-spacing:-.08em}.mini-bar{position:absolute;left:20px;right:20px;bottom:18px;height:12px;border-radius:999px;background:linear-gradient(90deg,#91ff15,#62b2ff);opacity:.75;transform:translateY(54px)}.thumb-tech{left:426px;top:430px;width:232px;height:160px;background:linear-gradient(135deg,#0a0d16,#4d28b8)}.mini-title-mid{position:absolute;left:18px;right:18px;bottom:44px;font-size:34px;line-height:.9;font-weight:1000;letter-spacing:-.07em}.mini-bottom{position:absolute;left:18px;right:18px;bottom:18px;font-size:12px;color:#bbb1d6}.thumb-vlog{right:80px;top:130px;width:230px;height:168px;background:linear-gradient(135deg,#30131f,#ff6692)}.mini-note-card{right:78px;top:336px;width:216px;min-height:238px;padding:22px;background:linear-gradient(180deg,rgba(124,91,255,.22),rgba(110,76,205,.12))}.mini-note-card h3{margin:14px 0 10px;font-size:42px;line-height:.92;letter-spacing:-.08em}.mini-note-card p{margin:0;color:#d8cfe7;font-size:14px;line-height:1.6}.mini-editor-card{left:438px;top:248px;width:254px;height:168px;padding:12px;background:rgba(12,12,18,.96)}.mini-editor-card img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}.showcase-html-minis:before{content:'';position:absolute;inset:40px 52px 50px;background:radial-gradient(circle at 50% 50%,rgba(111,68,255,.11),transparent 45%);filter:blur(10px)}
.auth-dark-shell{min-height:100vh;display:grid;grid-template-columns:minmax(440px,.92fr) minmax(0,1.08fr);background:radial-gradient(circle at 10% 10%,rgba(120,76,255,.18),transparent 24%),radial-gradient(circle at 100% 0%,rgba(64,193,255,.09),transparent 24%),#08070d}.auth-dark-left{display:flex;align-items:center;justify-content:center;padding:32px}.auth-dark-right{display:flex;align-items:center;justify-content:center;padding:32px 34px 32px 0}.auth-dark-card{width:min(100%,460px);padding:30px 34px;border-radius:30px;background:linear-gradient(180deg,rgba(18,17,24,.96),rgba(10,10,16,.98));border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 100px rgba(0,0,0,.34)}.auth-dark-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-size:18px;font-weight:800}.auth-dark-brand img{width:28px;height:28px}.auth-dark-topline{margin:16px 0 10px;color:#a7a0b1;font-size:14px}.auth-dark-topline a,.auth-dark-footer a,.auth-checkline a{color:#c7a0ff;text-decoration:none}.auth-dark-card h1{margin:0 0 10px;font-size:44px;line-height:.98;letter-spacing:-.07em}.auth-dark-sub{margin:0 0 22px;color:#aba4b6;font-size:15px;line-height:1.65}.auth-dark-form{display:grid;gap:14px}.auth-dark-form .field>span{display:block;margin-bottom:8px;color:#b8b1c2;font-size:14px}.auth-dark-form input{width:100%;height:58px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);padding:0 16px;color:#fff;font:inherit;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.auth-dark-form input::placeholder{color:#837c8d}.auth-dark-form input:focus{border-color:rgba(165,115,255,.42);background:rgba(255,255,255,.055);box-shadow:0 0 0 5px rgba(120,74,255,.12)}.auth-dark-submit{min-height:58px;border-radius:18px;font-size:18px;font-weight:800}.auth-separator{position:relative;text-align:center;color:#86808e;font-size:13px;margin:2px 0}.auth-separator:before,.auth-separator:after{content:'';position:absolute;top:50%;width:42%;height:1px;background:rgba(255,255,255,.08)}.auth-separator:before{left:0}.auth-separator:after{right:0}.auth-separator span{display:inline-block;padding:0 12px;background:linear-gradient(180deg,rgba(18,17,24,.96),rgba(10,10,16,.98))}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;border:none;border-radius:18px;background:#070707;color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.auth-google-btn:hover{transform:translateY(-2px);background:#0d0d12}.google-mark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:conic-gradient(from 220deg,#fbbc05,#ea4335,#4285f4,#34a853,#fbbc05);color:#fff;font-size:13px;font-weight:900}.auth-dark-footer{text-align:center;padding-top:14px;color:#a6a0b0}.auth-users-row{display:flex;justify-content:center;margin-bottom:8px}.tiny-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;margin-left:-4px;border:2px solid #0c0b10;background:linear-gradient(135deg,#5f32ff,#f062ff);font-size:12px;font-weight:800}.tiny-avatar:first-child{margin-left:0}.auth-dark-footer strong{display:block;font-size:14px;color:#fff;margin-bottom:4px}.auth-dark-footer small{display:block;font-size:13px}.auth-dark-art{position:relative;width:min(100%,860px);height:min(82vh,980px);border-radius:38px;background:linear-gradient(180deg,rgba(23,18,34,.9),rgba(9,8,15,.98));border:1px solid rgba(255,255,255,.07);display:grid;place-items:center;overflow:hidden;box-shadow:0 36px 110px rgba(0,0,0,.34)}.auth-dark-art img{width:min(88%,820px);border-radius:26px;display:block;position:relative;z-index:2;box-shadow:0 28px 80px rgba(0,0,0,.4)}.auth-dark-shape{position:absolute;border-radius:28px;filter:blur(10px);opacity:.95}.shape-a{width:160px;height:160px;left:26px;bottom:44px;background:radial-gradient(circle,#7cff53,transparent 62%)}.shape-b{width:150px;height:150px;right:34px;top:42px;background:radial-gradient(circle,#5be6ff,transparent 62%)}.shape-c{width:120px;height:120px;left:56px;top:24px;background:radial-gradient(circle,#ff8ce7,transparent 62%)}.signup-progress{display:flex;gap:10px;margin:0 0 20px}.signup-progress span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#bdb4ce;font-size:13px;font-weight:800;transition:.25s}.signup-progress span.active{background:linear-gradient(135deg,#6a3eff,#d07bff);border-color:transparent;color:#fff;box-shadow:0 12px 28px rgba(115,68,255,.28)}.auth-step-panel{display:none;gap:14px}.auth-step-panel.active{display:grid;animation:fadeSlide .28s ease}.wizard-actions{display:flex;gap:10px;flex-wrap:wrap}.auth-rules{list-style:none;margin:0;padding:0 0 2px;display:grid;gap:6px}.auth-rules li{position:relative;padding-left:18px;color:#978fa3;font-size:13px}.auth-rules li:before{content:'•';position:absolute;left:0;top:0;color:#ff6060}.auth-rules li.ok{color:#b6f58a}.auth-rules li.ok:before{color:#91ff15}.auth-checkline{align-items:flex-start}.auth-checkline input{width:18px;height:18px;margin-top:2px;flex:none}.form-error.show{margin-bottom:2px}.auth-dark-shell .checkline span{color:#aaa2b5;line-height:1.55}.hero-actions .btn.primary{box-shadow:0 16px 40px rgba(116,74,255,.24)}.navactions{display:flex;align-items:center;gap:12px}.navactions .btn.ghost{min-height:44px;padding:0 16px}.showcase-html-minis .mini-thumb-card:hover,.showcase-html-minis .mini-note-card:hover,.showcase-html-minis .mini-editor-card:hover{transform:translateY(-6px);transition:transform .25s ease}.showcase-html-minis .mini-thumb-card,.showcase-html-minis .mini-note-card,.showcase-html-minis .mini-editor-card{transition:transform .25s ease}.thumb-gaming .mini-chip{background:rgba(145,255,21,.12);color:#d8ff95}.thumb-tech .mini-chip{background:rgba(91,226,255,.12);color:#aff4ff}.thumb-vlog .mini-chip{background:rgba(255,255,255,.14)}@keyframes fadeSlide{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1180px){.showcase-html-minis{height:610px}.thumb-loaf{left:42px;top:52px;width:318px}.thumb-gaming{left:44px;top:310px;width:270px}.thumb-tech{left:340px;top:390px;width:210px}.mini-editor-card{left:360px;top:224px;width:220px}.mini-note-card{right:44px}.thumb-vlog{right:44px}}@media(max-width:980px){.auth-dark-shell{grid-template-columns:1fr}.auth-dark-right{padding:0 18px 24px}.auth-dark-art{height:420px}.showcase-html-minis{height:540px}.thumb-loaf{left:30px;top:34px;width:280px;height:160px}.mini-word{font-size:58px}.leaf-mark{width:60px;height:96px}.thumb-gaming{left:30px;top:250px;width:230px;height:190px}.thumb-tech{left:292px;top:338px;width:180px;height:144px}.thumb-vlog{right:26px;top:80px;width:190px;height:150px}.mini-editor-card{left:290px;top:186px;width:186px;height:128px}.mini-note-card{display:none}}@media(max-width:640px){.auth-dark-left,.auth-dark-right{padding:18px}.auth-dark-card{padding:22px}.auth-dark-card h1{font-size:34px}.auth-dark-art{height:280px}.showcase-html-minis{height:430px}.thumb-loaf{left:16px;top:20px;width:232px;height:138px}.mini-word{font-size:46px}.leaf-mark{width:52px;height:86px}.thumb-gaming{left:16px;top:218px;width:190px;height:160px}.mini-title-big{font-size:32px}.thumb-tech{left:216px;top:282px;width:138px;height:110px}.mini-title-mid{font-size:22px;bottom:34px}.mini-bottom{font-size:10px}.thumb-vlog{right:18px;top:76px;width:150px;height:126px}.mini-editor-card{left:214px;top:170px;width:136px;height:100px}.navactions .nav-image-cta img{width:130px}}


/* V9 better homepage showcase + template wall */
.showcase-masonry{height:auto}.mosaic-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:220px 176px 176px;gap:16px;min-height:588px}.mosaic-card{position:relative;display:block;overflow:hidden;border-radius:28px;padding:22px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 24px 70px rgba(0,0,0,.28);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.mosaic-card:hover{transform:translateY(-6px);border-color:rgba(175,120,255,.32);box-shadow:0 30px 90px rgba(73,28,145,.22)}.mosaic-big{grid-row:1 / span 2;background:radial-gradient(circle at 76% 26%,rgba(134,255,46,.9) 0 6%,transparent 7%),linear-gradient(135deg,#05070b,#2538ee)}.mosaic-big h3,.mosaic-medium h3,.mosaic-wide h3{position:absolute;left:24px;bottom:48px;font-size:60px;line-height:.88;letter-spacing:-.07em;margin:0;max-width:85%}.mosaic-card p{position:absolute;left:24px;bottom:22px;margin:0;color:#d3cfe0;font-size:13px}.mosaic-image{padding:10px;background:rgba(13,12,20,.96)}.mosaic-image img{width:100%;height:100%;object-fit:cover;border-radius:22px;display:block}.mosaic-medium{background:linear-gradient(135deg,#43213f,#ff5d88)}.mosaic-wide{grid-column:2;grid-row:2 / span 2;background:linear-gradient(135deg,#07111c,#00a9ff)}.mosaic-note{background:linear-gradient(180deg,rgba(124,91,255,.18),rgba(255,255,255,.03))}.mosaic-note h3{margin:14px 0 10px;font-size:44px;line-height:.92;letter-spacing:-.06em}.mosaic-note p{position:static;color:#d8cfe7;line-height:1.65;margin:0}.mosaic-stat{display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#111018,#291e52)}.mosaic-stat b{font-size:54px;letter-spacing:-.06em}.mosaic-stat span{color:#a9a3b8;font-size:14px}.template-wall-preview{margin:28px auto 0;max-width:1120px}.template-wall-preview{display:grid}.template-wall-preview .wall-col{display:grid;gap:14px}.template-wall-preview{grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.wall-card{position:relative;display:block;overflow:hidden;text-decoration:none;color:#fff;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 18px 44px rgba(0,0,0,.25);padding:18px;min-height:160px}.wall-card-image{padding:10px;min-height:180px;background:#111016}.wall-card-image img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.wall-chip,.thumb-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#efe8ff}.wall-card h3{position:absolute;left:18px;bottom:42px;margin:0;font-size:40px;line-height:.9;letter-spacing:-.06em}.wall-card p{position:absolute;left:18px;bottom:16px;margin:0;color:#d6cfdf;font-size:12px}.warden-card{background:linear-gradient(135deg,#17161b,#f8f8f8);color:#0f0f11}.warden-card .wall-chip{background:rgba(15,15,17,.08);color:#222;border-color:rgba(15,15,17,.08)}.warden-card p{color:#333}.weapon-card{background:linear-gradient(135deg,#f09cff,#ffd2f1);color:#1a1020}.weapon-card .wall-chip{background:rgba(0,0,0,.08);color:#3a1241;border-color:rgba(0,0,0,.08)}.weapon-card p{color:#4d2d56}.wall-card-graph{min-height:220px;padding:0;background:linear-gradient(180deg,#111623,#171c2a)}.wall-card-graph .graph-label{position:absolute;top:12px;left:12px;color:#7c859d;font-size:10px}.wall-card-graph svg{position:absolute;inset:42px 12px 12px 12px;width:calc(100% - 24px);height:calc(100% - 54px)}.wall-card-graph polyline{fill:none;stroke:#d8ff44;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.vlog-card{background:linear-gradient(135deg,#713255,#ff5d88)}.tech-card{background:linear-gradient(135deg,#08111c,#00a9ff)}.template-grid-rich{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.template-card-rich .template-preview{min-height:250px;padding:18px 18px 16px;display:flex;flex-direction:column;justify-content:space-between}.template-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.thumb-dots{display:inline-flex;width:36px;height:10px;border-radius:999px;background:rgba(255,255,255,.1);position:relative}.thumb-dots:after{content:'';position:absolute;top:3px;left:4px;width:8px;height:4px;border-radius:999px;background:#fff;box-shadow:12px 0 0 rgba(255,255,255,.5),24px 0 0 rgba(255,255,255,.3)}.thumb-title{display:block;white-space:pre-line;font-size:44px;line-height:.9;letter-spacing:-.07em;font-weight:1000;max-width:94%}.thumb-sub{display:block;margin-top:10px;font-size:12px;line-height:1.5;color:#e7e1f0;max-width:90%}.template-card-rich .template-overlay{opacity:1;transform:none}.template-card-rich .template-meta small{color:#978fa4;font-size:11px}.badge-lime .thumb-pill{background:rgba(145,255,21,.11);color:#dcffab;border-color:rgba(145,255,21,.18)}.badge-cyan .thumb-pill{background:rgba(91,226,255,.12);color:#aff4ff;border-color:rgba(91,226,255,.18)}.badge-rose .thumb-pill{background:rgba(255,132,184,.12);color:#ffd0e4;border-color:rgba(255,132,184,.18)}.badge-violet .thumb-pill{background:rgba(171,117,255,.14);color:#e5d5ff;border-color:rgba(171,117,255,.22)}.badge-orange .thumb-pill{background:rgba(255,186,97,.14);color:#ffe3b7;border-color:rgba(255,186,97,.2)}.badge-gold .thumb-pill{background:rgba(255,227,137,.16);color:#fff3bf;border-color:rgba(255,227,137,.22)}.badge-red .thumb-pill{background:rgba(255,99,125,.13);color:#ffd7df;border-color:rgba(255,99,125,.18)}@media(max-width:1180px){.template-grid-rich{grid-template-columns:repeat(3,1fr)}.template-wall-preview{grid-template-columns:1fr 1fr}.mosaic-grid{grid-template-columns:1fr 1fr}}@media(max-width:980px){.template-grid-rich{grid-template-columns:repeat(2,1fr)}.template-wall-preview{grid-template-columns:1fr}.mosaic-grid{grid-template-columns:1fr;grid-template-rows:auto}.mosaic-big,.mosaic-wide{grid-row:auto}.mosaic-big h3,.mosaic-medium h3,.mosaic-wide h3{font-size:46px}}@media(max-width:640px){.template-grid-rich{grid-template-columns:1fr}.mosaic-card{min-height:180px}.mosaic-big h3,.mosaic-medium h3,.mosaic-wide h3,.wall-card h3{font-size:34px}}

/* V10 animated authentication experience */
.auth-v10-body{min-height:100vh;overflow-x:hidden;background:#050409;color:#f8f5ff}.auth-v10-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 18% 20%,rgba(109,65,255,.17),transparent 26%),radial-gradient(circle at 86% 12%,rgba(73,203,255,.08),transparent 27%),linear-gradient(135deg,#07060b 0%,#09070e 48%,#050608 100%)}.auth-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%);animation:gridDrift 28s linear infinite}.auth-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 22%,rgba(255,255,255,.8) 0 1px,transparent 1.8px),radial-gradient(circle at 34% 17%,rgba(194,160,255,.85) 0 1px,transparent 1.8px),radial-gradient(circle at 68% 29%,rgba(255,255,255,.8) 0 1px,transparent 1.8px),radial-gradient(circle at 83% 13%,rgba(145,255,21,.7) 0 1px,transparent 1.8px),radial-gradient(circle at 76% 63%,rgba(255,255,255,.6) 0 1px,transparent 1.8px),radial-gradient(circle at 27% 71%,rgba(196,155,255,.6) 0 1px,transparent 1.8px);opacity:.35;animation:starsPulse 5s ease-in-out infinite alternate}.auth-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.6}.orb-one{width:360px;height:360px;left:-120px;top:8%;background:#713bff;animation:orbFloatA 12s ease-in-out infinite}.orb-two{width:300px;height:300px;right:-90px;top:12%;background:#1ba7ff;opacity:.26;animation:orbFloatB 15s ease-in-out infinite}.orb-three{width:260px;height:260px;right:24%;bottom:-110px;background:#59ff73;opacity:.14;animation:orbFloatC 13s ease-in-out infinite}.auth-v10-shell{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:minmax(460px,.9fr) minmax(0,1.1fr);gap:28px;padding:28px}.auth-v10-left,.auth-v10-right{display:flex;align-items:center;justify-content:center}.auth-v10-left{padding:16px 10px}.auth-v10-card{position:relative;width:min(100%,510px);border-radius:34px;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(136,87,255,.22),rgba(255,255,255,.05));box-shadow:0 34px 110px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.02);opacity:0;transform:translateY(24px) scale(.985);transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1)}.auth-ready .auth-v10-card{opacity:1;transform:none}.auth-v10-card:before{content:'';position:absolute;inset:-1px;border-radius:35px;padding:1px;background:linear-gradient(120deg,transparent 15%,rgba(181,126,255,.75),transparent 42%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.22;animation:borderSweep 6s linear infinite}.auth-v10-card-glow{position:absolute;inset:14% 10% auto;height:180px;background:radial-gradient(circle at 50% 0%,rgba(116,71,255,.18),transparent 66%);filter:blur(18px);pointer-events:none}.auth-v10-card-inner{position:relative;border-radius:33px;padding:28px 30px 24px;background:linear-gradient(180deg,rgba(15,13,22,.97),rgba(8,8,13,.985));overflow:hidden}.auth-v10-card-inner:after{content:'';position:absolute;right:-90px;top:-100px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(160,101,255,.12),transparent 70%);pointer-events:none}.auth-v10-headrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-v10-brand{position:relative;display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:19px;font-weight:900;letter-spacing:-.03em}.brand-glow{position:relative;width:34px;height:34px;display:grid;place-items:center}.brand-glow:before{content:'';position:absolute;inset:-8px;background:radial-gradient(circle,rgba(127,71,255,.38),transparent 66%);filter:blur(6px);animation:brandPulse 2.8s ease-in-out infinite}.brand-glow img{position:relative;width:28px;height:28px;filter:drop-shadow(0 0 12px rgba(128,77,255,.42))}.auth-v10-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;border:1px solid rgba(145,255,21,.18);background:rgba(145,255,21,.07);color:#d9ffb0;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.auth-v10-pill svg{width:13px}.auth-v10-pill.purple{border-color:rgba(181,127,255,.22);background:rgba(125,74,255,.10);color:#dcc8ff}.auth-v10-copy{margin:26px 0 22px}.auth-v10-kicker{display:flex;align-items:center;gap:8px;color:#be8cff;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.auth-v10-kicker>span{width:7px;height:7px;border-radius:50%;background:#ff69d4;box-shadow:0 0 16px #ff69d4;animation:kickerPulse 2s ease-in-out infinite}.auth-v10-copy h1{margin:9px 0 10px;font-size:clamp(42px,4.2vw,58px);line-height:.92;letter-spacing:-.075em}.signup-card-v10 .auth-v10-copy h1{font-size:clamp(38px,3.6vw,52px)}.auth-v10-copy p{margin:0;max-width:48ch;color:#a6a0b1;font-size:14px;line-height:1.65}.auth-v10-form{display:grid;gap:14px}.auth-v10-field>span{display:block;margin:0 0 8px;color:#b7b1c0;font-size:12px;font-weight:700}.auth-v10-input{position:relative;display:flex;align-items:center;height:58px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075);overflow:hidden;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s}.auth-v10-input>svg{position:absolute;left:16px;width:18px;color:#756f80;transition:color .22s,transform .22s}.auth-v10-input input{width:100%;height:100%;border:0;background:transparent;padding:0 48px 0 48px;color:#fff;font:inherit;outline:0}.auth-v10-input input::placeholder{color:#6f6978}.auth-v10-input>b{position:absolute;left:0;right:100%;bottom:0;height:2px;background:linear-gradient(90deg,#6d3cff,#cf7cff,#7bf4ff);transition:right .32s cubic-bezier(.2,.8,.2,1)}.auth-v10-input.focused{border-color:rgba(164,104,255,.35);background:rgba(255,255,255,.05);box-shadow:0 0 0 5px rgba(118,74,255,.08),0 12px 28px rgba(0,0,0,.16);transform:translateY(-1px)}.auth-v10-input.focused>svg{color:#be8cff;transform:scale(1.05)}.auth-v10-input.focused>b{right:0}.auth-v10-pass{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;color:#8e8798;display:grid;place-items:center;cursor:pointer;border-radius:11px}.auth-v10-pass:hover{background:rgba(255,255,255,.05);color:#fff}.auth-v10-pass svg{width:17px}.auth-v10-formline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:-1px;color:#8e8798;font-size:12px}.auth-v10-formline a{color:#a98cff;text-decoration:none}.auth-v10-remember{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-v10-remember input{accent-color:#824cff}.auth-v10-submit,.wizard-actions-v10 .btn.primary{position:relative;overflow:hidden;min-height:58px;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:850;box-shadow:0 12px 34px rgba(112,67,255,.24)}.auth-v10-submit:before,.wizard-actions-v10 .btn.primary:before{content:'';position:absolute;width:120px;height:120px;border-radius:50%;left:var(--mx,50%);top:var(--my,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.34),transparent 70%);opacity:0;transition:opacity .2s}.auth-v10-submit:hover:before,.wizard-actions-v10 .btn.primary:hover:before{opacity:.35}.auth-v10-submit:after{content:'';position:absolute;inset:-35% auto -35% -40%;width:28%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);animation:buttonShine 4.8s ease-in-out infinite}.auth-v10-submit svg,.wizard-actions-v10 .btn svg{width:17px}.auth-v10-submit.loading,.wizard-actions-v10 .btn.primary.loading{pointer-events:none;opacity:.75}.auth-v10-submit.loading span:after,.wizard-actions-v10 .btn.primary.loading:after{content:' •••';letter-spacing:.15em}.auth-v10-separator{display:flex;align-items:center;gap:12px;color:#6f6878;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.auth-v10-separator:before,.auth-v10-separator:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08))}.auth-v10-separator:after{transform:scaleX(-1)}.auth-v10-google{height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:750;cursor:pointer;transition:transform .22s,border-color .22s,background .22s}.auth-v10-google>svg{width:15px;margin-left:auto;margin-right:16px;color:#7e7788}.auth-v10-google .google-mark{margin-left:16px}.auth-v10-google:hover{transform:translateY(-2px);border-color:rgba(169,118,255,.24);background:rgba(255,255,255,.045)}.auth-v10-bottom{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.055);font-size:12px;color:#807a88}.auth-v10-bottom a{display:inline-flex;align-items:center;gap:5px;color:#c29dff;font-weight:750;text-decoration:none}.auth-v10-bottom a svg{width:13px;transition:transform .2s}.auth-v10-bottom a:hover svg{transform:translateX(3px)}.auth-v10-proof{margin-top:18px;padding:12px 14px;border-radius:17px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px}.auth-proof-avatars{display:flex}.auth-proof-avatars span{width:28px;height:28px;margin-left:-7px;border-radius:50%;display:grid;place-items:center;border:2px solid #0a0910;background:linear-gradient(135deg,#5630e9,#ff63cc);font-size:10px;font-weight:800}.auth-proof-avatars span:first-child{margin-left:0}.auth-v10-proof strong{display:block;font-size:11px}.auth-v10-proof small{display:block;color:#77717e;font-size:10px;margin-top:2px}.proof-score{display:flex;align-items:center;gap:5px;color:#ffe175}.proof-score svg{width:14px;fill:currentColor}.proof-score b{font-size:12px}.auth-v10-right{padding:6px}.auth-v10-stage{--px:50%;--py:50%;position:relative;width:min(100%,900px);height:min(88vh,930px);min-height:690px;border-radius:40px;overflow:hidden;border:1px solid rgba(255,255,255,.075);background:radial-gradient(circle at var(--px) var(--py),rgba(104,64,255,.16),transparent 24%),radial-gradient(circle at 72% 18%,rgba(69,196,255,.08),transparent 24%),linear-gradient(180deg,rgba(14,12,21,.97),rgba(7,7,11,.99));box-shadow:0 38px 120px rgba(0,0,0,.42);opacity:0;transform:translateY(28px) scale(.985);transition:opacity .78s .08s cubic-bezier(.2,.8,.2,1),transform .78s .08s cubic-bezier(.2,.8,.2,1)}.auth-ready .auth-v10-stage{opacity:1;transform:none}.auth-stage-header{position:absolute;z-index:8;left:26px;right:26px;top:24px;display:flex;align-items:center;justify-content:space-between}.stage-live{display:flex;align-items:center;gap:7px;color:#918a9f;font-size:10px;font-weight:750;letter-spacing:.08em}.stage-live>i{width:7px;height:7px;border-radius:50%;background:#7fff63;box-shadow:0 0 14px #7fff63;animation:livePulse 1.8s ease-in-out infinite}.auth-stage-image{position:absolute;z-index:4;left:8%;right:8%;top:17%;height:48%;display:grid;place-items:center;transition:transform .18s ease-out;transform-style:preserve-3d}.auth-stage-image:before{content:'';position:absolute;inset:8% 8%;border-radius:38px;background:radial-gradient(circle at 50% 50%,rgba(104,65,255,.2),transparent 66%);filter:blur(18px)}.auth-stage-image img{position:relative;width:min(100%,750px);max-height:100%;object-fit:contain;border-radius:28px;box-shadow:0 28px 95px rgba(0,0,0,.45);animation:imageFloat 7s ease-in-out infinite}.image-shine{position:absolute;inset:14% 9%;border-radius:28px;overflow:hidden;pointer-events:none}.image-shine:after{content:'';position:absolute;top:-40%;bottom:-40%;width:18%;left:-24%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:imageShine 7.8s ease-in-out infinite}.auth-float-card{position:absolute;z-index:7;display:flex;align-items:center;gap:11px;min-width:180px;padding:12px 14px;border-radius:18px;background:rgba(14,12,20,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:0 16px 45px rgba(0,0,0,.28)}.auth-float-card b{display:block;font-size:11px}.auth-float-card small{display:block;color:#8c8595;font-size:9px;margin-top:3px}.float-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(128,78,255,.16);color:#caa8ff}.float-icon.green{background:rgba(119,255,84,.10);color:#9dff79}.float-icon.cyan{background:rgba(76,217,255,.10);color:#81e8ff}.float-icon svg{width:16px}.float-one{left:5%;top:55%;animation:floatCardA 5.8s ease-in-out infinite}.float-two{right:5%;top:45%;animation:floatCardB 6.5s ease-in-out infinite}.float-three{right:8%;top:65%;animation:floatCardC 6.1s ease-in-out infinite}.auth-stage-copy{position:absolute;z-index:6;left:7%;right:7%;bottom:7%;max-width:600px}.auth-stage-copy>span{color:#c093ff;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.auth-stage-copy h2{margin:9px 0 10px;font-size:clamp(34px,3vw,50px);line-height:.96;letter-spacing:-.065em}.auth-stage-copy p{margin:0;color:#9d96a7;font-size:13px;line-height:1.65;max-width:52ch}.auth-stage-dots{position:absolute;right:7%;bottom:7%;display:flex;gap:6px}.auth-stage-dots span{width:5px;height:5px;border-radius:50%;background:#5d5864;animation:dotTwinkle 3s ease-in-out infinite}.auth-stage-dots span:nth-child(2){animation-delay:.4s}.auth-stage-dots span:nth-child(3){animation-delay:.8s}.auth-stage-dots span:nth-child(4){animation-delay:1.2s}.auth-stage-dots span:nth-child(5){animation-delay:1.6s}.auth-stage-beam{position:absolute;z-index:1;height:2px;width:90%;left:4%;background:linear-gradient(90deg,transparent,#844cff,transparent);box-shadow:0 0 22px #844cff;opacity:.45}.beam-a{top:24%;transform:rotate(-18deg);animation:beamShift 8s ease-in-out infinite}.beam-b{top:58%;transform:rotate(14deg);opacity:.25;animation:beamShiftB 9s ease-in-out infinite}.auth-stage-ring{position:absolute;border-radius:50%;border:1px solid rgba(149,100,255,.16);z-index:1}.ring-a{width:520px;height:520px;right:-210px;top:-170px;animation:ringSpin 24s linear infinite}.ring-b{width:360px;height:360px;left:-180px;bottom:-100px;border-color:rgba(110,224,255,.10);animation:ringSpinReverse 28s linear infinite}.signup-progress-v10{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 22px}.progress-track{position:absolute;left:14%;right:14%;top:17px;height:2px;background:rgba(255,255,255,.07);overflow:hidden}.progress-track>i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7244ff,#cf79ff);box-shadow:0 0 12px rgba(160,92,255,.55);transition:width .42s cubic-bezier(.2,.8,.2,1)}.signup-progress-v10 button{position:relative;z-index:2;border:0;background:transparent;color:#716a7c;display:grid;justify-items:center;gap:5px;cursor:pointer}.signup-progress-v10 button>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0c0a10;border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:800;transition:.3s}.signup-progress-v10 button small{font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.signup-progress-v10 button.active{color:#b6afc0}.signup-progress-v10 button.active>span{border-color:rgba(158,100,255,.35);background:linear-gradient(135deg,#6b3eff,#b76aff);color:#fff;box-shadow:0 8px 24px rgba(113,62,255,.25)}.signup-progress-v10 button.current>span{transform:scale(1.08);box-shadow:0 0 0 6px rgba(117,68,255,.09),0 8px 24px rgba(113,62,255,.3)}.auth-step-panel-v10{display:none;gap:14px}.auth-step-panel-v10.active{display:grid}.auth-step-panel-v10.from-right{animation:stepInRight .38s cubic-bezier(.2,.8,.2,1)}.auth-step-panel-v10.from-left{animation:stepInLeft .38s cubic-bezier(.2,.8,.2,1)}.step-title-v10{margin-bottom:2px}.step-title-v10>span{display:block;color:#927fba;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px}.step-title-v10 h3{margin:0;font-size:22px;letter-spacing:-.04em}.step-title-v10 p{margin:5px 0 0;color:#817a8b;font-size:11px;line-height:1.5}.wizard-actions-v10{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.wizard-actions-v10 .btn{min-height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:8px}.auth-v10-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:#8f8898;font-size:11px;line-height:1.55}.auth-v10-check input{position:absolute;opacity:0;pointer-events:none}.auth-v10-check>span{display:flex;align-items:flex-start;gap:9px}.auth-v10-check>span>i{position:relative;flex:none;width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);margin-top:1px;transition:.2s}.auth-v10-check input:checked+span>i{background:linear-gradient(135deg,#6a3eff,#b66eff);border-color:transparent;box-shadow:0 8px 18px rgba(111,65,255,.2)}.auth-v10-check input:checked+span>i:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900}.auth-v10-check a{color:#c79dff}.password-strength-v10{display:flex;align-items:center;gap:10px}.password-strength-v10>div{flex:1;height:5px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.password-strength-v10>div>i{display:block;width:0;height:100%;border-radius:999px;background:#ff5f75;transition:width .28s,background .28s}.password-strength-v10>div>i[data-level="medium"]{background:#ffbe54}.password-strength-v10>div>i[data-level="strong"]{background:#83ff69}.password-strength-v10>span{color:#827b8c;font-size:9px;min-width:106px;text-align:right}.auth-rules-v10{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}.auth-rules-v10 li{display:flex;align-items:center;gap:6px;color:#7e7788;font-size:10px;transition:color .2s}.auth-rules-v10 li:last-child{grid-column:1 / -1}.auth-rules-v10 li svg{width:13px}.auth-rules-v10 li.ok{color:#9de987}.signup-stage-v10[data-active-step="1"] .float-one{transform:translateY(-8px)}.signup-stage-v10[data-active-step="2"] .float-three{border-color:rgba(119,255,84,.18)}.auth-shake{animation:authShake .34s ease}.auth-leaving .auth-v10-card,.auth-leaving .auth-v10-stage{opacity:0;transform:translateY(-10px) scale(.99);transition:.22s}.auth-v10-error{display:none;padding:10px 12px;border-radius:13px;border:1px solid rgba(255,90,120,.15);background:rgba(255,72,112,.06);color:#ff9aae;font-size:11px}.auth-v10-error.show{display:block;animation:errorIn .25s ease}
@keyframes gridDrift{to{transform:translate3d(52px,52px,0)}}@keyframes starsPulse{from{opacity:.2}to{opacity:.48}}@keyframes orbFloatA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(70px,30px) scale(1.08)}}@keyframes orbFloatB{0%,100%{transform:translate(0,0)}50%{transform:translate(-80px,60px)}}@keyframes orbFloatC{0%,100%{transform:translate(0,0)}50%{transform:translate(50px,-50px)}}@keyframes borderSweep{0%{transform:translateX(-35%)}50%,100%{transform:translateX(75%)}}@keyframes brandPulse{0%,100%{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1.1)}}@keyframes kickerPulse{0%,100%{transform:scale(.85);opacity:.65}50%{transform:scale(1.15);opacity:1}}@keyframes buttonShine{0%,72%{left:-40%}90%,100%{left:130%}}@keyframes livePulse{0%,100%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes imageFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes imageShine{0%,68%{left:-24%}88%,100%{left:120%}}@keyframes floatCardA{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes floatCardB{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(9px) rotate(-1deg)}}@keyframes floatCardC{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dotTwinkle{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes beamShift{0%,100%{transform:rotate(-18deg) translateX(-3%)}50%{transform:rotate(-18deg) translateX(7%)}}@keyframes beamShiftB{0%,100%{transform:rotate(14deg) translateX(5%)}50%{transform:rotate(14deg) translateX(-5%)}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes ringSpinReverse{to{transform:rotate(-360deg)}}@keyframes stepInRight{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}@keyframes stepInLeft{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}@keyframes authShake{0%,100%{transform:translateX(0)}30%{transform:translateX(-7px)}60%{transform:translateX(6px)}}@keyframes errorIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.auth-v10-shell{grid-template-columns:minmax(430px,.95fr) minmax(0,1.05fr);padding:20px}.auth-v10-stage{min-height:650px}.auth-stage-image{left:5%;right:5%}.auth-float-card{min-width:165px}.float-one{left:3%}.float-two{right:3%}.float-three{right:4%}}
@media(max-width:980px){.auth-v10-shell{grid-template-columns:1fr;padding:18px}.auth-v10-right{order:-1}.auth-v10-stage{height:420px;min-height:420px;width:min(100%,760px)}.auth-stage-image{top:15%;height:54%;left:12%;right:12%}.auth-stage-copy{left:5%;bottom:5%;max-width:52%}.auth-stage-copy h2{font-size:29px}.auth-stage-copy p{display:none}.auth-float-card{padding:9px 10px;min-width:150px}.float-one{left:3%;top:52%}.float-two{right:3%;top:34%}.float-three{right:4%;top:61%}.auth-v10-card{width:min(100%,620px)}.auth-v10-left{padding-top:2px}}
@media(max-width:680px){.auth-v10-shell{padding:10px}.auth-v10-right{display:none}.auth-v10-left{padding:8px 0}.auth-v10-card-inner{padding:22px 18px 18px}.auth-v10-card{border-radius:26px}.auth-v10-card-inner{border-radius:25px}.auth-v10-headrow{align-items:flex-start}.auth-v10-pill{font-size:8px}.auth-v10-copy{margin:20px 0 18px}.auth-v10-copy h1,.signup-card-v10 .auth-v10-copy h1{font-size:38px}.auth-v10-copy p{font-size:12px}.auth-v10-input{height:54px}.auth-v10-submit{min-height:54px}.auth-v10-proof{display:none}.auth-v10-bottom{margin-top:14px}.wizard-actions-v10{grid-template-columns:1fr 1.25fr}.signup-progress-v10 button small{display:none}.auth-rules-v10{grid-template-columns:1fr}.auth-rules-v10 li:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.auth-v10-body *, .auth-v10-body *:before,.auth-v10-body *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.auth-v10-card,.auth-v10-stage{opacity:1;transform:none}.auth-stage-image{transition:none}}

.hero-mini-metrics strong,.stat strong{font-variant-numeric:tabular-nums}
.countup[data-counted="true"]{filter:drop-shadow(0 0 16px rgba(138,90,255,.16))}
.template-card-rich .template-preview{position:relative;overflow:hidden}
.template-preview-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:0;width:100%;overflow:hidden}
.thumb-title{display:block;white-space:normal;word-break:break-word;font-size:clamp(34px,3vw,44px);line-height:.92;letter-spacing:-.07em;font-weight:1000;max-width:100%}
.thumb-sub{display:block;margin-top:10px;font-size:12px;line-height:1.5;color:#e7e1f0;max-width:96%}
.template-card-rich .template-preview::before{content:"";position:absolute;inset:-20% auto auto -20%;width:58%;height:58%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);opacity:.45;pointer-events:none}
.template-card-rich:hover .template-preview{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.template-grid-rich .template-card{min-width:0}
.pricing-switch button{transition:transform .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease}
.pricing-switch button:hover{transform:translateY(-1px);color:#fff}
@media(max-width:760px){.template-card-rich .template-preview{min-height:170px;padding:14px 14px 12px}.thumb-title{font-size:clamp(20px,8vw,30px);line-height:.94}.thumb-sub{font-size:10px;margin-top:7px}.template-meta{gap:8px}.template-meta b{font-size:12px}.template-meta small{font-size:10px}.template-grid-rich{gap:12px}}
.auth-transition{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#050508;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s ease,visibility .38s ease}
.auth-transition.show{opacity:1;visibility:visible;pointer-events:auto}
.auth-transition.hide{opacity:0}
.auth-transition-inner{display:grid;justify-items:center;gap:16px;text-align:center;padding:24px}
.auth-transition-logo{position:relative;width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(129,84,255,.34),rgba(129,84,255,.08) 55%,transparent 74%);animation:authFloatLogo 2.2s ease-in-out infinite}
.auth-transition-logo:before{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(148,102,255,.14);animation:authPulseRing 2.1s ease-out infinite}
.auth-transition-logo img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(136,84,255,.42))}
.auth-transition-copy strong{display:block;font-size:28px;letter-spacing:-.06em}
.auth-transition-copy span{display:block;margin-top:8px;color:#9b94a6;font-size:14px;opacity:0;animation:authCopyIn .55s .18s forwards}
.auth-transition-copy strong{opacity:0;animation:authCopyIn .55s forwards}
@keyframes authCopyIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes authFloatLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes authPulseRing{from{transform:scale(.92);opacity:.55}to{transform:scale(1.16);opacity:0}}

/* V12 exact stats + launch intro */
.intro-active{overflow:hidden}.site-intro{position:fixed;inset:0;z-index:9999;background:#050507;display:grid;place-items:center;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.site-intro.leaving{opacity:0;visibility:hidden}.site-intro-inner{display:grid;justify-items:center;gap:16px;transform:translateY(10px)}.site-intro-mark{position:relative;width:112px;height:112px;display:grid;place-items:center;opacity:0;transform:scale(.8) translateY(12px)}.site-intro.play .site-intro-mark{animation:introMark 1.15s cubic-bezier(.2,.85,.2,1) forwards}.site-intro-mark img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(136,78,255,.45))}.site-intro-ring{position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(137,83,255,.16);box-shadow:0 0 70px rgba(118,69,255,.08) inset}.site-intro.play .site-intro-ring{animation:introRing 1.5s .18s ease-out both}.site-intro-copy{text-align:center;opacity:0;transform:translateY(8px)}.site-intro.play .site-intro-copy{animation:introCopy .65s .68s ease forwards}.site-intro-copy strong{display:block;font-size:30px;letter-spacing:-.06em}.site-intro-copy span{display:block;margin-top:7px;color:#8f8998;font-size:13px;letter-spacing:.03em}.site-intro-skip{position:absolute;right:24px;bottom:22px;border:0;background:transparent;color:#6e6875;font:inherit;font-size:11px;cursor:pointer;padding:8px 10px}.site-intro-skip:hover{color:#fff}@keyframes introMark{0%{opacity:0;transform:scale(.78) translateY(16px);filter:blur(8px)}55%{opacity:1;filter:blur(0)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes introRing{0%{opacity:0;transform:scale(.72)}45%{opacity:.8}100%{opacity:0;transform:scale(1.5)}}@keyframes introCopy{to{opacity:1;transform:none}}
.stats{grid-template-columns:repeat(3,1fr);gap:24px;align-items:center}.stat{text-align:center}.stat strong{display:flex;align-items:baseline;justify-content:center;gap:0;font-size:52px;line-height:1;font-weight:1000;letter-spacing:-.07em}.stat strong .countup{font-size:inherit!important;line-height:inherit!important;color:#fff!important;font-weight:inherit!important}.stat strong i{font-style:normal;color:#91ff15}.stat>span{display:block!important;margin-top:10px;color:#918b99!important;font-size:13px!important}.hero-mini-metrics strong{display:flex;align-items:baseline;gap:0}.hero-mini-metrics strong .countup{font-size:inherit;color:#fff}.hero-mini-metrics strong i{font-style:normal;color:#91ff15}.hero-mini-metrics>div>span{font-size:12px;color:var(--muted)}
/* V12 motion mega library */
.motion-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:24px}.motion-filters button{border:1px solid var(--line);background:rgba(255,255,255,.03);color:#938d9d;padding:9px 13px;border-radius:999px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}.motion-filters button:hover,.motion-filters button.active{color:#fff;border-color:rgba(143,92,255,.34);background:rgba(126,76,255,.12);transform:translateY(-1px)}.motion-grid-mega{grid-template-columns:repeat(3,1fr);gap:16px}.motion-grid-mega .motion-card{transition:transform .25s,border-color .25s,box-shadow .25s}.motion-grid-mega .motion-card:hover{transform:translateY(-5px);border-color:rgba(158,105,255,.28);box-shadow:0 24px 70px rgba(62,28,116,.16)}.anim-wipe{position:relative;overflow:hidden;font-size:30px;font-weight:1000;letter-spacing:-.05em}.anim-wipe span{display:block;animation:animWipe 2.5s ease-in-out infinite}.anim-wipe:after{content:"";position:absolute;inset:0;background:#8e5cff;transform:translateX(-110%);animation:animWipeBlock 2.5s ease-in-out infinite}.anim-shimmer-card{width:190px;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#100d15;position:relative;overflow:hidden}.anim-shimmer-card i{position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmerMove 1.8s linear infinite}.anim-shimmer-card b,.anim-shimmer-card span{display:block}.anim-shimmer-card b{font-size:13px}.anim-shimmer-card span{color:#777080;font-size:10px;margin-top:5px}.anim-glitch{position:relative;font-size:42px;font-weight:1000;letter-spacing:-.05em;animation:glitchBase 2.4s infinite}.anim-glitch:before,.anim-glitch:after{content:attr(data-text);position:absolute;inset:0;opacity:0}.anim-glitch:before{color:#65e8ff;transform:translateX(-2px)}.anim-glitch:after{color:#ff5dcf;transform:translateX(2px)}.anim-glitch:before,.anim-glitch:after{animation:glitchGhost 2.4s infinite}.anim-magnetic{position:relative;overflow:hidden;border:0;border-radius:999px;background:linear-gradient(135deg,#7147ff,#b66cff);color:#fff;padding:13px 20px;font:inherit;font-weight:900;box-shadow:0 14px 42px rgba(121,70,255,.32);animation:magFloat 2.2s ease-in-out infinite}.anim-magnetic:after{content:"";position:absolute;top:-30%;bottom:-30%;width:28%;left:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);animation:ctaSweep 2.7s ease-in-out infinite}.anim-notice{display:flex;align-items:center;gap:11px;width:210px;padding:13px 15px;border-radius:16px;background:#111019;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.35);animation:toastLoop 3s ease-in-out infinite}.anim-notice>i{width:27px;height:27px;border-radius:9px;background:#91ff15;box-shadow:0 0 22px rgba(145,255,21,.25)}.anim-notice b,.anim-notice span{display:block}.anim-notice b{font-size:11px}.anim-notice span{font-size:9px;color:#85808d;margin-top:3px}.anim-toggle{width:86px;height:46px;border-radius:999px;background:#18151f;border:1px solid rgba(255,255,255,.08);padding:5px;animation:toggleBg 2.4s ease-in-out infinite}.anim-toggle i{display:block;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3);animation:toggleKnob 2.4s ease-in-out infinite}.anim-blob{width:110px;height:110px;background:linear-gradient(135deg,#7044ff,#d879ff);filter:drop-shadow(0 0 25px rgba(123,73,255,.35));animation:blobMorph 4.8s ease-in-out infinite}.anim-sparkles{position:relative;width:150px;height:110px}.anim-sparkles i{position:absolute;width:9px;height:9px;background:#fff;border-radius:3px;transform:rotate(45deg);box-shadow:0 0 18px rgba(255,255,255,.6);animation:sparkle 1.8s ease-in-out infinite}.anim-sparkles i:nth-child(1){left:12%;top:42%}.anim-sparkles i:nth-child(2){left:38%;top:15%;animation-delay:.25s}.anim-sparkles i:nth-child(3){left:58%;top:62%;animation-delay:.55s}.anim-sparkles i:nth-child(4){left:76%;top:30%;animation-delay:.8s}.anim-sparkles i:nth-child(5){left:86%;top:72%;animation-delay:1.05s}.anim-progress-ring{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#91ff15 0 78%,#1a1720 78% 100%);position:relative;animation:ringGlow 2.2s ease-in-out infinite}.anim-progress-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#08070b}.anim-progress-ring span{position:relative;z-index:2;font-weight:900}.anim-stack{position:relative;width:150px;height:110px}.anim-stack i{position:absolute;left:20px;right:20px;top:18px;height:70px;border-radius:16px;background:linear-gradient(135deg,#1a1530,#6f42e8);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 36px rgba(0,0,0,.28);animation:stackShift 3s ease-in-out infinite}.anim-stack i:nth-child(2){transform:translate(12px,10px);animation-delay:.18s}.anim-stack i:nth-child(3){transform:translate(24px,20px);animation-delay:.36s}.anim-letters{display:flex;gap:2px;font-size:46px;font-weight:1000;letter-spacing:-.08em}.anim-letters span{display:block;animation:letterRise 2.4s ease-in-out infinite}.anim-letters span:nth-child(2){animation-delay:.1s}.anim-letters span:nth-child(3){animation-delay:.2s}.anim-letters span:nth-child(4){animation-delay:.3s}.anim-beam{position:relative;width:180px;height:100px;overflow:hidden}.anim-beam i{position:absolute;left:-45%;top:50%;width:190%;height:2px;background:linear-gradient(90deg,transparent,#b481ff,#fff,#b481ff,transparent);box-shadow:0 0 28px #8f5cff;transform:rotate(-14deg);animation:beamSweep 2.7s ease-in-out infinite}@keyframes animWipe{0%,20%{opacity:0;transform:translateY(12px)}40%,75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}@keyframes animWipeBlock{0%{transform:translateX(-110%)}35%{transform:translateX(0)}55%{transform:translateX(110%)}100%{transform:translateX(110%)}}@keyframes shimmerMove{to{transform:translateX(120%)}}@keyframes glitchBase{0%,88%,100%{transform:none}90%{transform:translateX(-2px)}92%{transform:translateX(2px)}94%{transform:none}}@keyframes glitchGhost{0%,87%,100%{opacity:0}89%,93%{opacity:.7}}@keyframes magFloat{50%{transform:translateY(-6px) scale(1.02)}}@keyframes ctaSweep{0%,30%{left:-40%}65%,100%{left:130%}}@keyframes toastLoop{0%,18%,100%{opacity:0;transform:translateY(12px) scale(.98)}30%,78%{opacity:1;transform:none}}@keyframes toggleBg{0%,40%{background:#18151f}55%,90%{background:#6f42e8}100%{background:#18151f}}@keyframes toggleKnob{0%,40%{transform:translateX(0)}55%,90%{transform:translateX(40px)}100%{transform:translateX(0)}}@keyframes blobMorph{0%,100%{border-radius:42% 58% 60% 40%/50% 38% 62% 50%;transform:rotate(0)}50%{border-radius:60% 40% 35% 65%/40% 65% 35% 60%;transform:rotate(18deg) scale(1.08)}}@keyframes sparkle{0%,100%{opacity:.2;transform:rotate(45deg) scale(.6)}50%{opacity:1;transform:rotate(45deg) scale(1.5)}}@keyframes ringGlow{50%{filter:drop-shadow(0 0 18px rgba(145,255,21,.25));transform:scale(1.04)}}@keyframes stackShift{0%,100%{margin-top:0}50%{margin-top:-7px}}@keyframes letterRise{0%,25%,100%{opacity:.3;transform:translateY(10px)}45%,75%{opacity:1;transform:none}}@keyframes beamSweep{0%{transform:translate(-35%,-10px) rotate(-14deg);opacity:0}35%,70%{opacity:1}100%{transform:translate(35%,10px) rotate(-14deg);opacity:0}}@media(max-width:980px){.motion-grid-mega{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.motion-grid-mega{grid-template-columns:1fr}.stat strong{font-size:44px}}


/* V13 — compact preview wall, smoother promo, custom scrollbar, price transitions */
html{scrollbar-width:thin;scrollbar-color:#6f43d9 #08070d}
html::-webkit-scrollbar{width:11px;height:11px}
html::-webkit-scrollbar-track{background:#08070d}
html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7d4fff,#4f2aa6);border:3px solid #08070d;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9a6cff,#6540c7)}
*{scrollbar-width:thin;scrollbar-color:#6841c5 #0b0910}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#0b0910}
*::-webkit-scrollbar-thumb{background:#5d37b1;border:2px solid #0b0910;border-radius:999px}

.promo{max-height:38px;opacity:1;transform:translateY(0);transition:max-height .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1),opacity .28s ease,transform .42s cubic-bezier(.2,.8,.2,1),padding .42s ease,border-width .42s ease}
.promo.promo-closing{height:0!important;max-height:0!important;opacity:0;transform:translateY(-18px);padding-top:0!important;padding-bottom:0!important;border-width:0!important;pointer-events:none}
.promo .close{transition:transform .2s ease,opacity .2s ease}
.promo .close:hover{transform:rotate(90deg) scale(1.08);opacity:.72}

.hero{background:linear-gradient(rgba(38,21,70,.08),rgba(10,4,22,.17)),linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),radial-gradient(circle at 18% 62%,rgba(86,39,205,.18),transparent 30%),radial-gradient(circle at 88% 22%,rgba(33,160,255,.09),transparent 28%),#07060b;background-size:auto,46px 46px,46px 46px,auto,auto,auto}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(540px,.98fr);gap:56px}
.hero-actions-cc{gap:20px;margin-top:31px}
.hero-try-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:224px;height:54px;padding:0 30px;border-radius:14px;border:1px solid rgba(213,191,255,.5);background:linear-gradient(180deg,#7d57ff,#6847ef);box-shadow:0 8px 0 #5035c9,0 14px 34px rgba(102,68,239,.36),inset 0 1px 0 rgba(255,255,255,.26);font-size:15px;font-weight:850;color:#fff;text-decoration:none;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.hero-try-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.22) 42%,transparent 62%);transform:translateX(-130%);transition:transform .6s ease}
.hero-try-btn:hover:before{transform:translateX(130%)}
.hero-try-btn:hover{transform:translateY(-2px);box-shadow:0 9px 0 #5035c9,0 20px 42px rgba(109,71,255,.48),0 0 0 5px rgba(116,76,255,.09);filter:saturate(1.08)}
.hero-try-btn:active{transform:translateY(4px);box-shadow:0 3px 0 #5035c9,0 9px 22px rgba(109,71,255,.32)}
.hero-watch-btn{display:inline-flex;align-items:center;gap:11px;color:#aaa5b7;text-decoration:none;font-size:14px;font-weight:650;transition:color .2s ease,transform .2s ease}
.hero-watch-btn:hover{color:#fff;transform:translateX(3px)}
.play-triangle{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #f2eef9;filter:drop-shadow(0 0 8px rgba(255,255,255,.15));transition:transform .2s ease}
.hero-watch-btn:hover .play-triangle{transform:scale(1.12)}

.showcase-preview-wall{height:558px;position:relative;overflow:hidden;mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 94%,transparent 100%)}
.showcase-preview-wall:before{content:"";position:absolute;inset:2% -10% 0;background:radial-gradient(circle at 45% 45%,rgba(116,68,255,.18),transparent 55%);filter:blur(26px);pointer-events:none}
.preview-wall-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:154px;gap:12px;height:max-content;padding:8px 0;animation:previewWallDrift 10s ease-in-out infinite}
.preview-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding:16px;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.09);box-shadow:0 22px 58px rgba(0,0,0,.28);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.preview-tile:hover{transform:translateY(-5px) scale(1.012);border-color:rgba(179,127,255,.32);box-shadow:0 28px 72px rgba(48,22,104,.32)}
.preview-tile strong{font-size:34px;line-height:.86;letter-spacing:-.075em;position:relative;z-index:2}
.preview-tile small{margin-top:9px;color:rgba(255,255,255,.74);font-size:10px;position:relative;z-index:2}
.preview-kicker{position:absolute;left:13px;top:13px;z-index:2;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#ddd6eb}
.preview-editor{grid-column:2;grid-row:1 / span 2;padding:9px;background:#111018}
.preview-editor img{width:100%;height:100%;object-fit:cover;border-radius:15px;display:block}
.preview-gaming{grid-column:1;grid-row:1 / span 2;background:radial-gradient(circle at 78% 22%,rgba(136,255,38,.95) 0 6%,transparent 7%),linear-gradient(145deg,#070a16,#2436e9)}
.preview-tech{background:linear-gradient(145deg,#06111d,#00a9f8)}
.preview-vlog{background:linear-gradient(145deg,#3d1e3b,#f25486)}
.preview-rank{background:linear-gradient(145deg,#04120a,#18c665)}
.preview-news{background:linear-gradient(145deg,#190b13,#df3e58)}
.preview-podcast{background:linear-gradient(145deg,#13091c,#7f39dd)}
.preview-luxe{background:linear-gradient(145deg,#24130f,#e97a52)}
.preview-ai{background:linear-gradient(145deg,#05131b,#14bac9)}
.preview-orb{position:absolute;right:18px;top:42px;width:44px;height:44px;border-radius:50%;background:#84ff2f;box-shadow:0 0 26px rgba(132,255,47,.32)}
@keyframes previewWallDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.price-card .price span[data-monthly-price]{display:inline-block;min-width:.66em;font-variant-numeric:tabular-nums;transform-origin:50% 70%}
.price-number-pop{animation:priceNumberPop .58s cubic-bezier(.2,.9,.2,1)}
.billing-note-pop{animation:billingNotePop .38s ease}
@keyframes priceNumberPop{0%{transform:translateY(8px) scale(.96);filter:blur(4px);opacity:.45}50%{transform:translateY(-3px) scale(1.045);filter:blur(0);opacity:1}100%{transform:none;opacity:1}}
@keyframes billingNotePop{0%{opacity:.2;transform:translateY(5px)}100%{opacity:1;transform:none}}
.pricing-switch button.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 24px rgba(105,62,196,.18)}

@media(max-width:1180px){.hero-grid{grid-template-columns:1fr 1fr;gap:34px}.preview-wall-grid{grid-auto-rows:138px}.showcase-preview-wall{height:510px}.preview-tile strong{font-size:28px}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.showcase-preview-wall{height:500px;margin-top:20px}.preview-wall-grid{grid-auto-rows:140px}.hero-actions-cc{flex-wrap:wrap}}
@media(max-width:640px){.hero-actions-cc{gap:14px}.hero-try-btn{min-width:190px;height:50px}.hero-watch-btn{font-size:13px}.showcase-preview-wall{height:470px}.preview-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:130px}.preview-editor{grid-column:2;grid-row:1 / span 2}.preview-gaming{grid-column:1;grid-row:1 / span 2}.preview-tile strong{font-size:25px}.preview-tech,.preview-vlog,.preview-rank,.preview-news,.preview-podcast,.preview-luxe,.preview-ai{grid-column:auto;grid-row:auto}}

/* V14 — Pro, checkout, motion preview */
.modal-open{overflow:hidden}.feature-muted{opacity:.5}.pro-feature-showcase{margin-top:46px;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:radial-gradient(circle at 50% 0%,rgba(124,76,255,.12),transparent 42%),rgba(255,255,255,.02)}.pro-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.pro-feature-grid>div{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.025);transition:.22s}.pro-feature-grid>div:hover{transform:translateY(-3px);border-color:rgba(145,94,255,.22);background:rgba(255,255,255,.04)}.pro-feature-grid svg{width:22px;color:#a477ff;margin-bottom:13px}.pro-feature-grid b{display:block;font-size:15px}.pro-feature-grid span{display:block;color:#96909e;font-size:12px;line-height:1.6;margin-top:7px}.motion-pro-banner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:24px 26px;margin-bottom:22px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 12% 10%,rgba(126,76,255,.16),transparent 36%),rgba(255,255,255,.025)}.motion-pro-banner h2{margin:8px 0 8px;font-size:28px;letter-spacing:-.04em}.motion-pro-banner p{margin:0;color:#9b95a3;line-height:1.6;max-width:75ch}.motion-card{appearance:none;width:100%;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.motion-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.motion-meta>div{min-width:0}.motion-tier{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:45px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:900;letter-spacing:.08em}.motion-tier.pro{color:#d8c6ff;background:rgba(126,76,255,.12);border-color:rgba(145,94,255,.22)}.motion-tier.free{color:#cfff9b;background:rgba(145,255,21,.07);border-color:rgba(145,255,21,.14)}
.checkout-shell,.motion-preview-shell{position:fixed;inset:0;z-index:500;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.checkout-shell.show,.motion-preview-shell.show{opacity:1;visibility:visible}.checkout-backdrop,.motion-preview-backdrop{position:absolute;inset:0;background:rgba(3,3,6,.72);backdrop-filter:blur(14px)}.checkout-modal{position:absolute;left:50%;top:50%;width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;transform:translate(-50%,-48%) scale(.985);padding:28px;border-radius:32px;background:linear-gradient(180deg,#111019,#08070d);border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 160px rgba(0,0,0,.6);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.checkout-shell.show .checkout-modal{transform:translate(-50%,-50%) scale(1)}.checkout-close,.motion-preview-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:3}.checkout-close svg,.motion-preview-close svg{width:18px}.checkout-brand{display:flex;align-items:center;gap:10px;font-weight:900;margin-bottom:28px}.checkout-brand img{width:30px;height:30px}.checkout-brand em{font-style:normal;font-size:9px;letter-spacing:.12em;padding:5px 8px;border-radius:999px;background:rgba(145,255,21,.08);color:#cfff9b;border:1px solid rgba(145,255,21,.12)}.checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.checkout-main{padding:8px 6px 6px}.checkout-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#b790ff}.checkout-main h2{font-size:42px;letter-spacing:-.06em;margin:8px 0 6px}.checkout-main>p{color:#928b9c;margin:0 0 20px}.checkout-cycle{display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#09080d;margin-bottom:18px}.checkout-cycle button{border:0;background:transparent;color:#8d8794;padding:10px 14px;border-radius:10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.checkout-cycle button.active{background:#1b1723;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.checkout-cycle span{color:#91ff15}.checkout-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px}.checkout-methods button{min-height:58px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#dcd6e5;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.checkout-methods button:hover,.checkout-methods button.active{transform:translateY(-2px);border-color:rgba(151,96,255,.28);background:rgba(126,76,255,.09);color:#fff}.checkout-methods svg{width:18px}.checkout-card-fields{display:grid;gap:10px}.checkout-card-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-card-fields label{display:grid;gap:7px;color:#96909d;font-size:10px;font-weight:800}.checkout-card-fields input{height:50px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#fff;padding:0 14px;font:inherit;outline:none}.checkout-card-fields input:focus{border-color:rgba(151,96,255,.32);box-shadow:0 0 0 4px rgba(126,76,255,.08)}.checkout-wallet-message{min-height:140px;border:1px dashed rgba(255,255,255,.09);border-radius:18px;display:flex;align-items:center;justify-content:center;gap:10px;color:#a19aa8}.checkout-wallet-message svg{width:20px;color:#91ff15}.checkout-secure-note{display:flex;gap:9px;margin-top:14px;padding:12px 13px;border-radius:14px;background:rgba(145,255,21,.04);border:1px solid rgba(145,255,21,.08);color:#97919f;font-size:10px;line-height:1.5}.checkout-secure-note svg{width:15px;flex:none;color:#91ff15}.checkout-summary{padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 0%,rgba(126,76,255,.16),transparent 42%),rgba(255,255,255,.025)}.checkout-plan-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#7044ff,#b86fff);box-shadow:0 14px 40px rgba(116,68,255,.26);margin-bottom:18px}.checkout-plan-icon svg{width:22px}.checkout-plan-label{display:block;color:#b6afc0;font-size:10px;font-weight:900;letter-spacing:.12em}.checkout-price{display:flex;align-items:flex-end;gap:5px;margin:8px 0 4px}.checkout-price strong{font-size:52px;line-height:1;letter-spacing:-.07em}.checkout-price span{color:#88818f;font-size:12px;margin-bottom:7px}.checkout-summary>small{color:#8c8593}.checkout-summary ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.checkout-summary li{display:flex;gap:8px;align-items:center;color:#cfc9d6;font-size:11px}.checkout-summary li svg{width:15px;color:#91ff15}.checkout-submit{width:100%;min-height:52px}.checkout-account-note{margin-top:12px;text-align:center;color:#7f7985;font-size:10px;line-height:1.5}.checkout-success{padding:58px 24px;text-align:center}.checkout-success-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#91ff15;color:#071007;box-shadow:0 0 45px rgba(145,255,21,.22)}.checkout-success-icon svg{width:28px}.checkout-success h2{font-size:42px;letter-spacing:-.05em;margin:0}.checkout-success p{color:#928b9a}.hidden{display:none!important}.btn.loading{pointer-events:none;opacity:.72;position:relative}.btn.loading:after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .7s linear infinite;margin-left:7px}
.motion-preview-modal{position:absolute;left:50%;top:50%;width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;transform:translate(-50%,-48%) scale(.985);border-radius:30px;background:#0b0910;border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 160px rgba(0,0,0,.62);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.motion-preview-shell.show .motion-preview-modal{transform:translate(-50%,-50%) scale(1)}.motion-preview-stage{height:420px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 100%,rgba(124,77,255,.22),transparent 58%),#07060a}.motion-preview-stage>*{transform:scale(1.25)}.motion-preview-info{padding:24px}.motion-preview-info h2{font-size:32px;letter-spacing:-.04em;margin:9px 0 6px}.motion-preview-info p{margin:0;color:#928b9a}.motion-download-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.motion-download-actions .locked{position:relative;opacity:.7}.motion-download-actions .locked:after{content:'PRO';font-size:8px;font-weight:900;margin-left:6px;color:#d8c5ff}.motion-format-note{display:flex;gap:9px;align-items:flex-start;margin-top:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025);color:#898391;font-size:10px;line-height:1.55}.motion-format-note svg{width:15px;flex:none;color:#b28aff}
@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}.checkout-methods{grid-template-columns:repeat(2,1fr)}.pro-feature-grid{grid-template-columns:repeat(2,1fr)}.motion-pro-banner{grid-template-columns:1fr}.motion-preview-stage{height:320px}}@media(max-width:600px){.checkout-modal{padding:20px}.checkout-main h2{font-size:34px}.checkout-card-fields>div{grid-template-columns:1fr}.pro-feature-grid{grid-template-columns:1fr}.motion-preview-info{padding:18px}.motion-download-actions .btn{width:100%}}

.template-card[data-pro-template]{position:relative}.template-card[data-pro-template]:after{content:"PRO";position:absolute;top:14px;right:14px;z-index:4;padding:4px 7px;border-radius:999px;background:rgba(8,7,12,.76);border:1px solid rgba(255,255,255,.12);color:#e1d3ff;font-size:8px;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(10px)}

/* V15 checkout wizard */
.checkout-v15 .checkout-modal{width:min(1120px,calc(100vw - 36px));max-height:min(900px,calc(100vh - 34px));overflow:auto;padding:28px;border-radius:34px;background:radial-gradient(circle at 72% 8%,rgba(115,73,255,.14),transparent 28%),linear-gradient(180deg,#111019,#09090f);border:1px solid rgba(255,255,255,.08);box-shadow:0 34px 120px rgba(0,0,0,.55)}
.checkout-progress-v15{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px;margin:22px 0 26px;padding-top:6px}
.checkout-progress-line{position:absolute;left:16%;right:16%;top:25px;height:2px;background:rgba(255,255,255,.08);overflow:hidden;border-radius:999px}.checkout-progress-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7950ff,#c56eff);box-shadow:0 0 18px rgba(135,86,255,.55);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.checkout-progress-v15>button{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;border:0;background:transparent;color:#6e6978;font:inherit;cursor:default}.checkout-progress-v15>button span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#111019;border:1px solid rgba(255,255,255,.09);font-size:12px;font-weight:900;transition:.3s}.checkout-progress-v15>button b{font-size:11px;letter-spacing:.04em}.checkout-progress-v15>button.active span{background:linear-gradient(135deg,#6f43ff,#b865ff);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(111,67,255,.24)}.checkout-progress-v15>button.active b{color:#d9c9ff}.checkout-progress-v15>button.current span{transform:scale(1.08);box-shadow:0 0 0 7px rgba(127,82,255,.09),0 12px 30px rgba(111,67,255,.28)}
.checkout-grid-v15{grid-template-columns:minmax(0,1.25fr) 340px;gap:28px}.checkout-main-v15{min-height:540px}.checkout-step-v15{display:none;animation:checkoutStepIn .34s cubic-bezier(.2,.8,.2,1)}.checkout-step-v15.active{display:block}.checkout-step-v15 h2{font-size:42px;letter-spacing:-.06em;margin:10px 0 8px}.checkout-step-v15>p{color:#9c96a8;line-height:1.65;max-width:62ch}
.checkout-cycle-v15{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.checkout-cycle-v15 button{min-height:78px;padding:14px 16px;text-align:left;display:grid;gap:4px;border-radius:18px}.checkout-cycle-v15 button b{font-size:15px}.checkout-cycle-v15 button span{font-size:11px;color:#8c8598}.checkout-cycle-v15 button.active span{color:#d9cbff}
.checkout-plan-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-plan-benefits>div{display:flex;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.checkout-plan-benefits svg{width:18px;color:#a97cff;flex:none;margin-top:2px}.checkout-plan-benefits b,.checkout-plan-benefits small{display:block}.checkout-plan-benefits b{font-size:12px}.checkout-plan-benefits small{font-size:10px;color:#827c8c;margin-top:4px;line-height:1.45}
.checkout-step-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.checkout-step-actions .btn{min-height:48px}.checkout-step-actions .btn.primary{min-width:210px}
.checkout-methods-v15{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0 18px}.checkout-methods-v15 button{min-height:70px;border-radius:17px;padding:10px;display:grid;place-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#fff;transition:.2s}.checkout-methods-v15 button:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)}.checkout-methods-v15 button.active{border-color:rgba(150,94,255,.5);background:linear-gradient(180deg,rgba(128,78,255,.12),rgba(255,255,255,.035));box-shadow:0 10px 34px rgba(91,48,180,.16)}
.brand-card,.brand-paypal,.brand-gpay,.brand-applepay,.brand-sepa{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.brand-card svg,.brand-sepa svg,.brand-applepay svg{width:20px;height:20px}.brand-card b,.brand-sepa b,.brand-applepay b,.brand-gpay b{font-size:13px}.brand-paypal i{font-style:italic;font-size:24px;font-weight:1000;letter-spacing:-.12em;color:#009cde;text-shadow:-4px 0 #003087}.brand-paypal b{color:#003087;font-size:13px}.brand-paypal em{font-style:normal;color:#009cde;font-size:13px;font-weight:800;margin-left:-5px}.brand-gpay i{font-style:normal;font-size:18px;font-weight:900;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-gpay u{text-decoration:none}.brand-gpay b{font-weight:700}.brand-applepay{font-weight:700}.brand-sepa{font-weight:800}
.checkout-card-fields-v15{display:grid;gap:13px;padding:16px;border-radius:20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}.checkout-card-fields-v15 label{display:grid;gap:7px;color:#8e8797;font-size:10px;font-weight:700}.checkout-card-fields-v15 input{width:100%;height:50px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0c0b11;color:#fff;padding:0 14px;outline:none}.checkout-card-fields-v15 input:focus{border-color:rgba(155,99,255,.38);box-shadow:0 0 0 4px rgba(126,75,255,.08)}.checkout-input-wrap{position:relative}.checkout-input-wrap>svg{position:absolute;left:14px;top:15px;width:18px;color:#8c8598}.checkout-input-wrap input{padding-left:43px;padding-right:100px}.card-mini-logos{position:absolute;right:12px;top:10px;display:flex;align-items:center;gap:7px}.card-mini-logos b{font-size:10px;letter-spacing:.03em;color:#fff;background:#1c4da0;border-radius:5px;padding:5px 6px}.card-mini-logos i{width:30px;height:20px;border-radius:6px;background:radial-gradient(circle at 40% 50%,#eb001b 0 38%,transparent 39%),radial-gradient(circle at 62% 50%,#f79e1b 0 38%,transparent 39%),#111}
.checkout-wallet-message{display:flex;align-items:center;gap:16px;min-height:126px;padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 10% 50%,rgba(122,77,255,.12),transparent 40%),rgba(255,255,255,.025)}.wallet-hero{width:118px;height:74px;display:grid;place-items:center;border-radius:18px;background:#fff;color:#111}.checkout-wallet-message b,.checkout-wallet-message span{display:block}.checkout-wallet-message b{font-size:15px}.checkout-wallet-message span{margin-top:5px;color:#8d8796;font-size:11px;line-height:1.55}
.checkout-review-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.checkout-review-card>div{padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.checkout-review-card span,.checkout-review-card b{display:block}.checkout-review-card span{font-size:10px;color:#7f7888;text-transform:uppercase;letter-spacing:.08em}.checkout-review-card b{margin-top:6px;font-size:14px}.checkout-summary-v15{align-self:stretch;position:sticky;top:0}.checkout-summary-separator{height:1px;background:rgba(255,255,255,.08);margin:20px 0}.checkout-account-note{margin-top:20px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
@keyframes checkoutStepIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}

/* V15 motion customizer */
.motion-preview-modal-v15{width:min(980px,calc(100vw - 32px));grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.motion-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.motion-preview-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:rgba(144,96,255,.08);border:1px solid rgba(144,96,255,.16);font-size:10px;color:#cdb7ff;white-space:nowrap}.motion-preview-badge svg{width:13px}.motion-customize{margin:18px 0;padding:15px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);display:grid;gap:12px}.motion-customize-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.motion-customize-head>span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.motion-customize-head svg{width:15px;color:#aa7bff}.motion-customize-head small{font-size:9px;color:#7e7788}.motion-customize label{display:grid;gap:6px;color:#8f8898;font-size:10px}.motion-customize input{width:100%;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0d0b12;color:#fff;padding:0 12px;outline:none}.motion-customize input:focus{border-color:rgba(156,96,255,.42);box-shadow:0 0 0 4px rgba(126,75,255,.07)}.motion-text-actions{display:flex;justify-content:flex-end}.motion-preview-stage{overflow:hidden}.motion-preview-stage>*{max-width:100%}

@media(max-width:900px){.checkout-grid-v15{grid-template-columns:1fr}.checkout-summary-v15{position:relative}.checkout-methods-v15{grid-template-columns:repeat(3,1fr)}.motion-preview-modal-v15{grid-template-columns:1fr}}
@media(max-width:620px){.checkout-v15 .checkout-modal{padding:20px 16px;border-radius:24px}.checkout-progress-v15{margin-top:14px}.checkout-step-v15 h2{font-size:32px}.checkout-plan-benefits,.checkout-review-card{grid-template-columns:1fr}.checkout-methods-v15{grid-template-columns:1fr 1fr}.checkout-cycle-v15{grid-template-columns:1fr}.checkout-step-actions{flex-direction:column-reverse}.checkout-step-actions .btn{width:100%}.motion-preview-heading{display:block}.motion-preview-badge{margin-top:10px}}

/* V16 — motion expansion, preview watermark, cookies */
.motion-stage,.motion-preview-stage{position:relative;overflow:hidden;isolation:isolate}.motion-stage>*:not(.loaf-watermark-grid),.motion-preview-stage>*:not(.loaf-watermark-grid){position:relative;z-index:2}.loaf-watermark-grid{position:absolute!important;inset:-12%!important;z-index:12!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important;gap:22px!important;transform:rotate(-15deg)!important;pointer-events:none!important;opacity:.12!important;mix-blend-mode:screen!important}.loaf-watermark-item{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.04em!important;white-space:nowrap!important}.loaf-watermark-item img{width:17px!important;height:17px!important;object-fit:contain!important;filter:grayscale(.2) brightness(1.4)!important}.motion-preview-stage .loaf-watermark-grid{opacity:.095!important;grid-template-columns:repeat(4,1fr)!important}.motion-preview-badge::after{content:' · WATERMARKED PREVIEW';color:#8f8799;font-size:9px;margin-left:4px}
.anim-typewriter{display:flex;align-items:center;gap:5px;font-size:34px;font-weight:1000;letter-spacing:-.05em}.anim-typewriter i{width:3px;height:40px;background:#91ff15;animation:typeCursor .7s steps(1) infinite}.anim-typewriter span{display:inline-block;overflow:hidden;white-space:nowrap;width:0;animation:typeWrite 2.2s steps(12) infinite alternate}.anim-split{font-size:38px;font-weight:1000;letter-spacing:-.06em;animation:splitReveal 1.8s ease-in-out infinite}.anim-kinetic{display:grid;gap:10px;text-align:center}.anim-kinetic b{font-size:34px}.anim-kinetic i{display:block;height:6px;border-radius:99px;background:#91ff15;transform-origin:left;animation:underlineMove 1.5s ease-in-out infinite}.anim-count{display:grid;text-align:center}.anim-count b{font-size:62px;letter-spacing:-.08em;animation:countPop 1.4s ease-in-out infinite}.anim-count span{font-size:14px;color:#91ff15;font-weight:900;letter-spacing:.18em}.anim-logo-orbit,.anim-logo-pulse,.anim-logo-shine{position:relative;display:flex;align-items:center;justify-content:center;gap:14px}.anim-logo-orbit img,.anim-logo-pulse img,.anim-logo-shine img{width:74px;height:74px;filter:drop-shadow(0 0 22px rgba(132,82,255,.65))}.anim-logo-orbit i{position:absolute;width:126px;height:126px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:logoOrbit 1.8s linear infinite}.anim-logo-orbit i:after{content:'';position:absolute;top:5px;left:50%;width:16px;height:16px;border-radius:50%;background:#91ff15;box-shadow:0 0 20px #91ff15}.anim-logo-pulse{animation:logoPulse 1.65s ease-in-out infinite}.anim-logo-shine{font-size:44px;font-weight:1000;overflow:hidden}.anim-logo-shine i{position:absolute;top:-40%;bottom:-40%;width:46px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:rotate(18deg);animation:shineSweep 1.8s ease-in-out infinite}.anim-follow{display:flex;align-items:center;gap:12px;min-width:280px;padding:14px;border:1px solid rgba(255,255,255,.1);background:#121019;border-radius:20px;animation:followFloat 1.8s ease-in-out infinite}.anim-follow-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7044ff,#c46fff);font-weight:900}.anim-follow div{display:grid;flex:1}.anim-follow div b{font-size:15px}.anim-follow div small{color:#8e8798}.anim-follow>i{font-style:normal;font-size:10px;font-weight:900;padding:8px 11px;border-radius:999px;background:#91ff15;color:#091006}.anim-like{position:relative;font-size:80px;color:#ff5f91;animation:likePop 1.35s ease-in-out infinite}.anim-like i{position:absolute;width:9px;height:9px;border-radius:50%;background:#91ff15;animation:likeParticle 1.35s ease-out infinite}.anim-like i:nth-child(2){--x:70px;--y:-55px}.anim-like i:nth-child(3){--x:-74px;--y:-40px}.anim-like i:nth-child(4){--x:54px;--y:65px}.anim-like i:nth-child(5){--x:-55px;--y:62px}.anim-comment{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:22px;background:#121019;border:1px solid rgba(255,255,255,.1);animation:commentIn 1.8s cubic-bezier(.2,.9,.2,1) infinite}.anim-comment>span{font-size:28px}.anim-comment div{display:grid}.anim-comment small{color:#8e8798}.anim-lower-third{display:flex;align-items:center;gap:12px;min-width:320px;animation:lowerThird 2s ease-in-out infinite}.anim-lower-third>i{width:8px;height:74px;border-radius:99px;background:#91ff15}.anim-lower-third>div{padding:13px 18px;background:linear-gradient(90deg,#6f42e8,#a662ff);border-radius:14px;display:grid;min-width:240px}.anim-lower-third b{font-size:17px}.anim-lower-third span{font-size:11px;color:#e3d9ff}.anim-badge-slam{padding:17px 30px;border-radius:18px;background:#91ff15;color:#071007;font-size:36px;font-weight:1000;box-shadow:0 0 28px rgba(145,255,21,.45);animation:badgeSlam 1.5s cubic-bezier(.2,.9,.2,1) infinite}.anim-swipe{position:absolute;inset:0}.anim-swipe i{position:absolute;top:-10%;bottom:-10%;width:70%;background:#6e42ff;transform:skewX(-12deg);animation:swipeMove 1.8s ease-in-out infinite}.anim-swipe i:nth-child(2){background:#b16fff;animation-delay:.12s}.anim-circle-transition{width:36px;height:36px;border-radius:50%;background:#7c4dff;animation:circleTransition 1.8s ease-in-out infinite}.anim-pixels{display:grid;grid-template-columns:repeat(5,30px);gap:5px}.anim-pixels i{width:30px;height:30px;border-radius:4px;background:#8756ff;opacity:.15;animation:pixelOn 1.6s ease-in-out infinite}.anim-pixels i:nth-child(3n){animation-delay:.1s}.anim-pixels i:nth-child(4n){animation-delay:.2s}.anim-pixels i:nth-child(5n){animation-delay:.3s}.anim-tunnel{position:relative;width:180px;height:120px}.anim-tunnel i{position:absolute;inset:0;border:3px solid rgba(157,99,255,.7);border-radius:24px;animation:tunnel 1.8s ease-in-out infinite}.anim-tunnel i:nth-child(2){animation-delay:.2s}.anim-tunnel i:nth-child(3){animation-delay:.4s}.anim-tunnel i:nth-child(4){animation-delay:.6s}.anim-cursor{position:relative;font-size:70px;transform:rotate(-16deg);animation:cursorTap 1.4s ease-in-out infinite}.anim-cursor i{position:absolute;left:45px;top:52px;width:24px;height:24px;border:2px solid #91ff15;border-radius:50%;animation:cursorRing 1.4s ease-out infinite}.anim-notification-stack{position:relative;width:300px;height:150px}.anim-notification-stack div{position:absolute;left:0;right:0;padding:12px 14px;border-radius:16px;background:#121019;border:1px solid rgba(255,255,255,.1);display:grid;animation:notifStack 2.4s ease-in-out infinite}.anim-notification-stack div:nth-child(1){top:0}.anim-notification-stack div:nth-child(2){top:48px;animation-delay:.1s}.anim-notification-stack div:nth-child(3){top:96px;animation-delay:.2s}.anim-notification-stack span{font-size:10px;color:#898291}.anim-progress-bar{display:grid;gap:12px;width:310px}.anim-progress-bar>div{height:18px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.anim-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#91ff15,#9c6fff);animation:progressLoad 2s ease-in-out infinite}.anim-progress-bar b{text-align:center}.anim-equalizer,.anim-waveform{display:flex;align-items:center;gap:6px;height:120px}.anim-equalizer i,.anim-waveform i{width:9px;height:40px;border-radius:99px;background:linear-gradient(#b76cff,#6240ff);animation:eqWave .9s ease-in-out infinite alternate}.anim-equalizer i:nth-child(3n),.anim-waveform i:nth-child(3n){animation-delay:.15s}.anim-equalizer i:nth-child(4n),.anim-waveform i:nth-child(4n){animation-delay:.3s}.anim-waveform i{width:6px;background:#61e7ff}.anim-neon-frame{width:260px;height:140px;border:3px solid #9b63ff;border-radius:24px;box-shadow:0 0 22px rgba(143,92,255,.7),inset 0 0 20px rgba(143,92,255,.14);animation:neonFrame 1.7s ease-in-out infinite}.anim-confetti{position:relative;width:20px;height:20px}.anim-confetti i{position:absolute;width:8px;height:18px;border-radius:3px;background:#91ff15;animation:confetti 1.8s ease-out infinite}.anim-confetti i:nth-child(4n){background:#b16fff}.anim-confetti i:nth-child(3n){background:#61e7ff}.anim-confetti i:nth-child(5n){background:#ff5e91}.anim-particle-trail{position:relative;width:260px;height:150px}.anim-particle-trail b{position:absolute;width:26px;height:26px;border-radius:50%;background:#b16fff;box-shadow:0 0 24px #9b63ff;animation:trailHead 2.2s ease-in-out infinite}.anim-particle-trail i{position:absolute;width:12px;height:12px;border-radius:50%;background:#9b63ff;opacity:.55;animation:trailHead 2.2s ease-in-out infinite reverse}.anim-floating-icons{position:relative;width:260px;height:150px}.anim-floating-icons span{position:absolute;font-size:34px;color:#fff;animation:floatIcon 2.4s ease-in-out infinite}.anim-floating-icons span:nth-child(1){left:10%;top:15%;color:#91ff15}.anim-floating-icons span:nth-child(2){left:72%;top:12%;color:#b16fff;animation-delay:.3s}.anim-floating-icons span:nth-child(3){left:42%;top:54%;color:#61e7ff;animation-delay:.6s}.anim-floating-icons span:nth-child(4){left:8%;top:68%;color:#ff5e91;animation-delay:.9s}.anim-floating-icons span:nth-child(5){left:78%;top:67%;animation-delay:1.2s}
@keyframes typeCursor{50%{opacity:0}}@keyframes typeWrite{0%,10%{width:0}70%,100%{width:250px}}@keyframes splitReveal{0%{transform:scaleX(.55);letter-spacing:.18em;filter:blur(8px);opacity:0}45%,100%{transform:none;letter-spacing:-.04em;filter:none;opacity:1}}@keyframes underlineMove{0%,15%{transform:scaleX(.05)}55%,100%{transform:scaleX(1)}}@keyframes countPop{0%{transform:scale(.55);opacity:0}45%{transform:scale(1.08);opacity:1}65%,100%{transform:scale(1)}}@keyframes logoOrbit{to{transform:rotate(360deg)}}@keyframes logoPulse{50%{transform:scale(1.09);filter:brightness(1.2)}}@keyframes shineSweep{0%{left:-30%}65%,100%{left:130%}}@keyframes followFloat{50%{transform:translateY(-8px);box-shadow:0 18px 38px rgba(0,0,0,.25)}}@keyframes likePop{0%{transform:scale(.55)}40%{transform:scale(1.18)}60%,100%{transform:scale(1)}}@keyframes likeParticle{0%{transform:translate(0,0);opacity:1}100%{transform:translate(var(--x),var(--y));opacity:0}}@keyframes commentIn{0%{transform:translateY(55px) scale(.9);opacity:0}45%,100%{transform:none;opacity:1}}@keyframes lowerThird{0%,12%{transform:translateX(-120%);opacity:0}45%,85%{transform:none;opacity:1}100%{transform:translateX(-20px);opacity:0}}@keyframes badgeSlam{0%{transform:scale(.4) rotate(-12deg);opacity:0}42%{transform:scale(1.12) rotate(2deg);opacity:1}60%,100%{transform:none;opacity:1}}@keyframes swipeMove{0%{left:-90%}55%,100%{left:130%}}@keyframes circleTransition{0%,10%{transform:scale(.2)}55%{transform:scale(18)}85%,100%{transform:scale(.2)}}@keyframes pixelOn{0%,15%{opacity:.08;transform:scale(.6)}45%,75%{opacity:1;transform:scale(1)}100%{opacity:.08;transform:scale(.6)}}@keyframes tunnel{0%{transform:scale(.15);opacity:0}45%{opacity:1}100%{transform:scale(1.25);opacity:0}}@keyframes cursorTap{45%{transform:rotate(-16deg) scale(.9)}55%{transform:rotate(-16deg) scale(1)}}@keyframes cursorRing{0%,42%{transform:scale(.3);opacity:0}55%{opacity:1}100%{transform:scale(2.3);opacity:0}}@keyframes notifStack{0%{transform:translateX(80px);opacity:0}35%,80%{transform:none;opacity:1}100%{transform:translateX(-18px);opacity:0}}@keyframes progressLoad{0%{width:8%}55%,100%{width:88%}}@keyframes eqWave{0%{height:18px}100%{height:108px}}@keyframes neonFrame{50%{filter:brightness(1.5);box-shadow:0 0 38px rgba(143,92,255,.9),inset 0 0 28px rgba(143,92,255,.22)}}@keyframes confetti{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(130px,160px) rotate(360deg);opacity:0}}@keyframes trailHead{0%{left:0;top:65%}45%{left:72%;top:10%}100%{left:15%;top:40%}}@keyframes floatIcon{50%{transform:translateY(-16px) rotate(10deg);filter:drop-shadow(0 0 12px currentColor)}}
/* Cookie consent */
.cookie-shell{position:fixed;inset:0;z-index:260;pointer-events:none}.cookie-banner{position:absolute;left:22px;right:22px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border-radius:22px;background:rgba(13,11,18,.95);border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 90px rgba(0,0,0,.46);backdrop-filter:blur(18px);pointer-events:auto;animation:cookieUp .45s cubic-bezier(.2,.8,.2,1)}.cookie-brand{display:flex;align-items:center;gap:14px;min-width:0}.cookie-brand img{width:36px;height:36px}.cookie-brand b{display:block;font-size:15px}.cookie-brand span{display:block;margin-top:4px;color:#9891a3;font-size:12px;line-height:1.5;max-width:720px}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.cookie-shell.leaving .cookie-banner{transform:translateY(130%);opacity:0;transition:.38s ease}.cookie-modal{position:fixed;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s;pointer-events:none}.cookie-modal.show{opacity:1;visibility:visible;pointer-events:auto}.cookie-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.66);backdrop-filter:blur(8px)}.cookie-card{position:relative;width:min(620px,calc(100% - 30px));padding:24px;border-radius:26px;background:#0e0c13;border:1px solid rgba(255,255,255,.09);box-shadow:0 32px 100px rgba(0,0,0,.55);pointer-events:auto}.cookie-card-head{display:flex;gap:16px;justify-content:space-between}.cookie-card h2{margin:10px 0 6px;font-size:30px}.cookie-card p{margin:0;color:#9992a4;line-height:1.6;font-size:13px}.cookie-options{display:grid;gap:10px;margin:20px 0}.cookie-options label{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:16px}.cookie-options b,.cookie-options small{display:block}.cookie-options small{margin-top:3px;color:#7f7888;line-height:1.45}.cookie-options input{width:20px;height:20px;accent-color:#8f5cff}.cookie-card-actions{display:flex;justify-content:flex-end;gap:10px}.cookie-card .motion-preview-close{position:static;flex:none}@keyframes cookieUp{from{transform:translateY(80px);opacity:0}to{transform:none;opacity:1}}@media(max-width:760px){.cookie-banner{left:10px;right:10px;bottom:10px;align-items:flex-start;flex-direction:column}.cookie-actions{width:100%}.cookie-actions .btn{flex:1}.cookie-brand span{font-size:11px}.loaf-watermark-grid{gap:10px!important}.loaf-watermark-item{font-size:9px!important}.loaf-watermark-item img{width:13px!important;height:13px!important}}


/* V17 plans */
.pricing-grid-v17{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pricing-grid-v17 .price-card{min-width:0}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-chip{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#b8b1c1;font-size:8px;font-weight:900;letter-spacing:.05em}.plan-chip.plus{color:#bff9ff;background:rgba(97,231,255,.08);border-color:rgba(97,231,255,.16)}.plan-chip.ultimate{color:#ffe8a9;background:rgba(255,202,92,.08);border-color:rgba(255,202,92,.16)}.plan-cta{width:100%;min-height:54px;margin-top:auto;border-radius:17px;font-weight:900;position:relative;overflow:hidden}.essential-cta{background:linear-gradient(180deg,#9e6fff,#754cff);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 30px rgba(122,77,255,.22)}.plus-cta{background:linear-gradient(180deg,#9cf8ff,#4edff1);color:#041014;border:1px solid rgba(255,255,255,.6);box-shadow:0 14px 32px rgba(80,225,244,.2),inset 0 -4px 0 rgba(0,105,140,.18)}.ultimate-cta{background:linear-gradient(180deg,#ffd975,#ffb43e);color:#211302;border:1px solid rgba(255,255,255,.5);box-shadow:0 14px 32px rgba(255,184,64,.18)}.plan-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.28) 48%,transparent 70%);transform:translateX(-130%);transition:transform .6s}.plan-cta:hover:before{transform:translateX(130%)}.plan-save{display:block;text-align:center;margin-top:9px;color:#6f7896;font-size:10px}.plan-plus{border-color:rgba(97,231,255,.28)!important;background:radial-gradient(circle at 50% 0%,rgba(84,222,241,.10),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))!important}.plan-ultimate{background:radial-gradient(circle at 50% 0%,rgba(255,202,92,.08),transparent 38%),rgba(255,255,255,.025)}
/* V17 checkout */
.checkout-plan-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.checkout-plan-switcher button{min-height:70px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#fff;display:grid;gap:4px;text-align:left;font:inherit;font-weight:900;cursor:pointer;transition:.2s}.checkout-plan-switcher button small{color:#817a8b;font-size:9px;font-weight:600}.checkout-plan-switcher button:hover{transform:translateY(-2px);border-color:rgba(151,96,255,.28)}.checkout-plan-switcher button.active{background:linear-gradient(180deg,rgba(121,77,255,.15),rgba(255,255,255,.03));border-color:rgba(156,98,255,.45);box-shadow:0 12px 30px rgba(74,40,155,.16)}.checkout-methods-v17{grid-template-columns:repeat(5,minmax(0,1fr))}.checkout-methods-v17 button{min-height:78px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:18px}.checkout-methods-v17 button.active{box-shadow:0 0 0 1px rgba(151,96,255,.5),0 14px 34px rgba(94,55,184,.18)}.brand-paypal-v17,.brand-gpay-v17,.brand-applepay-v17,.brand-sepa-v17,.brand-card-v17{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.brand-paypal-v17 .pp-p{font-size:25px;font-weight:1000;font-style:italic;color:#003087;text-shadow:3px 0 #009cde}.brand-paypal-v17 b{color:#fff;font-size:13px}.brand-paypal-v17 em{color:#00a5e5;font-size:13px;font-style:normal;font-weight:900;margin-left:-5px}.brand-gpay-v17 .gmark{width:22px;height:22px;position:relative;display:inline-block;border-radius:50%;background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);-webkit-mask:radial-gradient(circle at center,transparent 0 43%,#000 45% 100%);mask:radial-gradient(circle at center,transparent 0 43%,#000 45% 100%)}.brand-gpay-v17 b,.brand-applepay-v17 b,.brand-sepa-v17 b,.brand-card-v17 b{font-size:13px}.brand-applepay-v17 svg,.brand-sepa-v17 svg,.brand-card-v17>svg{width:20px}.tiny-cards{display:flex;gap:3px}.tiny-cards i{font-style:normal;font-size:6px;padding:3px 4px;border-radius:4px;background:#183b88;color:#fff}.tiny-cards i:last-child{background:#e54530}.checkout-submit-v17{background:linear-gradient(180deg,#9cf8ff,#4edff1)!important;color:#071014!important;border-color:rgba(255,255,255,.5)!important;box-shadow:0 14px 34px rgba(80,225,244,.18)}
/* V17 editor tool expansion */
.tool-grid-v17{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.media-grid-v17{grid-template-columns:repeat(2,minmax(0,1fr))}.media-pink{background:linear-gradient(135deg,#2a0c20,#ff5e91)}.media-gold{background:linear-gradient(135deg,#201506,#ffca5c)}.media-red{background:linear-gradient(135deg,#25080d,#ef3340)}.media-ice{background:linear-gradient(135deg,#0a121a,#b9e7ff);color:#08111a}.media-lime{background:linear-gradient(135deg,#081309,#91ff15);color:#071007}.media-midnight{background:linear-gradient(135deg,#04050a,#25284c)}.asset-chips-v17{grid-template-columns:repeat(5,1fr)!important}.bg-swatches-v17{grid-template-columns:repeat(4,1fr)!important}.brand-preview-v17{padding:14px}.brand-logo-frame{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,77,255,.18),rgba(179,108,255,.08));border:1px solid rgba(179,108,255,.16);overflow:hidden}.brand-logo-frame img{width:30px!important;height:30px!important;object-fit:contain}.brand-upload-v17{margin-top:14px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;padding:13px;border-radius:16px;border:1px dashed rgba(179,108,255,.38);background:rgba(124,77,255,.04);cursor:pointer;transition:.2s;min-width:0}.brand-upload-v17:hover{transform:translateY(-1px);border-color:rgba(179,108,255,.72);background:rgba(124,77,255,.075)}.brand-upload-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(124,77,255,.12);color:#bd93ff}.brand-upload-icon svg{width:20px}.brand-upload-v17 span b,.brand-upload-v17 span small{display:block;min-width:0}.brand-upload-v17 span b{font-size:11px;color:#fff}.brand-upload-v17 span small{font-size:8px;color:#756e7d;margin-top:3px}.brand-upload-v17 em{font-style:normal;font-size:8px;font-weight:900;color:#c9a8ff;padding:7px 9px;border-radius:9px;background:rgba(124,77,255,.12);white-space:nowrap}.brand-assets-v17{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.brand-empty-v17{grid-column:1/-1;min-height:76px;border:1px solid rgba(255,255,255,.05);border-radius:13px;display:grid;place-items:center;align-content:center;gap:6px;color:#68616f;font-size:8px;text-align:center}.brand-empty-v17 svg{width:16px}.brand-asset-thumb{position:relative;aspect-ratio:1.4;border:1px solid rgba(255,255,255,.06);background:#0b0a0f;border-radius:13px;overflow:hidden;padding:0;cursor:pointer}.brand-asset-thumb img{width:100%;height:100%;object-fit:contain;padding:8px}.brand-asset-thumb span{position:absolute;left:5px;right:5px;bottom:5px;padding:4px 5px;border-radius:7px;background:rgba(0,0,0,.6);color:#fff;font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-tab[data-plan-min="plus"],.preset-card[data-plan-min="essential"]{position:relative}.tool-tab[data-plan-min="plus"]:after{content:"PLUS+";position:absolute;top:5px;right:4px;font-size:6px;font-weight:1000;color:#bffaff;background:rgba(97,231,255,.09);border:1px solid rgba(97,231,255,.15);padding:2px 4px;border-radius:999px}.preset-card[data-plan-min="essential"]:after{content:"ESS";position:absolute;right:12px;top:12px;font-size:7px;font-weight:900;color:#dac7ff;background:rgba(10,8,15,.75);border:1px solid rgba(255,255,255,.1);padding:3px 6px;border-radius:999px}
/* V17 new animation preview cards */
[class^="anim-v17-"]{font-weight:1000;letter-spacing:-.05em;color:#fff}.anim-v17-word-wave{animation:v17wave 1.4s ease-in-out infinite}.anim-v17-scramble-title{animation:v17glitch .8s steps(2) infinite}.anim-v17-flip-3d{animation:v17flip 1.6s ease-in-out infinite}.anim-v17-chromatic-title{text-shadow:-4px 0 #ff4f87,4px 0 #55e8ff;animation:v17chrom .9s ease-in-out infinite}.anim-v17-bounce-words{animation:v17bounce 1s ease-in-out infinite}.anim-v17-subscribe-burst{padding:14px 24px;border-radius:999px;background:#ff315c;animation:v17pop 1.2s ease-in-out infinite}.anim-v17-follower-counter{font-size:34px;animation:v17pop 1.4s ease-in-out infinite}.anim-v17-verified-pop{padding:13px 18px;border-radius:14px;background:#7c4dff;animation:v17pop 1.2s ease-in-out infinite}.anim-v17-donation-alert{padding:16px 24px;border-radius:16px;background:#111019;color:#91ff15;animation:v17slide 1.6s ease-in-out infinite}.anim-v17-logo-shards,.anim-v17-logo-draw,.anim-v17-brand-stamp{font-size:34px;color:#b36cff;animation:v17logo 1.8s ease-in-out infinite}.anim-v17-liquid-wipe{width:110px;height:110px;border-radius:44% 56% 62% 38%;background:linear-gradient(135deg,#7c4dff,#61e7ff);animation:v17morph 1.8s ease-in-out infinite}.anim-v17-diagonal-shutters{width:140px;height:82px;background:repeating-linear-gradient(115deg,#7c4dff 0 18px,#b36cff 18px 36px);animation:v17slide 1.4s ease-in-out infinite}.anim-v17-lens-flash{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#fff 0,#b36cff 20%,transparent 65%);animation:v17flash 1.6s ease-in-out infinite}.anim-v17-aura-waves{width:54px;height:54px;border-radius:50%;border:5px solid #b36cff;box-shadow:0 0 0 16px rgba(179,108,255,.18),0 0 0 32px rgba(179,108,255,.08);animation:v17pulse 1.7s ease-in-out infinite}.anim-v17-star-tunnel{width:160px;height:100px;background:radial-gradient(circle at 20% 20%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,#fff 0 2px,transparent 3px),radial-gradient(circle at 45% 80%,#b36cff 0 3px,transparent 4px);animation:v17zoom 1.4s linear infinite}.anim-v17-speed-lines{width:150px;height:100px;background:repeating-conic-gradient(from 0deg,#fff0 0 8deg,#ffffff77 9deg 10deg);animation:v17spin 2s linear infinite}.anim-v17-tooltip-float{padding:13px 22px;border-radius:14px;background:#17151d;animation:v17float 1.8s ease-in-out infinite}.anim-v17-command-palette{width:190px;height:72px;border-radius:18px;background:#111019;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:#aaa4b5;animation:v17float 1.8s ease-in-out infinite}.anim-v17-success-check{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#91ff15;color:#071007;animation:v17pop 1.2s ease-in-out infinite}.anim-v17-dots-morph{width:100px;height:30px;background:radial-gradient(circle at 12% 50%,#7c4dff 0 10px,transparent 11px),radial-gradient(circle at 38% 50%,#b36cff 0 10px,transparent 11px),radial-gradient(circle at 64% 50%,#61e7ff 0 10px,transparent 11px),radial-gradient(circle at 90% 50%,#91ff15 0 10px,transparent 11px);animation:v17stretch 1.2s ease-in-out infinite}@keyframes v17wave{50%{transform:translateY(-12px) rotate(-2deg)}}@keyframes v17glitch{50%{transform:translateX(5px);filter:hue-rotate(90deg)}}@keyframes v17flip{50%{transform:rotateX(70deg)}}@keyframes v17chrom{50%{text-shadow:4px 0 #ff4f87,-4px 0 #55e8ff}}@keyframes v17bounce{50%{transform:translateY(-14px) scale(1.05)}}@keyframes v17pop{50%{transform:scale(1.12)}}@keyframes v17slide{50%{transform:translateX(16px)}}@keyframes v17logo{50%{transform:rotate(-4deg) scale(1.08)}}@keyframes v17morph{50%{border-radius:62% 38% 35% 65%;transform:rotate(18deg)}}@keyframes v17flash{50%{transform:scale(1.25);opacity:.35}}@keyframes v17pulse{50%{transform:scale(1.18)}}@keyframes v17zoom{50%{transform:scale(1.12)}}@keyframes v17spin{to{transform:rotate(1turn)}}@keyframes v17float{50%{transform:translateY(-10px)}}@keyframes v17stretch{50%{transform:scaleX(1.15)}}
@media(max-width:1180px){.pricing-grid-v17{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pricing-grid-v17{grid-template-columns:1fr}.checkout-plan-switcher,.checkout-methods-v17{grid-template-columns:1fr}.brand-upload-v17{grid-template-columns:42px 1fr}.brand-upload-v17 em{grid-column:2}}


/* V18 — richer template artwork */
.template-card-rich .template-preview{position:relative;isolation:isolate;overflow:hidden;background-size:140% 140%;animation:templateGradientDrift 9s ease-in-out infinite alternate}
.template-card-rich .template-preview>*:not(.template-visual-v18){position:relative;z-index:4}
.template-visual-v18{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.template-visual-v18 .v18-orb{position:absolute;width:150px;height:150px;right:-28px;top:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(255,255,255,.12) 20%,rgba(124,77,255,.5) 50%,transparent 72%);filter:blur(.2px);transform:rotate(var(--v18-rot,0deg));box-shadow:0 0 50px rgba(137,85,255,.2)}
.template-visual-v18 .v18-panel{position:absolute;right:18px;bottom:22px;width:108px;height:70px;border-radius:16px;background:rgba(6,7,14,.48);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);display:grid;align-content:center;gap:8px;padding:12px;transform:rotate(var(--v18-rot,0deg));box-shadow:0 18px 38px rgba(0,0,0,.26)}
.template-visual-v18 .v18-panel i{display:block;height:5px;border-radius:99px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.15))}.template-visual-v18 .v18-panel i:nth-child(2){width:72%;background:linear-gradient(90deg,#91ff15,rgba(145,255,21,.16))}.template-visual-v18 .v18-panel i:nth-child(3){width:45%;background:linear-gradient(90deg,#70dcff,rgba(112,220,255,.13))}
.template-visual-v18 .v18-avatar{position:absolute;right:66px;top:91px;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#8d5cff,#d679ff);font-weight:1000;font-size:22px;box-shadow:0 14px 30px rgba(0,0,0,.25),0 0 0 5px rgba(255,255,255,.05)}
.template-visual-v18 .v18-spark{position:absolute;right:28px;top:28px;color:#91ff15;font-size:30px;text-shadow:0 0 18px rgba(145,255,21,.55);animation:v18SparkFloat 2.5s ease-in-out infinite}
.template-visual-v18 .v18-tag{position:absolute;right:20px;bottom:102px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:900;letter-spacing:.12em;color:rgba(255,255,255,.7)}
.template-card-rich:hover .template-visual-v18 .v18-panel{transform:rotate(0deg) translateY(-4px)}
.template-card-rich:hover .template-visual-v18 .v18-orb{transform:scale(1.08) rotate(calc(var(--v18-rot,0deg) + 8deg))}
.template-visual-v18 .v18-panel,.template-visual-v18 .v18-orb{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
@keyframes templateGradientDrift{to{background-position:100% 70%}}@keyframes v18SparkFloat{50%{transform:translateY(-8px) rotate(12deg)}}

/* V18 — docs */
.docs-hero-v18{padding-bottom:42px}.docs-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.docs-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:880px;margin:28px auto 0}.docs-hero-stats>div{padding:15px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.docs-hero-stats strong{display:block;font-size:28px;letter-spacing:-.05em}.docs-hero-stats span{color:var(--muted);font-size:12px}.docs-layout-v18{align-items:start}.docs-side-v18{position:sticky;top:96px;padding:14px}.docs-search-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin-bottom:12px}.docs-search-wrap svg{width:16px;color:#8f879b}.docs-search-wrap input{border:0;background:transparent;padding:13px 0;width:100%;color:#fff;outline:none}.docs-side-note{display:flex;gap:8px;margin-top:14px;padding:12px;border-radius:14px;background:rgba(124,77,255,.07);border:1px solid rgba(124,77,255,.14);color:#cfc5df;font-size:11px;line-height:1.5}.docs-side-note svg{width:15px;color:#b56cff;flex:none}.docs-main-v18 section{padding:26px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.07);margin-bottom:18px}.docs-section-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(145,255,21,.08);border:1px solid rgba(145,255,21,.12);color:#cbff91;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.docs-step-grid,.docs-tool-grid,.docs-card-grid,.docs-feature-row,.docs-plan-grid{display:grid;gap:12px;margin:16px 0}.docs-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-step-grid>div,.docs-card-grid>div,.docs-feature-row>div,.docs-plan-grid>div,.docs-tool-grid>div{position:relative;padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.docs-step-grid>div>span:first-child{position:absolute;right:14px;top:12px;color:#6f6878;font-size:11px;font-weight:900}.docs-step-grid svg,.docs-tool-grid svg,.docs-feature-row svg{width:20px;color:#b16fff;margin-bottom:10px}.docs-step-grid h3,.docs-card-grid h3{margin:0 0 7px}.docs-step-grid p,.docs-card-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.docs-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.docs-tool-grid>div{display:grid;gap:5px}.docs-tool-grid span,.docs-feature-row span,.docs-plan-grid span{color:var(--muted);font-size:12px;line-height:1.55}.docs-feature-row{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-feature-row>div{display:grid;gap:6px}.docs-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.docs-plan-grid strong{font-size:16px;margin-bottom:6px;display:block}.callout.warning{background:rgba(255,177,73,.06);border-color:rgba(255,177,73,.15)}.callout.warning svg{color:#ffb149}.docs-accordion{display:grid;gap:10px}.docs-accordion details{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.docs-accordion summary{cursor:pointer;font-weight:800}.docs-accordion p{margin:10px 0 0;color:var(--muted)}
@media(max-width:1000px){.docs-hero-stats,.docs-tool-grid,.docs-plan-grid{grid-template-columns:repeat(2,1fr)}.docs-feature-row,.docs-card-grid{grid-template-columns:1fr}.docs-side-v18{position:relative;top:auto}}@media(max-width:640px){.docs-hero-stats,.docs-step-grid,.docs-tool-grid,.docs-plan-grid{grid-template-columns:1fr}.docs-main-v18 section{padding:18px}}

/* V18 — checkout satisfaction sequence */
.checkout-modal.checkout-processing-v18{box-shadow:0 30px 120px rgba(124,77,255,.22)}
.checkout-shake-soft-v18{animation:v18ShakeSoft .3s linear infinite}.checkout-shake-medium-v18{animation:v18ShakeMedium .22s linear infinite}.checkout-shake-strong-v18{animation:v18ShakeStrong .12s linear infinite}
.checkout-approve-flash-v18::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 45%,rgba(145,255,21,.35),rgba(124,77,255,.12) 35%,transparent 70%);animation:v18ApproveFlash .42s ease-out;pointer-events:none}
.checkout-celebrate-v18{animation:v18Celebrate .72s cubic-bezier(.2,.9,.2,1)}
.checkout-success-v18{position:relative;overflow:hidden;min-height:520px;place-items:center;align-content:center;text-align:center;padding:50px 24px}.checkout-success-v18:not(.hidden){display:grid}.checkout-success-ring-v18{position:relative;width:140px;height:140px;display:grid;place-items:center;margin-bottom:18px}.checkout-success-ring-v18::before,.checkout-success-ring-v18::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(145,255,21,.35);animation:v18SuccessRing 1.7s ease-out infinite}.checkout-success-ring-v18::after{animation-delay:.35s}.checkout-success-v18 .checkout-success-icon{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#91ff15,#5af0b3);color:#071007;box-shadow:0 0 0 10px rgba(145,255,21,.06),0 0 55px rgba(145,255,21,.25);transform:scale(.3);opacity:0}.checkout-success-v18 .checkout-success-icon svg{width:44px;height:44px;stroke-width:3}.success-enter-v18 .checkout-success-icon{animation:v18CheckPop .72s cubic-bezier(.15,1.25,.35,1) forwards}.success-kicker-v18{font-size:10px;font-weight:1000;letter-spacing:.18em;color:#adff63;margin-bottom:8px;opacity:0}.success-enter-v18 .success-kicker-v18{animation:v18FadeUp .45s .28s forwards}.checkout-success-v18 h2{font-size:44px;letter-spacing:-.06em;margin:0 0 10px;opacity:0}.success-enter-v18 h2{animation:v18FadeUp .5s .36s forwards}.checkout-success-v18 p{max-width:520px;color:#aaa4b3;line-height:1.7;margin:0 0 18px;opacity:0}.success-enter-v18 p{animation:v18FadeUp .5s .44s forwards}.success-unlocks-v18{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:20px;opacity:0}.success-enter-v18 .success-unlocks-v18{animation:v18FadeUp .5s .52s forwards}.success-unlocks-v18 span{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:11px}.success-unlocks-v18 svg{width:14px;color:#91ff15}.success-continue-v18{opacity:0}.success-enter-v18 .success-continue-v18{animation:v18FadeUp .5s .6s forwards}.success-confetti-v18{position:absolute;inset:0;pointer-events:none}.success-confetti-v18 i{position:absolute;left:50%;top:44%;width:8px;height:18px;border-radius:4px;background:#91ff15;opacity:0}.success-enter-v18 .success-confetti-v18 i{animation:v18Confetti 1.15s ease-out forwards}.success-confetti-v18 i:nth-child(3n){background:#b16fff}.success-confetti-v18 i:nth-child(4n){background:#61e7ff}.success-confetti-v18 i:nth-child(5n){background:#ff719f}.success-confetti-v18 i:nth-child(1){--x:-260px;--y:-160px;--r:110deg}.success-confetti-v18 i:nth-child(2){--x:240px;--y:-150px;--r:240deg}.success-confetti-v18 i:nth-child(3){--x:-190px;--y:100px;--r:60deg}.success-confetti-v18 i:nth-child(4){--x:210px;--y:120px;--r:180deg}.success-confetti-v18 i:nth-child(5){--x:-320px;--y:0px;--r:300deg}.success-confetti-v18 i:nth-child(6){--x:310px;--y:-30px;--r:90deg}.success-confetti-v18 i:nth-child(7){--x:-120px;--y:-220px;--r:210deg}.success-confetti-v18 i:nth-child(8){--x:100px;--y:-230px;--r:50deg}.success-confetti-v18 i:nth-child(9){--x:-80px;--y:180px;--r:150deg}.success-confetti-v18 i:nth-child(10){--x:90px;--y:190px;--r:270deg}.success-confetti-v18 i:nth-child(11){--x:-250px;--y:170px;--r:35deg}.success-confetti-v18 i:nth-child(12){--x:270px;--y:150px;--r:130deg}.success-confetti-v18 i:nth-child(13){--x:-360px;--y:-120px;--r:160deg}.success-confetti-v18 i:nth-child(14){--x:355px;--y:-100px;--r:330deg}.success-confetti-v18 i:nth-child(15){--x:-35px;--y:-280px;--r:240deg}.success-confetti-v18 i:nth-child(16){--x:35px;--y:250px;--r:110deg}.success-confetti-v18 i:nth-child(17){--x:-310px;--y:90px;--r:80deg}.success-confetti-v18 i:nth-child(18){--x:330px;--y:70px;--r:220deg}
@keyframes v18ShakeSoft{25%{transform:translateX(-1px)}75%{transform:translateX(1px)}}@keyframes v18ShakeMedium{25%{transform:translate(-3px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-2px,0)}}@keyframes v18ShakeStrong{25%{transform:translate(-6px,2px) rotate(-.12deg)}50%{transform:translate(5px,-2px) rotate(.12deg)}75%{transform:translate(-4px,1px)}}@keyframes v18ApproveFlash{0%{opacity:0}35%{opacity:1}100%{opacity:0}}@keyframes v18Celebrate{0%{transform:scale(.985)}45%{transform:scale(1.018)}100%{transform:scale(1)}}@keyframes v18CheckPop{0%{transform:scale(.3) rotate(-18deg);opacity:0}60%{transform:scale(1.16) rotate(3deg);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes v18SuccessRing{0%{transform:scale(.65);opacity:.65}100%{transform:scale(1.55);opacity:0}}@keyframes v18FadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes v18Confetti{0%{opacity:0;transform:translate(0,0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}

/* V18 — 28 new motion previews */
[class^="anim-v18-"]{position:relative;font-weight:1000;color:#fff;letter-spacing:-.05em}
.anim-v18-neon-outline{font-size:46px;color:transparent;-webkit-text-stroke:2px #a873ff;text-shadow:0 0 18px #8b55ff;animation:v18Neon 1.2s steps(2) infinite}.anim-v18-ribbon-reveal{padding:14px 28px;background:linear-gradient(90deg,#7c4dff,#d577ff);transform:skewX(-10deg);animation:v18Ribbon 1.8s ease-in-out infinite}.anim-v18-split-spring{font-size:42px;animation:v18Split 1.5s cubic-bezier(.2,1,.3,1) infinite}.anim-v18-zoom-words{font-size:44px;animation:v18ZoomWords 1.25s ease-in-out infinite}.anim-v18-liquid-text{font-size:44px;background:linear-gradient(90deg,#61e7ff,#b36cff,#91ff15);-webkit-background-clip:text;color:transparent;animation:v18LiquidText 2s ease-in-out infinite}.anim-v18-marker-swipe{font-size:42px;z-index:1}.anim-v18-marker-swipe:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-6px;height:12px;border-radius:5px;background:#91ff15;z-index:-1;transform-origin:left;animation:v18Marker 1.7s ease-in-out infinite}.anim-v18-sub-counter{font-size:40px;animation:v18PulseText 1.5s ease-in-out infinite}.anim-v18-live-badge{padding:12px 24px;border-radius:999px;background:#ff375f;box-shadow:0 0 0 0 rgba(255,55,95,.5);animation:v18Live 1.4s infinite}.anim-v18-chat-fly{padding:14px 20px;border-radius:18px;background:#14121b;border:1px solid rgba(255,255,255,.09);animation:v18Chat 1.7s cubic-bezier(.2,.9,.2,1) infinite}.anim-v18-gift-pop{padding:14px 22px;border-radius:16px;background:linear-gradient(135deg,#7c4dff,#ff73c4);animation:v18Gift 1.5s ease-in-out infinite}.anim-v18-leaf-spin,.anim-v18-orbit-wordmark,.anim-v18-logo-particles{font-size:44px;color:#c4a3ff}.anim-v18-leaf-spin{animation:v18Leaf 1.8s ease-in-out infinite}.anim-v18-orbit-wordmark:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#91ff15;left:50%;top:50%;animation:v18OrbitDot 1.7s linear infinite}.anim-v18-logo-particles{animation:v18ParticleWord 1.8s ease-in-out infinite}.anim-v18-prism-wipe{width:180px;height:100px;background:linear-gradient(90deg,#ff5b87,#7c4dff,#61e7ff);filter:blur(.2px);clip-path:polygon(0 0,75% 0,100% 100%,25% 100%);animation:v18Prism 1.7s ease-in-out infinite}.anim-v18-vertical-bars{display:flex;gap:8px}.anim-v18-vertical-bars i{width:24px;height:100px;background:#7c4dff;animation:v18Bar 1.3s ease-in-out infinite}.anim-v18-vertical-bars i:nth-child(2){animation-delay:.12s}.anim-v18-vertical-bars i:nth-child(3){animation-delay:.24s}.anim-v18-vertical-bars i:nth-child(4){animation-delay:.36s}.anim-v18-blur-flash{width:120px;height:120px;border-radius:50%;background:#fff;filter:blur(18px);animation:v18Flash 1.5s ease-in-out infinite}.anim-v18-ripple-wipe{width:34px;height:34px;border-radius:50%;border:5px solid #7c4dff;animation:v18Ripple 1.7s ease-in-out infinite}.anim-v18-mesh-wave{width:230px;height:130px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;transform:perspective(500px) rotateX(55deg)}.anim-v18-mesh-wave i{border-radius:12px;background:linear-gradient(135deg,#7c4dff,#61e7ff);animation:v18Mesh 1.7s ease-in-out infinite}.anim-v18-mesh-wave i:nth-child(2n){animation-delay:.18s}.anim-v18-electric-arc{width:210px;height:90px;background:linear-gradient(105deg,transparent 0 28%,#61e7ff 29% 31%,transparent 32% 46%,#b36cff 47% 50%,transparent 51%);filter:drop-shadow(0 0 12px #61e7ff);animation:v18Arc .8s steps(2) infinite}.anim-v18-bokeh-drift{width:240px;height:140px}.anim-v18-bokeh-drift i{position:absolute;width:28px;height:28px;border-radius:50%;background:#b36cff;filter:blur(2px);opacity:.55;animation:v18Bokeh 2.5s ease-in-out infinite}.anim-v18-bokeh-drift i:nth-child(2n){background:#61e7ff;animation-delay:.4s}.anim-v18-bokeh-drift i:nth-child(3n){background:#91ff15;animation-delay:.8s}.anim-v18-comet-tail{width:220px;height:10px;border-radius:99px;background:linear-gradient(90deg,transparent,#8a5bff,#fff);box-shadow:0 0 22px #8a5bff;animation:v18Comet 1.6s ease-in-out infinite}.anim-v18-gradient-orbit{width:120px;height:120px;border-radius:50%;border:9px solid transparent;border-top-color:#61e7ff;border-right-color:#b36cff;animation:v18Orbit 1.3s linear infinite}.anim-v18-radar-scan{width:140px;height:140px;border-radius:50%;border:1px solid rgba(145,255,21,.3);background:conic-gradient(from 0deg,rgba(145,255,21,.4),transparent 25%);animation:v18Orbit 1.8s linear infinite}.anim-v18-checkbox-bounce{width:72px;height:72px;border-radius:20px;background:#91ff15;color:#071007;display:grid;place-items:center;font-size:40px}.anim-v18-checkbox-bounce:after{content:"✓";animation:v18Check 1.3s cubic-bezier(.2,1,.3,1) infinite}.anim-v18-waveform-ring{width:150px;height:150px;border-radius:50%;border:10px dashed #b36cff;animation:v18WaveRing 1.3s linear infinite}.anim-v18-equalizer-orbit{width:150px;height:150px}.anim-v18-equalizer-orbit i{position:absolute;left:70px;top:5px;width:10px;height:36px;border-radius:99px;background:#61e7ff;transform-origin:5px 70px;animation:v18Eq 1s ease-in-out infinite alternate}.anim-v18-equalizer-orbit i:nth-child(2){transform:rotate(45deg);animation-delay:.1s}.anim-v18-equalizer-orbit i:nth-child(3){transform:rotate(90deg);animation-delay:.2s}.anim-v18-equalizer-orbit i:nth-child(4){transform:rotate(135deg);animation-delay:.3s}.anim-v18-equalizer-orbit i:nth-child(5){transform:rotate(180deg);animation-delay:.4s}.anim-v18-equalizer-orbit i:nth-child(6){transform:rotate(225deg);animation-delay:.5s}.anim-v18-equalizer-orbit i:nth-child(7){transform:rotate(270deg);animation-delay:.6s}.anim-v18-equalizer-orbit i:nth-child(8){transform:rotate(315deg);animation-delay:.7s}.anim-v18-progress-dots{display:flex;gap:12px}.anim-v18-progress-dots i{width:18px;height:18px;border-radius:50%;background:#8f5cff;animation:v18Dots 1s ease-in-out infinite}.anim-v18-progress-dots i:nth-child(2){animation-delay:.12s}.anim-v18-progress-dots i:nth-child(3){animation-delay:.24s}.anim-v18-progress-dots i:nth-child(4){animation-delay:.36s}.anim-v18-spinner-flare{width:92px;height:92px;border-radius:50%;border:7px solid rgba(255,255,255,.06);border-top-color:#fff;border-right-color:#8f5cff;box-shadow:0 0 25px rgba(143,92,255,.25);animation:v18Orbit .85s linear infinite}
@keyframes v18Neon{50%{opacity:.55;text-shadow:0 0 34px #8b55ff}}@keyframes v18Ribbon{50%{transform:translateX(20px) skewX(-10deg)}}@keyframes v18Split{50%{letter-spacing:.08em;transform:scale(1.05)}}@keyframes v18ZoomWords{50%{transform:scale(1.22)}}@keyframes v18LiquidText{50%{filter:hue-rotate(90deg);transform:skewX(-4deg)}}@keyframes v18Marker{0%,15%{transform:scaleX(0)}55%,100%{transform:scaleX(1)}}@keyframes v18PulseText{50%{transform:scale(1.08);color:#91ff15}}@keyframes v18Live{50%{box-shadow:0 0 0 22px rgba(255,55,95,0)}}@keyframes v18Chat{0%,100%{transform:translateX(-24px);opacity:.45}50%{transform:none;opacity:1}}@keyframes v18Gift{50%{transform:translateY(-10px) rotate(-3deg) scale(1.07)}}@keyframes v18Leaf{50%{transform:rotateY(180deg) scale(1.08)}}@keyframes v18OrbitDot{to{transform:rotate(1turn) translateX(90px) rotate(-1turn)}}@keyframes v18ParticleWord{50%{filter:blur(4px);letter-spacing:.12em}}@keyframes v18Prism{50%{transform:translateX(28px) skewX(-10deg);filter:hue-rotate(120deg)}}@keyframes v18Bar{50%{transform:scaleY(.3);opacity:.35}}@keyframes v18Flash{50%{transform:scale(2.3);opacity:.08}}@keyframes v18Ripple{50%{transform:scale(5);opacity:.05}}@keyframes v18Mesh{50%{transform:translateY(-18px);filter:hue-rotate(60deg)}}@keyframes v18Arc{50%{transform:translateX(8px) scaleY(1.15)}}@keyframes v18Bokeh{50%{transform:translate(60px,-40px) scale(1.5);opacity:.2}}@keyframes v18Comet{0%,100%{transform:translateX(-90px);opacity:.2}50%{transform:translateX(90px);opacity:1}}@keyframes v18Orbit{to{transform:rotate(1turn)}}@keyframes v18Check{0%,100%{transform:scale(.4) rotate(-15deg);opacity:.25}50%{transform:scale(1.2) rotate(0);opacity:1}}@keyframes v18WaveRing{to{transform:rotate(1turn) scale(1.05)}}@keyframes v18Eq{to{height:70px}}@keyframes v18Dots{50%{transform:translateY(-14px);background:#91ff15}}

/* V19 — plan-aware pricing, premium account menu, centered checkout shake */
.plan-row-featured{align-items:flex-start}
.popular-badge-flow{position:static!important;display:grid!important;gap:1px;min-width:104px;text-align:right;padding:6px 9px!important;border-radius:10px!important;line-height:1}
.popular-badge-flow b{font-size:9px;letter-spacing:.02em}
.popular-badge-flow small{font-size:7px;color:#d3ff9c;font-weight:700;opacity:.9}
.plan-plus .plan-row{min-height:38px}
.plan-current-v19,.plan-included-v19{cursor:not-allowed!important;box-shadow:none!important;transform:none!important}
.plan-current-v19{background:linear-gradient(180deg,#b6ff7c,#7bff3d)!important;color:#081006!important;border-color:rgba(255,255,255,.55)!important}
.plan-included-v19{background:rgba(255,255,255,.045)!important;color:#8c8793!important;border-color:rgba(255,255,255,.07)!important}
.current-plan-card-v19{border-color:rgba(145,255,21,.38)!important;box-shadow:0 0 0 1px rgba(145,255,21,.08),0 24px 80px rgba(71,128,30,.12)!important}
.current-plan-card-v19:after{content:"CURRENT";position:absolute;left:18px;bottom:16px;padding:5px 8px;border-radius:999px;background:rgba(145,255,21,.09);border:1px solid rgba(145,255,21,.16);color:#bfff80;font-size:8px;font-weight:1000;letter-spacing:.12em;pointer-events:none}
.included-plan-card-v19{opacity:.68}
.included-plan-card-v19:hover{transform:none!important}

.user-chip-v19{min-width:180px;padding:6px 9px 6px 6px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 10px 34px rgba(0,0,0,.18)}
.user-chip-copy{min-width:0;flex:1;text-align:left}
.user-chip-copy b{display:block;max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-chip-copy small{display:flex;align-items:center;gap:6px;margin-top:2px;text-transform:none;font-size:10px;color:#a9a3b3}
.user-plan-dot{width:7px;height:7px;border-radius:50%;background:#8c8794;box-shadow:0 0 10px currentColor}
.user-plan-dot.plan-essential{background:#8e6cff}.user-plan-dot.plan-plus,.user-plan-dot.plan-pro{background:#61e7ff}.user-plan-dot.plan-ultimate,.user-plan-dot.plan-team{background:#ffc85c}
.user-chip-chevron{width:15px;transition:transform .2s ease}.user-menu-wrap.open .user-chip-chevron{transform:rotate(180deg)}
.user-popover-v19{width:282px;padding:10px;border-radius:20px;background:radial-gradient(circle at 50% 0%,rgba(126,76,255,.1),transparent 34%),rgba(10,9,14,.985)}
.user-popover-head{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:8px}
.user-popover-head>span:last-child{min-width:0}.user-popover-head b{display:block}.user-popover-head small{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#827c89;font-size:10px;margin-top:2px}
.user-avatar-lg{width:38px;height:38px;border-radius:12px;flex:none}
.user-plan-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 8px;padding:12px;border-radius:15px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035)}
.user-plan-panel small{display:block;color:#797382;font-size:8px;font-weight:900;letter-spacing:.12em}.user-plan-panel b{display:block;margin-top:2px;font-size:15px}
.user-plan-state{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);color:#aaa4b3;font-size:8px;font-weight:900}
.plan-panel-plus,.plan-panel-pro{border-color:rgba(97,231,255,.16);background:linear-gradient(135deg,rgba(97,231,255,.07),rgba(255,255,255,.025))}.plan-panel-plus .user-plan-state,.plan-panel-pro .user-plan-state{color:#bdf7ff;background:rgba(97,231,255,.08)}
.plan-panel-ultimate,.plan-panel-team{border-color:rgba(255,200,92,.16);background:linear-gradient(135deg,rgba(255,200,92,.07),rgba(255,255,255,.025))}.plan-panel-ultimate .user-plan-state,.plan-panel-team .user-plan-state{color:#ffe5a7;background:rgba(255,200,92,.08)}
.user-popover-sep{height:1px;background:rgba(255,255,255,.07);margin:7px 4px}
.user-popover-v19 a,.user-popover-v19 button{min-height:42px;padding:9px 10px}
.user-upgrade-link{background:linear-gradient(90deg,rgba(126,76,255,.12),rgba(97,231,255,.05))!important;border:1px solid rgba(153,96,255,.13)!important;margin-bottom:4px}.user-upgrade-link small{margin-left:auto;color:#8d8796;font-size:8px}.user-upgrade-link.is-max{background:linear-gradient(90deg,rgba(255,200,92,.09),rgba(255,255,255,.02))!important;color:#ffe4a0!important}
.user-logout-v19{color:#a7a1ae!important}.user-logout-v19:hover{color:#fff!important}

.checkout-upgrade-note-v19{display:flex;align-items:center;gap:10px;margin:-4px 0 16px;padding:11px 13px;border-radius:14px;background:rgba(97,231,255,.05);border:1px solid rgba(97,231,255,.1);color:#aeb4c2;font-size:10px;line-height:1.5}.checkout-upgrade-note-v19 svg{width:16px;flex:none;color:#61e7ff}
.checkout-plan-switcher button:disabled{cursor:not-allowed;opacity:.52;transform:none!important}.checkout-plan-switcher .checkout-plan-current-v19{border-color:rgba(145,255,21,.16)!important;background:rgba(145,255,21,.045)!important}.checkout-plan-switcher .checkout-plan-included-v19{filter:saturate(.5)}
.checkout-blocked-v19{cursor:not-allowed!important;opacity:.58!important;box-shadow:none!important}
.billing-toast-v19{position:fixed;left:50%;bottom:28px;z-index:900;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(12,10,17,.96);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.36);color:#eee9f5;font-size:12px;transition:opacity .22s ease,transform .22s ease}.billing-toast-v19.show{opacity:1;transform:translate(-50%,0)}

/* keep the checkout perfectly centered while the shake intensifies */
.checkout-shake-soft-v19{animation:v19ShakeSoft .28s linear infinite!important}
.checkout-shake-medium-v19{animation:v19ShakeMedium .20s linear infinite!important}
.checkout-shake-strong-v19{animation:v19ShakeStrong .13s linear infinite!important}
.checkout-shake-max-v19{animation:v19ShakeMax .085s linear infinite!important}
@keyframes v19ShakeSoft{
  0%,100%{transform:translate(-50%,-50%) translate(0,0) scale(1)}
  25%{transform:translate(-50%,-50%) translate(-1px,1px) scale(1)}
  50%{transform:translate(-50%,-50%) translate(1px,-1px) scale(1)}
  75%{transform:translate(-50%,-50%) translate(1px,1px) scale(1)}
}
@keyframes v19ShakeMedium{
  0%,100%{transform:translate(-50%,-50%) translate(0,0) scale(1)}
  20%{transform:translate(-50%,-50%) translate(-3px,2px) rotate(-.08deg)}
  40%{transform:translate(-50%,-50%) translate(3px,-2px) rotate(.08deg)}
  60%{transform:translate(-50%,-50%) translate(-2px,-1px) rotate(-.05deg)}
  80%{transform:translate(-50%,-50%) translate(2px,2px) rotate(.05deg)}
}
@keyframes v19ShakeStrong{
  0%,100%{transform:translate(-50%,-50%) translate(0,0) scale(1.001)}
  15%{transform:translate(-50%,-50%) translate(-5px,3px) rotate(-.12deg)}
  30%{transform:translate(-50%,-50%) translate(5px,-3px) rotate(.12deg)}
  45%{transform:translate(-50%,-50%) translate(-4px,-2px) rotate(-.1deg)}
  60%{transform:translate(-50%,-50%) translate(4px,3px) rotate(.1deg)}
  75%{transform:translate(-50%,-50%) translate(-3px,2px) rotate(-.06deg)}
  90%{transform:translate(-50%,-50%) translate(3px,-2px) rotate(.06deg)}
}
@keyframes v19ShakeMax{
  0%,100%{transform:translate(-50%,-50%) translate(0,0) scale(1.002)}
  12%{transform:translate(-50%,-50%) translate(-8px,4px) rotate(-.18deg)}
  25%{transform:translate(-50%,-50%) translate(8px,-5px) rotate(.18deg)}
  37%{transform:translate(-50%,-50%) translate(-7px,-3px) rotate(-.14deg)}
  50%{transform:translate(-50%,-50%) translate(7px,5px) rotate(.14deg)}
  62%{transform:translate(-50%,-50%) translate(-6px,3px) rotate(-.1deg)}
  75%{transform:translate(-50%,-50%) translate(6px,-4px) rotate(.1deg)}
  87%{transform:translate(-50%,-50%) translate(-4px,2px) rotate(-.06deg)}
}

@media(max-width:760px){.popular-badge-flow{min-width:auto;text-align:left}.user-chip-v19{min-width:0}.user-chip-copy{display:none}.user-popover-v19{right:-4px;width:min(282px,calc(100vw - 22px))}}
@keyframes v18Celebrate{
  0%{transform:translate(-50%,-50%) scale(.985)}
  45%{transform:translate(-50%,-50%) scale(1.018)}
  100%{transform:translate(-50%,-50%) scale(1)}
}


/* V20 FAQ */
.faq-hero-v20{padding-bottom:42px}.faq-search-v20{max-width:760px;margin:26px auto 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;height:62px;padding:0 14px 0 18px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);box-shadow:0 22px 70px rgba(0,0,0,.22)}.faq-search-v20 svg{width:20px;color:#9d83cb}.faq-search-v20 input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:16px}.faq-search-v20 input::placeholder{color:#6f6878}.faq-search-v20 kbd{padding:7px 9px;border-radius:10px;background:#0d0b12;border:1px solid rgba(255,255,255,.08);color:#81798a;font-size:11px}.faq-quick-v20{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.faq-quick-v20 a{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);color:#fff;text-decoration:none;transition:.22s}.faq-quick-v20 a:hover{transform:translateY(-3px);border-color:rgba(157,98,255,.3);box-shadow:0 18px 50px rgba(69,30,123,.16)}.faq-quick-v20 svg{width:19px;color:#b98cff}.faq-quick-v20 b,.faq-quick-v20 small{display:block}.faq-quick-v20 b{font-size:13px}.faq-quick-v20 small{margin-top:3px;color:#827b8a;font-size:10px}.faq-layout-v20{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.faq-sidebar-v20{position:sticky;top:100px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:rgba(12,10,16,.82);backdrop-filter:blur(18px)}.faq-sidebar-v20>b{display:block;padding:8px 10px 12px;color:#756f7d;text-transform:uppercase;letter-spacing:.09em;font-size:9px}.faq-sidebar-v20 button{width:100%;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border:0;border-radius:12px;background:transparent;color:#9d96a6;font:inherit;font-size:11px;cursor:pointer;text-align:left}.faq-sidebar-v20 button svg{width:15px}.faq-sidebar-v20 button span{margin-left:auto;font-size:9px;color:#625c68}.faq-sidebar-v20 button:hover,.faq-sidebar-v20 button.active{background:rgba(139,85,255,.1);color:#fff}.faq-sidebar-v20 button.active svg{color:#ae83ff}.faq-side-note{display:grid;gap:7px;margin-top:12px;padding:13px;border-radius:15px;background:linear-gradient(135deg,rgba(126,76,255,.1),rgba(97,231,255,.035));border:1px solid rgba(149,96,255,.12);font-size:10px;color:#928b9b}.faq-side-note svg{width:16px;color:#b88cff}.faq-side-note a{color:#d6c2ff;text-decoration:none;font-weight:800}.faq-content-v20{display:grid;gap:26px}.faq-group-v20{scroll-margin-top:100px}.faq-group-head{display:flex;align-items:center;gap:13px;margin-bottom:12px}.faq-group-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(126,76,255,.16),rgba(97,231,255,.06));border:1px solid rgba(156,103,255,.16)}.faq-group-icon svg{width:18px;color:#bd92ff}.faq-group-head h2{margin:0;font-size:20px}.faq-group-head p{margin:3px 0 0;color:#746d7d;font-size:11px}.faq-item-v20{border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));overflow:hidden;transition:border-color .2s,background .2s}.faq-item-v20+ .faq-item-v20{margin-top:9px}.faq-item-v20:hover,.faq-item-v20.open{border-color:rgba(155,96,255,.2);background:linear-gradient(180deg,rgba(126,76,255,.05),rgba(255,255,255,.018))}.faq-q-v20{width:100%;min-height:62px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;background:transparent;color:#f5f1fa;font:inherit;font-size:13px;font-weight:800;text-align:left;cursor:pointer}.faq-q-v20>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);flex:none}.faq-q-v20 svg{width:15px;transition:transform .25s}.faq-item-v20.open .faq-q-v20 svg{transform:rotate(45deg)}.faq-a-v20{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq-a-v20>p{overflow:hidden;margin:0;padding:0 17px;color:#968f9e;font-size:12px;line-height:1.7}.faq-item-v20.open .faq-a-v20{grid-template-rows:1fr}.faq-item-v20.open .faq-a-v20>p{padding-bottom:17px}.faq-result-state{text-align:center;padding:62px 20px;border:1px dashed rgba(255,255,255,.08);border-radius:22px;color:#837b8c}.faq-result-state svg{width:34px}.faq-result-state h2{color:#fff;margin:12px 0 7px}.faq-contact-v20{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border-radius:24px;background:radial-gradient(circle at 0% 0%,rgba(125,76,255,.14),transparent 40%),rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}.faq-contact-v20 h2{margin:9px 0 6px;font-size:24px}.faq-contact-v20 p{margin:0;color:#857e8d;font-size:12px}.hidden{display:none!important}@media(max-width:900px){.faq-quick-v20{grid-template-columns:1fr 1fr}.faq-layout-v20{grid-template-columns:1fr}.faq-sidebar-v20{position:relative;top:auto;display:flex;gap:6px;overflow:auto}.faq-sidebar-v20>b,.faq-side-note{display:none}.faq-sidebar-v20 button{width:auto;white-space:nowrap}.faq-sidebar-v20 button span{display:none}}@media(max-width:600px){.faq-quick-v20{grid-template-columns:1fr}.faq-search-v20 kbd{display:none}.faq-contact-v20{align-items:flex-start;flex-direction:column}}

/* V20 Motion Lab */
.motion-preview-content-v20{width:100%;height:100%;display:grid;place-items:center;transform-origin:center;transition:filter .18s ease,transform .18s ease}.motion-lab-v20{margin:14px 0;padding:15px;border-radius:18px;background:linear-gradient(180deg,rgba(126,76,255,.06),rgba(255,255,255,.018));border:1px solid rgba(148,94,255,.12)}.motion-lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.motion-lab-grid label{display:grid;grid-template-columns:1fr auto;gap:5px;color:#8f8898;font-size:9px}.motion-lab-grid label b{color:#d9d0e6;font-size:9px}.motion-lab-grid input{grid-column:1/-1;width:100%;accent-color:#8f5cff}.motion-lab-row{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:10px;margin-top:12px}.motion-lab-row label{display:grid;gap:6px;color:#8e8796;font-size:9px}.motion-lab-row input,.motion-lab-row select{height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0c0a10;color:#fff;padding:0 9px}.motion-palette-v20{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.motion-palette-v20 button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 9px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#0e0c12;color:#bbb4c2;font:inherit;font-size:9px;cursor:pointer}.motion-palette-v20 button:hover{color:#fff;border-color:rgba(157,98,255,.25)}.motion-palette-v20 button>i:first-child:not([data-lucide]){width:10px;height:10px;border-radius:50%;background:#8f5cff}.motion-palette-v20 button[data-motion-preset="cyan"]>i{background:#61e7ff}.motion-palette-v20 button[data-motion-preset="lime"]>i{background:#91ff15}.motion-palette-v20 button[data-motion-preset="sunset"]>i{background:#ff6a91}.motion-palette-v20 button[data-motion-preset="mono"]>i{background:#fff}.motion-lab-spacer{flex:1}.motion-card-v20 .motion-stage{background:radial-gradient(circle at 50% 100%,rgba(126,76,255,.16),transparent 60%),#09080d}.anim-v20{width:82%;height:72%;position:relative;display:grid;place-items:center}.anim-v20-label{position:relative;z-index:3;font-size:34px;font-weight:1000;letter-spacing:-.055em;color:#fff;text-align:center;white-space:pre-line}.anim-v20 i{position:absolute;display:block}.anim-v20-text .anim-v20-label{animation:v20TextWave 2.2s ease-in-out infinite}.anim-v20-cta{width:72%;height:42%;border-radius:999px;background:linear-gradient(90deg,#6f44ff,#bd6fff);box-shadow:0 18px 50px rgba(112,67,255,.32);animation:v20Cta 1.8s ease-in-out infinite}.anim-v20-social,.anim-v20-stream,.anim-v20-ui{border-radius:24px;background:linear-gradient(180deg,#17141e,#0e0c12);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.32);animation:v20CardFloat 2.4s ease-in-out infinite}.anim-v20-logo,.anim-v20-3d{perspective:700px}.anim-v20-logo .anim-v20-label,.anim-v20-3d .anim-v20-label{padding:28px 36px;border-radius:26px;background:linear-gradient(135deg,rgba(126,76,255,.18),rgba(97,231,255,.06));border:1px solid rgba(255,255,255,.08);animation:v20LogoTurn 2.6s ease-in-out infinite}.anim-v20-transition i{inset:-10%;background:linear-gradient(90deg,#7c4dff,#61e7ff);transform:skewX(-18deg) translateX(-140%);animation:v20Transition 2.2s cubic-bezier(.75,0,.25,1) infinite}.anim-v20-transition i:nth-child(2){animation-delay:.08s;opacity:.7}.anim-v20-transition i:nth-child(3){animation-delay:.16s;opacity:.5}.anim-v20-particles i{width:18px;height:18px;border-radius:50%;background:#8f5cff;left:calc(10% + var(--i,0)*10%);top:50%;box-shadow:0 0 24px currentColor;animation:v20Particle 2.2s ease-in-out infinite}.anim-v20-particles i:nth-of-type(2n){background:#61e7ff}.anim-v20-particles i:nth-of-type(3n){background:#91ff15}.anim-v20-loading i,.anim-v20-audio i{width:10px;height:50%;bottom:20%;background:linear-gradient(#b36cff,#61e7ff);border-radius:999px;animation:v20Bars 1s ease-in-out infinite}.anim-v20-loading i:nth-of-type(1),.anim-v20-audio i:nth-of-type(1){left:18%}.anim-v20-loading i:nth-of-type(2),.anim-v20-audio i:nth-of-type(2){left:29%;animation-delay:.08s}.anim-v20-loading i:nth-of-type(3),.anim-v20-audio i:nth-of-type(3){left:40%;animation-delay:.16s}.anim-v20-loading i:nth-of-type(4),.anim-v20-audio i:nth-of-type(4){left:51%;animation-delay:.24s}.anim-v20-loading i:nth-of-type(5),.anim-v20-audio i:nth-of-type(5){left:62%;animation-delay:.32s}.anim-v20-loading i:nth-of-type(6),.anim-v20-audio i:nth-of-type(6){left:73%;animation-delay:.4s}.anim-v20-gaming{border-radius:26px;background:linear-gradient(135deg,#07100a,#173aee);box-shadow:inset 0 0 0 1px rgba(145,255,21,.16)}.anim-v20-gaming .anim-v20-label{font-size:38px;color:#fff;text-shadow:0 0 24px rgba(145,255,21,.28);animation:v20Gaming 1.5s ease-in-out infinite}@keyframes v20TextWave{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.04);text-shadow:0 12px 32px rgba(126,76,255,.5)}}@keyframes v20Cta{0%,100%{transform:scale(1)}50%{transform:scale(.94);box-shadow:0 8px 25px rgba(112,67,255,.2)}}@keyframes v20CardFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes v20LogoTurn{0%,100%{transform:rotateY(-8deg) rotateX(3deg)}50%{transform:rotateY(10deg) rotateX(-3deg);box-shadow:0 25px 60px rgba(86,48,145,.28)}}@keyframes v20Transition{0%,18%{transform:skewX(-18deg) translateX(-150%)}70%,100%{transform:skewX(-18deg) translateX(150%)}}@keyframes v20Particle{0%,100%{transform:translate(0,30px) scale(.5);opacity:.2}50%{transform:translate(calc((var(--n,1))*12px),-60px) scale(1.25);opacity:1}}@keyframes v20Bars{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes v20Gaming{0%,100%{transform:scale(1)}45%{transform:scale(1.08) rotate(-1deg)}55%{transform:scale(1.04) rotate(1deg)}}@media(max-width:900px){.motion-lab-grid{grid-template-columns:1fr 1fr}.motion-lab-row{grid-template-columns:1fr}.motion-palette-v20{gap:5px}}@media(max-width:600px){.motion-lab-grid{grid-template-columns:1fr}.motion-preview-modal-v15{width:calc(100vw - 14px)}}


/* V21 subscription cancellation */
.subscription-manager-v21{margin:26px 0 30px;padding:26px;border-radius:28px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 100% 0%,rgba(116,75,255,.13),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 24px 80px rgba(0,0,0,.22)}
.subscription-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.subscription-manager-head h2{margin:7px 0 8px;font-size:32px;letter-spacing:-.05em}.subscription-manager-head p{margin:0;color:#9e98a8;max-width:66ch;line-height:1.65}.subscription-status-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(145,255,21,.08);border:1px solid rgba(145,255,21,.16);color:#dfffaa;font-size:12px;font-weight:800}.subscription-status-pill svg{width:16px}.subscription-manager-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:14px}.subscription-current-card{padding:18px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075)}.subscription-current-card>span{display:block;color:#8f8998;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.subscription-current-card strong{display:block;margin-top:8px;font-size:20px}.subscription-current-card small{display:block;margin-top:6px;color:#9c95a6;line-height:1.45}.subscription-cancel-card{background:linear-gradient(180deg,rgba(255,90,110,.035),rgba(255,255,255,.025))}.cancel-plan-btn{margin-top:14px;width:100%;border:1px solid rgba(255,94,115,.18)!important;background:rgba(255,72,98,.075)!important;color:#ffc2cb!important}.cancel-plan-btn:hover{background:rgba(255,72,98,.12)!important;border-color:rgba(255,94,115,.3)!important;transform:translateY(-1px)}
.cancel-plan-shell{position:fixed;inset:0;z-index:260;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.cancel-plan-shell.show{opacity:1;visibility:visible;pointer-events:auto}.cancel-plan-backdrop{position:absolute;inset:0;background:rgba(4,4,8,.72);backdrop-filter:blur(18px)}.cancel-plan-modal{position:relative;z-index:1;width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;padding:28px;border-radius:30px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 100% 0%,rgba(255,78,110,.08),transparent 36%),linear-gradient(180deg,#121019,#09090f);box-shadow:0 34px 120px rgba(0,0,0,.55);transform:translateY(18px) scale(.98);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.cancel-plan-shell.show .cancel-plan-modal{transform:none}.cancel-plan-x{position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;display:grid;place-items:center;cursor:pointer}.cancel-plan-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(255,90,110,.08);border:1px solid rgba(255,90,110,.14);color:#ff8194}.cancel-plan-icon svg{width:25px}.cancel-plan-kicker{display:block;margin-top:18px;color:#c38cff;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.cancel-plan-modal h2{font-size:36px;letter-spacing:-.06em;margin:8px 0 8px}.cancel-plan-modal>p{margin:0 0 18px;color:#aaa3b3;line-height:1.6}.cancel-plan-current{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.075)}.cancel-plan-current small{display:block;color:#8f8998;font-size:10px;letter-spacing:.1em}.cancel-plan-current b{display:block;margin-top:5px;font-size:18px}.cancel-plan-current>span{padding:8px 11px;border-radius:999px;background:rgba(135,83,255,.09);border:1px solid rgba(135,83,255,.16);color:#cdb9ff;font-size:12px}.cancel-plan-warning{display:flex;gap:12px;margin-top:14px;padding:15px 16px;border-radius:18px;background:rgba(255,177,65,.055);border:1px solid rgba(255,177,65,.12)}.cancel-plan-warning>svg{width:18px;color:#ffbf62;flex:none;margin-top:2px}.cancel-plan-warning b{display:block;font-size:13px}.cancel-plan-warning span{display:block;margin-top:5px;color:#a9a1ae;font-size:12px;line-height:1.55}.cancel-plan-reason{display:block;margin-top:16px;color:#b8b1c1;font-size:12px}.cancel-plan-reason>span{color:#777180;font-weight:400}.cancel-plan-reason select{width:100%;height:48px;margin-top:8px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0d0c12;color:#eee8f5;padding:0 12px;font:inherit}.cancel-plan-note{display:flex;gap:10px;margin-top:14px;color:#8f8998;font-size:11px;line-height:1.5}.cancel-plan-note svg{width:15px;flex:none}.cancel-plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.cancel-danger{border:1px solid rgba(255,78,105,.24);background:linear-gradient(180deg,#ff5d74,#d9425b);color:white;box-shadow:0 12px 34px rgba(217,66,91,.18)}.cancel-danger:hover{transform:translateY(-1px);box-shadow:0 16px 42px rgba(217,66,91,.24)}.cancel-danger.loading svg{animation:spin 1s linear infinite}.cancel-plan-modal.cancel-processing{animation:cancelPulse .7s ease-in-out infinite alternate}.cancel-plan-success{text-align:center;padding:20px 8px 4px}.cancel-success-ring{width:76px;height:76px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:rgba(145,255,21,.09);border:1px solid rgba(145,255,21,.2);color:#a8ff4e;box-shadow:0 0 0 10px rgba(145,255,21,.025);animation:cancelSuccessPop .55s cubic-bezier(.2,.9,.25,1.2)}.cancel-success-ring svg{width:34px}.cancel-plan-success h2{margin:0 0 8px}.cancel-plan-success p{color:#9f98a8;line-height:1.55}.cancel-plan-success .btn{margin-top:12px;min-width:150px}.hidden{display:none!important}@keyframes cancelPulse{from{box-shadow:0 34px 120px rgba(0,0,0,.55)}to{box-shadow:0 34px 120px rgba(217,66,91,.12)}}@keyframes cancelSuccessPop{0%{transform:scale(.55);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}@media(max-width:850px){.subscription-manager-grid{grid-template-columns:1fr}.subscription-manager-head{flex-direction:column}.cancel-plan-actions{grid-template-columns:1fr}}

/* FAQ V23 — premium help center */
.faq23-hero{position:relative;overflow:hidden;padding:78px 0 54px;background:radial-gradient(circle at 16% 10%,rgba(126,76,255,.18),transparent 28%),radial-gradient(circle at 86% 20%,rgba(80,209,255,.08),transparent 24%)}
.faq23-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000,transparent 90%);pointer-events:none}
.faq23-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:54px;align-items:center}.faq23-copy h1{margin:14px 0 14px;max-width:760px;font-size:clamp(52px,6vw,88px);line-height:.93;letter-spacing:-.075em}.faq23-copy>p{margin:0;max-width:650px;color:#a29bab;font-size:16px;line-height:1.7}.faq23-search-wrap{margin-top:28px;max-width:760px}.faq23-search{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;min-height:66px;padding:0 13px 0 18px;border-radius:22px;background:rgba(12,10,17,.82);border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 80px rgba(0,0,0,.26);backdrop-filter:blur(18px);transition:.25s}.faq23-search:focus-within{border-color:rgba(157,98,255,.4);box-shadow:0 0 0 5px rgba(126,76,255,.09),0 28px 90px rgba(0,0,0,.32)}.faq23-search>svg{width:20px;color:#b88cff}.faq23-search input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:16px}.faq23-search input::placeholder{color:#6d6675}.faq23-shortcut{display:flex;gap:5px}.faq23-shortcut kbd{display:grid;place-items:center;min-width:27px;height:27px;border-radius:8px;background:#0d0b12;border:1px solid rgba(255,255,255,.08);color:#82798c;font-size:10px}.faq23-clear{width:32px;height:32px;border-radius:10px;border:0;background:rgba(255,255,255,.05);color:#938b9d;display:grid;place-items:center;cursor:pointer}.faq23-clear svg{width:14px}.faq23-popular{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;color:#6e6875;font-size:11px}.faq23-popular button{border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.035);color:#a9a1b2;font:inherit;font-size:10px;padding:7px 10px;cursor:pointer;transition:.2s}.faq23-popular button:hover{color:#fff;border-color:rgba(156,98,255,.25);background:rgba(126,76,255,.08)}
.faq23-hero-art{position:relative;min-height:390px;border-radius:34px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 34px 110px rgba(0,0,0,.25);overflow:hidden}.faq23-orb{position:absolute;border-radius:50%;filter:blur(20px)}.faq23-orb.orb-a{width:240px;height:240px;right:-40px;top:-40px;background:radial-gradient(circle,rgba(140,91,255,.34),transparent 68%)}.faq23-orb.orb-b{width:180px;height:180px;left:-30px;bottom:-30px;background:radial-gradient(circle,rgba(75,225,255,.16),transparent 68%)}.faq23-support-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(131,83,255,.24),rgba(18,15,26,.94) 68%);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(0,0,0,.34)}.faq23-support-center img{width:44px;height:44px;filter:drop-shadow(0 0 20px rgba(137,84,255,.45))}.faq23-support-center strong{margin-top:10px;font-size:18px}.faq23-support-center span{margin-top:4px;color:#8d8498;font-size:10px}.faq23-support-card{position:absolute;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:150px;padding:14px;border-radius:17px;background:rgba(13,11,18,.86);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 48px rgba(0,0,0,.3);animation:faq23Float 4.8s ease-in-out infinite}.faq23-support-card svg{grid-row:1/3;width:18px;color:#b78cff}.faq23-support-card b{font-size:12px}.faq23-support-card span{color:#776f82;font-size:9px}.faq23-support-card.card-a{top:48px;left:28px;animation-delay:-.8s}.faq23-support-card.card-b{right:26px;top:138px;animation-delay:-2s}.faq23-support-card.card-c{left:42px;bottom:42px;animation-delay:-3.3s}@keyframes faq23Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.faq23-shell{padding:30px 0 90px}.faq23-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-bottom:18px;border-radius:20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}.faq23-stats{display:flex;align-items:center;flex-wrap:wrap;gap:18px;color:#827b89;font-size:11px}.faq23-stats span{display:inline-flex;align-items:center;gap:7px}.faq23-stats b{color:#fff;font-size:13px}.faq23-stats svg{width:14px;color:#a579ff}.faq23-toolbar-actions{display:flex;gap:9px}.faq23-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:26px;align-items:start}.faq23-sidebar{position:sticky;top:94px;padding:14px;border-radius:24px;background:rgba(11,9,15,.83);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}.faq23-side-head{display:flex;align-items:center;justify-content:space-between;padding:7px 9px 12px}.faq23-side-head span{color:#76707d;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800}.faq23-side-head small{color:#57515d;font-size:9px}.faq23-sidebar>button{width:100%;min-height:46px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 11px;border:0;border-radius:13px;background:transparent;color:#9891a0;font:inherit;font-size:11px;text-align:left;cursor:pointer;transition:.2s}.faq23-sidebar>button svg{width:15px}.faq23-sidebar>button b{font-size:9px;color:#5f5965}.faq23-sidebar>button:hover,.faq23-sidebar>button.active{color:#fff;background:linear-gradient(90deg,rgba(128,78,255,.13),rgba(128,78,255,.035))}.faq23-sidebar>button.active svg{color:#be95ff}.faq23-sidebar>button.active b{color:#a579ff}.faq23-side-card{margin-top:14px;padding:16px;border-radius:18px;background:radial-gradient(circle at 0% 0%,rgba(132,79,255,.15),transparent 55%),rgba(255,255,255,.025);border:1px solid rgba(155,101,255,.13)}.faq23-side-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(145,91,255,.1);margin-bottom:10px}.faq23-side-icon svg{width:16px;color:#bc92ff}.faq23-side-card>b{font-size:12px}.faq23-side-card p{margin:6px 0 11px;color:#777080;font-size:10px;line-height:1.55}.faq23-side-card a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:#d1bbff;font-size:10px;font-weight:800}.faq23-side-card a svg{width:12px}.faq23-main{display:grid;gap:34px;scroll-margin-top:100px}.faq23-group{scroll-margin-top:100px}.faq23-group-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-bottom:13px}.faq23-group-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(126,76,255,.16),rgba(97,231,255,.05));border:1px solid rgba(156,103,255,.16)}.faq23-group-icon svg{width:19px;color:#bd92ff}.faq23-group-head h2{margin:0;font-size:22px;letter-spacing:-.035em}.faq23-group-head p{margin:3px 0 0;color:#746e7b;font-size:11px}.faq23-group-head>span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:#6f6877;font-size:9px}.faq23-list{display:grid;gap:9px}.faq23-item{border:1px solid rgba(255,255,255,.07);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));overflow:hidden;transition:border-color .22s,background .22s,transform .22s}.faq23-item:hover{transform:translateY(-1px);border-color:rgba(154,97,255,.18)}.faq23-item.open{border-color:rgba(157,100,255,.24);background:linear-gradient(180deg,rgba(126,76,255,.055),rgba(255,255,255,.018));box-shadow:0 18px 60px rgba(50,24,82,.11)}.faq23-q{width:100%;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.faq23-q-text{display:grid;gap:5px}.faq23-q-text small{width:max-content;padding:4px 7px;border-radius:999px;background:rgba(143,89,255,.08);border:1px solid rgba(150,95,255,.1);color:#a98ac9;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.faq23-q-text b{font-size:13px}.faq23-plus{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);flex:none;transition:.25s}.faq23-plus svg{width:15px;transition:transform .26s}.faq23-item.open .faq23-plus{background:rgba(135,82,255,.1);border-color:rgba(155,96,255,.18)}.faq23-item.open .faq23-plus svg{transform:rotate(45deg)}.faq23-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.2,.8,.2,1)}.faq23-a-inner{overflow:hidden}.faq23-item.open .faq23-a{grid-template-rows:1fr}.faq23-a-inner>p{margin:0;padding:0 18px 16px;color:#9b94a2;font-size:12px;line-height:1.75}.faq23-answer-actions{display:flex;align-items:center;gap:7px;padding:12px 18px 16px;border-top:1px solid rgba(255,255,255,.05);color:#6f6976;font-size:9px}.faq23-answer-actions>span{margin-right:3px}.faq23-answer-actions button{display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:0 9px;border-radius:9px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:#8f8798;font:inherit;font-size:9px;cursor:pointer}.faq23-answer-actions button:hover,.faq23-answer-actions button.selected{color:#fff;border-color:rgba(154,97,255,.22);background:rgba(126,76,255,.08)}.faq23-answer-actions button svg{width:12px}.faq23-copy-link{margin-left:auto!important;width:30px!important;padding:0!important;justify-content:center}.faq23-copy-link.copied{color:#91ff15!important;border-color:rgba(145,255,21,.22)!important}.faq23-empty{text-align:center;padding:70px 20px;border-radius:24px;border:1px dashed rgba(255,255,255,.08);background:rgba(255,255,255,.015)}.faq23-empty-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto;border-radius:16px;background:rgba(129,78,255,.08);border:1px solid rgba(152,96,255,.13)}.faq23-empty-icon svg{width:23px;color:#a77fff}.faq23-empty h2{margin:14px 0 6px}.faq23-empty p{margin:0 0 16px;color:#766f7d;font-size:12px}.faq23-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:26px;background:radial-gradient(circle at 0% 0%,rgba(129,78,255,.14),transparent 42%),rgba(255,255,255,.023);border:1px solid rgba(255,255,255,.07)}.faq23-contact h2{margin:9px 0 6px;font-size:28px}.faq23-contact p{margin:0;color:#827b89;font-size:12px}.faq23-contact-actions{display:flex;gap:10px;flex-wrap:wrap}.hidden{display:none!important}
@media(max-width:1050px){.faq23-hero-inner{grid-template-columns:1fr}.faq23-hero-art{min-height:300px}.faq23-layout{grid-template-columns:1fr}.faq23-sidebar{position:relative;top:auto;display:flex;gap:7px;overflow:auto;padding:10px}.faq23-side-head,.faq23-side-card{display:none}.faq23-sidebar>button{width:auto;grid-template-columns:auto auto;white-space:nowrap;padding:0 12px}.faq23-sidebar>button b{display:none}}
@media(max-width:720px){.faq23-hero{padding-top:54px}.faq23-copy h1{font-size:48px}.faq23-hero-art{display:none}.faq23-shortcut{display:none}.faq23-toolbar{align-items:flex-start;flex-direction:column}.faq23-toolbar-actions{width:100%}.faq23-toolbar-actions .btn{flex:1}.faq23-group-head{grid-template-columns:auto 1fr}.faq23-group-head>span{display:none}.faq23-contact{align-items:flex-start;flex-direction:column}.faq23-contact-actions{width:100%}.faq23-contact-actions .btn{flex:1}.faq23-answer-actions{flex-wrap:wrap}.faq23-copy-link{margin-left:0!important}}

/* ========================= LOAF V26 — UPDATE + PARTNERS ========================= */
.user-avatar{overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.update-backdrop-v26,.info-backdrop-v26{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:24px;background:rgba(4,3,8,.74);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .28s ease}.update-backdrop-v26.open,.info-backdrop-v26.open{opacity:1;pointer-events:auto}.update-modal-v26,.info-modal-v26{width:min(780px,calc(100vw - 30px));border:1px solid rgba(255,255,255,.11);border-radius:30px;background:linear-gradient(145deg,rgba(19,15,27,.98),rgba(8,7,12,.98));box-shadow:0 35px 140px rgba(0,0,0,.65),0 0 80px rgba(133,72,255,.12);position:relative;overflow:hidden;transform:translateY(28px) scale(.965);opacity:.7;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .28s ease}.update-backdrop-v26.open .update-modal-v26,.info-backdrop-v26.open .info-modal-v26{transform:none;opacity:1}.update-modal-v26{padding:34px}.update-modal-v26:before,.info-modal-v26:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 75%);pointer-events:none}.update-orb-v26{position:absolute;width:350px;height:350px;border-radius:50%;right:-120px;top:-160px;background:radial-gradient(circle,#914cff 0,rgba(115,64,255,.32) 30%,transparent 70%);filter:blur(12px);animation:updateOrbV26 5s ease-in-out infinite}.update-close-v26{position:absolute;right:16px;top:16px;z-index:5;width:40px;height:40px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff;font-size:20px;cursor:pointer;transition:.2s}.update-close-v26:hover{background:rgba(255,255,255,.09);transform:rotate(5deg) scale(1.04)}.update-version-v26{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.update-version-v26 img{width:26px;height:26px;object-fit:contain}.update-version-v26 span{font-size:11px;font-weight:950;letter-spacing:.08em}.update-version-v26 em{font-style:normal;font-size:8px;font-weight:950;color:#b5ff63;border:1px solid rgba(156,255,22,.2);background:rgba(156,255,22,.07);padding:6px 8px;border-radius:999px}.update-modal-v26 h2{position:relative;z-index:2;font-size:clamp(34px,5vw,58px);line-height:.96;letter-spacing:-.055em;margin:26px 0 12px;max-width:620px}.update-modal-v26 h2 span{background:linear-gradient(90deg,#a876ff,#5fe5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.update-lead-v26{position:relative;z-index:2;color:#8f8798;font-size:13px;line-height:1.7;max-width:650px}.update-feature-grid-v26{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;position:relative;z-index:2}.update-feature-grid-v26 article{display:flex;gap:12px;padding:15px;border-radius:17px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.026);transition:.22s}.update-feature-grid-v26 article:hover{transform:translateY(-2px);border-color:rgba(157,107,255,.18);background:rgba(142,82,255,.05)}.update-feature-grid-v26 article>i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:950;color:#c8aaff;background:rgba(146,87,255,.09);border:1px solid rgba(159,105,255,.12);flex:none}.update-feature-grid-v26 b,.update-feature-grid-v26 span{display:block}.update-feature-grid-v26 b{font-size:11px}.update-feature-grid-v26 span{font-size:9px;color:#766f7d;line-height:1.55;margin-top:4px}.update-actions-v26{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;position:relative;z-index:2}.update-actions-v26 .btn{min-width:130px}.update-actions-v26 .btn span+span{margin-left:8px}.update-modal-v26>small{display:block;color:#5e5765;font-size:8px;margin-top:13px;text-align:right;position:relative;z-index:2}
.home-info-button-v26{position:fixed;right:20px;bottom:20px;z-index:2900;height:48px;padding:0 16px 0 8px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(11,9,16,.82);backdrop-filter:blur(14px);box-shadow:0 18px 55px rgba(0,0,0,.4),0 0 30px rgba(119,72,255,.13);display:flex;align-items:center;gap:9px;color:#fff;cursor:pointer;transition:.25s}.home-info-button-v26:hover{transform:translateY(-3px);background:rgba(21,16,30,.94);border-color:rgba(166,112,255,.25)}.home-info-button-v26 b{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;font-size:14px;font-family:Georgia,serif;background:linear-gradient(135deg,#7446ff,#b95cff);position:relative;z-index:2}.home-info-button-v26 em{font-style:normal;font-size:10px;font-weight:850}.home-info-pulse-v26{position:absolute;left:8px;width:32px;height:32px;border-radius:12px;border:1px solid rgba(168,110,255,.4);animation:infoPulseV26 2.3s ease-out infinite}
.info-modal-v26{padding:28px;max-width:700px}.info-head-v26{display:flex;gap:13px;align-items:center;position:relative;z-index:2}.info-icon-v26{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#7647ff,#bb61ff);font-family:Georgia,serif;font-size:20px}.info-head-v26 small{color:#857c8f;font-size:8px;letter-spacing:.11em;font-weight:900}.info-head-v26 h2{font-size:28px;letter-spacing:-.04em;margin:3px 0 0}.info-update-card-v26{position:relative;z-index:2;margin-top:22px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid rgba(147,93,255,.15);background:linear-gradient(135deg,rgba(132,76,255,.09),rgba(72,208,255,.025));padding:14px;border-radius:17px}.info-update-card-v26>span{font-size:8px;font-weight:950;padding:7px 8px;border-radius:999px;color:#caaaff;background:rgba(153,95,255,.1)}.info-update-card-v26 b{font-size:11px}.info-update-card-v26 p{margin:4px 0 0;color:#746d7c;font-size:9px;line-height:1.45}.info-update-card-v26 button{border:0;background:transparent;color:#c8a7ff;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.info-partner-card-v26{position:relative;z-index:2;margin-top:12px;display:grid;grid-template-columns:150px 1fr;gap:17px;align-items:center;padding:15px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.exo-mini-v26{height:125px;border-radius:16px;overflow:hidden;background:#09112b;display:grid;place-items:center}.exo-mini-v26 img{width:100%;height:100%;object-fit:cover}.info-partner-card-v26 small{font-size:8px;letter-spacing:.11em;color:#6b8eff;font-weight:900}.info-partner-card-v26 h3{font-size:24px;margin:4px 0}.info-partner-card-v26 p{color:#7b7482;font-size:10px;line-height:1.55}.info-partner-actions{display:flex;gap:13px;margin-top:10px}.info-partner-actions a{font-size:9px;font-weight:850;color:#a9d8ff}.info-partner-actions a:first-child{color:#bd9aff}
.partner-hero{padding:90px 0 62px;overflow:hidden;position:relative}.partner-hero:before{content:"";position:absolute;width:700px;height:700px;left:-260px;top:-330px;border-radius:50%;background:radial-gradient(circle,rgba(113,68,255,.14),transparent 66%);filter:blur(10px)}.partner-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.partner-hero h1{font-size:clamp(54px,7vw,94px);line-height:.9;letter-spacing:-.07em;margin:18px 0}.partner-hero p{color:#8f8798;line-height:1.75;max-width:700px}.partner-orbit-visual{height:470px;position:relative;display:grid;place-items:center}.partner-orbit-visual>img:not(.exo-orbit-logo){width:90px;height:90px;object-fit:contain;position:absolute;left:24%;top:45%;transform:translate(-50%,-50%);z-index:3;filter:drop-shadow(0 0 35px rgba(137,78,255,.42))}.partner-orbit-visual .exo-orbit-logo{width:145px;height:145px;object-fit:cover;border-radius:36px;position:absolute;right:17%;top:45%;transform:translate(50%,-50%);z-index:3;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 45px rgba(39,139,255,.12)}.partner-join-line{position:absolute;width:180px;height:2px;background:linear-gradient(90deg,#965aff,#47b7ff);top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px rgba(100,127,255,.45)}.partner-orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07);animation:partnerRotateV26 16s linear infinite}.partner-orbit-ring.r1{width:390px;height:390px}.partner-orbit-ring.r2{width:290px;height:290px;animation-direction:reverse;animation-duration:11s;border-style:dashed;border-color:rgba(121,86,255,.15)}.featured-partner-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(36,87,255,.025));padding:22px;overflow:hidden;position:relative}.featured-partner-card:before{content:"";position:absolute;right:-100px;bottom:-140px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(27,124,255,.12),transparent 68%)}.featured-partner-media{min-height:430px;border-radius:23px;overflow:hidden;position:relative;background:#08112d}.featured-partner-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.featured-partner-glow{position:absolute;inset:auto 10% 5%;height:28%;background:rgba(29,127,255,.2);filter:blur(50px)}.featured-partner-copy{align-self:center;padding:30px;position:relative;z-index:2}.partner-label{font-size:9px;font-weight:950;letter-spacing:.13em;color:#65bbff}.featured-partner-copy h2{font-size:clamp(40px,5vw,70px);letter-spacing:-.055em;margin:10px 0}.featured-partner-copy>p{color:#88808f;line-height:1.7;max-width:560px}.partner-points{display:grid;gap:10px;margin:24px 0}.partner-points>div{display:flex;gap:12px;padding:12px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.partner-points svg{width:18px;color:#68bdff}.partner-points b,.partner-points small{display:block}.partner-points b{font-size:10px}.partner-points small{font-size:8px;color:#6e6776;margin-top:3px}.partner-visit-btn{background:linear-gradient(90deg,#fa2f37,#268dff)!important;color:#fff!important;box-shadow:0 12px 35px rgba(37,112,255,.18)}.partner-disclosure{display:flex;gap:11px;align-items:flex-start;margin:14px 0 40px;padding:13px;border-radius:15px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.055);color:#716a78;font-size:9px}.partner-disclosure svg{width:16px;color:#806fff;flex:none}.partner-disclosure p{margin:0;line-height:1.55}
@keyframes updateOrbV26{50%{transform:translate(-18px,16px) scale(1.08);opacity:.8}}@keyframes infoPulseV26{0%{transform:scale(.9);opacity:.8}70%,100%{transform:scale(1.55);opacity:0}}@keyframes partnerRotateV26{to{transform:rotate(360deg)}}
@media(max-width:900px){.partner-hero-grid,.featured-partner-card{grid-template-columns:1fr}.partner-orbit-visual{height:340px}.featured-partner-media{min-height:340px}.update-feature-grid-v26{grid-template-columns:1fr}}
@media(max-width:620px){.update-modal-v26,.info-modal-v26{padding:22px;border-radius:24px}.update-feature-grid-v26{grid-template-columns:1fr}.update-actions-v26{flex-direction:column}.info-partner-card-v26{grid-template-columns:1fr}.exo-mini-v26{height:150px}.home-info-button-v26{right:12px;bottom:12px}.home-info-button-v26 em{display:none}.partner-orbit-visual .exo-orbit-logo{right:22%;width:110px;height:110px}.partner-orbit-visual>img:not(.exo-orbit-logo){left:20%;width:72px;height:72px}.partner-join-line{width:120px}}


/* V27 polish */
.home-info-button-v26{min-width:210px;height:auto;padding:12px 16px 12px 12px;border-radius:22px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;background:linear-gradient(145deg,rgba(14,11,22,.96),rgba(8,8,12,.92));border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 38px rgba(104,71,255,.14)}
.home-info-button-v26:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(162,112,255,.28);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 48px rgba(104,71,255,.18)}
.home-info-button-v26 b{grid-row:1/3;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#7141ff,#b55dff 55%,#5ce4ff);box-shadow:0 10px 28px rgba(121,76,255,.34);font-family:inherit;font-size:18px}
.home-info-button-v26 b span{transform:translateY(-1px)}
.home-info-button-v26 strong{font-size:12px;font-weight:900;letter-spacing:.02em}
.home-info-button-v26 em{display:block;font-style:normal;font-size:9px;color:#8c8598}
.home-info-pulse-v26{left:12px;top:12px;width:44px;height:44px;border-radius:16px}
.home-info-glow-v26{position:absolute;inset:-40% auto auto -25%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(125,74,255,.18),transparent 67%);pointer-events:none}
.update-actions-v26 .update-continue-btn{position:relative;overflow:hidden;min-width:170px}
.update-actions-v26 .update-continue-btn:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-120%);animation:updateBtnSweep 3.2s ease-in-out infinite}
.info-update-card-v26,.info-partner-card-v26{box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.partner-stat-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.partner-stat-row>div{min-width:120px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.partner-stat-row b,.partner-stat-row span{display:block}.partner-stat-row b{font-size:18px}.partner-stat-row span{margin-top:4px;font-size:9px;color:#807989;text-transform:uppercase;letter-spacing:.08em}
.partner-signal{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(81,196,255,.18),transparent 62%);animation:partnerSignal 3.8s ease-in-out infinite}
.featured-partner-badge{position:absolute;left:16px;top:16px;z-index:3;padding:8px 10px;border-radius:999px;background:rgba(8,10,18,.72);border:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:900;letter-spacing:.08em;color:#fff}
.partner-callout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 20px}.partner-callout-grid article{padding:12px 13px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.partner-callout-grid small,.partner-callout-grid b{display:block}.partner-callout-grid small{font-size:8px;color:#6f6776;letter-spacing:.09em}.partner-callout-grid b{margin-top:5px;font-size:11px;word-break:break-word}
.partner-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.partner-benefit-grid article{padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.015))}.partner-benefit-grid article svg{width:18px;color:#7bc1ff;margin-bottom:10px}.partner-benefit-grid article b,.partner-benefit-grid article span{display:block}.partner-benefit-grid article b{font-size:12px}.partner-benefit-grid article span{margin-top:6px;font-size:9px;color:#766f7d;line-height:1.6}
.partner-disclosure-upgraded{margin-top:16px;background:linear-gradient(90deg,rgba(125,74,255,.08),rgba(91,216,255,.03));border-color:rgba(142,91,255,.13)}
@keyframes updateBtnSweep{0%,60%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
@keyframes partnerSignal{50%{transform:scale(1.12);opacity:.68}}
@media(max-width:900px){.partner-benefit-grid,.partner-callout-grid{grid-template-columns:1fr}.partner-stat-row>div{flex:1 1 30%}}
@media(max-width:620px){.home-info-button-v26{right:12px;bottom:12px;min-width:0;width:calc(100vw - 24px);grid-template-columns:42px 1fr}.home-info-button-v26 em{display:block}.partner-stat-row{display:grid;grid-template-columns:1fr 1fr}.partner-stat-row>div{min-width:0}}


/* V28 — creator session reward */
.session-reward-section{padding:10px 0 92px;position:relative}.session-reward-card{min-height:430px;border:1px solid rgba(255,255,255,.09);border-radius:34px;background:radial-gradient(circle at 78% 25%,rgba(92,221,255,.08),transparent 31%),radial-gradient(circle at 20% 10%,rgba(139,76,255,.14),transparent 35%),linear-gradient(145deg,#0d0a13,#09090e);padding:34px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative;overflow:hidden;box-shadow:0 38px 110px rgba(0,0,0,.34)}
.session-reward-card:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 68% 45%,#000,transparent 72%);pointer-events:none}.reward-ambient{position:absolute;border-radius:50%;filter:blur(30px);pointer-events:none}.reward-ambient.a{width:260px;height:260px;left:-100px;bottom:-130px;background:rgba(125,70,255,.12)}.reward-ambient.b{width:230px;height:230px;right:-80px;top:-100px;background:rgba(75,224,255,.09)}
.reward-copy,.reward-timer-zone{position:relative;z-index:2}.reward-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:950;letter-spacing:.14em;color:#b59aff}.reward-eyebrow i{width:8px;height:8px;border-radius:50%;background:#9cff1a;box-shadow:0 0 18px rgba(156,255,26,.65)}.reward-copy h2{font-size:clamp(40px,5.3vw,70px);line-height:.94;letter-spacing:-.06em;margin:16px 0}.reward-copy h2 span{background:linear-gradient(90deg,#a06bff,#58e4ff,#a9ff4a);-webkit-background-clip:text;background-clip:text;color:transparent}.reward-copy>p{max-width:650px;color:#91899a;line-height:1.75;font-size:13px}.reward-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.reward-benefits span{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);font-size:9px;color:#aaa2b2}.reward-benefits svg{width:13px;color:#a47aff}
.reward-timer-zone{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center}.reward-ring{--reward-p:0;width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#8d55ff calc(var(--reward-p)*1%),#59dfff calc(var(--reward-p)*1.22%),rgba(255,255,255,.055) 0);position:relative;box-shadow:0 0 55px rgba(130,79,255,.13);transition:background .5s}.reward-ring:before{content:'';position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(143,85,255,.08),transparent 42%),#0b0910;border:1px solid rgba(255,255,255,.06)}.reward-ring:after{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px dashed rgba(153,100,255,.16);animation:rewardRingSpin 18s linear infinite}.reward-ring>div{position:relative;z-index:2;text-align:center}.reward-ring small,.reward-ring strong,.reward-ring span{display:block}.reward-ring small{font-size:8px;letter-spacing:.14em;color:#6d6676;font-weight:900}.reward-ring strong{font-size:28px;letter-spacing:-.045em;margin:7px 0}.reward-ring span{font-size:8px;color:#91879d}
.reward-progress-shell{align-self:end;padding:15px 0}.reward-progress-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px}.reward-progress-meta span{color:#8c8494}.reward-progress-meta b{font-size:8px;color:#bca5da}.reward-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden;margin:10px 0 7px}.reward-progress i{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#8350ff,#64dcff,#a2ff38);box-shadow:0 0 22px rgba(109,194,255,.32);transition:width .65s cubic-bezier(.16,1,.3,1)}.reward-milestones{display:flex;justify-content:space-between;color:#5d5665;font-size:7px}.reward-code-box{grid-column:2;margin-top:-8px;padding:13px;border-radius:17px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.022);opacity:.65;transition:.45s}.reward-code-box>small{display:block;font-size:7px;letter-spacing:.13em;color:#655e6d;font-weight:900}.reward-code-box>div{display:flex;gap:8px;align-items:center;margin-top:7px}.reward-code-box code{flex:1;font:900 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#756d7f}.reward-code-box button{height:36px;padding:0 11px;border-radius:11px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);color:#837b8c;font:inherit;font-size:8px;font-weight:900;display:flex;align-items:center;gap:6px}.reward-code-box button svg{width:12px}.reward-code-box>p{font-size:8px;color:#5f5866;margin:7px 0 0}.reward-code-box.active{opacity:1;border-color:rgba(154,255,58,.2);background:linear-gradient(90deg,rgba(154,255,58,.045),rgba(88,220,255,.025));box-shadow:0 0 30px rgba(139,255,65,.05)}.reward-code-box.active code{color:#c9ff92;text-shadow:0 0 18px rgba(160,255,82,.22)}.reward-code-box.active button{color:#fff;border-color:rgba(161,255,71,.15);background:rgba(143,255,61,.06)}.session-reward-card.reward-unlocked{border-color:rgba(161,255,77,.16);box-shadow:0 40px 120px rgba(0,0,0,.38),0 0 85px rgba(138,255,73,.07)}.session-reward-card.reward-unlocked .reward-ring{background:conic-gradient(#9cff31 0 100%);animation:rewardUnlockedPulse 2.8s ease-in-out infinite}
.market-reward-banner{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding:14px 16px;border-radius:18px;border:1px solid rgba(159,255,81,.16);background:linear-gradient(90deg,rgba(153,255,66,.06),rgba(92,221,255,.035),rgba(147,82,255,.04));box-shadow:0 18px 50px rgba(0,0,0,.16)}.market-reward-banner[hidden]{display:none!important}.market-reward-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#93ff36,#5de7ff);color:#091008;box-shadow:0 10px 30px rgba(120,255,82,.15)}.market-reward-icon svg{width:18px}.market-reward-banner>div:nth-child(2){flex:1}.market-reward-banner small,.market-reward-banner b,.market-reward-banner span{display:block}.market-reward-banner small{font-size:7px;letter-spacing:.13em;color:#8edd79;font-weight:950}.market-reward-banner b{font-size:12px;margin-top:3px}.market-reward-banner span{font-size:9px;color:#827b8a;margin-top:3px}.market-reward-banner code{color:#bfff8d}
.reward-unlock-overlay{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:22px;background:rgba(3,3,7,.8);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .35s}.reward-unlock-overlay.open{opacity:1;pointer-events:auto}.reward-unlock-modal{width:min(620px,calc(100vw - 30px));padding:38px;border-radius:32px;border:1px solid rgba(177,255,96,.18);background:radial-gradient(circle at 50% -10%,rgba(158,255,75,.12),transparent 36%),radial-gradient(circle at 100% 0%,rgba(96,223,255,.1),transparent 33%),linear-gradient(145deg,#111019,#09090e);text-align:center;position:relative;overflow:hidden;transform:translateY(28px) scale(.94);transition:transform .62s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 150px rgba(0,0,0,.68),0 0 90px rgba(146,255,75,.1)}.reward-unlock-overlay.open .reward-unlock-modal{transform:none}.reward-unlock-check{width:72px;height:72px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#8fff31,#5fe7ff);color:#071006;font-size:34px;font-weight:950;box-shadow:0 20px 55px rgba(125,255,66,.21);animation:rewardCheckPop .7s cubic-bezier(.16,1,.3,1)}.reward-unlock-modal>small{font-size:8px;letter-spacing:.16em;color:#99e874;font-weight:950}.reward-unlock-modal h2{font-size:clamp(38px,6vw,60px);line-height:.96;letter-spacing:-.06em;margin:13px 0}.reward-unlock-modal h2 span{background:linear-gradient(90deg,#98ff42,#5ce5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.reward-unlock-modal p{color:#8e8797;line-height:1.65}.reward-unlock-code{display:flex;align-items:center;gap:8px;margin:22px auto 16px;padding:9px 9px 9px 15px;max-width:390px;border-radius:17px;border:1px solid rgba(156,255,82,.18);background:rgba(156,255,82,.045)}.reward-unlock-code code{flex:1;text-align:left;font:950 17px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;color:#c8ff95}.reward-unlock-code button{height:38px;border:0;border-radius:12px;background:#fff;color:#111;padding:0 12px;font:inherit;font-size:9px;font-weight:950;cursor:pointer}.reward-unlock-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.reward-confetti{position:absolute;inset:0;pointer-events:none}.reward-confetti i{--a:calc(var(--i)*16.36deg);position:absolute;left:50%;top:50%;width:7px;height:15px;border-radius:2px;background:hsl(calc(var(--i)*31) 90% 65%);opacity:0;transform:rotate(var(--a)) translateY(-70px);animation:rewardConfetti 1.6s calc(var(--i)*.018s) ease-out forwards}
@keyframes rewardRingSpin{to{transform:rotate(360deg)}}@keyframes rewardUnlockedPulse{50%{box-shadow:0 0 75px rgba(145,255,66,.18)}}@keyframes rewardCheckPop{0%{transform:scale(.2) rotate(-16deg)}70%{transform:scale(1.12) rotate(3deg)}100%{transform:none}}@keyframes rewardConfetti{20%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(-290px) translateX(95px) rotate(360deg)}}
@media(max-width:980px){.session-reward-card{grid-template-columns:1fr}.reward-timer-zone{grid-template-columns:200px 1fr}.reward-ring{width:200px;height:200px}.reward-code-box{grid-column:auto}}@media(max-width:650px){.session-reward-card{padding:24px;border-radius:26px}.reward-timer-zone{grid-template-columns:1fr;justify-items:center}.reward-progress-shell,.reward-code-box{width:100%}.reward-ring{width:190px;height:190px}.reward-benefits{display:grid}.market-reward-banner{align-items:flex-start;flex-wrap:wrap}.market-reward-banner .btn{width:100%;justify-content:center}}

.reward-pack-badge{position:absolute;left:12px;top:12px;z-index:5;padding:6px 8px;border-radius:999px;background:linear-gradient(135deg,#9cff3b,#5fe7ff);color:#081008;font-size:7px;font-weight:1000;letter-spacing:.08em;box-shadow:0 10px 24px rgba(145,255,66,.18);animation:rewardPackBadge 2.6s ease-in-out infinite}.pack-card.reward-discount-available{border-color:rgba(154,255,73,.13)}@keyframes rewardPackBadge{50%{transform:translateY(-2px);box-shadow:0 14px 30px rgba(145,255,66,.25)}}


/* V29 mechanical reward timer + premium info button */
.reward-timer-zone{grid-template-columns:minmax(320px,420px) 1fr;align-items:center}
.reward-mech-wrap{display:grid;gap:9px;align-content:center}
.reward-mech-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 7px}
.reward-mech-label>span{display:inline-flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.13em;font-weight:950;color:#898190}
.reward-mech-label>span i{width:6px;height:6px;border-radius:50%;background:#9cff35;box-shadow:0 0 13px rgba(156,255,53,.55)}
.reward-mech-label>b{font-size:8px;color:#a895be;font-weight:800}
.reward-mech-timer{--reward-p:0;position:relative;display:flex;align-items:center;gap:8px;min-height:150px;padding:16px 64px 16px 16px;border-radius:34px;background:linear-gradient(180deg,#37383e,#2c2d32 58%,#24252a);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -18px 35px rgba(0,0,0,.16),0 24px 70px rgba(0,0,0,.36),0 0 calc(var(--reward-p)*.45px) rgba(143,88,255,.26);overflow:hidden}
.reward-mech-timer:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.05),transparent 28%,transparent 70%,rgba(255,255,255,.025));pointer-events:none}
.reward-mech-timer:after{content:'';position:absolute;left:14px;right:62px;top:50%;height:1px;background:rgba(0,0,0,.26);box-shadow:0 1px 0 rgba(255,255,255,.055);pointer-events:none;z-index:4}
.reward-drum{position:relative;flex:1;min-width:65px;height:116px;border-radius:22px;background:linear-gradient(180deg,#f1f2f4 0%,#d8dade 49%,#c7c9ce 51%,#eaebed 100%);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 8px 13px rgba(255,255,255,.58),inset 0 -9px 16px rgba(31,34,41,.18),0 7px 16px rgba(0,0,0,.26);display:grid;place-items:center;overflow:hidden;transform:perspective(500px) rotateX(.5deg);isolation:isolate}
.reward-drum:before,.reward-drum:after{content:'';position:absolute;left:0;right:0;height:46%;z-index:1;pointer-events:none}.reward-drum:before{top:0;background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.02))}.reward-drum:after{bottom:0;background:linear-gradient(0deg,rgba(70,74,84,.16),transparent)}
.drum-digit{position:relative;z-index:3;font-size:62px;line-height:1;font-weight:950;letter-spacing:-.075em;color:#121317;text-shadow:0 2px 0 rgba(255,255,255,.48),0 5px 8px rgba(0,0,0,.14);transform:translateY(1px);font-variant-numeric:tabular-nums}
.drum-shine{position:absolute;inset:0;z-index:2;background:linear-gradient(108deg,transparent 15%,rgba(255,255,255,.32) 36%,transparent 58%);transform:translateX(-120%)}
.reward-drum.tick .drum-digit{animation:drumTick .36s cubic-bezier(.2,.75,.2,1)}
.reward-drum.tick .drum-shine{animation:drumSweep .42s ease-out}
.drum-notch{position:absolute;left:50%;transform:translateX(-50%);width:20px;height:7px;border-radius:50%;background:rgba(72,75,82,.16);box-shadow:inset 0 2px 2px rgba(0,0,0,.18);z-index:5}.drum-notch.top{top:5px}.drum-notch.bottom{bottom:5px}
.reward-mech-sep{width:13px;display:grid;gap:18px;place-items:center;flex:none}.reward-mech-sep i{width:6px;height:6px;border-radius:50%;background:#aeb1b8;box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.3)}
.reward-mech-side{position:absolute;right:16px;top:14px;bottom:14px;width:38px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#c3c5ca}
.reward-mech-side svg{width:22px;height:22px;stroke-width:2.4}.reward-chevron svg{width:21px;opacity:.72}.reward-sound-icon,.reward-chevron{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.025)}
.reward-mech-caption{display:grid;grid-template-columns:1fr 1fr;padding:0 72px 0 20px;color:#5d5665;font-size:7px;font-weight:900;letter-spacing:.14em;text-align:center}
.reward-countdown-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reward-mech-timer.is-unlocked{border-color:rgba(153,255,76,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 25px 80px rgba(0,0,0,.38),0 0 48px rgba(148,255,67,.13)}
.reward-mech-timer.is-unlocked .reward-drum{background:linear-gradient(180deg,#ecffe4,#c9efbe 50%,#b4dba9 51%,#e8fbe3);border-color:rgba(180,255,139,.5)}
.reward-mech-timer.is-unlocked .drum-digit{color:#11250b}
@keyframes drumTick{0%{transform:translateY(-10px) rotateX(-22deg);filter:blur(2px);opacity:.4}55%{transform:translateY(3px) rotateX(4deg);filter:none;opacity:1}100%{transform:translateY(1px) rotateX(0)}}
@keyframes drumSweep{to{transform:translateX(120%)}}

.home-info-button-v26{right:22px;bottom:22px;min-width:270px;padding:10px 10px 10px 11px;grid-template-columns:48px 1fr 38px;grid-template-rows:1fr;column-gap:11px;border-radius:24px;background:linear-gradient(145deg,rgba(18,15,27,.94),rgba(8,8,12,.94));border:1px solid rgba(255,255,255,.11);box-shadow:0 20px 64px rgba(0,0,0,.45),0 0 0 1px rgba(126,75,255,.03),0 0 38px rgba(118,77,255,.12);overflow:hidden}
.home-info-button-v26:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(192,161,255,.3),rgba(87,231,255,.12),transparent 58%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.home-info-button-v26:hover{transform:translateY(-4px) scale(1.015);background:linear-gradient(145deg,rgba(26,21,38,.98),rgba(10,9,16,.98));box-shadow:0 30px 86px rgba(0,0,0,.52),0 0 48px rgba(121,75,255,.18)}
.home-info-button-v26 b{grid-row:auto;width:48px;height:48px;border-radius:17px;font-size:18px;background:radial-gradient(circle at 30% 20%,#c986ff,#7c48ff 48%,#55dfff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 30px rgba(123,72,255,.32)}
.home-info-copy{display:grid;text-align:left;gap:3px}.home-info-copy strong{font-size:12px;font-weight:950;letter-spacing:.01em}.home-info-copy em{display:block;font-style:normal;font-size:8px;color:#756e7e;font-weight:700}
.home-info-arrow{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065);color:#b8a7cc;font-size:14px;transition:.25s}.home-info-button-v26:hover .home-info-arrow{transform:translate(1px,-1px);background:rgba(146,91,255,.09);color:#fff}
.home-info-pulse-v26{left:11px;top:10px;width:48px;height:48px;border-radius:17px;border-color:rgba(174,119,255,.34)}
.home-info-glow-v26{width:160px;height:160px;left:-60px;top:-70px;background:radial-gradient(circle,rgba(143,83,255,.22),transparent 66%)}

.info-modal-v29{width:min(760px,calc(100vw - 30px));padding:30px;background:radial-gradient(circle at 10% 0%,rgba(122,75,255,.14),transparent 30%),linear-gradient(145deg,rgba(18,15,26,.99),rgba(8,7,12,.99))}
.info-v29-ambient{position:absolute;width:320px;height:320px;right:-150px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(75,218,255,.12),transparent 68%);filter:blur(8px)}
.info-head-v26{align-items:flex-start}.info-head-v26>div{padding-top:2px}.info-head-v26 h2{font-size:34px}.info-head-v26 p{margin:6px 0 0;color:#756f7d;font-size:10px}
.info-v29-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;margin-top:22px;position:relative;z-index:2}
.info-update-card-v29{margin:0;grid-template-columns:1fr;text-align:left;align-content:end;min-height:215px;padding:18px;border-radius:22px;cursor:pointer;position:relative;overflow:hidden}.info-update-card-v29:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-85px;top:-80px;background:radial-gradient(circle,rgba(154,89,255,.28),transparent 66%)}.info-update-card-v29>span{justify-self:start}.info-update-card-v29 div small{display:block;font-size:7px;letter-spacing:.13em;color:#9b83ba;font-weight:900}.info-update-card-v29 div b{font-size:17px;margin-top:5px}.info-update-card-v29 div p{font-size:9px;line-height:1.55}.info-update-card-v29>i{position:absolute;right:16px;bottom:15px;font-style:normal;color:#c8b1e5}
.info-partner-card-v29{margin:0;grid-template-columns:120px 1fr;min-height:215px;padding:14px;border-radius:22px;transition:.25s}.info-partner-card-v29:hover{transform:translateY(-2px);border-color:rgba(81,171,255,.18);background:rgba(49,111,255,.035)}.info-partner-card-v29 .exo-mini-v26{height:100%;min-height:185px}.info-partner-card-v29 .info-partner-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:#b5d9ff;font-size:9px;font-weight:900}
.info-v29-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:11px 3px 0;position:relative;z-index:2;font-size:8px}.info-v29-footer>span{display:flex;align-items:center;gap:7px;color:#6f6877}.info-v29-footer>span i{width:7px;height:7px;border-radius:50%;background:#99ff3d;box-shadow:0 0 12px rgba(153,255,61,.55)}.info-v29-footer a{color:#a894c0;font-weight:850}
@media(max-width:980px){.reward-timer-zone{grid-template-columns:1fr}.reward-mech-wrap{width:100%;max-width:480px}.reward-mech-timer{min-height:140px}.reward-drum{height:108px}.drum-digit{font-size:58px}}
@media(max-width:650px){.reward-mech-timer{padding:12px 52px 12px 12px;gap:5px;border-radius:26px;min-height:118px}.reward-drum{min-width:0;height:92px;border-radius:17px}.drum-digit{font-size:47px}.reward-mech-sep{width:8px;gap:13px}.reward-mech-side{right:9px;width:34px}.reward-sound-icon,.reward-chevron{width:32px;height:32px}.reward-mech-caption{padding:0 58px 0 14px}.home-info-button-v26{right:12px;bottom:12px;width:auto;min-width:240px}.home-info-copy em{display:block}.info-v29-grid{grid-template-columns:1fr}.info-update-card-v29{min-height:165px}.info-partner-card-v29{grid-template-columns:100px 1fr;min-height:170px}.info-partner-card-v29 .exo-mini-v26{min-height:140px}.info-v29-footer{align-items:flex-start;flex-direction:column}}

/* V30 — reward layout repositioned: timer first, copy below, no outer card */
.reward-v30{padding:36px 0 96px}
.reward-v30 .session-reward-card{min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;display:flex;flex-direction:column;gap:0;overflow:visible}
.reward-v30 .session-reward-card:before{display:none}
.reward-v30 .reward-ambient.a{width:420px;height:260px;left:50%;bottom:auto;top:10px;transform:translateX(-80%);background:rgba(126,73,255,.09);filter:blur(65px)}
.reward-v30 .reward-ambient.b{width:420px;height:260px;right:50%;top:10px;transform:translateX(82%);background:rgba(69,222,255,.07);filter:blur(70px)}
.reward-v30-top{width:min(760px,100%);margin:0 auto;text-align:center;position:relative;z-index:2}
.reward-v30-top .reward-eyebrow{margin-bottom:16px}
.reward-v30 .reward-mech-wrap{width:100%;gap:10px}
.reward-v30 .reward-mech-label{padding:0 16px}
.reward-v30 .reward-mech-label>span{font-size:9px}
.reward-v30 .reward-mech-label>b{font-size:9px}
.reward-v30 .reward-mech-timer{width:min(720px,100%);min-height:215px;margin:0 auto;padding:22px 88px 22px 22px;border-radius:42px;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -26px 44px rgba(0,0,0,.17),0 32px 90px rgba(0,0,0,.40),0 0 calc(var(--reward-p)*.6px) rgba(143,88,255,.28)}
.reward-v30 .reward-mech-timer:after{left:20px;right:84px}
.reward-v30 .reward-drum{height:168px;min-width:102px;border-radius:28px}
.reward-v30 .drum-digit{font-size:88px}
.reward-v30 .drum-notch{width:28px;height:9px}.reward-v30 .drum-notch.top{top:7px}.reward-v30 .drum-notch.bottom{bottom:7px}
.reward-v30 .reward-mech-sep{width:20px;gap:26px}.reward-v30 .reward-mech-sep i{width:8px;height:8px}
.reward-v30 .reward-mech-side{right:22px;top:22px;bottom:22px;width:48px}.reward-v30 .reward-sound-icon,.reward-v30 .reward-chevron{width:44px;height:44px;border-radius:16px}.reward-v30 .reward-mech-side svg{width:25px;height:25px}
.reward-v30 .reward-mech-caption{width:min(720px,100%);margin:0 auto;padding:0 100px 0 30px;font-size:8px}
.reward-copy-v30{width:min(880px,calc(100% - 24px));margin:34px auto 0;text-align:center;position:relative;z-index:2}
.reward-copy-v30 h2{font-size:clamp(44px,5.1vw,74px);margin:0 auto 16px;max-width:900px}
.reward-copy-v30>p{max-width:760px;margin:0 auto;color:#91899a;font-size:13px;line-height:1.75}
.reward-copy-v30 .reward-benefits{justify-content:center;margin-top:20px}
.reward-v30-meta{width:min(900px,calc(100% - 24px));margin:26px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:center;position:relative;z-index:2}
.reward-v30 .reward-progress-shell{padding:0}
.reward-v30 .reward-code-box{grid-column:auto;margin:0}
.reward-v30 .session-reward-card.reward-unlocked{border:0;box-shadow:none}
@media(max-width:900px){
  .reward-v30 .reward-mech-timer{min-height:178px;padding:18px 72px 18px 18px;border-radius:34px;gap:8px}
  .reward-v30 .reward-drum{height:138px;min-width:78px;border-radius:23px}.reward-v30 .drum-digit{font-size:72px}
  .reward-v30 .reward-mech-side{right:14px;top:17px;bottom:17px}.reward-v30-meta{grid-template-columns:1fr}.reward-v30 .reward-code-box{max-width:520px;width:100%;justify-self:center}
}
@media(max-width:650px){
  .reward-v30{padding:26px 0 72px}.reward-v30-top{width:100%}.reward-v30 .reward-mech-label{padding:0 6px}
  .reward-v30 .reward-mech-timer{min-height:124px;padding:12px 50px 12px 12px;border-radius:28px;gap:5px}.reward-v30 .reward-mech-timer:after{left:12px;right:50px}
  .reward-v30 .reward-drum{height:98px;min-width:0;border-radius:18px}.reward-v30 .drum-digit{font-size:48px}
  .reward-v30 .reward-mech-side{right:8px;top:10px;bottom:10px;width:34px}.reward-v30 .reward-sound-icon,.reward-v30 .reward-chevron{width:32px;height:32px;border-radius:11px}.reward-v30 .reward-mech-side svg{width:19px;height:19px}
  .reward-v30 .reward-mech-caption{padding:0 58px 0 14px}.reward-copy-v30{margin-top:26px}.reward-copy-v30 h2{font-size:38px}.reward-v30-meta{width:100%}
}


/* V31 — Loaf Hub glass capsule + morphing tabbed info center */
.home-info-button-v31{position:fixed;right:22px;bottom:22px;z-index:2900;width:286px;min-width:0;height:66px;padding:8px 15px 8px 9px;display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;grid-template-rows:1fr;align-items:center;gap:10px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,rgba(24,18,34,.74),rgba(9,10,16,.62));backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:0 18px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.10),0 0 34px rgba(112,73,255,.10);overflow:hidden;isolation:isolate;transition:transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s,border-radius .34s,width .34s,height .34s,opacity .25s;cursor:pointer}
.home-info-button-v31:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(115deg,rgba(183,136,255,.68),rgba(100,224,255,.34) 45%,rgba(255,255,255,.08) 76%,rgba(183,136,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
.home-info-button-v31 .hub-rotating-border{position:absolute;inset:-140%;z-index:-2;background:conic-gradient(from 0deg,transparent 0 25%,rgba(146,93,255,.16) 34%,rgba(75,221,255,.14) 42%,transparent 52% 100%);animation:hubBorderSpin 8s linear infinite}
.home-info-button-v31 .hub-glass-shine{position:absolute;inset:1px;border-radius:inherit;z-index:-1;background:linear-gradient(110deg,rgba(255,255,255,.07),transparent 28%,transparent 70%,rgba(101,223,255,.035));pointer-events:none}
.home-info-button-v31:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 28px 82px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.15),0 0 48px rgba(112,73,255,.17)}
.home-info-button-v31.hub-opening{transform:translateY(-3px) scale(1.055);opacity:.2}
.hub-icon-wrap{position:relative;width:48px;height:48px;display:grid;place-items:center;z-index:2}
.hub-icon-wrap b{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:17px;background:radial-gradient(circle at 28% 18%,#d69bff,#8a52ff 48%,#55dfff);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 26px rgba(122,72,255,.35);animation:hubIconFloat 3.6s ease-in-out infinite}
.hub-icon-pulse{position:absolute;width:42px;height:42px;border-radius:14px;border:1px solid rgba(177,117,255,.45);animation:hubIconPulse 2.4s ease-out infinite}
.home-info-button-v31 .home-info-copy{display:grid;gap:3px;text-align:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.home-info-button-v31:hover .home-info-copy{transform:translateX(3px)}
.hub-title-row{display:flex;align-items:center;gap:7px;min-width:0}.hub-title-row strong{font-size:12px;font-weight:950;letter-spacing:.01em}.home-info-button-v31 .home-info-copy em{display:block;font-style:normal;color:#898092;font-size:8px;font-weight:750;white-space:nowrap}
.hub-new-badge{padding:3px 5px;border-radius:999px;color:#d8ff9f;background:rgba(153,255,62,.08);border:1px solid rgba(153,255,62,.18);font-size:6px;font-weight:1000;letter-spacing:.08em;animation:hubNewPulse 2.1s ease-in-out infinite}
.hub-live{display:inline-flex;align-items:center;gap:4px;color:#8c8494;font-size:7px;font-weight:900;white-space:nowrap}.hub-live i{width:6px;height:6px;border-radius:50%;background:#9cff3d;box-shadow:0 0 11px rgba(156,255,61,.75);animation:hubLivePulse 1.8s ease-in-out infinite}
.home-info-button-v31 .home-info-arrow{width:auto;height:auto;border:0;background:transparent;border-radius:0;color:#b6a7c8;font-size:15px;transition:transform .3s cubic-bezier(.16,1,.3,1),color .25s}.home-info-button-v31:hover .home-info-arrow{transform:translateX(5px);background:transparent;color:#fff}

.info-backdrop-v31{background:rgba(4,3,8,.70);backdrop-filter:blur(20px) saturate(115%)}
.info-modal-v31{--hub-morph-x:0px;--hub-morph-y:0px;--hub-morph-sx:.35;--hub-morph-sy:.12;width:min(800px,calc(100vw - 30px));min-height:510px;padding:26px;border-radius:30px;background:radial-gradient(circle at 6% 0%,rgba(131,76,255,.16),transparent 30%),radial-gradient(circle at 100% 12%,rgba(62,218,255,.08),transparent 25%),linear-gradient(145deg,rgba(18,14,26,.985),rgba(7,7,11,.99));border:1px solid rgba(255,255,255,.10);box-shadow:0 42px 150px rgba(0,0,0,.68),0 0 90px rgba(118,72,255,.13);overflow:hidden;transform:translateY(18px) scale(.97);opacity:0;transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .25s ease,border-radius .62s cubic-bezier(.16,1,.3,1)}
.info-backdrop-v31.morph-from-hub .info-modal-v31{transform:translate(var(--hub-morph-x),var(--hub-morph-y)) scale(var(--hub-morph-sx),var(--hub-morph-sy));border-radius:999px;opacity:.96}
.info-backdrop-v31.open .info-modal-v31{transform:translate(0,0) scale(1);border-radius:30px;opacity:1}
.info-v31-ambient{position:absolute;border-radius:50%;filter:blur(26px);pointer-events:none}.info-v31-ambient.a{width:300px;height:300px;left:-150px;top:-150px;background:rgba(128,71,255,.14)}.info-v31-ambient.b{width:280px;height:280px;right:-160px;bottom:-160px;background:rgba(68,211,255,.09)}
.info-v31-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-right:48px}.info-v31-brand{display:flex;align-items:center;gap:12px}.info-v31-mark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#d195ff,#7f4cff 52%,#54dbff);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 32px rgba(119,70,255,.28);font-size:18px}.info-v31-brand small{display:block;color:#958ba1;font-size:7px;letter-spacing:.15em;font-weight:950}.info-v31-brand h2{margin:3px 0 0;font-size:25px;letter-spacing:-.04em}.info-v31-live{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(156,255,61,.12);background:rgba(156,255,61,.045);color:#a9ed84;font-size:8px;font-weight:900}.info-v31-live i{width:7px;height:7px;border-radius:50%;background:#9cff3d;box-shadow:0 0 13px rgba(156,255,61,.65);animation:hubLivePulse 1.8s ease-in-out infinite}
.info-v31-tabs{position:relative;z-index:2;display:flex;gap:6px;margin:24px 0 17px;padding:5px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);width:max-content}.info-v31-tabs button{height:34px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:#776f80;font:inherit;font-size:9px;font-weight:900;cursor:pointer;transition:.23s}.info-v31-tabs button:hover{color:#c9bed3}.info-v31-tabs button.active{color:#fff;background:linear-gradient(180deg,rgba(142,85,255,.16),rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px rgba(157,99,255,.12)}.info-v31-tabs button span{margin-left:6px;padding:2px 4px;border-radius:999px;color:#caff9f;background:rgba(156,255,61,.07);font-size:6px}
.info-v31-panels{position:relative;z-index:2;min-height:320px}.info-v31-panel{display:none;animation:hubPanelIn .36s cubic-bezier(.16,1,.3,1)}.info-v31-panel.active{display:block}
.info-v31-update-hero{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:20px;align-items:center;padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.065);background:linear-gradient(135deg,rgba(132,77,255,.075),rgba(49,198,255,.02));overflow:hidden}.info-v31-chip{display:inline-flex;padding:5px 7px;border-radius:999px;background:rgba(142,84,255,.09);border:1px solid rgba(157,96,255,.12);color:#bca4df;font-size:7px;font-weight:950;letter-spacing:.1em}.info-v31-update-hero h3{font-size:28px;letter-spacing:-.045em;margin:10px 0 7px}.info-v31-update-hero p{color:#817989;font-size:10px;line-height:1.65;max-width:490px}.info-v31-inline-btn{border:0;background:transparent;color:#c7a6ff;font:inherit;font-size:9px;font-weight:900;padding:0;margin-top:8px;cursor:pointer}.info-v31-inline-btn span{display:inline-block;margin-left:5px;transition:transform .2s}.info-v31-inline-btn:hover span{transform:translateX(4px)}.info-v31-update-art{height:150px;border-radius:20px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 45%,rgba(142,85,255,.32),rgba(47,30,70,.12) 42%,rgba(8,7,12,.4));overflow:hidden}.info-v31-update-art>span{font-size:44px;filter:drop-shadow(0 0 24px rgba(153,96,255,.55));animation:hubIconFloat 3.4s ease-in-out infinite}.info-v31-update-art i{position:absolute;width:115px;height:115px;border-radius:50%;border:1px dashed rgba(177,122,255,.2);animation:hubBorderSpin 12s linear infinite}.info-v31-update-art b{position:absolute;right:10px;top:10px;padding:5px 7px;border-radius:999px;background:rgba(156,255,61,.08);border:1px solid rgba(156,255,61,.15);color:#caff9e;font-size:7px}
.info-v31-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.info-v31-mini-grid article{padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02)}.info-v31-mini-grid i{font-style:normal;color:#9e7bc9;font-size:7px}.info-v31-mini-grid b,.info-v31-mini-grid span{display:block}.info-v31-mini-grid b{font-size:9px;margin-top:7px}.info-v31-mini-grid span{font-size:8px;color:#6f6876;line-height:1.5;margin-top:4px}
.info-v31-exohost{display:grid;grid-template-columns:240px 1fr;gap:18px;padding:14px;border-radius:24px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,rgba(41,105,255,.055),rgba(255,255,255,.018));transition:.25s}.info-v31-exohost:hover{transform:translateY(-2px);border-color:rgba(75,175,255,.18)}.info-v31-exo-media{height:235px;border-radius:18px;overflow:hidden;position:relative;background:#09122e}.info-v31-exo-media img{width:100%;height:100%;object-fit:cover}.info-v31-exo-media span{position:absolute;left:10px;top:10px;padding:6px 7px;border-radius:999px;background:rgba(5,8,17,.72);border:1px solid rgba(255,255,255,.1);font-size:6px;font-weight:950;letter-spacing:.09em}.info-v31-exo-copy{align-self:center;padding:6px 12px 6px 0}.info-v31-exo-copy small{font-size:7px;letter-spacing:.13em;color:#6ebaff;font-weight:950}.info-v31-exo-copy h3{font-size:34px;margin:6px 0 8px;letter-spacing:-.045em}.info-v31-exo-copy p{color:#7c7484;font-size:10px;line-height:1.65}.info-v31-exo-copy>div{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:#b6d9ff;font-size:9px;font-weight:900}.info-v31-exo-copy>div b{font-size:16px}.info-v31-partner-links{display:flex;gap:9px;margin-top:10px}.info-v31-partner-links a{flex:1;display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:14px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);font-size:8px;color:#91889b;transition:.2s}.info-v31-partner-links a:hover{background:rgba(255,255,255,.035);color:#fff}
.info-v31-loaf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-v31-loaf-grid article{min-height:190px;padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.065);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.012));display:flex;gap:13px;align-items:flex-start}.info-v31-loaf-grid article>i{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(142,83,255,.09);color:#c59fff;font-style:normal}.info-v31-loaf-grid small{font-size:7px;color:#776e80;letter-spacing:.12em;font-weight:950}.info-v31-loaf-grid h3{font-size:18px;margin:7px 0}.info-v31-loaf-grid p{color:#716a78;font-size:9px;line-height:1.6}.info-v31-status-dot{width:11px;height:11px;border-radius:50%;margin-top:6px;background:#9cff3d;box-shadow:0 0 16px rgba(156,255,61,.7);flex:none}.info-v31-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.info-v31-quick-links a{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:14px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.05);font-size:8px;color:#8b8391;transition:.2s}.info-v31-quick-links a:hover{color:#fff;background:rgba(142,83,255,.05);transform:translateY(-1px)}
.info-v31-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:10px 2px 0;border-top:1px solid rgba(255,255,255,.045)}.info-v31-footer>span{display:flex;align-items:center;gap:6px;color:#77707e;font-size:8px}.info-v31-footer>span i{width:6px;height:6px;border-radius:50%;background:#9cff3d;box-shadow:0 0 10px rgba(156,255,61,.6)}.info-v31-footer small{color:#5f5865;font-size:8px}
@keyframes hubBorderSpin{to{transform:rotate(360deg)}}@keyframes hubIconFloat{50%{transform:translateY(-3px) rotate(2deg)}}@keyframes hubIconPulse{0%{transform:scale(.95);opacity:.8}70%,100%{transform:scale(1.35);opacity:0}}@keyframes hubNewPulse{50%{box-shadow:0 0 14px rgba(156,255,61,.12);transform:translateY(-1px)}}@keyframes hubLivePulse{50%{opacity:.45;box-shadow:0 0 5px rgba(156,255,61,.35)}}@keyframes hubPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:720px){.home-info-button-v31{right:12px;bottom:12px;width:260px}.hub-live{display:none}.info-modal-v31{padding:20px;min-height:0}.info-v31-update-hero{grid-template-columns:1fr}.info-v31-update-art{height:120px}.info-v31-mini-grid,.info-v31-loaf-grid,.info-v31-quick-links{grid-template-columns:1fr 1fr}.info-v31-exohost{grid-template-columns:1fr}.info-v31-exo-media{height:180px}.info-v31-tabs{width:100%}.info-v31-tabs button{flex:1}.info-v31-brand h2{font-size:21px}}
@media(max-width:480px){.home-info-button-v31{width:calc(100vw - 24px)}.info-v31-mini-grid,.info-v31-loaf-grid,.info-v31-quick-links{grid-template-columns:1fr}.info-v31-partner-links{flex-direction:column}.info-v31-live{display:none}}

/* V32 — keep Loaf Hub clear of the cookie banner */
.cookie-shell{z-index:3100}
.home-info-button-v26{transition:bottom .42s cubic-bezier(.16,1,.3,1),transform .25s,background .25s,border-color .25s,box-shadow .25s}
body.loaf-cookie-visible .home-info-button-v26{bottom:calc(var(--loaf-cookie-banner-height,76px) + 42px)}
@media(max-width:760px){body.loaf-cookie-visible .home-info-button-v26{bottom:calc(var(--loaf-cookie-banner-height,170px) + 22px)}}


/* ========================= LOAF V33 — MOTION POLISH ========================= */
/* Living brand mark */
.brand img{transform-origin:52% 58%;animation:loafBrandBreathe 5.6s ease-in-out infinite}
.brand:hover img{animation:loafBrandElastic .72s cubic-bezier(.16,1,.3,1) both}
body.site-ready .navbar .brand img{animation:loafBrandPageIn .95s cubic-bezier(.16,1,.3,1) both,loafBrandBreathe 5.6s 1s ease-in-out infinite}
@keyframes loafBrandBreathe{0%,100%{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-1.5px) rotate(-1.6deg) scale(1.025)}}
@keyframes loafBrandElastic{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.17) rotate(-13deg)}68%{transform:scale(.97) rotate(5deg)}100%{transform:scale(1.07) rotate(-4deg)}}
@keyframes loafBrandPageIn{0%{transform:scale(.55) rotate(-28deg);filter:blur(6px) drop-shadow(0 0 0 transparent);opacity:0}65%{transform:scale(1.16) rotate(7deg);opacity:1}100%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 14px rgba(156,98,255,.65))}}

/* Interactive 404 */
.nf-physics-zone{position:relative;width:min(900px,90vw);height:min(430px,48vh);margin:0 auto 6px;display:grid;place-items:center;overflow:visible}
.nf-physics-zone .nf-code{position:relative;z-index:2;user-select:none}
.nf-falling-leaf{position:absolute;left:0;top:0;width:70px;height:70px;object-fit:contain;z-index:4;filter:drop-shadow(0 12px 26px rgba(128,77,255,.5));cursor:grab;will-change:transform}
.nf-falling-leaf:active{cursor:grabbing}
.nf-hint{display:block;margin-top:15px;color:#5f5867;font-size:9px;letter-spacing:.04em}

/* 30 minute reward finale */
.reward-mech-timer.reward-finalizing .reward-drum{animation:rewardFinalSpin .24s linear infinite;animation-delay:var(--final-delay,0s);box-shadow:inset 0 8px 13px rgba(255,255,255,.65),inset 0 -9px 16px rgba(31,34,41,.22),0 0 24px rgba(115,80,255,.22)}
.reward-mech-timer.reward-finalizing{animation:rewardTimerRumble .14s linear infinite;filter:saturate(1.15) brightness(1.04)}
.reward-mech-timer.reward-final-lock{animation:rewardTimerLock .75s cubic-bezier(.16,1,.3,1) both;border-color:rgba(157,255,83,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 28px 95px rgba(0,0,0,.42),0 0 72px rgba(150,255,67,.18)}
.reward-final-capsule{position:absolute;left:50%;bottom:-18px;z-index:10;display:flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#b8ff5e,#66f3d2);color:#0a1608;border:1px solid rgba(255,255,255,.55);font-size:10px;font-weight:1000;letter-spacing:.06em;box-shadow:0 18px 48px rgba(126,255,94,.28);transform:translate(-50%,22px) scale(.6);opacity:0;animation:rewardCapsulePop .72s .18s cubic-bezier(.16,1,.3,1) forwards;white-space:nowrap}
.reward-final-capsule span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0d1a0a;color:#a7ff5d}
body.reward-final-flash:after{content:'';position:fixed;inset:0;z-index:10010;pointer-events:none;background:radial-gradient(circle at 50% 55%,rgba(199,255,129,.46),rgba(111,84,255,.12) 36%,transparent 66%);animation:rewardScreenFlash .65s ease-out forwards}
@keyframes rewardFinalSpin{0%{transform:perspective(500px) rotateX(0) translateY(0)}50%{transform:perspective(500px) rotateX(17deg) translateY(-5px)}100%{transform:perspective(500px) rotateX(0) translateY(0)}}
@keyframes rewardTimerRumble{0%,100%{transform:translate(0,0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,2px)}}
@keyframes rewardTimerLock{0%{transform:scale(1.03);filter:brightness(1.22)}42%{transform:scale(.985)}100%{transform:scale(1);filter:none}}
@keyframes rewardCapsulePop{0%{opacity:0;transform:translate(-50%,24px) scale(.62)}65%{opacity:1;transform:translate(-50%,-7px) scale(1.06)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes rewardScreenFlash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}

/* Marketplace install progress + confetti */
[data-install-pack].installing{pointer-events:none;position:relative;overflow:hidden;display:grid!important;grid-template-columns:1fr;gap:7px;min-height:54px}
.install-progress-track{height:5px;width:100%;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.install-progress-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#8d5bff,#5eeaff,#a5ff61);animation:packInstallProgress .86s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 0 18px rgba(92,225,255,.3)}
.install-label{font-size:9px;font-weight:900;letter-spacing:.04em}
.pack-installed-pop{animation:packInstalledPop .7s cubic-bezier(.16,1,.3,1)}
.pack-install-confetti{position:absolute;left:50%;bottom:45px;width:1px;height:1px;z-index:12;pointer-events:none}
.pack-install-confetti i{--a:calc(var(--i)*30deg);position:absolute;width:5px;height:10px;border-radius:2px;background:hsl(calc(var(--i)*34) 90% 65%);opacity:0;transform:rotate(var(--a)) translateY(-8px);animation:packConfetti .9s calc(var(--i)*.018s) ease-out forwards}
@keyframes packInstallProgress{to{width:100%}}
@keyframes packInstalledPop{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-5px) scale(1.018)}100%{transform:none}}
@keyframes packConfetti{0%{opacity:1;transform:rotate(var(--a)) translateY(-8px)}100%{opacity:0;transform:rotate(var(--a)) translateY(-72px) translateX(24px)}}

@media (prefers-reduced-motion:reduce){.brand img,.reward-mech-timer.reward-finalizing,.reward-mech-timer.reward-finalizing .reward-drum{animation:none!important}.nf-falling-leaf{display:none}}

/* V33 brand load animation on every page */
.brand img{animation:loafBrandPageIn .9s cubic-bezier(.16,1,.3,1) both,loafBrandBreathe 5.6s 1s ease-in-out infinite}
.brand:hover img{animation:loafBrandElastic .72s cubic-bezier(.16,1,.3,1) both}

/* ========================= LOAF V34 — CONTINUOUS PAGE MOTION ========================= */
/* Keep transitions visually continuous instead of flashing to black between pages. */
html,body{background:#07050b}
@view-transition{navigation:auto}
::view-transition-old(root){animation:loafRootOut .36s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:loafRootIn .52s cubic-bezier(.16,1,.3,1) both}
@keyframes loafRootOut{to{opacity:.08;transform:scale(.992);filter:blur(7px)}}
@keyframes loafRootIn{from{opacity:.08;transform:scale(1.012);filter:blur(7px)}to{opacity:1;transform:scale(1);filter:none}}

/* Universal brand interaction. JS retriggers this reliably on every page, including Home. */
.brand{transform-origin:left center;transition:transform .32s cubic-bezier(.16,1,.3,1),filter .32s ease}
.brand:hover{transform:translateY(-1px)}
.brand.brand-hover-kick img{animation:loafBrandHoverKick .68s cubic-bezier(.16,1,.3,1) both!important}
.brand.brand-nav-spin img{animation:loafBrandNavigateSpin .48s cubic-bezier(.4,0,.2,1) both!important}
.brand.brand-nav-spin span{animation:loafBrandTextTravel .48s ease both}
@keyframes loafBrandHoverKick{0%{transform:rotate(0) scale(1)}36%{transform:rotate(-11deg) scale(1.16)}68%{transform:rotate(5deg) scale(.99)}100%{transform:rotate(0) scale(1.06)}}
@keyframes loafBrandNavigateSpin{0%{transform:rotate(0) scale(1)}56%{transform:rotate(245deg) scale(1.18);filter:drop-shadow(0 0 24px rgba(151,93,255,.85))}100%{transform:rotate(360deg) scale(1)}}
@keyframes loafBrandTextTravel{0%{transform:translateX(0);opacity:1}48%{transform:translateX(5px);opacity:.7}100%{transform:translateX(0);opacity:1}}

/* Fallback page wipe for browsers / local file mode without cross-document View Transitions. */
.loaf-page-wipe{position:fixed;inset:0;z-index:12000;pointer-events:none;opacity:0;visibility:hidden;overflow:hidden;background:rgba(7,5,11,.02);backdrop-filter:blur(0);transition:opacity .12s ease,visibility .12s ease}
.loaf-page-wipe:before{content:"";position:absolute;left:50%;top:50%;width:14vmax;height:14vmax;border-radius:50%;transform:translate(-50%,-50%) scale(.1);background:radial-gradient(circle at 36% 30%,rgba(191,125,255,.42),rgba(117,72,255,.18) 35%,rgba(69,218,255,.11) 58%,rgba(7,5,11,.94) 76%);filter:blur(1px);opacity:0}
.loaf-page-wipe:after{content:"";position:absolute;inset:-20%;background:conic-gradient(from 0deg,transparent,rgba(133,79,255,.15),transparent 30%,rgba(66,214,255,.09),transparent 63%);opacity:0;transform:rotate(0)}
.loaf-page-wipe.active{opacity:1;visibility:visible;backdrop-filter:blur(4px)}
.loaf-page-wipe.active:before{animation:loafWipeBloom .48s cubic-bezier(.4,0,.2,1) forwards}
.loaf-page-wipe.active:after{animation:loafWipeSpin .5s ease forwards}
@keyframes loafWipeBloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}35%{opacity:.9}100%{opacity:1;transform:translate(-50%,-50%) scale(12)}}
@keyframes loafWipeSpin{0%{opacity:0;transform:rotate(0) scale(.94)}55%{opacity:1}100%{opacity:.4;transform:rotate(50deg) scale(1.06)}}

/* Enter motion after a multi-page navigation. */
body.loaf-page-enter main,body.loaf-page-enter .navbar,body.loaf-page-enter .promo{animation:loafPageEnter .58s cubic-bezier(.16,1,.3,1) both}
body.loaf-page-enter .navbar{animation-delay:.02s}
@keyframes loafPageEnter{from{opacity:.18;transform:translateY(8px) scale(.997);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}

/* 404 stays clean: no falling leaf. */
.nf-falling-leaf{display:none!important}
.nf-code-wrap{position:relative;width:min(900px,90vw);min-height:250px;margin:0 auto 4px;display:grid;place-items:center}
.nf-code-wrap:before{content:"";position:absolute;width:min(520px,70vw);height:min(220px,32vw);border-radius:50%;background:radial-gradient(circle,rgba(125,74,255,.16),rgba(70,214,255,.035) 48%,transparent 72%);filter:blur(18px);animation:nfCodeAura 4.8s ease-in-out infinite}
.nf-code-wrap .nf-code{position:relative;z-index:2;animation:nfPulse 3.5s ease-in-out infinite,nfCodeFloat 5s ease-in-out infinite}
@keyframes nfCodeAura{50%{transform:scale(1.08);opacity:.72}}
@keyframes nfCodeFloat{50%{transform:translateY(-5px)}}

@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root),.brand.brand-hover-kick img,.brand.brand-nav-spin img,.loaf-page-wipe.active:before,.loaf-page-wipe.active:after,body.loaf-page-enter main,body.loaf-page-enter .navbar,body.loaf-page-enter .promo{animation:none!important}
}


/* ========================= LOAF V35 — CLEAN TURN TRANSITIONS ========================= */
/* V34 full-screen wipe is intentionally disabled. The new transition never covers the page in black. */
.loaf-page-wipe,.loaf-page-wipe.active{display:none!important;opacity:0!important;visibility:hidden!important;backdrop-filter:none!important}

html,body{background:#07050b}
@view-transition{navigation:auto}
::view-transition-old(root){animation:loafV35Old .14s ease-out both}
::view-transition-new(root){animation:loafV35New .54s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 42%}
@keyframes loafV35Old{to{opacity:.92;transform:scale(.998)}}
@keyframes loafV35New{from{opacity:.18;transform:perspective(1600px) rotateY(-7deg) rotateZ(-.45deg) translateX(-12px) scale(.993);filter:blur(3px)}55%{opacity:1;filter:blur(.3px)}to{opacity:1;transform:perspective(1600px) rotateY(0) rotateZ(0) translateX(0) scale(1);filter:none}}

/* Fallback for local file:// navigation and browsers without cross-document View Transitions. */
body.loaf-page-leaving-v35 main,body.loaf-page-leaving-v35 .navbar,body.loaf-page-leaving-v35 .promo{transition:opacity .14s ease,transform .14s ease,filter .14s ease;opacity:.94;transform:translateX(-3px) scale(.999);filter:blur(.6px)}
body.loaf-page-enter-v35 main{transform-origin:50% 40%;animation:loafPageTurnInV35 .62s cubic-bezier(.16,1,.3,1) both}
body.loaf-page-enter-v35 .navbar,body.loaf-page-enter-v35 .promo{animation:loafTopbarInV35 .44s cubic-bezier(.16,1,.3,1) both}
@keyframes loafPageTurnInV35{0%{opacity:.16;transform:perspective(1700px) rotateY(-8deg) rotateZ(-.55deg) translateX(-16px) scale(.991);filter:blur(4px)}58%{opacity:1;filter:blur(.4px)}100%{opacity:1;transform:perspective(1700px) rotateY(0) rotateZ(0) translateX(0) scale(1);filter:none}}
@keyframes loafTopbarInV35{0%{opacity:.15;transform:translateY(-7px) scale(.995);filter:blur(2px)}100%{opacity:1;transform:none;filter:none}}

/* A quick light arc reinforces the turn without hiding any content. */
.loaf-arrival-flare{position:fixed;inset:-18vmax;z-index:11950;pointer-events:none;opacity:0;background:conic-gradient(from 210deg at 50% 44%,transparent 0 39%,rgba(144,86,255,.09) 43%,rgba(76,221,255,.055) 47%,transparent 52% 100%);mix-blend-mode:screen;animation:loafArrivalFlareV35 .64s cubic-bezier(.16,1,.3,1) both}
@keyframes loafArrivalFlareV35{0%{opacity:0;transform:rotate(-38deg) scale(.98)}28%{opacity:.75}100%{opacity:0;transform:rotate(42deg) scale(1.035)}}

/* The leaf clearly performs one smooth 360° as the destination page arrives. */
.brand.brand-arrive-spin img{animation:loafBrandArriveSpin .62s cubic-bezier(.18,.86,.22,1) both!important}
.brand.brand-arrive-spin span{animation:loafBrandArriveText .52s cubic-bezier(.16,1,.3,1) both}
@keyframes loafBrandArriveSpin{0%{transform:rotate(-22deg) scale(.86);opacity:.35;filter:drop-shadow(0 0 0 rgba(151,93,255,0))}62%{transform:rotate(318deg) scale(1.18);opacity:1;filter:drop-shadow(0 0 24px rgba(151,93,255,.72))}100%{transform:rotate(360deg) scale(1);opacity:1;filter:drop-shadow(0 0 14px rgba(156,98,255,.65))}}
@keyframes loafBrandArriveText{0%{opacity:.25;transform:translateX(-6px)}70%{opacity:1;transform:translateX(2px)}100%{opacity:1;transform:none}}

/* Keep hover lively but controlled after the arrival spin. */
.brand.brand-hover-kick img{animation:loafBrandHoverKickV35 .5s cubic-bezier(.16,1,.3,1) both!important}
@keyframes loafBrandHoverKickV35{0%{transform:rotate(0) scale(1)}45%{transform:rotate(-9deg) scale(1.12)}72%{transform:rotate(4deg) scale(1.035)}100%{transform:rotate(0) scale(1.05)}}

@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root),body.loaf-page-enter-v35 main,body.loaf-page-enter-v35 .navbar,body.loaf-page-enter-v35 .promo,.brand.brand-arrive-spin img,.brand.brand-arrive-spin span,.loaf-arrival-flare{animation:none!important}
  body.loaf-page-leaving-v35 main,body.loaf-page-leaving-v35 .navbar,body.loaf-page-leaving-v35 .promo{transition:none!important;opacity:1!important;transform:none!important;filter:none!important}
}


/* ========================= LOAF V36 — OPTIMIZED TURN TRANSITIONS ========================= */
/* Avoid double-running cross-document + fallback animations. One lightweight motion system is smoother. */
@view-transition{navigation:none}
::view-transition-old(root),::view-transition-new(root){animation:none!important}

/* Leaving is intentionally almost instant so navigation never feels delayed. */
body.loaf-page-leaving-v35 main,
body.loaf-page-leaving-v35 .navbar,
body.loaf-page-leaving-v35 .promo{
  transition:opacity .07s linear,transform .07s ease-out!important;
  opacity:.975!important;
  transform:translate3d(-2px,0,0) scale(.9995)!important;
  filter:none!important;
  will-change:transform,opacity;
}

/* Destination rotates gently into place. Transform/opacity only = much less GPU work. */
body.loaf-page-enter-v35 main{
  transform-origin:50% 38%;
  backface-visibility:hidden;
  animation:loafPageTurnInV36 .40s cubic-bezier(.2,.8,.2,1) both!important;
  will-change:transform,opacity;
}
body.loaf-page-enter-v35 .navbar,
body.loaf-page-enter-v35 .promo{
  backface-visibility:hidden;
  animation:loafTopbarInV36 .28s cubic-bezier(.2,.8,.2,1) both!important;
  will-change:transform,opacity;
}
@keyframes loafPageTurnInV36{
  0%{opacity:.55;transform:perspective(1200px) rotateY(-4.25deg) rotateZ(-.18deg) translate3d(-7px,2px,0) scale(.997)}
  62%{opacity:1;transform:perspective(1200px) rotateY(.55deg) rotateZ(.03deg) translate3d(1px,0,0) scale(1.0005)}
  100%{opacity:1;transform:perspective(1200px) rotateY(0) rotateZ(0) translate3d(0,0,0) scale(1)}
}
@keyframes loafTopbarInV36{
  0%{opacity:.72;transform:translate3d(0,-4px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}

/* Remove the expensive fullscreen conic flare entirely. */
.loaf-arrival-flare{display:none!important}

/* Keep the requested destination-page 360°, but make it shorter and more stable. */
.brand.brand-arrive-spin img{
  backface-visibility:hidden;
  transform-origin:50% 50%;
  animation:loafBrandArriveSpinV36 .43s cubic-bezier(.22,.8,.22,1) both!important;
  will-change:transform;
}
.brand.brand-arrive-spin span{
  animation:loafBrandArriveTextV36 .28s ease-out both!important;
}
@keyframes loafBrandArriveSpinV36{
  0%{transform:translateZ(0) rotate(0deg) scale(.94);opacity:.72}
  68%{transform:translateZ(0) rotate(332deg) scale(1.07);opacity:1}
  100%{transform:translateZ(0) rotate(360deg) scale(1);opacity:1}
}
@keyframes loafBrandArriveTextV36{
  0%{opacity:.6;transform:translate3d(-3px,0,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}

/* Smooth hover remains lightweight. */
.brand.brand-hover-kick img{
  animation:loafBrandHoverKickV36 .36s cubic-bezier(.2,.8,.2,1) both!important;
  will-change:transform;
}
@keyframes loafBrandHoverKickV36{
  0%{transform:rotate(0) scale(1)}
  55%{transform:rotate(-7deg) scale(1.085)}
  100%{transform:rotate(0) scale(1.035)}
}

/* Clean up temporary compositor hints after animation. */
body:not(.loaf-page-enter-v35) main,
body:not(.loaf-page-enter-v35) .navbar,
body:not(.loaf-page-leaving-v35) main,
body:not(.loaf-page-leaving-v35) .navbar{will-change:auto}

@media(prefers-reduced-motion:reduce){
  body.loaf-page-enter-v35 main,
  body.loaf-page-enter-v35 .navbar,
  body.loaf-page-enter-v35 .promo,
  .brand.brand-arrive-spin img,
  .brand.brand-arrive-spin span{animation:none!important}
  body.loaf-page-leaving-v35 main,
  body.loaf-page-leaving-v35 .navbar,
  body.loaf-page-leaving-v35 .promo{transition:none!important;opacity:1!important;transform:none!important}
}

/* =========================================================
   V37 — COMPLETE RESPONSIVE SYSTEM
   ========================================================= */
html.mobile-menu-open-v37,html.mobile-menu-open-v37 body{overflow:hidden!important}
.mobile-nav-toggle-v37{display:none;position:relative;width:46px;height:46px;flex:0 0 46px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;z-index:3}
.mobile-nav-toggle-v37 span{display:block;width:21px;height:2px;border-radius:99px;background:#fff;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s,width .2s}
.mobile-nav-toggle-v37:hover{background:rgba(255,255,255,.07);border-color:rgba(166,111,255,.24)}
.mobile-nav-toggle-v37.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-nav-toggle-v37.open span:nth-child(2){opacity:0;width:8px}
.mobile-nav-toggle-v37.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav-overlay-v37{position:fixed;inset:0;z-index:6000;padding:12px;background:rgba(3,3,6,.58);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s}
.mobile-nav-overlay-v37.open{opacity:1;visibility:visible;pointer-events:auto}
.mobile-nav-sheet-v37{width:min(430px,100%);max-height:calc(100dvh - 24px);margin-left:auto;overflow:auto;padding:18px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 100% 0,rgba(105,74,255,.15),transparent 33%),linear-gradient(180deg,rgba(16,13,23,.99),rgba(7,6,11,.99));box-shadow:0 30px 110px rgba(0,0,0,.64);transform:translateX(28px) scale(.98);transition:transform .36s cubic-bezier(.16,1,.3,1)}
.mobile-nav-overlay-v37.open .mobile-nav-sheet-v37{transform:none}
.mobile-nav-head-v37{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 15px;border-bottom:1px solid rgba(255,255,255,.07)}
.mobile-nav-brand-v37{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:-.045em}.mobile-nav-brand-v37 img{width:30px;height:30px;filter:drop-shadow(0 0 14px rgba(139,89,255,.55))}
.mobile-nav-close-v37{width:42px;height:42px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.04);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.mobile-nav-links-v37{display:grid;gap:5px;padding:12px 0}.mobile-nav-links-v37 a{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;min-height:54px;padding:0 12px;border-radius:15px;color:#c6c0cd;transition:.2s}.mobile-nav-links-v37 a>span{font-size:9px;color:#635c6b;font-weight:900;letter-spacing:.08em}.mobile-nav-links-v37 a>b{font-size:15px}.mobile-nav-links-v37 a>em{font-style:normal;color:#685f72;transform:translateX(-4px);transition:.2s}.mobile-nav-links-v37 a:hover,.mobile-nav-links-v37 a.active{background:rgba(133,82,255,.085);color:#fff}.mobile-nav-links-v37 a:hover>em{transform:translateX(0);color:#b893ff}
.mobile-nav-account-v37{margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
.mobile-user-v37{display:flex;align-items:center;gap:11px;padding:12px;border-radius:17px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.mobile-user-avatar-v37{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#7549ff,#c16dff);font-weight:900}.mobile-user-avatar-v37 img{width:100%;height:100%;object-fit:cover}.mobile-user-v37 b,.mobile-user-v37 small{display:block}.mobile-user-v37 b{font-size:13px}.mobile-user-v37 small{font-size:9px;color:#817988;margin-top:3px;text-transform:capitalize}
.mobile-nav-quick-v37{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.mobile-nav-quick-v37 a{padding:11px;border-radius:12px;text-align:center;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);font-size:10px;font-weight:800;color:#aaa3b2}
.mobile-nav-auth-v37{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-nav-auth-v37 .btn{width:100%}
.responsive-table-v37{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}.responsive-table-v37 table{min-width:680px}

@media(max-width:1100px){
  .wrap{width:min(100% - 34px,1120px)}
  .navinner{gap:16px}.navlinks{gap:1px}.navlinks a{padding-inline:9px;font-size:13px}
  .hero-grid{gap:28px}.hero h1{font-size:clamp(48px,6.2vw,66px)}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:860px){
  *{min-width:0}
  html,body{max-width:100%;overflow-x:hidden}
  img,svg,video,canvas{max-width:100%}
  .wrap{width:min(100% - 28px,760px)}
  body::after{background-size:38px 38px;opacity:.24}
  .promo{height:50px;padding:0 48px 0 16px;font-size:12px;line-height:1.1;text-align:center}.promo b{font-size:10px;padding:5px 8px}.promo .close{right:14px;font-size:26px}
  .navbar{height:78px}.navinner{gap:10px}.brand{font-size:23px;gap:11px}.brand img{width:34px;height:34px}.navlinks{display:none!important}.mobile-nav-toggle-v37{display:flex}.navactions{margin-left:auto;gap:7px}.navactions>.btn.ghost{display:none!important}.navactions .nav-image-cta img{width:146px;max-width:36vw}.navactions .btn.primary{min-height:46px;padding:0 16px;border-radius:15px}.navactions .btn.primary span{display:inline}
  .user-chip-v19{min-width:0!important;padding:5px!important}.user-chip-copy{display:none!important}.user-chip-v19 .user-avatar{width:36px;height:36px}
  .hero{min-height:0;text-align:center;overflow:visible}.hero::before{width:520px;height:520px;left:50%;top:-240px;transform:translateX(-50%);opacity:.7}.hero-grid{grid-template-columns:1fr!important;gap:34px;padding:72px 0 34px}.hero-grid>div:first-child{display:flex;flex-direction:column;align-items:center}.eyebrow,.kicker{justify-content:center;font-size:12px}.hero h1{font-size:clamp(46px,10vw,66px);line-height:1.02;letter-spacing:-.055em;max-width:760px;margin:20px auto}.hero p{font-size:17px;line-height:1.75;max-width:690px;margin-inline:auto;color:#aaa5b4}.hero-actions,.hero-actions-cc{justify-content:center;flex-direction:column;align-items:center;width:100%;gap:14px;margin-top:30px}.hero-actions .btn,.hero-try-btn{width:min(100%,420px);min-height:62px;font-size:17px;border-radius:19px}.hero-watch-btn,.watch{justify-content:center;min-height:42px;font-size:15px}.hero-badges{justify-content:center;margin-top:20px}.hero-mini-metrics{justify-content:center!important;flex-wrap:wrap!important}.hero-mini-metrics>div{min-width:118px}
  .showcase-preview-wall{height:auto!important;margin:8px auto 0;width:min(100%,680px);overflow:visible}.preview-wall-grid{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:160px;gap:10px;animation:none;padding:0}.preview-editor{grid-column:2;grid-row:1/span 2}.preview-gaming{grid-column:1;grid-row:1/span 2}.preview-tile{min-height:0}.preview-tile strong{font-size:28px}.preview-tile:nth-child(n+8){display:none}
  .trust{padding-top:18px}.stats{grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:18px 10px}.stat strong{font-size:30px}.creator-row{overflow:hidden}
  .section{padding:74px 0}.section-head{text-align:center}.section-head h2{font-size:clamp(34px,7vw,50px)}.section-head p{margin-inline:auto}.feature-grid,.motion-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta{padding-inline:0}.cta-box{padding:48px 24px;text-align:center}.cta-box h2{font-size:clamp(34px,8vw,50px)}
  .page-hero{padding:64px 0 32px}.page-hero h1{font-size:clamp(42px,9vw,64px)}.page-hero p{font-size:15px}
  .footer{padding-top:58px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{gap:8px}
  .motion-preview-modal,.motion-preview-modal-v15,.checkout-modal,.checkout-v15 .checkout-modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:24px!important}.checkout-overlay,.motion-preview-overlay{padding:10px!important}
  .home-info-button-v26{max-width:calc(100vw - 24px)!important}
}

@media(max-width:600px){
  .wrap{width:calc(100% - 24px)}
  .promo{height:48px;font-size:11px;padding-left:12px}.promo b{margin-left:6px}
  .navbar{height:72px}.navinner{gap:8px}.brand{font-size:21px}.brand img{width:32px;height:32px}.navactions .btn.primary,.navactions .nav-image-cta{display:none!important}.mobile-nav-toggle-v37{width:48px;height:48px;flex-basis:48px;margin-left:auto}
  .hero-grid{padding:58px 0 26px;gap:26px}.hero h1{font-size:clamp(40px,11.5vw,54px);line-height:1.055;margin:16px auto 20px}.hero p{font-size:15.5px;line-height:1.75}.eyebrow{font-size:11px;letter-spacing:.075em}.hero-actions-cc{margin-top:25px}.hero-try-btn{height:62px;min-width:0;width:100%;max-width:390px;font-size:17px}.hero-watch-btn{font-size:14px}.hero-badges,.hero-mini-metrics{display:none!important}
  .showcase-preview-wall{width:100%;margin-top:14px}.preview-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:128px;gap:8px}.preview-gaming{grid-column:1;grid-row:1/span 2}.preview-editor{grid-column:2;grid-row:1/span 2}.preview-tech,.preview-vlog,.preview-rank,.preview-news{grid-column:auto;grid-row:auto}.preview-podcast,.preview-luxe,.preview-ai{display:none!important}.preview-tile{border-radius:18px!important}.preview-tile strong{font-size:23px!important}.preview-tile small{font-size:8px!important}.preview-kicker{font-size:8px!important}
  .stats{grid-template-columns:1fr;max-width:380px;margin-inline:auto}.stat{padding:16px}.stat strong{font-size:34px}.creator-row{margin-top:18px}
  .section{padding:58px 0}.section.compact{padding-top:48px}.section-head{margin-bottom:26px}.section-head h2{font-size:36px;line-height:1.08}.section-head p{font-size:14px}.feature-grid,.motion-grid,.pricing-grid,.template-grid{grid-template-columns:1fr!important;gap:12px}.card{padding:20px}.template-card{border-radius:20px}.template-preview{min-height:190px;font-size:32px}
  .reward-v30{padding:22px 0 60px}.reward-v30 .reward-mech-timer{width:100%;min-height:118px!important;padding:12px 48px 12px 10px!important;border-radius:26px!important;gap:4px!important}.reward-v30 .reward-drum{height:92px!important;border-radius:17px!important}.reward-v30 .drum-digit{font-size:44px!important}.reward-v30 .reward-mech-side{right:6px!important}.reward-copy-v30 h2{font-size:34px!important}.reward-copy-v30 p{font-size:13px!important}.reward-v30-meta{margin-top:18px!important}.reward-benefits{grid-template-columns:1fr!important}
  .cta-box{padding:38px 18px;border-radius:24px}.cta-box h2{font-size:34px}.cta-box p{font-size:14px}.cta-box .btn,.cta-box .image-cta{width:100%}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-grid>div:first-child{grid-column:1/-1}.footer h4{font-size:11px}.footer a{font-size:11px}.copyright{flex-direction:column;align-items:flex-start;font-size:10px}
  .page-hero{padding:50px 0 24px}.page-hero h1{font-size:40px;line-height:1.03}.page-hero p{font-size:14px}.page-shell{padding-bottom:60px}
  .auth-dark-shell{min-height:100dvh;display:block}.auth-dark-left{padding:16px}.auth-dark-card{padding:22px 18px;border-radius:24px}.auth-dark-card h1{font-size:36px}.auth-dark-form input{height:54px}.auth-dark-right{display:none}
  .legal{padding-inline:2px}.legal h1{font-size:38px!important}.legal .legal-toc{padding:16px}.legal p,.legal li{font-size:12px}
  .faq-search-v20{height:auto;min-height:58px;border-radius:17px;grid-template-columns:auto 1fr;padding:0 14px}.faq-search-v20 kbd{display:none}.faq-quick-v20{grid-template-columns:1fr 1fr}.faq-layout-v20{grid-template-columns:1fr!important}.faq-sidebar-v20{position:relative!important;top:auto!important;display:flex;overflow-x:auto;gap:6px;padding:8px;scrollbar-width:none}.faq-sidebar-v20::-webkit-scrollbar{display:none}.faq-sidebar-v20>b,.faq-side-note{display:none}.faq-sidebar-v20 button{width:auto;min-width:max-content;padding-inline:13px}.faq-group-head{align-items:flex-start}.faq-q-v20{min-height:58px;font-size:12px;padding-inline:14px}
  .cookie-banner{left:8px!important;right:8px!important;bottom:8px!important;padding:14px!important;border-radius:20px!important;gap:12px!important}.cookie-brand{align-items:flex-start}.cookie-brand img{width:30px;height:30px}.cookie-brand b{font-size:13px}.cookie-brand span{font-size:10px!important}.cookie-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}.cookie-actions .btn{min-height:42px;font-size:11px;padding-inline:10px}.cookie-actions .btn:first-child{grid-column:1/-1}.cookie-card{padding:18px!important;border-radius:22px!important}.cookie-card h2{font-size:25px}.cookie-card-actions{flex-direction:column}.cookie-card-actions .btn{width:100%}
  .home-info-button-v26{right:8px!important;bottom:8px!important;width:auto!important;min-width:214px!important;transform:scale(.94);transform-origin:right bottom}
  .toast{width:calc(100% - 24px);text-align:center;bottom:14px}
}

@media(max-width:390px){
  .wrap{width:calc(100% - 20px)}
  .brand{font-size:19px}.brand img{width:29px;height:29px}.mobile-nav-toggle-v37{width:44px;height:44px;flex-basis:44px}
  .hero h1{font-size:38px}.hero p{font-size:14px}.hero-try-btn{height:58px}.preview-wall-grid{grid-auto-rows:116px}.preview-tile strong{font-size:20px!important}
  .faq-quick-v20{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.mobile-nav-quick-v37,.mobile-nav-auth-v37{grid-template-columns:1fr}
}
@media(max-width:600px){
  .navactions .nav-image-cta{display:inline-flex!important}.navactions .nav-image-cta img{width:128px!important;max-width:none!important}.navactions .btn.primary{display:inline-flex!important;min-height:44px;padding:0 13px;font-size:12px}.navactions .btn.primary span{display:inline!important}
}
@media(max-width:390px){.navactions .nav-image-cta img{width:112px!important}.navinner{gap:6px}.brand{gap:7px}.brand span{font-size:18px}}


/* ===== Loaf v39 fixes: new infinite hero wall + mobile polish ===== */
.showcase-preview-wall{height:560px;position:relative;overflow:hidden;mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.showcase-preview-wall:before,.showcase-preview-wall:after{display:none!important}
.showcase-3d-marquee{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:100%;padding:10px 4px 24px;transform:perspective(1350px) rotateX(12deg) rotateZ(-6deg);transform-style:preserve-3d;will-change:transform}
.showcase-column{display:flex;flex-direction:column;gap:14px;min-height:max-content;will-change:transform}
.showcase-column.col-a{animation:loafWallFlowA 17s linear infinite}
.showcase-column.col-b{animation:loafWallFlowB 20s linear infinite}
.showcase-column.col-c{animation:loafWallFlowC 18.5s linear infinite}
.showcase-shot{position:relative;display:block;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:0 18px 55px rgba(0,0,0,.34);transform:translateZ(0);transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .26s,box-shadow .26s}
.showcase-shot img{display:block;width:100%;height:100%;object-fit:cover}
.showcase-shot:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%,transparent 66%,rgba(5,7,12,.6));pointer-events:none;z-index:1}
.showcase-shot:hover{transform:translateY(-6px) scale(1.018);border-color:rgba(169,118,255,.28);box-shadow:0 28px 80px rgba(0,0,0,.45)}
.showcase-shot-label{position:absolute;left:12px;bottom:12px;z-index:2;padding:8px 10px;border-radius:999px;background:rgba(10,10,16,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);font-size:10px;font-weight:850;letter-spacing:.02em;color:#f3efff}
.showcase-shot.tall{aspect-ratio:4/5}
.showcase-shot.wide{aspect-ratio:4/3}
.showcase-shot.square{aspect-ratio:1/1}
@keyframes loafWallFlowA{0%{transform:translateY(-42%)}100%{transform:translateY(0)}}
@keyframes loafWallFlowB{0%{transform:translateY(-10%)}100%{transform:translateY(-52%)}}
@keyframes loafWallFlowC{0%{transform:translateY(-48%)}100%{transform:translateY(-4%)}}

/* remove spinning luminous border on Loaf Hub */
.home-info-button-v31 .hub-rotating-border{display:none!important}
.home-info-button-v31{box-shadow:0 18px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.10),0 0 22px rgba(112,73,255,.06)!important}

/* mobile account chip + popover fix */
@media(max-width:860px){
  .navactions .user-chip{padding:6px;gap:0;min-width:58px;justify-content:center;border-radius:18px}
  .navactions .user-chip-copy,.navactions .user-chip-chevron{display:none!important}
  .navactions .user-avatar{width:40px;height:40px;border-radius:14px}
  .user-popover{top:58px;right:0;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 92px);overflow:auto}
}
@media(max-width:520px){
  .user-menu-wrap{position:static}
  .user-popover{position:fixed;top:86px;right:12px;left:12px;width:auto;z-index:6500;border-radius:24px;padding:10px}
}

/* responsive hero wall */
@media(max-width:1180px){
  .showcase-preview-wall{height:520px}
  .showcase-3d-marquee{gap:12px;transform:perspective(1200px) rotateX(10deg) rotateZ(-5deg)}
}
@media(max-width:980px){
  .showcase-preview-wall{height:540px!important;margin-top:18px!important;width:100%!important;overflow:hidden!important}
  .showcase-3d-marquee{grid-template-columns:repeat(2,minmax(0,1fr));transform:none;padding:0 2px 18px}
  .showcase-column.col-c{display:none}
}
@media(max-width:640px){
  .showcase-preview-wall{height:500px!important;mask-image:linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%);overflow:hidden!important}
  .showcase-3d-marquee{gap:10px}
  .showcase-column{gap:10px}
  .showcase-shot{border-radius:18px}
  .showcase-shot-label{left:10px;bottom:10px;padding:7px 9px;font-size:9px}
}
@media(max-width:430px){
  .showcase-preview-wall{height:470px!important}
  .showcase-3d-marquee{grid-template-columns:1fr 1fr}
  .showcase-shot.tall{aspect-ratio:3/4.2}
  .showcase-shot.wide{aspect-ratio:1/1}
}


/* ===== Loaf v41 — right-side thumbnail wall + template readability + Ultimate motion polish ===== */

/* HOME — ccLeaf-like right-side infinite thumbnail wall, but using Loaf artwork */
@media (min-width:981px){
  .hero-ultra{overflow:hidden!important}
  .hero-grid-v41{grid-template-columns:minmax(430px,.82fr) minmax(650px,1.18fr)!important;gap:24px!important;align-items:center!important;overflow:visible!important}
  .hero-grid-v41>div:first-child{position:relative;z-index:4}
  .hero-grid-v41 .showcase-preview-wall{
    width:calc(100% + 430px)!important;
    height:650px!important;
    margin-right:-420px!important;
    margin-left:34px!important;
    overflow:hidden!important;
    align-self:center!important;
    mask-image:linear-gradient(180deg,transparent 0,#000 4%,#000 95%,transparent 100%)!important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 4%,#000 95%,transparent 100%)!important;
  }
  .hero-grid-v41 .showcase-3d-marquee{
    display:grid!important;
    grid-template-columns:repeat(3,310px)!important;
    justify-content:start!important;
    gap:16px!important;
    height:100%!important;
    padding:0 0 20px 18px!important;
    transform:perspective(1500px) rotateY(-7deg) rotateX(1.5deg) translateX(150px)!important;
    transform-origin:left center!important;
    transform-style:preserve-3d!important;
  }
  .hero-grid-v41 .showcase-column{position:relative!important;display:block!important;will-change:transform!important}
  .hero-grid-v41 .showcase-column.col-a{top:34px!important;animation:loafV41DownA 26s linear infinite!important}
  .hero-grid-v41 .showcase-column.col-b{top:-68px!important;animation:loafV41DownB 30s linear infinite!important}
  .hero-grid-v41 .showcase-column.col-c{top:72px!important;animation:loafV41DownC 28s linear infinite!important}
  .hero-grid-v41 .showcase-stack{display:grid!important;gap:16px!important;padding-bottom:16px!important}
  .hero-grid-v41 .showcase-shot,
  .hero-grid-v41 .showcase-shot.tall,
  .hero-grid-v41 .showcase-shot.wide,
  .hero-grid-v41 .showcase-shot.square{
    width:310px!important;
    aspect-ratio:16/9!important;
    height:auto!important;
    display:block!important;
    overflow:hidden!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:#09090d!important;
    box-shadow:0 20px 58px rgba(0,0,0,.42)!important;
    transform:translateZ(0)!important;
    transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .24s,box-shadow .24s!important;
  }
  .hero-grid-v41 .showcase-shot img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
  .hero-grid-v41 .showcase-shot:hover{transform:translate3d(-6px,-5px,20px) scale(1.025)!important;border-color:rgba(176,124,255,.30)!important;box-shadow:0 30px 80px rgba(0,0,0,.52),0 0 26px rgba(124,79,255,.08)!important}
}
@keyframes loafV41DownA{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}
@keyframes loafV41DownB{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}
@keyframes loafV41DownC{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}
.showcase-shot-label{display:none!important}

@media (max-width:1180px) and (min-width:981px){
  .hero-grid-v41{grid-template-columns:minmax(400px,.86fr) minmax(560px,1.14fr)!important}
  .hero-grid-v41 .showcase-preview-wall{width:calc(100% + 190px)!important;margin-right:-190px!important;height:610px!important}
  .hero-grid-v41 .showcase-3d-marquee{grid-template-columns:repeat(3,270px)!important;gap:14px!important}
  .hero-grid-v41 .showcase-shot,.hero-grid-v41 .showcase-shot.tall,.hero-grid-v41 .showcase-shot.wide,.hero-grid-v41 .showcase-shot.square{width:270px!important;border-radius:16px!important}
  .hero-grid-v41 .showcase-stack{gap:14px!important;padding-bottom:14px!important}
}
@media (max-width:980px){
  .hero-grid-v41 .showcase-preview-wall{height:500px!important;width:100%!important;margin:18px 0 0!important;overflow:hidden!important}
  .hero-grid-v41 .showcase-3d-marquee{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;height:100%!important;padding:0!important;transform:perspective(1100px) rotateX(3deg)!important}
  .hero-grid-v41 .showcase-column{display:block!important;position:relative!important}
  .hero-grid-v41 .showcase-column.col-c{display:none!important}
  .hero-grid-v41 .showcase-column.col-a{top:20px!important;animation:loafV41DownA 25s linear infinite!important}
  .hero-grid-v41 .showcase-column.col-b{top:-55px!important;animation:loafV41DownB 29s linear infinite!important}
  .hero-grid-v41 .showcase-stack{display:grid!important;gap:10px!important;padding-bottom:10px!important}
  .hero-grid-v41 .showcase-shot,.hero-grid-v41 .showcase-shot.tall,.hero-grid-v41 .showcase-shot.wide,.hero-grid-v41 .showcase-shot.square{width:100%!important;aspect-ratio:16/9!important;height:auto!important;border-radius:15px!important;overflow:hidden!important}
  .hero-grid-v41 .showcase-shot img{width:100%!important;height:100%!important;object-fit:cover!important}
}
@media (max-width:600px){
  .hero-grid-v41 .showcase-preview-wall{height:410px!important}
  .hero-grid-v41 .showcase-3d-marquee{gap:8px!important}
  .hero-grid-v41 .showcase-stack{gap:8px!important;padding-bottom:8px!important}
  .hero-grid-v41 .showcase-shot,.hero-grid-v41 .showcase-shot.tall,.hero-grid-v41 .showcase-shot.wide,.hero-grid-v41 .showcase-shot.square{border-radius:12px!important}
}

/* TEMPLATES — keep titles readable at thumbnail size */
.page-hero-templates-v6 h1{max-width:920px;margin-left:auto;margin-right:auto;text-wrap:balance}
.page-hero-templates-v6> .wrap > p{max-width:760px;margin-left:auto;margin-right:auto}
.template-grid-rich{gap:16px!important}
.template-card-rich{border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(7,6,10,.98))!important}
.template-card-rich .template-preview{
  aspect-ratio:16/9!important;
  min-height:0!important;
  padding:15px 16px 14px!important;
  isolation:isolate;
}
.template-card-rich .template-preview:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 28%,rgba(0,0,0,.08) 62%,rgba(0,0,0,.32));z-index:-1;pointer-events:none}
.template-preview-head{position:relative;z-index:3}
.template-preview-body{position:relative;z-index:3;justify-content:flex-end!important;overflow:visible!important}
.thumb-title{
  display:block!important;
  max-width:96%!important;
  font-size:clamp(27px,2.55vw,38px)!important;
  line-height:.94!important;
  letter-spacing:-.052em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:balance!important;
  text-shadow:0 4px 18px rgba(0,0,0,.32)!important;
}
.thumb-sub{
  display:inline-flex!important;
  width:auto!important;
  max-width:96%!important;
  margin-top:8px!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  background:rgba(6,6,10,.38)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  backdrop-filter:blur(8px)!important;
  color:rgba(255,255,255,.80)!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  letter-spacing:.005em!important;
  font-weight:650!important;
  white-space:normal!important;
}
.thumb-pill{min-height:23px!important;padding:0 9px!important;font-size:8px!important;letter-spacing:.11em!important;background:rgba(7,7,11,.36)!important;backdrop-filter:blur(8px)}
.thumb-dots{transform:scale(.88);transform-origin:right top}
.template-card-rich .template-meta{padding:12px 14px 13px!important;align-items:center!important}
.template-card-rich .template-meta>div{min-width:0}
.template-card-rich .template-meta b{display:block;font-size:12.5px!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.template-card-rich .template-meta small{display:block;margin-top:3px;color:#777180!important;font-size:9.5px!important}
.template-card-rich .tag{flex:none;font-size:8.5px!important;padding:5px 7px!important;border-radius:999px!important}
.template-card-rich:hover{transform:translateY(-7px) scale(1.008)!important;box-shadow:0 26px 74px rgba(31,13,70,.34)!important}
.template-card-rich:hover .template-preview{filter:saturate(1.08) brightness(1.03)}
@media(max-width:1180px){.thumb-title{font-size:clamp(26px,3.4vw,36px)!important}}
@media(max-width:760px){
  .template-card-rich .template-preview{aspect-ratio:16/9!important;min-height:0!important;padding:14px!important}
  .thumb-title{font-size:clamp(26px,8.2vw,34px)!important}
  .thumb-sub{font-size:10px!important;max-width:100%!important}
}

/* ULTIMATE MOTION — stronger premium treatment */
.ultimate-motion-card{position:relative;overflow:hidden;border-color:rgba(170,112,255,.16)!important;background:linear-gradient(180deg,rgba(142,84,255,.04),rgba(255,255,255,.018))!important}
.ultimate-motion-card:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(125deg,rgba(196,143,255,.48),transparent 30%,rgba(89,226,255,.20) 57%,transparent 74%,rgba(255,117,192,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55}
.ultimate-motion-card:hover{transform:translateY(-7px)!important;box-shadow:0 28px 80px rgba(32,12,68,.36),0 0 30px rgba(131,77,255,.08)!important}
.ultimate-motion-card .motion-stage{background:radial-gradient(circle at 50% 110%,rgba(134,75,255,.20),transparent 58%),radial-gradient(circle at 85% 10%,rgba(67,220,255,.08),transparent 36%),#08070c!important}
.ultimate-motion-card .motion-tier.pro{background:linear-gradient(90deg,rgba(145,82,255,.18),rgba(73,214,255,.12))!important;border-color:rgba(179,126,255,.24)!important;color:#eadcff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.ultimate-motion-card .motion-tier.pro:before{content:'✦';margin-right:4px;color:#b989ff}

/* Ultimate text presets */
[data-v20-id="kinetic-stack"] .anim-v20-label{text-shadow:6px 6px 0 rgba(125,76,255,.22),-6px -6px 0 rgba(83,226,255,.12);animation:v41Kinetic 1.8s cubic-bezier(.2,.8,.2,1) infinite!important}
[data-v20-id="blur-type"] .anim-v20-label{animation:v41BlurType 2.2s cubic-bezier(.16,1,.3,1) infinite!important}
[data-v20-id="wave-title"] .anim-v20-label{background:linear-gradient(90deg,#fff,#c39aff,#65e7ff,#fff);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v41WaveTitle 2.4s ease-in-out infinite!important}
[data-v20-id="vertical-reveal"]{overflow:hidden}.motion-stage [data-v20-id="vertical-reveal"] .anim-v20-label{animation:v41VerticalReveal 2.4s cubic-bezier(.16,1,.3,1) infinite!important}
[data-v20-id="word-punch"] .anim-v20-label{animation:v41WordPunch 1.65s cubic-bezier(.16,1,.3,1) infinite!important}
[data-v20-id="split-color"] .anim-v20-label{text-shadow:-4px 0 rgba(83,226,255,.7),4px 0 rgba(255,74,163,.58);animation:v41SplitColor 2s steps(1,end) infinite!important}
[data-v20-id="letter-orbit"] .anim-v20-label{animation:v41OrbitLabel 2.7s ease-in-out infinite!important}
[data-v20-id="letter-orbit"] i{width:8px;height:8px;border-radius:50%;background:#b36cff;box-shadow:0 0 18px #8f5cff;animation:v41OrbitDot 2.4s linear infinite!important}
[data-v20-id="letter-orbit"] i:nth-of-type(2n){animation-delay:-.3s;background:#61e7ff}

/* Ultimate CTA */
[data-v20-id="button-squish"]{animation:v41ButtonSquish 1.6s cubic-bezier(.2,.8,.2,1) infinite!important}
[data-v20-id="shine-cta"]{overflow:hidden!important;animation:none!important}[data-v20-id="shine-cta"]:after{content:'';position:absolute;inset:-40% auto -40% -45%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skewX(-18deg);animation:v41CtaShine 2.2s ease-in-out infinite}
[data-v20-id="arrow-pop"] .anim-v20-label:after{content:'  ↗';display:inline-block;animation:v41ArrowPop 1.5s cubic-bezier(.16,1,.3,1) infinite}

/* Social / stream */
[data-v20-id="story-reaction"] .anim-v20-label{animation:v41Reaction 1.8s cubic-bezier(.16,1,.3,1) infinite!important}
[data-v20-id="follower-burst"] i{width:7px;height:7px;border-radius:50%;background:#b46cff;left:50%;top:50%;animation:v41Burst 1.8s ease-out infinite}.motion-stage [data-v20-id="follower-burst"] i:nth-of-type(2n){background:#61e7ff;animation-delay:-.25s}
[data-v20-id="stream-raid"]{border-color:rgba(153,84,255,.22);box-shadow:inset 0 0 35px rgba(108,61,255,.08)}[data-v20-id="stream-raid"] .anim-v20-label{animation:v41Raid 1.7s cubic-bezier(.16,1,.3,1) infinite!important}
[data-v20-id="poll-vote"]:after{content:'';position:absolute;left:12%;right:12%;bottom:18%;height:10px;border-radius:999px;background:linear-gradient(90deg,#8d54ff 0 72%,rgba(255,255,255,.08) 72%);box-shadow:0 0 22px rgba(141,84,255,.25)}

/* Logos */
[data-v20-id="glass-logo"] .anim-v20-label{backdrop-filter:blur(14px);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(121,75,255,.08))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 24px 60px rgba(0,0,0,.34);animation:v41GlassLogo 3s ease-in-out infinite!important}
[data-v20-id="logo-bounce"] .anim-v20-label{animation:v41LogoBounce 1.6s cubic-bezier(.2,.9,.25,1) infinite!important}
[data-v20-id="logo-scan"] .anim-v20-label{overflow:hidden!important;animation:none!important}[data-v20-id="logo-scan"] .anim-v20-label:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(95,230,255,.55),transparent);transform:translateX(-130%);animation:v41LogoScan 2.2s ease-in-out infinite}

/* Transitions */
[data-v20-id="checker-wipe"]{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:3px!important}[data-v20-id="checker-wipe"] i{position:relative!important;inset:auto!important;background:linear-gradient(135deg,#8751ff,#51dfff)!important;transform:scale(0)!important;animation:v41Checker 1.8s ease-in-out infinite!important}.motion-stage [data-v20-id="checker-wipe"] i:nth-child(2n){animation-delay:.08s!important}.motion-stage [data-v20-id="checker-wipe"] i:nth-child(3n){animation-delay:.16s!important}
[data-v20-id="ribbon-slice"] i{height:22%;left:-15%;right:-15%;inset:auto!important;background:linear-gradient(90deg,#7b49ff,#ff69ca,#64e8ff)!important;transform:skewX(-18deg) translateX(-130%)!important;animation:v41Ribbon 2s cubic-bezier(.7,0,.25,1) infinite!important}.motion-stage [data-v20-id="ribbon-slice"] i:nth-child(1){top:8%}.motion-stage [data-v20-id="ribbon-slice"] i:nth-child(2){top:30%;animation-delay:.08s!important}.motion-stage [data-v20-id="ribbon-slice"] i:nth-child(3){top:52%;animation-delay:.16s!important}.motion-stage [data-v20-id="ribbon-slice"] i:nth-child(4){top:74%;animation-delay:.24s!important}
[data-v20-id="shutter-zoom"] i{inset:50% auto auto 50%!important;width:78%;height:78%;border:2px solid rgba(184,139,255,.7);background:transparent!important;border-radius:24%;transform:translate(-50%,-50%) scale(.12) rotate(0)!important;animation:v41Shutter 2.2s cubic-bezier(.16,1,.3,1) infinite!important}.motion-stage [data-v20-id="shutter-zoom"] i:nth-child(2){width:58%;height:58%;animation-delay:.1s!important}.motion-stage [data-v20-id="shutter-zoom"] i:nth-child(3){width:38%;height:38%;animation-delay:.2s!important}
[data-v20-id="chroma-flash"] i{inset:0!important;opacity:0;background:#ff3f9f!important;mix-blend-mode:screen;animation:v41Chroma 1.8s steps(1,end) infinite!important}.motion-stage [data-v20-id="chroma-flash"] i:nth-child(2){background:#36e5ff!important;animation-delay:.04s!important}.motion-stage [data-v20-id="chroma-flash"] i:nth-child(3){background:#a4ff31!important;animation-delay:.08s!important}

/* Particles */
[data-v20-id="aurora-ribbons"] i{left:8%!important;right:8%!important;width:auto!important;height:22px!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,#8d56ff,#50e4ff,transparent)!important;filter:blur(7px);top:24%!important;animation:v41Aurora 3s ease-in-out infinite!important}.motion-stage [data-v20-id="aurora-ribbons"] i:nth-child(2){top:44%!important;animation-delay:-1s!important}.motion-stage [data-v20-id="aurora-ribbons"] i:nth-child(3){top:64%!important;animation-delay:-2s!important}
[data-v20-id="holo-grid"]{background-image:linear-gradient(rgba(105,230,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(105,230,255,.13) 1px,transparent 1px);background-size:24px 24px;transform:perspective(600px) rotateX(55deg) scale(1.18);animation:v41Grid 2.4s linear infinite!important}
[data-v20-id="neon-dust"] i{width:5px!important;height:5px!important;filter:blur(.2px);animation:v41Dust 2.8s ease-in-out infinite!important}.motion-stage [data-v20-id="neon-dust"] i:nth-child(2n){animation-delay:-.8s!important}.motion-stage [data-v20-id="neon-dust"] i:nth-child(3n){animation-delay:-1.4s!important}
[data-v20-id="liquid-orbit"] i{width:34px!important;height:34px!important;filter:blur(2px);transform-origin:0 0;animation:v41LiquidOrbit 3s ease-in-out infinite!important}.motion-stage [data-v20-id="liquid-orbit"] i:nth-child(2n){animation-delay:-1.2s!important;background:#5ee8ff!important}

/* UI / loaders */
[data-v20-id="slider-snap"]:before{content:'';position:absolute;left:12%;right:12%;top:50%;height:8px;border-radius:999px;background:rgba(255,255,255,.09)}[data-v20-id="slider-snap"] i:first-child{width:34px!important;height:34px!important;left:16%!important;top:calc(50% - 13px)!important;border-radius:50%!important;background:#a970ff!important;animation:v41Slider 2s cubic-bezier(.16,1,.3,1) infinite!important;box-shadow:0 0 24px rgba(169,112,255,.45)}
[data-v20-id="pill-switch"]:before{content:'CREATOR   PRO';display:grid;place-items:center;width:82%;height:42px;border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;font-weight:900;letter-spacing:.08em;color:#8f8798}[data-v20-id="pill-switch"] i:first-child{width:40%!important;height:34px!important;left:11%!important;top:calc(50% - 17px)!important;border-radius:999px!important;background:linear-gradient(90deg,#8352ff,#bd6fff)!important;animation:v41PillSwitch 2.2s cubic-bezier(.16,1,.3,1) infinite!important}
[data-v20-id="dock-pop"]{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}[data-v20-id="dock-pop"] i{position:relative!important;inset:auto!important;width:36px!important;height:36px!important;border-radius:12px!important;background:linear-gradient(145deg,#26212f,#17141e)!important;border:1px solid rgba(255,255,255,.08);animation:v41Dock 1.8s ease-in-out infinite!important}.motion-stage [data-v20-id="dock-pop"] i:nth-child(2){animation-delay:.08s!important}.motion-stage [data-v20-id="dock-pop"] i:nth-child(3){animation-delay:.16s!important}.motion-stage [data-v20-id="dock-pop"] i:nth-child(4){animation-delay:.24s!important}
[data-v20-id="progress-wave"] i,[data-v20-id="spectrum-wave"] i{background:linear-gradient(#ff6fc9,#8d56ff,#56e8ff)!important;box-shadow:0 0 14px rgba(105,221,255,.16)}
[data-v20-id="dual-spinner"] i{inset:50% auto auto 50%!important;width:92px!important;height:92px!important;border-radius:50%!important;background:transparent!important;border:5px solid rgba(255,255,255,.06);border-top-color:#9a60ff;transform:translate(-50%,-50%);animation:v41Spin 1.25s linear infinite!important}.motion-stage [data-v20-id="dual-spinner"] i:nth-child(2){width:58px!important;height:58px!important;border-top-color:#58e6ff;animation-direction:reverse!important;animation-duration:.85s!important}

/* 3D / gaming */
[data-v20-id="cube-turn"] .anim-v20-label{transform-style:preserve-3d;animation:v41Cube 3s cubic-bezier(.16,1,.3,1) infinite!important;box-shadow:18px 18px 0 rgba(83,225,255,.09),-14px -14px 0 rgba(144,84,255,.10)}
[data-v20-id="depth-title"] .anim-v20-label{text-shadow:1px 1px 0 #7e4dff,3px 3px 0 rgba(126,77,255,.7),6px 6px 0 rgba(91,224,255,.28),12px 14px 24px rgba(0,0,0,.45);animation:v41Depth 2.4s ease-in-out infinite!important}
[data-v20-id="kill-streak"] .anim-v20-label{animation:v41KillStreak 1.35s cubic-bezier(.16,1,.3,1) infinite!important;text-shadow:0 0 26px rgba(151,255,53,.38),5px 5px 0 rgba(0,0,0,.28)}
[data-v20-id="rank-up"] .anim-v20-label{animation:v41RankUp 2s cubic-bezier(.16,1,.3,1) infinite!important}[data-v20-id="rank-up"]:after{content:'◆';position:absolute;color:#a2ff35;font-size:18px;filter:drop-shadow(0 0 14px rgba(162,255,53,.48));animation:v41RankStar 2s ease-out infinite}

@keyframes v41Kinetic{0%,100%{transform:translate3d(0,0,0) rotate(0)}35%{transform:translate3d(-5px,-8px,0) rotate(-2deg)}48%{transform:translate3d(7px,4px,0) rotate(1deg)}62%{transform:translate3d(0,-2px,0)}}
@keyframes v41BlurType{0%,18%{filter:blur(12px);opacity:.15;transform:scale(.9)}45%,82%{filter:blur(0);opacity:1;transform:scale(1)}100%{filter:blur(7px);opacity:.35;transform:scale(1.04)}}
@keyframes v41WaveTitle{0%,100%{background-position:0 50%;transform:translateY(0)}50%{background-position:100% 50%;transform:translateY(-8px)}}
@keyframes v41VerticalReveal{0%,18%{clip-path:inset(100% 0 0 0);transform:translateY(18px)}48%,80%{clip-path:inset(0 0 0 0);transform:none}100%{clip-path:inset(0 0 100% 0);transform:translateY(-12px)}}
@keyframes v41WordPunch{0%,22%{transform:scale(.35) rotate(-5deg);opacity:0}46%{transform:scale(1.18) rotate(1deg);opacity:1}58%,86%{transform:scale(1)}100%{transform:scale(.92);opacity:0}}
@keyframes v41SplitColor{0%,84%,100%{transform:none;text-shadow:-4px 0 rgba(83,226,255,.7),4px 0 rgba(255,74,163,.58)}88%{transform:translateX(-3px);text-shadow:7px 0 #56e8ff,-7px 0 #ff4f9f}92%{transform:translateX(3px)}}
@keyframes v41OrbitLabel{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.04) rotate(-1deg)}}
@keyframes v41OrbitDot{from{transform:rotate(0deg) translateX(70px) rotate(0deg)}to{transform:rotate(360deg) translateX(70px) rotate(-360deg)}}
@keyframes v41ButtonSquish{0%,100%{transform:scale(1,1)}45%{transform:scale(.90,.78)}58%{transform:scale(1.08,1.04)}72%{transform:scale(.99)}}
@keyframes v41CtaShine{0%,55%{left:-45%}85%,100%{left:125%}}
@keyframes v41ArrowPop{0%,35%{transform:translate(-8px,8px);opacity:0}55%,80%{transform:none;opacity:1}100%{transform:translate(6px,-6px);opacity:0}}
@keyframes v41Reaction{0%,100%{transform:scale(1)}38%{transform:scale(1.12) rotate(-2deg)}52%{transform:scale(.98) rotate(1deg)}}
@keyframes v41Burst{0%{transform:translate(0,0) scale(.3);opacity:0}25%{opacity:1}100%{transform:translate(65px,-55px) scale(1.2);opacity:0}}
@keyframes v41Raid{0%,18%{transform:translateY(28px);opacity:0}42%,82%{transform:none;opacity:1}100%{transform:translateY(-14px);opacity:0}}
@keyframes v41GlassLogo{0%,100%{transform:rotateY(-10deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(12deg) rotateX(-3deg) translateY(-7px)}}
@keyframes v41LogoBounce{0%,100%{transform:translateY(0) scale(1)}36%{transform:translateY(-18px) scale(1.05,.96)}55%{transform:translateY(4px) scale(.98,1.04)}72%{transform:translateY(-4px)}}
@keyframes v41LogoScan{0%,35%{transform:translateX(-130%)}75%,100%{transform:translateX(130%)}}
@keyframes v41Checker{0%,15%{transform:scale(0);opacity:0}42%,70%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@keyframes v41Ribbon{0%,20%{transform:skewX(-18deg) translateX(-130%)}65%,100%{transform:skewX(-18deg) translateX(130%)}}
@keyframes v41Shutter{0%,12%{transform:translate(-50%,-50%) scale(.08) rotate(-25deg);opacity:0}45%,76%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}100%{transform:translate(-50%,-50%) scale(1.35) rotate(16deg);opacity:0}}
@keyframes v41Chroma{0%,78%,100%{opacity:0}82%{opacity:.7}86%{opacity:0}90%{opacity:.5}94%{opacity:0}}
@keyframes v41Aurora{0%,100%{transform:translateX(-8%) scaleX(.82) rotate(-4deg);opacity:.45}50%{transform:translateX(8%) scaleX(1.1) rotate(4deg);opacity:1}}
@keyframes v41Grid{from{background-position:0 0;transform:perspective(600px) rotateX(55deg) translateY(0) scale(1.18)}to{background-position:0 24px;transform:perspective(600px) rotateX(55deg) translateY(10px) scale(1.18)}}
@keyframes v41Dust{0%,100%{transform:translateY(28px) scale(.4);opacity:.15}50%{transform:translateY(-52px) translateX(16px) scale(1.3);opacity:1}}
@keyframes v41LiquidOrbit{0%,100%{transform:translate(-35px,18px) scale(.75);border-radius:44% 56% 62% 38%}50%{transform:translate(42px,-24px) scale(1.25);border-radius:65% 35% 42% 58%}}
@keyframes v41Slider{0%,22%{transform:translateX(0)}48%,76%{transform:translateX(165px)}100%{transform:translateX(0)}}
@keyframes v41PillSwitch{0%,26%{transform:translateX(0)}52%,78%{transform:translateX(95%)}100%{transform:translateX(0)}}
@keyframes v41Dock{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-14px) scale(1.18)}70%{transform:translateY(2px) scale(.98)}}
@keyframes v41Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes v41Cube{0%,100%{transform:rotateY(-18deg) rotateX(6deg)}45%{transform:rotateY(18deg) rotateX(-4deg) translateY(-5px)}70%{transform:rotateY(4deg) rotateX(1deg)}}
@keyframes v41Depth{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,-8px);text-shadow:2px 2px 0 #7e4dff,6px 6px 0 rgba(126,77,255,.7),12px 12px 0 rgba(91,224,255,.28),22px 26px 35px rgba(0,0,0,.45)}}
@keyframes v41KillStreak{0%,100%{transform:scale(1) rotate(0)}38%{transform:scale(1.13) rotate(-2deg)}48%{transform:scale(1.04) rotate(2deg)}58%{transform:scale(1.08) rotate(-1deg)}}
@keyframes v41RankUp{0%,20%{transform:translateY(28px) scale(.78);opacity:0}48%,78%{transform:translateY(-6px) scale(1.08);opacity:1}100%{transform:translateY(-20px) scale(1);opacity:0}}
@keyframes v41RankStar{0%,25%{transform:scale(.2) rotate(0);opacity:0}55%{transform:scale(1.3) rotate(160deg);opacity:1}100%{transform:scale(.4) rotate(320deg);opacity:0}}

@media(prefers-reduced-motion:reduce){
  .showcase-column,.ultimate-motion-card *{animation-duration:1ms!important;animation-iteration-count:1!important}
}

/* ===== Loaf v43 — restore wide hero copy while keeping wall cropped on the right ===== */
@media (min-width:1181px){
  .hero-ultra{overflow:hidden!important}
  .hero-grid-v41{
    position:relative!important;
    display:block!important;
    min-height:650px!important;
    padding:70px 0!important;
  }
  .hero-grid-v41>div:first-child{
    width:620px!important;
    max-width:620px!important;
    position:relative!important;
    z-index:5!important;
  }
  .hero-grid-v41 h1{
    max-width:620px!important;
    font-size:clamp(58px,4.2vw,72px)!important;
    line-height:.98!important;
  }
  .hero-grid-v41 p{max-width:590px!important}
  .hero-grid-v41 .showcase-preview-wall{
    position:absolute!important;
    top:50%!important;
    right:-330px!important;
    left:auto!important;
    width:900px!important;
    height:650px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    overflow:hidden!important;
    z-index:2!important;
    mask-image:linear-gradient(180deg,transparent 0,#000 4%,#000 95%,transparent 100%)!important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 4%,#000 95%,transparent 100%)!important;
  }
  .hero-grid-v41 .showcase-3d-marquee{
    grid-template-columns:repeat(3,282px)!important;
    gap:16px!important;
    width:max-content!important;
    height:100%!important;
    padding:0!important;
    transform:perspective(1500px) rotateY(-6deg) rotateX(1.5deg) translateX(0)!important;
    transform-origin:left center!important;
  }
  .hero-grid-v41 .showcase-shot,
  .hero-grid-v41 .showcase-shot.tall,
  .hero-grid-v41 .showcase-shot.wide,
  .hero-grid-v41 .showcase-shot.square{
    width:282px!important;
  }
}

@media (min-width:981px) and (max-width:1180px){
  .hero-grid-v41{
    grid-template-columns:minmax(500px,1fr) minmax(500px,.95fr)!important;
    gap:18px!important;
  }
  .hero-grid-v41 h1{max-width:610px!important;font-size:clamp(52px,5.2vw,64px)!important}
  .hero-grid-v41>div:first-child{min-width:0!important}
  .hero-grid-v41 .showcase-preview-wall{
    width:calc(100% + 250px)!important;
    margin-right:-250px!important;
    margin-left:20px!important;
  }
}

/* ===== Loaf v45 — template thumbnail collision fix ===== */
.template-card-rich .template-preview{
  aspect-ratio:16/9!important;
  min-height:0!important;
  padding:13px 14px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  overflow:hidden!important;
}
.template-card-rich .template-preview-head{
  position:relative!important;
  z-index:8!important;
  flex:0 0 auto!important;
  min-height:24px!important;
  align-items:flex-start!important;
}
.template-card-rich .template-preview-body{
  position:relative!important;
  z-index:7!important;
  width:84%!important;
  max-width:84%!important;
  min-height:0!important;
  margin-top:auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:7px!important;
  overflow:visible!important;
  transition:transform .28s cubic-bezier(.16,1,.3,1)!important;
}
.template-card-rich .thumb-title{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  font-size:clamp(25px,2.35vw,34px)!important;
  line-height:.91!important;
  letter-spacing:-.055em!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance!important;
  text-shadow:0 5px 18px rgba(0,0,0,.34)!important;
}
.template-card-rich .thumb-sub{
  display:inline-flex!important;
  width:auto!important;
  max-width:96%!important;
  margin:0!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  background:rgba(5,6,11,.52)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  color:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* One category badge only: the card header owns it. */
.template-card-rich .template-visual-v18 .v18-tag{display:none!important}
.template-card-rich .template-visual-v18{opacity:.76!important}
.template-card-rich .template-visual-v18 .v18-panel{
  right:12px!important;
  bottom:17px!important;
  width:86px!important;
  height:56px!important;
  padding:9px!important;
  gap:6px!important;
  opacity:.72!important;
}
.template-card-rich .template-visual-v18 .v18-avatar{
  right:46px!important;
  top:58px!important;
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  font-size:17px!important;
  opacity:.8!important;
}
.template-card-rich .template-visual-v18 .v18-orb{
  width:118px!important;
  height:118px!important;
  right:-30px!important;
  top:30px!important;
  opacity:.72!important;
}
.template-card-rich .template-visual-v18 .v18-spark{
  right:18px!important;
  top:22px!important;
  font-size:21px!important;
  opacity:.78!important;
}

/* The CTA no longer sits permanently on top of the thumbnail copy. */
.template-card-rich .template-overlay{
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:12px!important;
  z-index:12!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:40px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:rgba(8,7,13,.88)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(9px) scale(.985)!important;
  transition:opacity .22s ease,transform .26s cubic-bezier(.16,1,.3,1),visibility .22s!important;
  pointer-events:none!important;
}
.template-card-rich .template-overlay b{font-size:10px!important;white-space:nowrap!important}
.template-card-rich .template-overlay small{font-size:8.5px!important;white-space:nowrap!important;color:#9d96a8!important}
.template-card-rich:hover .template-overlay,
.template-card-rich:focus-visible .template-overlay{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}
.template-card-rich:hover .template-preview-body,
.template-card-rich:focus-visible .template-preview-body{transform:translateY(-2px)!important}

@media(max-width:1180px){
  .template-card-rich .template-preview-body{width:88%!important;max-width:88%!important}
  .template-card-rich .thumb-title{font-size:clamp(25px,3vw,33px)!important}
}
@media(max-width:760px){
  .template-card-rich .template-preview{padding:12px!important}
  .template-card-rich .template-preview-body{width:86%!important;max-width:86%!important;gap:6px!important}
  .template-card-rich .thumb-title{font-size:clamp(26px,8vw,33px)!important}
  .template-card-rich .thumb-sub{font-size:9px!important;max-width:100%!important}
  .template-card-rich .template-overlay{left:10px!important;right:10px!important;bottom:10px!important}
}


/* ===== Loaf v46 — premium first-load intro ===== */
.site-intro-v46{
  background:
    radial-gradient(circle at 50% 46%,rgba(126,76,255,.11),transparent 34%),
    radial-gradient(circle at 68% 32%,rgba(87,212,255,.05),transparent 28%),
    #040407;
  overflow:hidden;
  transition:opacity .62s cubic-bezier(.16,1,.3,1),visibility .62s;
}
.site-intro-v46.leaving{opacity:0;visibility:hidden;pointer-events:none}
.site-intro-v46.leaving .site-intro-inner{transform:scale(1.035);filter:blur(8px);opacity:0}
.site-intro-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 48%,#000 0 36%,transparent 74%);-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0 36%,transparent 74%);opacity:0;transform:scale(1.04)}
.site-intro-v46.play .site-intro-grid{animation:introV46Grid 1.15s .15s ease-out forwards}
.site-intro-aura{position:absolute;border-radius:50%;filter:blur(70px);opacity:0;pointer-events:none}
.site-intro-aura.aura-a{width:min(720px,64vw);height:min(360px,34vw);left:50%;top:50%;background:rgba(119,72,255,.13);transform:translate(-60%,-48%) scale(.7)}
.site-intro-aura.aura-b{width:min(520px,50vw);height:min(300px,28vw);left:50%;top:50%;background:rgba(83,209,255,.07);transform:translate(-24%,-38%) scale(.7)}
.site-intro-v46.play .site-intro-aura.aura-a{animation:introV46AuraA 2.5s .18s cubic-bezier(.16,1,.3,1) forwards}
.site-intro-v46.play .site-intro-aura.aura-b{animation:introV46AuraB 2.5s .26s cubic-bezier(.16,1,.3,1) forwards}
.site-intro-v46 .site-intro-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:min(920px,92vw);transform:none;transition:transform .62s cubic-bezier(.16,1,.3,1),filter .62s,opacity .5s}
.site-intro-brandline{display:flex;align-items:center;justify-content:center;gap:30px;width:100%;opacity:0;transform:translateY(22px) scale(.94);filter:blur(12px)}
.site-intro-v46.play .site-intro-brandline{animation:introV46Brand .92s .12s cubic-bezier(.16,1,.3,1) forwards}
.site-intro-v46 .site-intro-mark{position:relative;flex:0 0 auto;width:150px;height:150px;display:grid;place-items:center;opacity:1;transform:none}
.site-intro-v46.play .site-intro-mark{animation:none}
.site-intro-v46 .site-intro-mark img{position:relative;z-index:3;width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(152,93,255,.50)) drop-shadow(0 0 54px rgba(112,76,255,.22));animation:introV46IconFloat 2.7s 1.05s ease-in-out infinite}
.site-intro-v46 .site-intro-ring{inset:5px;border-radius:42px;border:1px solid rgba(168,120,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 46px rgba(119,78,255,.10);opacity:1;transform:scale(.84)}
.site-intro-v46.play .site-intro-ring{animation:introV46Ring 1.15s .38s cubic-bezier(.16,1,.3,1) forwards}
.site-intro-icon-glow{position:absolute;inset:20px;border-radius:38px;background:radial-gradient(circle,rgba(187,133,255,.22),rgba(100,72,255,.05) 55%,transparent 72%);filter:blur(14px);opacity:.75;animation:introV46Glow 2.5s ease-in-out infinite}
.site-intro-wordmark-shell{position:relative;width:min(560px,60vw);display:grid;place-items:center;overflow:hidden;isolation:isolate}
.site-intro-wordmark{display:block;width:100%;height:auto;filter:drop-shadow(0 0 22px rgba(191,139,255,.22)) drop-shadow(0 0 55px rgba(118,77,255,.11));transform:translateZ(0)}
.site-intro-wordmark-shine{position:absolute;z-index:3;top:-35%;bottom:-35%;left:-30%;width:20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);filter:blur(5px);transform:skewX(-18deg);opacity:0;mix-blend-mode:screen;pointer-events:none}
.site-intro-v46.play .site-intro-wordmark-shine{animation:introV46Shine 1.25s 1.02s cubic-bezier(.2,.8,.2,1) forwards}
.site-intro-v46 .site-intro-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;opacity:0;transform:translateY(14px);filter:blur(8px)}
.site-intro-v46.play .site-intro-copy{animation:introV46Copy .66s .82s cubic-bezier(.16,1,.3,1) forwards}
.site-intro-kicker{font-size:10px!important;font-weight:900;letter-spacing:.24em!important;color:#8c8496!important;margin:0!important}
.site-intro-v46 .site-intro-copy strong{font-size:15px;font-weight:750;letter-spacing:.01em;color:#d8d2e3}
.site-intro-v46 .site-intro-progress{width:min(390px,58vw);height:2px;border-radius:999px;background:rgba(255,255,255,.065);overflow:hidden;opacity:0;margin-top:7px}
.site-intro-v46 .site-intro-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8050ff,#c68aff,#77e7ff);box-shadow:0 0 18px rgba(147,94,255,.42);transform:translateX(-100%)}
.site-intro-v46.play .site-intro-progress{animation:introV46ProgressIn .28s 1.12s ease forwards}
.site-intro-v46.play .site-intro-progress i{animation:introV46Progress 1.32s 1.18s cubic-bezier(.2,.75,.2,1) forwards}
.site-intro-v46 .site-intro-skip{right:26px;bottom:24px;padding:9px 12px;border:1px solid rgba(255,255,255,.055);border-radius:999px;background:rgba(255,255,255,.025);color:#777180;backdrop-filter:blur(10px);transition:.22s}
.site-intro-v46 .site-intro-skip:hover{color:#fff;border-color:rgba(168,112,255,.18);background:rgba(131,82,255,.06);transform:translateY(-2px)}
@keyframes introV46Grid{to{opacity:.55;transform:scale(1)}}
@keyframes introV46AuraA{0%{opacity:0;transform:translate(-60%,-48%) scale(.7)}35%{opacity:1}100%{opacity:.62;transform:translate(-60%,-48%) scale(1)}}
@keyframes introV46AuraB{0%{opacity:0;transform:translate(-24%,-38%) scale(.7)}40%{opacity:.9}100%{opacity:.5;transform:translate(-24%,-38%) scale(1)}}
@keyframes introV46Brand{0%{opacity:0;transform:translateY(22px) scale(.94);filter:blur(12px)}62%{opacity:1;filter:blur(0);transform:translateY(-2px) scale(1.012)}100%{opacity:1;filter:blur(0);transform:none}}
@keyframes introV46Ring{0%{opacity:0;transform:scale(.7)}55%{opacity:.92;transform:scale(1.05)}100%{opacity:.32;transform:scale(1)}}
@keyframes introV46IconFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-2deg)}}
@keyframes introV46Glow{0%,100%{opacity:.58;transform:scale(.94)}50%{opacity:.9;transform:scale(1.08)}}
@keyframes introV46Shine{0%{left:-30%;opacity:0}20%{opacity:.7}75%{opacity:.34}100%{left:118%;opacity:0}}
@keyframes introV46Copy{to{opacity:1;transform:none;filter:blur(0)}}
@keyframes introV46ProgressIn{to{opacity:1}}
@keyframes introV46Progress{to{transform:translateX(0)}}
@media(max-width:760px){
  .site-intro-v46 .site-intro-inner{width:94vw;gap:14px}
  .site-intro-brandline{flex-direction:column;gap:8px}
  .site-intro-v46 .site-intro-mark{width:112px;height:112px}
  .site-intro-v46 .site-intro-mark img{width:82px;height:82px}
  .site-intro-v46 .site-intro-ring{border-radius:32px}
  .site-intro-wordmark-shell{width:min(520px,84vw)}
  .site-intro-v46 .site-intro-copy strong{font-size:13px}
  .site-intro-kicker{font-size:8px!important;letter-spacing:.20em!important}
  .site-intro-v46 .site-intro-progress{width:min(320px,70vw)}
}
@media(max-width:420px){
  .site-intro-v46 .site-intro-mark{width:96px;height:96px}
  .site-intro-v46 .site-intro-mark img{width:72px;height:72px}
  .site-intro-wordmark-shell{width:86vw}
  .site-intro-v46 .site-intro-copy strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .site-intro-v46 *{animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ===== V47 — Pricing promo-code system ===== */
.pricing-promo-v47{width:min(820px,100%);margin:26px auto 0;padding:14px 15px;display:grid;grid-template-columns:44px minmax(0,1fr) minmax(300px,.9fr);gap:13px;align-items:center;border:1px solid rgba(165,112,255,.16);border-radius:20px;background:linear-gradient(145deg,rgba(139,84,255,.075),rgba(255,255,255,.022));box-shadow:0 20px 55px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.055);position:relative;overflow:hidden}
.pricing-promo-v47:before{content:'';position:absolute;inset:auto -40px -65px auto;width:180px;height:150px;border-radius:50%;background:rgba(110,76,255,.10);filter:blur(42px);pointer-events:none}
.pricing-promo-icon-v47{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#7546ff,#b764ff);box-shadow:0 10px 28px rgba(124,73,255,.28)}.pricing-promo-icon-v47 svg{width:20px}
.pricing-promo-copy-v47{min-width:0;text-align:left}.pricing-promo-copy-v47 strong,.pricing-promo-copy-v47 span{display:block}.pricing-promo-copy-v47 strong{font-size:13px}.pricing-promo-copy-v47 span{margin-top:3px;color:#837c8d;font-size:9px;line-height:1.45}
.pricing-promo-form-v47{min-width:0}.pricing-promo-input-v47{height:45px;padding:0 6px 0 12px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:rgba(7,6,11,.76);transition:border-color .2s,box-shadow .2s}.pricing-promo-input-v47:focus-within{border-color:rgba(157,103,255,.38);box-shadow:0 0 0 4px rgba(134,80,255,.07)}.pricing-promo-input-v47>svg{width:15px;color:#8a7f98;flex:none}.pricing-promo-input-v47 input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:800 11px/1 Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase}.pricing-promo-input-v47 input::placeholder{text-transform:none;letter-spacing:0;color:#5e5767;font-weight:650}.pricing-promo-input-v47>button[data-promo-apply]{height:33px;padding:0 12px;border:0;border-radius:10px;background:linear-gradient(135deg,#7145ff,#aa62ff);color:#fff;font:850 10px/1 Inter,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(116,68,255,.22);transition:.2s}.pricing-promo-input-v47>button[data-promo-apply]:hover{transform:translateY(-1px);filter:brightness(1.08)}.pricing-promo-clear-v47{width:31px;height:31px;border:0;border-radius:9px;background:rgba(255,255,255,.045);color:#aaa1b4;display:grid;place-items:center;cursor:pointer}.pricing-promo-clear-v47 svg{width:13px}.pricing-promo-form-v47>small{display:flex;align-items:center;gap:6px;min-height:16px;margin:6px 2px 0;color:#71697b;font-size:8.5px;text-align:left}.pricing-promo-form-v47>small button{padding:0;border:0;background:none;color:#b991ff;font:900 8.5px/1 Inter,sans-serif;letter-spacing:.05em;cursor:pointer}.pricing-promo-form-v47>small.success{color:#9adf73}.pricing-promo-form-v47>small.error{color:#ff8298}.pricing-promo-form-v47>small svg{width:12px;flex:none}
.price{position:relative}.price-promo-was-v47{display:inline-block;margin-left:8px;color:#716b78;font-size:14px;font-weight:700;text-decoration:line-through;vertical-align:middle}.price-card.promo-applied-v47{border-color:rgba(145,255,94,.14)!important;box-shadow:0 18px 55px rgba(61,115,29,.045)}
.checkout-promo-v47{margin:13px 0;padding:13px;border-radius:16px;border:1px solid rgba(164,109,255,.13);background:linear-gradient(145deg,rgba(131,78,255,.06),rgba(255,255,255,.018))}.checkout-promo-head-v47{display:flex;align-items:center;gap:9px;margin-bottom:9px}.checkout-promo-head-v47>svg{width:17px;color:#b184ff}.checkout-promo-head-v47 span{display:grid;gap:2px}.checkout-promo-head-v47 b{font-size:10px}.checkout-promo-head-v47 small{color:#716a7a;font-size:8px}.checkout-promo-form-v47{display:grid;grid-template-columns:1fr auto auto;gap:7px}.checkout-promo-form-v47 input{height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:#09080d;color:#fff;outline:0;font:800 10px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em}.checkout-promo-form-v47 input:focus{border-color:rgba(161,102,255,.34);box-shadow:0 0 0 3px rgba(138,80,255,.06)}.checkout-promo-form-v47>button[data-promo-apply]{padding:0 13px;border:0;border-radius:11px;background:linear-gradient(135deg,#7044ff,#aa62ff);color:#fff;font:850 9px/1 Inter,sans-serif;cursor:pointer}.checkout-promo-clear-v47{width:40px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.035);color:#9b92a5;display:grid;place-items:center;cursor:pointer}.checkout-promo-clear-v47 svg{width:13px}.checkout-promo-status-v47{display:flex;align-items:center;gap:5px;margin-top:7px;color:#716a79;font-size:8px}.checkout-promo-status-v47.success{color:#9fe876}.checkout-promo-status-v47.error{color:#ff839a}.checkout-promo-status-v47 button{border:0;background:none;padding:0;color:#b991ff;font:900 8px/1 Inter,sans-serif;cursor:pointer}.checkout-promo-status-v47 svg{width:11px}
.checkout-discount-v47{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding:8px 10px;border-radius:11px;border:1px solid rgba(145,255,69,.11);background:rgba(145,255,69,.045);color:#bff394}.checkout-discount-v47>span{display:flex;align-items:center;gap:6px}.checkout-discount-v47 svg{width:12px}.checkout-discount-v47 b{font-size:8px;letter-spacing:.08em}.checkout-discount-v47 strong{font-size:8px}
@media(max-width:760px){.pricing-promo-v47{grid-template-columns:42px 1fr;padding:13px}.pricing-promo-form-v47{grid-column:1/-1}.pricing-promo-copy-v47 span{font-size:8.5px}.checkout-promo-form-v47{grid-template-columns:1fr auto}.checkout-promo-clear-v47{grid-column:2}.price-promo-was-v47{font-size:12px}}

.motion-cinematic-layer,.motion-brand-layer{position:absolute;pointer-events:none}.motion-cinematic-layer{inset:0}.motion-brand-layer img{display:block}.motion-brand-panel .motion-upload-box{position:relative;display:grid;place-items:center;text-align:center;gap:8px;min-height:118px;padding:14px;border-radius:16px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.025);cursor:pointer}.motion-brand-panel .motion-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.motion-brand-panel .motion-upload-box b{font-size:12px;color:#fff}.motion-brand-panel .motion-upload-box span{font-size:10px;color:#8f8898;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.motion-brand-upload{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.motion-brand-actions{display:flex;justify-content:flex-end}.motion-lab-row-cinematic{grid-template-columns:1fr 1fr 1fr}@media(max-width:760px){.motion-brand-upload{grid-template-columns:1fr}.motion-lab-row-cinematic{grid-template-columns:1fr}}
/* V51 — animation library -> dedicated editor launch */
html.motion-editor-launching body{pointer-events:none}
html.motion-editor-launching .motion-card{transition:transform .12s ease,opacity .12s ease!important}
html.motion-editor-launching .motion-card:hover{transform:scale(.985)!important}

/* V60 — Thumbnail Lab library layout inspired by creator libraries */
.thumblab-v60{background:#07080d!important}
.thumblab-v60 .promo{display:none!important}
.thumblab-v60 .navbar{position:sticky!important;top:0!important;z-index:60!important;background:rgba(7,8,13,.92)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(18px)!important}
.thumblab-v60 .navbar .wrap{max-width:none!important;padding:0 14px!important}
.thumblab-v60 .navbar .navinner{min-height:56px!important}
.thumblab-v60 .navbar .brand{padding:7px 12px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.08)!important;background:#101119!important}
.thumblab-v60 .navbar .brand img{width:22px!important;height:22px!important}
.thumblab-v60 .navbar .navlinks{gap:6px!important}
.thumblab-v60 .navbar .navlinks a{padding:9px 12px!important;border-radius:12px!important;color:#918b9c!important;font-weight:700!important;font-size:13px!important}
.thumblab-v60 .navbar .navlinks a[href="templates.html"]{background:rgba(124,77,255,.16)!important;color:#e7dbff!important;border:1px solid rgba(124,77,255,.22)!important}
.thumblab-v60 main{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;column-gap:0!important;min-height:calc(100vh - 56px)!important;align-items:start!important}
.thumblab-v60 main>.page-hero-templates-v6{display:none!important}
.thumblab-v60 main>.thumblab-side-v60{grid-column:1!important;grid-row:1 / span 99!important;position:sticky!important;top:56px!important;height:calc(100vh - 56px)!important;border-right:1px solid rgba(255,255,255,.07)!important;background:#090a0f!important;padding:14px 12px!important;display:flex!important;flex-direction:column!important;z-index:15!important}
.thumblab-v60 main>.thumblab-hero-v60,.thumblab-v60 main>.page-shell{grid-column:2!important;width:100%!important;min-width:0!important}
.thumblab-v60 .footer{grid-column:1/-1!important}
.thumblab-v60 .thumblab-side-search-v60{height:42px!important;border-radius:14px!important;background:#111219!important;border:1px solid rgba(255,255,255,.055)!important;display:grid!important;grid-template-columns:18px 1fr auto!important;align-items:center!important;gap:8px!important;padding:0 11px!important;color:#706b78!important}
.thumblab-v60 .thumblab-side-search-v60 svg{width:16px!important;height:16px!important}
.thumblab-v60 .thumblab-side-search-v60 input{background:transparent!important;border:0!important;outline:0!important;color:#fff!important;min-width:0!important;font-size:13px!important}
.thumblab-v60 .thumblab-side-search-v60 input::placeholder{color:#65606d!important}
.thumblab-v60 .thumblab-side-search-v60 kbd{font:700 10px/1 ui-monospace,monospace;color:#77717f;border:1px solid rgba(255,255,255,.08);background:#0d0e14;border-radius:6px;padding:4px 5px}
.thumblab-v60 .thumblab-side-nav-v60{display:grid!important;gap:6px!important;margin-top:14px!important}
.thumblab-v60 .thumblab-side-nav-v60 button{height:40px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#8f8998!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 12px!important;font-size:13px!important;font-weight:700!important;text-align:left!important;cursor:pointer!important;transition:.18s ease!important}
.thumblab-v60 .thumblab-side-nav-v60 button svg{width:16px!important;height:16px!important}
.thumblab-v60 .thumblab-side-nav-v60 button:hover{background:rgba(255,255,255,.035)!important;color:#e7e1eb!important;transform:translateX(2px)!important}
.thumblab-v60 .thumblab-side-nav-v60 button.active{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;color:#fff!important}
.thumblab-v60 .thumblab-side-section-v60{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:25px!important;padding:0 8px!important;color:#c0bac8!important;font-size:12px!important;font-weight:700!important}
.thumblab-v60 .thumblab-side-section-v60.muted{color:#75707c!important;margin-top:18px!important}
.thumblab-v60 .thumblab-side-section-v60 button{width:25px!important;height:25px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#7b7582!important;display:grid!important;place-items:center!important}
.thumblab-v60 .thumblab-side-section-v60 svg{width:14px!important;height:14px!important}
.thumblab-v60 .thumblab-new-v60{padding:3px 6px!important;border-radius:6px!important;background:#bfff39!important;color:#101605!important;font-size:9px!important;font-weight:900!important}
.thumblab-v60 .thumblab-pinned-v60{display:grid!important;place-items:center!important;text-align:center!important;gap:8px!important;margin-top:15px!important;color:#777281!important;font-size:11px!important;line-height:1.35!important}
.thumblab-v60 .thumblab-pin-stack-v60{position:relative!important;width:78px!important;height:80px!important}
.thumblab-v60 .thumblab-pin-stack-v60 i{position:absolute!important;inset:0!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg,#151721,#0e1017)!important;box-shadow:0 12px 25px rgba(0,0,0,.28)!important}
.thumblab-v60 .thumblab-pin-stack-v60 i:nth-child(1){transform:rotate(-13deg) translate(-6px,4px)!important}
.thumblab-v60 .thumblab-pin-stack-v60 i:nth-child(2){transform:rotate(10deg) translate(7px,-2px)!important}
.thumblab-v60 .thumblab-pin-stack-v60 i:nth-child(3){display:grid!important;place-items:center!important}
.thumblab-v60 .thumblab-pin-stack-v60 img{width:24px!important;height:24px!important;filter:drop-shadow(0 0 15px rgba(124,77,255,.5))!important}
.thumblab-v60 .thumblab-getstarted-v60{margin-top:auto!important;min-height:46px!important;border-radius:14px!important;border:1px solid rgba(185,255,69,.22)!important;background:linear-gradient(90deg,#66c932,#adf73f)!important;color:#071007!important;display:grid!important;grid-template-columns:20px 1fr auto!important;align-items:center!important;gap:8px!important;padding:0 11px!important;box-shadow:0 9px 28px rgba(132,220,54,.14)!important}
.thumblab-v60 .thumblab-getstarted-v60 svg{width:16px!important;height:16px!important}
.thumblab-v60 .thumblab-getstarted-v60 b{font-size:12px!important}
.thumblab-v60 .thumblab-getstarted-v60 span{font-size:10px!important;background:#fff!important;color:#111!important;border-radius:999px!important;padding:5px 8px!important}

.thumblab-v60 .thumblab-hero-v60{padding:0 0 18px!important;background:#090a0e!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.thumblab-v60 .thumblab-stage-v60{height:280px!important;border:1px solid rgba(255,255,255,.06)!important;border-top:0!important;border-radius:0 0 24px 24px!important;position:relative!important;overflow:hidden!important;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),radial-gradient(circle at 50% 5%,rgba(116,70,255,.16),transparent 24%),#0a0b0f!important;background-size:48px 48px,48px 48px,auto,auto!important;perspective:1200px!important}
.thumblab-v60 .thumblab-stage-v60::after{content:""!important;position:absolute!important;inset:45% 15% -30% 15%!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:40% 40% 0 0!important;transform:rotateX(70deg)!important;transform-origin:top center!important;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:42px 42px!important;opacity:.6!important;pointer-events:none!important}
.thumblab-v60 .thumblab-floatcards-v60{position:absolute!important;top:3px!important;left:50%!important;transform:translateX(-50%)!important;width:min(680px,70%)!important;height:145px!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:10px!important;z-index:2!important}
.thumblab-v60 .thumbfloat-v60{position:relative!important;display:block!important;width:210px!important;aspect-ratio:16/9!important;border-radius:14px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 18px 35px rgba(0,0,0,.45)!important;animation:thumbfloatV60 5.5s ease-in-out infinite!important;background:#111!important}
.thumblab-v60 .thumbfloat-v60 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.thumblab-v60 .thumbfloat-v60 span{position:absolute!important;left:8px!important;top:8px!important;padding:4px 7px!important;border-radius:6px!important;background:#c8ff3d!important;color:#0d1405!important;font-size:8px!important;font-weight:900!important}
.thumblab-v60 .thumbfloat-v60.one{transform:rotate(-7deg) translateY(12px)!important;animation-delay:-1s!important}
.thumblab-v60 .thumbfloat-v60.two{width:250px!important;transform:translateY(-2px)!important;z-index:2!important}
.thumblab-v60 .thumbfloat-v60.three{transform:rotate(7deg) translateY(10px)!important;animation-delay:-3s!important}
@keyframes thumbfloatV60{50%{translate:0 -7px}}
.thumblab-v60 .thumblab-hero-search-v60{position:absolute!important;z-index:3!important;left:50%!important;bottom:34px!important;transform:translateX(-50%)!important;width:min(800px,74%)!important;height:52px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.065)!important;background:#16181e!important;display:grid!important;grid-template-columns:20px 1fr 36px!important;align-items:center!important;gap:10px!important;padding:0 10px 0 15px!important;box-shadow:0 16px 35px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03)!important}
.thumblab-v60 .thumblab-hero-search-v60 img{width:18px!important;height:18px!important;opacity:.8!important}
.thumblab-v60 .thumblab-hero-search-v60 input{background:transparent!important;border:0!important;outline:0!important;color:#fff!important;font-size:15px!important}
.thumblab-v60 .thumblab-hero-search-v60 input::placeholder{color:#898390!important}
.thumblab-v60 .thumblab-hero-search-v60 button{width:34px!important;height:34px!important;border:0!important;border-radius:11px!important;background:linear-gradient(180deg,#8f68ff,#6e42ff)!important;color:#fff!important;display:grid!important;place-items:center!important}
.thumblab-v60 .thumblab-hero-search-v60 svg{width:15px!important;height:15px!important}

.thumblab-v60 .page-shell{padding:0!important;background:#090a0e!important}
.thumblab-v60 .page-shell>.wrap{max-width:none!important;padding:26px 34px 56px!important}
.thumblab-v60 .thumblab-heading-v60{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:20px!important;margin:0 0 20px!important}
.thumblab-v60 .thumblab-heading-v60 h1{margin:0!important;font-size:28px!important;letter-spacing:-.035em!important}
.thumblab-v60 .thumblab-heading-v60 p{margin:5px 0 0!important;color:#77717f!important;font-size:12px!important}
.thumblab-v60 .thumblab-heading-v60>a{height:38px!important;padding:0 15px!important;border-radius:999px!important;background:#fff!important;color:#111!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;font-weight:800!important}
.thumblab-v60 .thumblab-heading-v60 svg{width:14px!important;height:14px!important}
.thumblab-v60 .templates-toolbar-v6{padding:10px!important;background:rgba(255,255,255,.015)!important;border-color:rgba(255,255,255,.05)!important;border-radius:18px!important;margin-bottom:16px!important}
.thumblab-v60 .templates-toolbar-v6 .toolbar{display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;gap:12px!important}
.thumblab-v60 .templates-toolbar-v6 .search-box{height:42px!important;border-radius:14px!important;background:#111219!important;border-color:rgba(255,255,255,.055)!important}
.thumblab-v60 .templates-toolbar-v6 .filter-row{margin-top:8px!important;gap:6px!important;flex-wrap:wrap!important}
.thumblab-v60 .templates-toolbar-v6 .filter{height:32px!important;padding:0 11px!important;border-radius:10px!important;font-size:11px!important}
.thumblab-v60 .template-benefits{display:none!important}
.thumblab-v60 .template-grid-v6{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.thumblab-v60 .template-card-v6{border:0!important;background:transparent!important;border-radius:16px!important;box-shadow:none!important;overflow:visible!important;transform:none!important}
.thumblab-v60 .template-card-v6:hover{transform:translateY(-3px)!important}
.thumblab-v60 .template-preview{border-radius:14px!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 13px 30px rgba(0,0,0,.24)!important;overflow:hidden!important}
.thumblab-v60 .template-preview-body{padding:16px!important}
.thumblab-v60 .template-preview .thumb-title{font-size:clamp(25px,2.1vw,38px)!important;line-height:.9!important;letter-spacing:-.055em!important;max-width:90%!important}
.thumblab-v60 .template-preview .thumb-sub{font-size:10px!important;padding:6px 8px!important;border-radius:8px!important;background:rgba(0,0,0,.28)!important;backdrop-filter:blur(8px)!important}
.thumblab-v60 .template-meta{padding:9px 2px 0!important}
.thumblab-v60 .template-meta b{font-size:13px!important}
.thumblab-v60 .template-meta small{font-size:10px!important;color:#6f6a78!important}
.thumblab-v60 .template-meta>.tag{display:none!important}
.thumblab-v60 .template-tier-v60{position:absolute!important;right:10px!important;top:10px!important;z-index:7!important;padding:5px 8px!important;border-radius:999px!important;background:rgba(14,12,24,.76)!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;backdrop-filter:blur(8px)!important}
.thumblab-v60 .template-mini-ribbon-v60{position:absolute!important;left:10px!important;right:10px!important;bottom:8px!important;height:32px!important;overflow:hidden!important;display:flex!important;gap:5px!important;opacity:0!important;transform:translateY(8px)!important;transition:.2s ease!important;z-index:6!important;pointer-events:none!important}
.thumblab-v60 .template-premium-v60:hover .template-mini-ribbon-v60{opacity:1!important;transform:none!important}
.thumblab-v60 .template-mini-ribbon-v60 img{width:70px!important;height:32px!important;object-fit:cover!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.12)!important;animation:miniRailFloatV60 2.4s ease-in-out infinite!important;animation-delay:calc(var(--i)*-.4s)!important}
@keyframes miniRailFloatV60{50%{transform:translateY(-3px)}}

.thumblab-v60 .thumblab-premium-v60{margin-top:38px!important;border-top:1px solid rgba(255,255,255,.06)!important;padding-top:26px!important}
.thumblab-v60 .thumblab-premium-head-v60{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:20px!important;margin-bottom:14px!important}
.thumblab-v60 .thumblab-premium-head-v60 .eyebrow{font-size:9px!important;letter-spacing:.14em!important;color:#b59aff!important;font-weight:900!important}
.thumblab-v60 .thumblab-premium-head-v60 h2{margin:5px 0 0!important;font-size:25px!important;letter-spacing:-.03em!important}
.thumblab-v60 .thumblab-premium-head-v60 p{margin:5px 0 0!important;color:#77717f!important;font-size:11px!important}
.thumblab-v60 .thumblab-premium-head-v60>a{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#cbbcff!important;font-size:11px!important;font-weight:800!important}
.thumblab-v60 .thumblab-premium-head-v60 svg{width:14px!important;height:14px!important}
.thumblab-v60 .thumblab-rail-window-v60{overflow:hidden!important;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important}
.thumblab-v60 .thumblab-rail-v60{display:flex!important;gap:12px!important;width:max-content!important;animation:premiumRailV60 30s linear infinite!important}
.thumblab-v60 .thumblab-rail-v60:hover{animation-play-state:paused!important}
@keyframes premiumRailV60{to{transform:translateX(calc(-50% - 6px))}}
.thumblab-v60 .thumblab-rail-card-v60{width:255px!important;flex:0 0 255px!important;padding:9px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.065)!important;background:#101118!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important}
.thumblab-v60 .thumblab-rail-card-v60>div{position:relative!important;aspect-ratio:16/9!important;border-radius:11px!important;overflow:hidden!important}
.thumblab-v60 .thumblab-rail-card-v60 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.thumblab-v60 .thumblab-rail-card-v60 .tier{position:absolute!important;left:7px!important;top:7px!important;padding:4px 7px!important;border-radius:999px!important;background:rgba(7,7,12,.78)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;backdrop-filter:blur(8px)!important}
.thumblab-v60 .thumblab-rail-card-v60 b{display:block!important;margin-top:8px!important;font-size:11px!important}
.thumblab-v60 .thumblab-rail-card-v60 small{display:block!important;margin-top:2px!important;color:#6f6977!important;font-size:9px!important}

@media(max-width:1150px){
  .thumblab-v60 main{grid-template-columns:190px minmax(0,1fr)!important}
  .thumblab-v60 .template-grid-v6{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .thumblab-v60 .thumblab-floatcards-v60{width:80%!important}
}
@media(max-width:820px){
  .thumblab-v60 main{display:block!important}
  .thumblab-v60 main>.thumblab-side-v60{display:none!important}
  .thumblab-v60 .thumblab-stage-v60{height:235px!important}
  .thumblab-v60 .thumbfloat-v60{width:150px!important}
  .thumblab-v60 .thumbfloat-v60.two{width:180px!important}
  .thumblab-v60 .thumblab-hero-search-v60{width:88%!important}
  .thumblab-v60 .page-shell>.wrap{padding:20px 16px 44px!important}
  .thumblab-v60 .template-grid-v6{grid-template-columns:1fr!important}
  .thumblab-v60 .thumblab-heading-v60{align-items:flex-start!important;flex-direction:column!important}
}
.thumblab-v60 .thumblab-nav-muted-v60{display:none!important}


/* V61 — ThumbLab bottom-left Get Started button */
.thumblab-v60 .thumblab-getstarted-v60{
  position:relative!important;
  overflow:hidden!important;
  margin-top:auto!important;
  width:100%!important;
  min-height:48px!important;
  border-radius:16px!important;
  border:1px solid rgba(184,255,52,.62)!important;
  background:
    radial-gradient(circle at 16% 50%,rgba(157,255,38,.34),transparent 26%),
    linear-gradient(90deg,#1f6717 0%,#4f9e16 42%,#75c717 72%,#8ed91f 100%)!important;
  color:#fff!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:5px 6px 5px 8px!important;
  box-shadow:
    0 0 0 1px rgba(119,255,18,.18) inset,
    0 0 18px rgba(123,255,20,.26),
    0 8px 24px rgba(0,0,0,.24)!important;
  text-decoration:none!important;
  isolation:isolate!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.thumblab-v60 .thumblab-getstarted-v60::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.16) 48%,transparent 70%)!important;
  transform:translateX(-130%)!important;
  transition:transform .55s cubic-bezier(.2,.8,.2,1)!important;
  z-index:-1!important;
}
.thumblab-v60 .thumblab-getstarted-v60:hover{
  transform:translateY(-1px) scale(1.01)!important;
  filter:brightness(1.04)!important;
  box-shadow:
    0 0 0 1px rgba(119,255,18,.22) inset,
    0 0 24px rgba(123,255,20,.36),
    0 10px 28px rgba(0,0,0,.28)!important;
}
.thumblab-v60 .thumblab-getstarted-v60:hover::before{transform:translateX(130%)!important}
.thumblab-v60 .thumblab-getstarted-v60:active{transform:translateY(0) scale(.985)!important}
.thumblab-v60 .thumblab-start-icon-v61{
  width:26px!important;
  height:26px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:linear-gradient(180deg,#b8ff39,#6fe51d)!important;
  color:#fff!important;
  box-shadow:0 0 16px rgba(157,255,38,.62),inset 0 1px 0 rgba(255,255,255,.5)!important;
}
.thumblab-v60 .thumblab-start-icon-v61 svg{
  width:13px!important;
  height:13px!important;
  fill:currentColor!important;
  stroke-width:3!important;
  transform:translateX(1px)!important;
}
.thumblab-v60 .thumblab-getstarted-v60 b{
  font-size:12px!important;
  font-weight:850!important;
  color:#fff!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px rgba(0,0,0,.3)!important;
}
.thumblab-v60 .thumblab-start-pill-v61{
  min-width:88px!important;
  height:32px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  color:#171717!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.08),0 2px 7px rgba(0,0,0,.18)!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}


/* V62 — ThumbLab hero title + compact bottom CTA */
.thumblab-v60 .thumblab-start-creating-v62{
  position:absolute!important;
  left:50%!important;
  top:22px!important;
  transform:translateX(-50%)!important;
  z-index:4!important;
  width:max-content!important;
  max-width:90%!important;
  color:#e9eaf2!important;
  font-size:clamp(22px,2.7vw,38px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-align:center!important;
  text-shadow:0 8px 28px rgba(0,0,0,.42)!important;
  background:linear-gradient(180deg,#ffffff 0%,#9a9dab 88%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  pointer-events:none!important;
  user-select:none!important;
}
.thumblab-v60 .thumblab-stage-v60{
  height:326px!important;
}
.thumblab-v60 .thumblab-floatcards-v60{
  top:70px!important;
}
.thumblab-v60 .thumblab-hero-search-v60{
  bottom:28px!important;
}

.thumblab-v60 .thumblab-getstarted-v60{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:24px minmax(0,1fr) 76px!important;
  gap:6px!important;
  padding:5px 6px!important;
}
.thumblab-v60 .thumblab-start-icon-v61{
  width:24px!important;
  height:24px!important;
}
.thumblab-v60 .thumblab-getstarted-v60 b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10.5px!important;
}
.thumblab-v60 .thumblab-start-pill-v61{
  min-width:0!important;
  width:76px!important;
  height:30px!important;
  padding:0 8px!important;
  font-size:9.5px!important;
}
@media(max-width:1150px){
  .thumblab-v60 .thumblab-getstarted-v60{
    grid-template-columns:22px minmax(0,1fr) 68px!important;
    gap:5px!important;
    padding:4px 5px!important;
  }
  .thumblab-v60 .thumblab-start-icon-v61{width:22px!important;height:22px!important}
  .thumblab-v60 .thumblab-start-pill-v61{width:68px!important;height:28px!important;font-size:8.5px!important}
  .thumblab-v60 .thumblab-getstarted-v60 b{font-size:9.5px!important}
}
@media(max-width:820px){
  .thumblab-v60 .thumblab-stage-v60{height:285px!important}
  .thumblab-v60 .thumblab-start-creating-v62{top:18px!important;font-size:24px!important}
  .thumblab-v60 .thumblab-floatcards-v60{top:58px!important}
  .thumblab-v60 .thumblab-hero-search-v60{bottom:22px!important}
}