.sp-section{isolation:isolate;position:relative;overflow:clip}.sp-section:before,.sp-section:after{content:"";z-index:-1;pointer-events:none;position:absolute}.sp-section:before{background:radial-gradient(55% 38% at 50% 0,#ffffff17,#0000 72%) top,linear-gradient(#ffffff09 1px,#0000 1px) top/56px 56px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) top/56px 56px;inset:0;-webkit-mask-image:radial-gradient(70% 62% at 50% 48%,#000 30%,#0000 78%);mask-image:radial-gradient(70% 62% at 50% 48%,#000 30%,#0000 78%)}.sp-section:after{filter:blur(30px);background:radial-gradient(34% 44% at 30%,#ffffff0f,#0000 70%),radial-gradient(34% 44% at 72% 52%,#d6d6e617,#0000 70%);width:min(1100px,120%);height:560px;animation:14s ease-in-out infinite alternate sp-drift;top:52%;left:50%;translate:-50% -50%}@keyframes sp-drift{to{translate:-47% -52%}}.sp-section .section-heading h2{background:linear-gradient(#fff 35%,#a4a4b0 115%);color:#0000;-webkit-background-clip:text;background-clip:text}.sp-free{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff06;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 14px;max-width:900px;margin:34px auto 0;padding:16px 18px;display:flex}.sp-free-tag{font:600 11px/1 var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.sp-free ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sp-free li{border:1px solid var(--line);color:var(--text-2);background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 9px;font-size:13px;display:flex}.sp-free li svg{color:var(--text)}.sp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);align-items:stretch;gap:20px;max-width:900px;margin:34px auto 0;display:grid}.sp-card{height:100%;padding:30px}.sp-card .price strong{font-size:42px}.sp-card.featured .price strong{font-size:clamp(52px,6vw,66px)}.sp-card ul{margin:22px 0 26px}.sp-card .button,.sp-card .appstore-badge{width:100%;margin-top:auto}.sp-card:not(.featured){border-color:var(--line-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0d,#ffffff04 60%),#0c0c11b8;align-self:center;height:auto}.sp-card:not(.featured):before{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);height:1px;position:absolute;top:-1px;left:12%;right:12%}.sp-save{z-index:2;background:linear-gradient(#25252d,#16161c);border:1px solid #ffffff42;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding:8px 13px 8px 11px;transition:opacity .22s,transform .22s;display:inline-flex;position:absolute;top:-22px;right:24px;transform:rotate(2deg);box-shadow:0 16px 34px -14px #000000e6,inset 0 0 0 1px #ffffff0d,0 0 40px -18px #ffffff59}.sp-save strong{letter-spacing:-.025em;background:linear-gradient(#fff 30%,#c4c4d0 120%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:21px;font-weight:750;line-height:1}.sp-save span{color:var(--text-2);letter-spacing:.01em;font-size:11px;font-weight:600}.sp-save.is-off{opacity:0;pointer-events:none;transform:rotate(2deg)translateY(6px)scale(.96)}.sp-price-swap{animation:.28s cubic-bezier(.16,1,.3,1) both sp-price-in;display:inline-block}@keyframes sp-price-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sp-card-mac.featured{background:radial-gradient(110% 60% at 50% 0,#ffffff1c,#0000 64%),linear-gradient(#1c1c24,#111117);border-color:#0000;box-shadow:inset 0 0 0 1px #ffffff12,0 40px 90px -40px #000000f2,0 0 90px -30px #ffffff29}.sp-card-mac.featured:before{content:"";z-index:0;border-radius:inherit;background:conic-gradient(from var(--frame-angle), #ffffff29 0deg, #fffffff2 50deg, #ffffff29 110deg, #ffffff29 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:9s linear infinite frame-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sp-card-mac>:not(.price-tag):not(.sp-save){z-index:1;position:relative}.sp-save.sp-save-both{background:linear-gradient(#34343d,#1d1d24);border-color:#ffffff57;border-radius:14px;gap:3px;padding:10px 16px 10px 14px;top:-26px;left:auto;right:24px;transform:rotate(-2deg)}.sp-save.sp-save-both strong{font-size:24px}.sp-save.sp-save-both span{font-size:12.5px}.sp-card-mac .price-tag{z-index:2;color:#0b0b10;background:#fff;left:30px;box-shadow:0 6px 18px -8px #ffffff80}.sp-card-mac.featured .price strong{background:linear-gradient(#fff 30%,#b9b9c6 120%);-webkit-background-clip:text;background-clip:text}.sp-card-mac .plan-note{color:var(--text-2)}.sp-card-mac .plan-save{color:var(--text);font-weight:600}.sp-mac-head{align-items:center;gap:10px;display:flex}.sp-mac-head img{border-radius:7px;width:26px;height:26px}.sp-mac-art{place-items:center;margin:4px 0 18px;display:grid}.sp-card-mac .smc{max-width:320px}.sp-card-mac .button-primary{min-height:52px;font-size:15.5px;box-shadow:inset 0 1px #fff9,0 14px 30px -16px #ffffff73}.sp-card-mac .button-primary:hover{background:#fff}.smc{width:100%;max-width:340px;height:auto;display:block;overflow:visible}.smc-edge{stroke:var(--line-2);stroke-width:1px}.smc-screen{fill:#0a0a0e}.smc-side{fill:#ffffff08}.smc-ink{fill:var(--text-2);opacity:.7}.smc-dim{fill:var(--muted);opacity:.35}.smc-line{stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.smc-dot{fill:var(--text)}.smc-chip{fill:var(--text);opacity:.9}.smc-sync{stroke:var(--text-2);stroke-width:1.4px;stroke-dasharray:3 5;stroke-linecap:round;opacity:.6;animation:1.6s linear infinite smc-sync}.smc-phone{animation:5s ease-in-out infinite smc-float}.smc-pad{animation:6s ease-in-out 1.2s infinite smc-float}@keyframes smc-sync{to{stroke-dashoffset:-16px}}@keyframes smc-float{50%{transform:translateY(-4px)}}@media (max-width:900px){.sp-card:not(.featured){align-self:stretch}.sp-grid{grid-template-columns:minmax(0,460px);justify-content:center;gap:26px}.sp-card-mac{order:-1}}@media (max-width:560px){.sp-card{padding:24px}.sp-card-mac .price-tag{display:none}.sp-save.sp-save-both{left:20px;right:auto}}@media (prefers-reduced-motion:reduce){.sp-section:after,.sp-card-mac.featured:before,.sp-price-swap,.smc-sync,.smc-phone,.smc-pad{animation:none}.sp-save{transition:none}}