.pricing-page{--pricing-ease:cubic-bezier(.22, 1, .36, 1);margin:0;padding:0;overflow-x:clip}.pricing-hero{isolation:isolate;color:#f7faf9;background:radial-gradient(80% 60% at 12% 20%,#0d6b638c,#0000 55%),radial-gradient(70% 50% at 88% 30%,#c2780a59,#0000 50%),linear-gradient(165deg,#062a28 0%,#0a3d38 42%,#1a1208 100%);align-items:end;min-height:min(78vh,640px);display:grid;position:relative}.pricing-hero__media{z-index:0;position:absolute;inset:0;overflow:hidden}.pricing-hero__media img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 35%;object-position:center 35%;opacity:.42;filter:saturate(1.05)contrast(1.05);width:100%;height:100%;animation:18s ease-in-out infinite alternate pricing-hero-ken;transform:scale(1.04)}.pricing-hero__veil{z-index:1;pointer-events:none;background:linear-gradient(#04121059 0%,#0412108c 45%,#041210eb 100%),radial-gradient(circle at 70% 20%,#e8a84a2e,#0000 40%);position:absolute;inset:0}.pricing-hero__inner{z-index:2;gap:14px;width:min(1180px,94vw);max-width:38rem;margin:0 auto;padding:clamp(88px,14vh,140px) 0 clamp(40px,6vh,64px);display:grid;position:relative}.pricing-hero__brand{font-family:var(--font-bricolage,"Bricolage Grotesque"), sans-serif;letter-spacing:-.03em;color:#fff;text-shadow:0 10px 40px #00000059;animation:pricing-rise .7s var(--pricing-ease) both;margin:0;font-size:clamp(1.85rem,5.5vw,3rem);font-weight:800;line-height:1.05}.pricing-hero__title{font-family:var(--font-bricolage,"Bricolage Grotesque"), sans-serif;letter-spacing:-.02em;color:#ffffffeb;animation:pricing-rise .8s var(--pricing-ease) 80ms both;margin:0;font-size:clamp(1.15rem,2.8vw,1.55rem);font-weight:650;line-height:1.25}.pricing-hero__lead{color:#ecf5f3d1;max-width:34ch;animation:pricing-rise .9s var(--pricing-ease) .14s both;margin:0;font-size:clamp(.98rem,2vw,1.1rem);line-height:1.55}.pricing-hero__cta{animation:pricing-rise 1s var(--pricing-ease) .2s both;flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.pricing-hero__cta .primary{color:#1a1208;background:linear-gradient(135deg,#e8a84a 0%,#c2780a 100%);border-color:#0000;font-weight:700;box-shadow:0 12px 28px #c2780a59}.pricing-hero__cta .primary:hover{filter:brightness(1.05)}.pricing-hero__cta .ghost-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-color:#ffffff59}.pricing-body{gap:clamp(20px,3vw,28px);width:min(1180px,94vw);margin:0 auto;padding:clamp(28px,5vw,48px) 0 clamp(48px,8vw,80px);display:grid}.pricing-status{border:1px solid var(--line);background:var(--card-strong);border-radius:14px;margin:0;padding:12px 16px}.pricing-status--ok{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:var(--accent-soft);color:var(--accent)}.pricing-status--err{border-color:color-mix(in srgb, var(--danger) 40%, var(--line));color:var(--danger)}.pricing-section-head{gap:6px;max-width:40rem;display:grid}.pricing-section-head h2{font-family:var(--font-bricolage,"Bricolage Grotesque"), sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,3vw,1.85rem)}.pricing-section-head p{color:var(--muted);margin:0;line-height:1.5}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(14px,2.5vw,20px);display:grid}.pricing-card{border-radius:calc(var(--radius) + 4px);border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--card-strong) 88%, transparent), var(--card)), var(--card);box-shadow:var(--shadow);animation:pricing-rise .7s var(--pricing-ease) both;flex-direction:column;gap:14px;padding:clamp(18px,2.5vw,24px);display:flex;position:relative;overflow:hidden}.pricing-card:first-child{animation-delay:40ms}.pricing-card:nth-child(2){animation-delay:.12s}.pricing-card:nth-child(3){animation-delay:.2s}.pricing-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 70%);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.pricing-card--featured{border-color:color-mix(in srgb, var(--accent-2) 55%, var(--line));background:radial-gradient(ellipse 120% 80% at 50% -20%, color-mix(in srgb, var(--accent-soft-strong) 80%, transparent), transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--card-strong) 92%, transparent), var(--card));box-shadow:0 24px 56px #0a10181f, 0 0 0 1px color-mix(in srgb, var(--accent-2) 25%, transparent);transform:translateY(-6px)}.pricing-card--featured:before{background:linear-gradient(90deg, var(--accent-2), var(--accent), transparent);height:4px;animation:3.6s ease-in-out infinite pricing-sheen}.pricing-card--current{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.pricing-card__badge{letter-spacing:.04em;text-transform:uppercase;color:#1a1208;background:linear-gradient(135deg,#e8a84a,#c2780a);border-radius:999px;margin:0;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:14px;right:14px}.pricing-card__name{font-family:var(--font-bricolage,"Bricolage Grotesque"), sans-serif;letter-spacing:-.02em;margin:0;padding-right:4.5rem;font-size:1.35rem}.pricing-card__price{flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;display:flex}.pricing-card__price strong{font-family:var(--font-bricolage,"Bricolage Grotesque"), sans-serif;letter-spacing:-.03em;font-size:clamp(1.85rem,4vw,2.35rem);font-weight:800;line-height:1}.pricing-card__price span{color:var(--muted);font-size:.95rem;font-weight:600}.pricing-card__limit{color:var(--accent);margin:0;font-size:.92rem;font-weight:700}.pricing-card--highlight{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent)}.pricing-card__desc{color:var(--muted);min-height:2.8em;margin:0;font-size:.95rem;line-height:1.45}.pricing-card__perks{flex:auto;gap:8px;margin:0;padding:0;list-style:none;display:grid}.pricing-card__perks li{color:var(--text);padding-left:1.35rem;font-size:.92rem;line-height:1.4;position:relative}.pricing-card__perks li:before{content:"";background:var(--accent);width:.55rem;height:.55rem;box-shadow:0 0 0 3px var(--accent-soft);border-radius:999px;position:absolute;top:.42em;left:0}.pricing-card--featured .pricing-card__perks li:before{background:var(--accent-2);box-shadow:0 0 0 3px var(--accent-soft-strong)}.pricing-card__actions{gap:8px;margin-top:4px;display:grid}.pricing-card__actions .primary,.pricing-card__actions .ghost-btn{text-align:center;justify-content:center;width:100%}.pricing-card--featured .primary{background:linear-gradient(135deg, var(--accent) 0%, #064e3b 100%);border-color:#0000;box-shadow:0 10px 24px #0d6b6347}.pricing-note{color:var(--muted);max-width:52rem;margin:0;font-size:.9rem;line-height:1.5}.pricing-note a{color:var(--accent);font-weight:600;text-decoration:none}.pricing-note a:hover{text-decoration:underline}.pricing-loading{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pricing-skeleton{border-radius:calc(var(--radius) + 4px);border:1px solid var(--line);background:linear-gradient(90deg, var(--bg-strong) 0%, color-mix(in srgb, var(--card-strong) 80%, var(--bg-strong)) 50%, var(--bg-strong) 100%);background-size:200% 100%;height:320px;animation:1.1s linear infinite skeleton-shimmer}@keyframes pricing-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pricing-hero-ken{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.1)translate(-1.5%,1%)}}@keyframes pricing-sheen{0%,to{opacity:.7;filter:brightness()}50%{opacity:1;filter:brightness(1.15)}}@media (max-width:920px){.pricing-grid,.pricing-loading{grid-template-columns:1fr}.pricing-card--featured{order:-1;transform:none}.pricing-hero{min-height:min(70vh,560px)}}@media (prefers-reduced-motion:reduce){.pricing-hero__media img,.pricing-card,.pricing-hero__brand,.pricing-hero__title,.pricing-hero__lead,.pricing-hero__cta,.pricing-card--featured:before,.pricing-skeleton{animation:none!important}.pricing-hero__media img{transform:none}}body[data-theme=dark] .pricing-hero{background:radial-gradient(80% 60% at 12% 20%,#3dd9cc38,#0000 55%),radial-gradient(70% 50% at 88% 30%,#e8a84a2e,#0000 50%),linear-gradient(165deg,#02080a 0%,#061416 42%,#120d06 100%)}body[data-theme=dark] .pricing-hero__media img{opacity:.28}body[data-theme=dark] .pricing-card{box-shadow:0 18px 40px #00000059}body[data-theme=dark] .pricing-card--featured{box-shadow:0 24px 56px #00000073, 0 0 0 1px color-mix(in srgb, var(--accent-2) 35%, transparent)}
