.spending-cap-band{isolation:isolate;border:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:1.75rem;position:relative;overflow:hidden;box-shadow:0 24px 64px -32px #6366f159,inset 0 1px #fff6;box-shadow:0 24px 64px -32px lab(49.0485% 30.3449 -71.8736/.34902),inset 0 1px lab(100% 0 0/.4)}.dark .spending-cap-band{border-color:#ffffff1a;box-shadow:0 28px 72px -28px #4f46e573,inset 0 1px #ffffff14}.spending-cap-band__backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.spending-cap-band__backdrop-fade{background:linear-gradient(135deg,#ffffffb8 0%,#ffffff8c 45%,#eef2ffa6 100%);background:linear-gradient(135deg,lab(100% 0 0/.72) 0%,lab(100% 0 0/.55) 45%,lab(95.4712% .409573 -6.76043/.65) 100%);position:absolute;inset:0}.dark .spending-cap-band__backdrop-fade{background:linear-gradient(145deg,#0f172ae0 0%,#1e1b4bbf 50%,#020617eb 100%);background:linear-gradient(145deg,lab(7.77627% 1.58885 -14.2961/.88) 0%,lab(12.6151% 13.9198 -29.9926/.75) 50%,lab(1.77049% 1.21939 -8.84593/.92) 100%)}.spending-cap-band__grid{z-index:1;grid-template-columns:1fr;gap:1.75rem;padding:1.35rem 1.25rem 1.5rem;display:grid;position:relative}@media (min-width:768px){.spending-cap-band__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:2.5rem;padding:2.5rem 2.75rem}}.spending-cap-band__copy{min-width:0}.spending-cap-band__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklch, #4338ca 85%, var(--foreground));background:#6366f11a;background:lab(49.0485% 30.3448 -71.8736/.1);border:1px solid #6366f147;border:1px solid lab(49.0485% 30.3448 -71.8736/.28);border-radius:999px;align-items:center;gap:.45rem;margin-bottom:.85rem;padding:.35rem .75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.dark .spending-cap-band__eyebrow{color:#aebcfd;color:lab(76.7963% 6.10399 -34.1391);background:#6366f126;border-color:#a5b4fc59}.spending-cap-band__title{letter-spacing:-.03em;color:var(--foreground);font-size:clamp(1.75rem,5vw,2.35rem);font-weight:900;line-height:1.08}.dark .spending-cap-band__title{color:#fff}.spending-cap-band__title-accent{background:linear-gradient(90deg,#6366f1,#8b5cf6 45%,#d946ef);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.spending-cap-band__lede{max-width:36rem;color:var(--foreground-muted);margin-top:.85rem;font-size:.9375rem;line-height:1.65}.dark .spending-cap-band__lede{color:#ffffffb8;color:lab(100% 0 0/.72)}.spending-cap-band__cap-chip{color:var(--foreground);white-space:nowrap;background:#6366f114;background:lab(49.0485% 30.3448 -71.8736/.08);border:1px solid #6366f140;border:1px solid lab(49.0485% 30.3448 -71.8736/.25);border-radius:.4rem;padding:.1rem .45rem;font-weight:700;display:inline-block}.dark .spending-cap-band__cap-chip{color:#fff;background:#6366f133;border-color:#a5b4fc4d}.spending-cap-features{flex-direction:column;gap:.65rem;margin-top:1.25rem;padding:0;list-style:none;display:flex}@media (min-width:640px){.spending-cap-features{gap:.75rem;margin-top:1.5rem}}.spending-cap-feature{border:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);-webkit-backdrop-filter:blur(12px);background:#ffffff8c;background:lab(100% 0 0/.55);border-radius:1rem;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;display:flex}.dark .spending-cap-feature{background:#ffffff0a;border-color:#ffffff1a}.spending-cap-feature__icon{color:#6366f1;background:linear-gradient(135deg,#6366f138,#8b5cf62e);background:linear-gradient(135deg,lab(49.0485% 30.3448 -71.8736/.22),lab(50.6911% 45.8506 -71.7974/.18));border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.dark .spending-cap-feature__icon{color:#c4b5fd;background:linear-gradient(135deg,#6366f159,#8b5cf640)}.spending-cap-feature__title{color:var(--foreground);font-size:.8125rem;font-weight:700;line-height:1.25}.dark .spending-cap-feature__title{color:#fff}.spending-cap-feature__body{color:var(--foreground-muted);margin-top:.15rem;font-size:.75rem;line-height:1.45}.dark .spending-cap-feature__body{color:#ffffff9e;color:lab(100% 0 0/.62)}.spending-cap-mockup-wrap{min-width:0}.spending-cap-mockup-glass{height:100%;box-shadow:0 20px 50px -24px #0f172a59,0 0 0 1px #ffffff59;box-shadow:0 20px 50px -24px lab(7.77627% 1.58884 -14.2961/.34902),0 0 0 1px lab(100% 0 0/.35)}.dark .spending-cap-mockup-glass{box-shadow:0 24px 56px -20px #000000a6,0 0 0 1px #ffffff14}.spending-cap-mockup-glass .liquidGlass-tint{background:#ffffffad;background:lab(100% 0 0/.68)}.dark .spending-cap-mockup-glass .liquidGlass-tint{background:#0f172ad1;background:lab(7.77627% 1.58885 -14.2961/.82)}.spending-cap-mockup{background:#ffffff80;background:lab(100% 0 0/.5);border-radius:calc(1.35rem - 2px);padding:1.15rem 1.15rem 1rem;box-shadow:inset 0 1px #ffffffb3;box-shadow:inset 0 1px lab(100% 0 0/.7)}.dark .spending-cap-mockup{background:#0206178c;background:lab(1.77049% 1.21939 -8.84593/.55);box-shadow:inset 0 1px #ffffff0f}@media (min-width:768px){.spending-cap-mockup{padding:1.35rem 1.35rem 1.15rem}}.spending-cap-mockup__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.spending-cap-mockup__label{letter-spacing:.14em;text-transform:uppercase;color:var(--foreground-muted);font-size:.625rem;font-weight:700}.dark .spending-cap-mockup__label{color:#ffffff80;color:lab(100% 0 0/.5)}.spending-cap-mockup__amount{margin-top:.25rem;line-height:1.2}.spending-cap-mockup__spent{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--foreground);font-size:1.65rem;font-weight:800}.dark .spending-cap-mockup__spent{color:#fff}.spending-cap-mockup__of{color:var(--foreground-muted);font-size:.8125rem;font-weight:500}.spending-cap-mockup__pct{font-variant-numeric:tabular-nums;color:#6366f1;background:#6366f11f;background:lab(49.0485% 30.3448 -71.8736/.12);border-radius:.55rem;flex-shrink:0;padding:.35rem .55rem;font-size:.8125rem;font-weight:800}.dark .spending-cap-mockup__pct{color:#c4b5fd;background:#6366f138}.spending-cap-mockup__track{background:color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:999px;height:.65rem;margin-top:1rem;overflow:hidden}.dark .spending-cap-mockup__track{background:#ffffff14}.spending-cap-mockup__fill{border-radius:inherit;background:linear-gradient(90deg,#6366f1,#8b5cf6 55%,#d946ef);height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);box-shadow:0 0 20px #8b5cf673;box-shadow:0 0 20px lab(50.6911% 45.8506 -71.7974/.45)}.spending-cap-mockup__stats{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem;display:grid}.spending-cap-mockup__stat{border:1px solid color-mix(in oklch, var(--foreground) 7%, transparent);background:#ffffff73;background:lab(100% 0 0/.45);border-radius:.85rem;padding:.7rem .75rem}.dark .spending-cap-mockup__stat{background:#ffffff08;border-color:#ffffff14}.spending-cap-mockup__stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-muted);font-size:.5625rem;font-weight:700;line-height:1.35;display:block}.dark .spending-cap-mockup__stat-label{color:#ffffff7a;color:lab(100% 0 0/.48)}.spending-cap-mockup__stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--foreground);margin-top:.35rem;font-size:1.125rem;font-weight:800;display:block}.dark .spending-cap-mockup__stat-value{color:#fff}.spending-cap-mockup__stat-value--good{color:#059669}.dark .spending-cap-mockup__stat-value--good{color:#34d399}.spending-cap-mockup__footer{border-top:1px solid color-mix(in oklch, var(--foreground) 7%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.85rem;padding-top:.75rem;display:flex}.dark .spending-cap-mockup__footer{border-top-color:#ffffff14}.spending-cap-mockup__pause,.spending-cap-mockup__live{align-items:center;gap:.35rem;font-size:.6875rem;font-weight:600;display:inline-flex}.spending-cap-mockup__pause{color:var(--foreground-muted)}.dark .spending-cap-mockup__pause{color:#ffffff8c;color:lab(100% 0 0/.55)}.spending-cap-mockup__live{color:#059669;background:#10b9811f;background:lab(66.6921% -50.6677 17.059/.12);border-radius:999px;padding:.2rem .5rem}.dark .spending-cap-mockup__live{color:#34d399;background:#10b98126}@media (max-width:767px),(hover:none) and (pointer:coarse){.spending-cap-band__grid{gap:1.35rem;padding:1.15rem 1rem 1.25rem}.spending-cap-mockup-glass .liquidGlass-tint{background:#ffffffc7}.dark .spending-cap-mockup-glass .liquidGlass-tint{background:#080a12e0}.spending-cap-mockup{background:#ffffffb8}.dark .spending-cap-mockup{background:#00000085}.spending-cap-feature{background:#ffffffb8}.dark .spending-cap-feature{background:#ffffff0f}}