.pricing-shell{opacity:0;gap:36px;max-width:980px;min-height:100dvh;margin:0 auto;padding:48px 18px 64px;animation:.52s ease-out forwards pageFade;display:grid}.pricing-intro{text-align:left;opacity:0;gap:18px;animation:.62s cubic-bezier(.2,.75,.3,1) .12s forwards fadeUp;display:grid;transform:translateY(14px)}.pricing-intro h1{letter-spacing:-.02em;font-size:max(2.3rem,min(4vw,3rem));font-weight:700}.pricing-intro p:not(.tool-disclaimer){color:color-mix(in oklab,var(--foreground),transparent 12%);font-size:1.05rem;line-height:1.6}.pricing-alert{border:1px solid color-mix(in oklab,var(--foreground),transparent 80%);background:linear-gradient(135deg,color-mix(in oklab,var(--background),black 6%),color-mix(in oklab,var(--background),black 14%));border-radius:14px;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;display:inline-flex}.pricing-alert--success{border-color:color-mix(in oklab,var(--success),transparent 60%);color:color-mix(in oklab,var(--success),transparent 10%)}.pricing-alert--error{color:rgba(249,115,22,.92);color:color(display-p3 .911102 .481363 .208759/.92);color:lab(64.4963% 49.3667 68.6636/.92);border-color:rgba(249,115,22,.4);border-color:color(display-p3 .911102 .481363 .208759/.4);border-color:lab(64.4963% 49.3667 68.6636/.4)}.pricing-note{border:1px solid color-mix(in oklab,var(--foreground),transparent 82%);background:linear-gradient(135deg,color-mix(in oklab,var(--background),black 5%),color-mix(in oklab,var(--background),black 15%));opacity:0;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:.95rem;animation:.62s cubic-bezier(.2,.75,.3,1) .8s forwards fadeUp;display:inline-flex;transform:translateY(10px)}.tool-showcase{flex-wrap:wrap;gap:10px;display:flex}.tool-badge{border:1px solid color-mix(in oklab,var(--foreground),transparent 78%);background:linear-gradient(135deg,color-mix(in oklab,var(--background),black 6%),color-mix(in oklab,var(--background),black 18%));color:color-mix(in oklab,var(--foreground),transparent 12%);opacity:0;border-radius:999px;padding:6px 14px;font-size:.88rem;animation:.52s cubic-bezier(.3,.72,.28,1) forwards badgeFloat;transform:translateY(18px);box-shadow:0 6px 16px rgba(0,0,0,.18)}.tool-badge:first-child{animation-delay:.32s}.tool-badge:nth-child(2){animation-delay:.42s}.tool-badge:nth-child(3){animation-delay:.52s}.tool-badge:nth-child(4){animation-delay:.62s}.tool-disclaimer{color:rgba(82,82,91,.9);letter-spacing:.01em;font-size:.65rem;line-height:1.4}.pricing-breadcrumb{justify-content:flex-start;display:flex}.pricing-back{color:color-mix(in oklab,var(--foreground),transparent 20%);padding:6px 0;font-size:.95rem}.pricing-back:hover{color:color-mix(in oklab,var(--foreground),transparent 5%)}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.plan-card{border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--foreground),transparent 85%);background:linear-gradient(180deg,color-mix(in oklab,var(--background),black 4%),color-mix(in oklab,var(--background),black 18%));box-shadow:var(--shadow-1);opacity:0;transform:translateY(calc(var(--plan-offset,0px) + 24px));animation:.68s cubic-bezier(.18,.84,.36,1) forwards cardReveal;animation-delay:var(--plan-delay,0s);will-change:transform,opacity;gap:14px;padding:28px 24px;display:grid;position:relative}.plan-card.recommended{border-color:color-mix(in oklab,var(--primary),transparent 30%);box-shadow:var(--shadow-2);--plan-offset:-4px}.plan-card.active{border-color:color-mix(in oklab,var(--success),transparent 20%);position:relative;box-shadow:0 24px 48px rgba(34,197,94,.2)}.plan-card.active:after{content:"Aktives Abo";background:linear-gradient(135deg,color-mix(in oklab,var(--success),transparent 0%),color-mix(in oklab,var(--success),transparent 30%));color:#0f172a;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:600;position:absolute;top:16px;right:20px}.plan-card:first-child{--plan-delay:.45s}.plan-card:nth-child(2){--plan-delay:.58s}.plan-card:nth-child(3){--plan-delay:.71s}.plan-badge{letter-spacing:.03em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:999px;align-items:center;margin-left:auto;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex;position:relative;top:0}.plan-card h2{justify-content:space-between;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;display:flex}.plan-tagline{color:color-mix(in oklab,var(--foreground),transparent 25%);font-size:.98rem;line-height:1.5}.plan-price{align-items:baseline;gap:6px;font-size:2.1rem;font-weight:700;display:flex}.plan-price span{color:color-mix(in oklab,var(--foreground),transparent 30%);font-size:.95rem}.plan-credits{color:color-mix(in oklab,var(--foreground),transparent 12%);font-weight:600}.plan-features{color:color-mix(in oklab,var(--foreground),transparent 10%);gap:10px;font-size:.95rem;list-style:none;display:grid}.plan-features li:before{content:"•";color:color-mix(in oklab,var(--primary),transparent 20%);margin-right:8px}.plan-action{border-radius:var(--radius);color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#10b981);border:none;margin-top:6px;padding:12px 16px;font-weight:600;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:0 12px 24px rgba(16,185,129,.35)}.plan-action:hover{filter:brightness(1.05);transform:translateY(-1px)}.plan-action:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.plan-note{color:color-mix(in oklab,var(--foreground),transparent 28%);margin-top:8px;font-size:.85rem}.plan-action--cancel{border:1px solid color-mix(in oklab,var(--foreground),transparent 82%);color:color-mix(in oklab,var(--foreground),transparent 15%);box-shadow:none;background:0 0;transition:color .12s}.plan-action--cancel:hover{filter:none;text-decoration:underline;transform:none}.pricing-faq{gap:16px;display:grid}.faq-list{gap:12px;display:grid}.faq-item{border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--foreground),transparent 85%);background:linear-gradient(180deg,color-mix(in oklab,var(--background),black 4%),color-mix(in oklab,var(--background),black 14%));opacity:0;animation:.64s cubic-bezier(.2,.75,.3,1) forwards fadeUp;animation-delay:var(--faq-delay,0s);will-change:transform,opacity;padding:0 18px;transform:translateY(16px);box-shadow:0 12px 24px rgba(0,0,0,.16)}.faq-item[open]{border-color:color-mix(in oklab,var(--primary),transparent 55%);box-shadow:0 16px 32px rgba(0,0,0,.22)}.faq-item:first-of-type{--faq-delay:1.05s}.faq-item:nth-of-type(2){--faq-delay:1.15s}.faq-item:nth-of-type(3){--faq-delay:1.25s}.faq-item:nth-of-type(4){--faq-delay:1.35s}.faq-summary{cursor:pointer;color:color-mix(in oklab,var(--foreground),transparent 6%);justify-content:space-between;align-items:center;gap:12px;padding:18px 4px;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.faq-summary::-webkit-details-marker{display:none}.faq-summary:after{content:"";border:2px solid color-mix(in oklab,var(--foreground),transparent 45%);border-top:transparent;border-right:transparent;border-radius:2px;width:12px;height:12px;transition:transform .25s;transform:rotate(-45deg)}.faq-item[open] .faq-summary:after{transform:rotate(135deg)}.faq-item p{color:color-mix(in oklab,var(--foreground),transparent 18%);padding:0 4px 18px;font-size:.95rem;line-height:1.55}.pricing-footer{text-align:center;color:color-mix(in oklab,var(--foreground),transparent 26%);font-size:.95rem}.pricing-footer a{color:color-mix(in oklab,var(--primary),transparent 10%)}.pricing-footer a:hover{text-decoration:underline}@media (max-width:720px){.plan-card.recommended{--plan-offset:0px}.plan-card{padding:24px 20px}}@keyframes pageFade{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes badgeFloat{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(calc(var(--plan-offset,0px) + 32px))}to{opacity:1;transform:translateY(var(--plan-offset,0px))}}
