.illus-bg[data-astro-cid-5zykl4j5]{filter:saturate(.85)}[data-astro-cid-5zykl4j5]:is(.dark *) .illus-bg[data-astro-cid-5zykl4j5]{filter:saturate(.65)}.feature-item[data-astro-cid-5zykl4j5]{color:var(--muted-foreground)}.feature-item[data-astro-cid-5zykl4j5]:hover{background:oklch(from var(--accent) l c h / .5);color:var(--foreground)}.feature-desc[data-astro-cid-5zykl4j5]{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s ease,opacity .2s ease}.feature-desc[data-astro-cid-5zykl4j5]>p[data-astro-cid-5zykl4j5]{overflow:hidden}.feature-item[data-astro-cid-5zykl4j5][data-active]{background:var(--accent);color:var(--accent-foreground)}.feature-item[data-astro-cid-5zykl4j5][data-active] .feature-desc[data-astro-cid-5zykl4j5]{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .25s ease,opacity .25s .05s ease}.feature-item[data-astro-cid-5zykl4j5][data-active] .feature-icon[data-astro-cid-5zykl4j5]{color:var(--foreground)}.illus-area{overflow:hidden;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.illus-area>div{box-shadow:0 -2px 8px #0000000a;position:relative}:is(.dark *) .illus-area>div{box-shadow:0 -2px 8px #0000001f}.anim-badge-cycle{animation:badgeCycle 4s ease-in-out infinite}@keyframes badgeCycle{0%,45%{background:#fef3c7;color:#b45309;border-color:#fde68a}55%,to{background:#dcfce7;color:#15803d;border-color:#bbf7d0}}:is(.dark *) .anim-badge-cycle{animation:badgeCycleDark 4s ease-in-out infinite}@keyframes badgeCycleDark{0%,45%{background:#78350f4d;color:#fbbf24;border-color:#78350f80}55%,to{background:#052e164d;color:#4ade80;border-color:#052e1680}}.anim-template-cycle .tpl-row-1{animation:tplHighlight1 5s ease infinite}.anim-template-cycle .tpl-row-2{animation:tplHighlight2 5s ease infinite}@keyframes tplHighlight1{0%,40%{background:var(--accent)}50%,90%{background:transparent}to{background:var(--accent)}}@keyframes tplHighlight2{0%,40%{background:transparent}50%,90%{background:var(--accent)}to{background:transparent}}.anim-team-scroll{animation:teamScroll 12s linear infinite}@keyframes teamScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.anim-logo{animation:logoCycle 6s ease infinite}@keyframes logoCycle{0%,30%{background:var(--muted);border:1.5px dashed var(--muted-foreground);opacity:.4}40%,90%{background:#1a1a1a;border:1.5px solid #1a1a1a;opacity:1}to{background:var(--muted);border:1.5px dashed var(--muted-foreground);opacity:.4}}.anim-logo>span{animation:logoText 6s ease infinite;color:#fff}@keyframes logoText{0%,30%{opacity:0}40%,90%{opacity:1}to{opacity:0}}.anim-logo>span:after{content:"YB"}.anim-logo-text:after{animation:logoLabel 6s ease infinite;content:"Upload your logo"}@keyframes logoLabel{0%,30%{content:"Upload your logo"}40%,90%{content:"yourbrand.svg"}to{content:"Upload your logo"}}.anim-color-cycle{animation:colorCycle 6s ease infinite}@keyframes colorCycle{0%,20%{background:#1a1a1a}33%,53%{background:#2563eb}66%,86%{background:#059669}to{background:#1a1a1a}}.anim-hex-cycle:after{animation:hexCycle 6s ease infinite;content:"#1a1a1a"}@keyframes hexCycle{0%,20%{content:"#1a1a1a"}33%,53%{content:"#2563eb"}66%,86%{content:"#059669"}to{content:"#1a1a1a"}}.anim-progress{animation:progressFill 3s ease-in-out infinite}@keyframes progressFill{0%{width:0%}70%{width:100%}80%,to{width:100%}}.anim-upload-pct:after{animation:pctCount 3s ease-in-out infinite;content:"0%"}@keyframes pctCount{0%{content:"0%"}10%{content:"12%"}20%{content:"28%"}30%{content:"41%"}40%{content:"56%"}50%{content:"69%"}60%{content:"82%"}70%,to{content:"100%"}}.anim-upload-spin{animation:uploadPulse 3s ease-in-out infinite}@keyframes uploadPulse{0%,70%{opacity:1}80%{opacity:.4}to{opacity:1}}.anim-typing{border-right:1.5px solid var(--foreground);animation:blink 1s step-end infinite}@keyframes blink{50%{border-color:transparent}}.anim-result-1{animation:resultFade 5s ease infinite}.anim-result-2{animation:resultFade 5s ease .15s infinite}.anim-result-3{animation:resultFade 5s ease .3s infinite}.anim-result-4{animation:resultFade 5s ease .45s infinite}.anim-result-5{animation:resultFade 5s ease .6s infinite}@keyframes resultFade{0%,5%{opacity:0;transform:translateY(4px)}15%,80%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(4px)}}.vp-highlight[data-astro-cid-htx7fit2]{transition:left .3s ease,width .3s ease}.vp-view[data-astro-cid-htx7fit2]{transition:opacity .3s ease}.vp-tab[data-astro-cid-htx7fit2]{color:var(--muted-foreground);cursor:pointer;transition:color .2s ease;user-select:none}.vp-tab[data-astro-cid-htx7fit2][data-active]{color:var(--foreground)}
