@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plus-jakarta-sans-400.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plus-jakarta-sans-600.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plus-jakarta-sans-700.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500.woff2) format("woff2")}:root{--pf-font-heading: "Plus Jakarta Sans", system-ui, sans-serif;--pf-font-body: "DM Sans", system-ui, sans-serif;--pf-font-mono: "JetBrains Mono", ui-monospace, monospace}:root{--pf-orange: #f6821f;--pf-orange-rgb: 246, 130, 31;--pf-green: hsl(142, 76%, 46%)}:root{--pf-bg: hsl(240, 12%, 8%);--pf-bg-card: hsl(240, 12%, 11%);--pf-bg-surface: hsl(240, 12%, 14%);--pf-bg-elevated: hsl(240, 10%, 17%);--pf-border: hsl(230, 14%, 18%);--pf-border-hover: hsl(230, 12%, 24%);--pf-border-active: hsl(230, 10%, 32%);--pf-text: hsl(0, 0%, 93%);--pf-text-muted: hsl(230, 12%, 58%);--pf-text-faint: hsl(230, 10%, 42%);--pf-accent: var(--pf-orange);--pf-accent-hover: hsl(28, 92%, 58%);--pf-accent-glow: rgba(var(--pf-orange-rgb), .12);--pf-accent-fg: #1a0800;--pf-accent-low: hsl(24, 60%, 14%);--pf-accent-high: hsl(30, 90%, 90%);--pf-card-gradient: linear-gradient(180deg, var(--pf-bg-elevated), var(--pf-bg));--pf-nav-bg: rgba(14, 14, 18, .85);--pf-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--pf-shadow-md: 0 0 0 1px var(--pf-border), 0 4px 8px -2px rgba(0, 0, 0, .2), 0 12px 24px -4px rgba(0, 0, 0, .2);--pf-shadow-lg: 0 0 0 1px var(--pf-border-hover), 0 8px 16px -2px rgba(0, 0, 0, .3), 0 24px 48px -4px rgba(0, 0, 0, .3);--pf-code-bg: var(--pf-bg-card);--pf-code-comment: hsl(230, 12%, 42%);--pf-code-string: hsl(28, 80%, 55%);--pf-code-keyword: var(--pf-accent);--pf-code-cmd: var(--pf-text);--pf-code-success: var(--pf-accent);--pf-code-header: var(--pf-text-muted);--pf-green-fg: var(--pf-green)}:root[data-theme=light]{--pf-bg: hsl(240, 10%, 98%);--pf-bg-card: hsl(0, 0%, 100%);--pf-bg-surface: hsl(240, 12%, 96%);--pf-bg-elevated: hsl(240, 10%, 93%);--pf-border: hsl(230, 14%, 88%);--pf-border-hover: hsl(230, 12%, 80%);--pf-border-active: hsl(230, 10%, 70%);--pf-text: hsl(230, 15%, 15%);--pf-text-muted: hsl(230, 10%, 44%);--pf-text-faint: hsl(230, 8%, 62%);--pf-accent: hsl(24, 90%, 45%);--pf-accent-hover: hsl(24, 90%, 40%);--pf-accent-glow: rgba(var(--pf-orange-rgb), .08);--pf-accent-fg: hsl(0, 0%, 100%);--pf-accent-low: hsl(30, 80%, 93%);--pf-accent-high: hsl(24, 70%, 22%);--pf-card-gradient: linear-gradient(180deg, hsl(0, 0%, 100%), var(--pf-bg-surface));--pf-nav-bg: rgba(255, 255, 255, .85);--pf-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--pf-shadow-md: 0 0 0 1px var(--pf-border), 0 2px 4px rgba(0, 0, 0, .05), 0 8px 16px rgba(0, 0, 0, .06);--pf-shadow-lg: 0 0 0 1px var(--pf-border-hover), 0 4px 8px rgba(0, 0, 0, .08), 0 16px 32px rgba(0, 0, 0, .08);--pf-code-bg: hsl(230, 14%, 96%);--pf-code-comment: hsl(230, 10%, 55%);--pf-code-string: hsl(24, 80%, 40%);--pf-code-keyword: hsl(24, 90%, 42%);--pf-code-cmd: var(--pf-text);--pf-code-success: hsl(142, 60%, 35%);--pf-code-header: var(--pf-text-muted);--pf-green-fg: hsl(142, 60%, 35%)}:root{--sl-font: var(--pf-font-body);--sl-font-mono: var(--pf-font-mono);--sl-font-heading: var(--pf-font-heading);--sl-color-accent-low: var(--pf-accent-low);--sl-color-accent: var(--pf-accent);--sl-color-accent-high: var(--pf-accent-high);--sl-color-text-accent: var(--pf-accent)}:root[data-theme=dark]{--sl-color-accent-low: var(--pf-accent-low);--sl-color-accent: var(--pf-accent);--sl-color-accent-high: var(--pf-accent-high);--sl-color-bg-nav: hsl(0, 0%, 7%);--sl-color-bg-sidebar: hsl(240, 12%, 9%);--sl-color-bg: hsl(240, 8%, 11%);--sl-color-hairline-light: var(--pf-border);--sl-color-text: hsl(0, 0%, 88%);--sl-color-text-accent: var(--pf-accent-high)}:root:not([data-theme=dark]){--sl-color-accent-low: var(--pf-accent-low);--sl-color-accent: var(--pf-accent);--sl-color-accent-high: var(--pf-accent-high);--sl-color-bg-nav: hsl(240, 8%, 11%);--sl-color-bg-sidebar: hsl(240, 10%, 97%);--sl-color-hairline-light: var(--pf-border);--sl-color-text: hsl(230, 15%, 25%);--sl-color-text-accent: var(--pf-accent)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background:var(--pf-bg);color:var(--pf-text);font-family:var(--pf-font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--pf-font-heading);letter-spacing:-.04em;line-height:.95;text-wrap:balance}a{color:inherit}.label-caps{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-text-muted)}.card-surface{background:var(--pf-card-gradient);box-shadow:var(--pf-shadow-md);border-radius:1rem}.card-surface-hover{background:var(--pf-card-gradient);box-shadow:var(--pf-shadow-md);border-radius:1rem;transition:transform .2s,box-shadow .2s}.card-surface-hover:hover{transform:translateY(-4px);box-shadow:var(--pf-shadow-lg)}.section-header{text-align:center;margin-bottom:3.5rem}.section-header h2{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;margin-top:.75rem}.section-header h2 .muted{color:var(--pf-text-muted)}.section-desc{color:var(--pf-text-muted);font-size:.9rem;max-width:28rem;margin:1rem auto 0;line-height:1.6}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.5rem;font-family:var(--pf-font-body);font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s,background .15s;cursor:pointer;border:none;white-space:nowrap}.btn:hover{transform:scale(1.03)}.btn:active{transform:scale(.97)}.btn-sm{padding:.35rem .85rem;font-size:.8rem}.btn-md{padding:.55rem 1.25rem;font-size:.875rem}.btn-lg{padding:.65rem 1.75rem;font-size:.95rem}.btn.btn-accent{background:var(--pf-accent);color:#1a0800}.btn.btn-accent:hover{background:var(--pf-accent-hover);color:#1a0800}:root[data-theme=light] .btn.btn-accent{color:#fff}:root[data-theme=light] .btn.btn-accent:hover{color:#fff}.btn.btn-outline{background:color-mix(in srgb,var(--pf-text) 5%,transparent);box-shadow:0 0 0 1px var(--pf-border-hover);color:var(--pf-text)}.btn.btn-outline:hover{background:color-mix(in srgb,var(--pf-text) 10%,transparent)}.btn.btn-ghost{background:transparent;color:var(--pf-text-muted)}.btn.btn-ghost:hover{color:var(--pf-text);background:color-mix(in srgb,var(--pf-text) 5%,transparent)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:4.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:var(--pf-nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--pf-border) 50%,transparent);box-shadow:none;transition:height .3s ease,padding .3s ease,border-color .3s ease,box-shadow .3s ease}.nav.scrolled{height:3rem;padding:0 1.5rem;border-bottom-color:color-mix(in srgb,var(--pf-border) 80%,transparent);box-shadow:0 1px 12px color-mix(in srgb,var(--pf-accent) 8%,transparent)}.nav-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--pf-font-heading);font-weight:700;font-size:1.3rem;text-decoration:none;letter-spacing:-.02em;transition:font-size .3s ease}.nav.scrolled .nav-logo{font-size:1.05rem}.nav-logo .icon{color:var(--pf-accent);font-size:1.3rem;transition:font-size .3s ease}.nav.scrolled .nav-logo .icon{font-size:1.05rem}.nav-center{display:none;align-items:center;gap:2rem}.nav-center a{font-size:.95rem;color:var(--pf-text-muted);text-decoration:none;transition:color .15s,font-size .3s ease}.nav.scrolled .nav-center a{font-size:.825rem}.nav-center a:hover{color:var(--pf-text)}.nav-right{display:none;align-items:center;gap:.75rem}.nav-right a:not(.btn){font-size:.85rem;color:var(--pf-text-muted);text-decoration:none;transition:color .15s}.nav-right a:not(.btn):hover{color:var(--pf-text)}.hamburger{display:flex;background:none;border:none;color:var(--pf-text-muted);cursor:pointer;padding:.25rem}.mobile-menu{display:none;position:fixed;top:4.5rem;left:0;right:0;background:var(--pf-bg);border-bottom:1px solid var(--pf-border);padding:1rem 1.5rem;z-index:49;flex-direction:column;gap:.75rem;transition:top .3s ease}.nav.scrolled~.mobile-menu{top:3rem}.mobile-menu.open{display:flex}.mobile-menu a:not(.btn){font-size:.85rem;color:var(--pf-text-muted);text-decoration:none;padding:.25rem 0}.mobile-menu .btn{text-align:center;margin-top:.5rem}@media(min-width:768px){.nav-center,.nav-right{display:flex}.hamburger{display:none}}.hero{position:relative;padding:7rem 1.5rem 4rem;text-align:center;max-width:100%;margin:0 auto;overflow:visible}@media(min-width:640px){.hero{padding:8rem 1.5rem 5rem}}.hero>*:not(.hero-glow):not(.hero-glow-2):not(.lighthouse){position:relative;max-width:48rem;margin-left:auto;margin-right:auto}.hero-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:400px;background:var(--pf-accent-glow);border-radius:50%;filter:blur(120px);pointer-events:none}.hero-glow-2{position:absolute;top:200px;left:30%;transform:translate(-50%);width:400px;height:300px;background:color-mix(in srgb,var(--pf-accent) 6%,transparent);border-radius:50%;filter:blur(100px);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-accent);background:var(--pf-accent-glow);border:1px solid color-mix(in srgb,var(--pf-accent) 20%,transparent);border-radius:100px;padding:.3rem .85rem;margin-bottom:1.25rem}@media(min-width:640px){.hero-badge{font-size:.7rem;padding:.35rem 1rem;margin-bottom:1.5rem}}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--pf-accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(2.25rem,7vw,4rem);font-weight:700;line-height:1;margin-bottom:1.25rem}.hero-h1-sub{font-size:clamp(1.75rem,5.5vw,3.25rem)}.hero h1 .accent{background:linear-gradient(135deg,var(--pf-accent),var(--pf-accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:.95rem;color:var(--pf-text-muted);max-width:34rem;margin:0 auto 2rem;line-height:1.65}@media(min-width:640px){.hero-sub{font-size:1.05rem;margin-bottom:2.5rem}}.site-test{position:relative;max-width:32rem;margin:0 auto 2.5rem}.hero>*:not(.hero-glow):not(.hero-glow-2):not(.lighthouse).site-test{max-width:32rem}.site-test-input-wrap{display:flex;align-items:center;gap:.5rem;padding:.4rem .4rem .4rem 1.15rem;border-radius:100px;background:var(--pf-bg-surface);border:1px solid var(--pf-border);box-shadow:0 2px 12px #0000000f;transition:border-color .2s,box-shadow .2s}.site-test-input-wrap:focus-within{border-color:var(--pf-accent);box-shadow:0 2px 12px #0000000f,0 0 0 3px var(--pf-accent-glow)}.site-test-icon{color:var(--pf-text-muted);flex-shrink:0}.site-test-input-wrap input{flex:1;background:transparent;border:none;color:var(--pf-text);font-family:var(--pf-font-body);font-size:.95rem;outline:none;min-width:0;padding:.45rem 0}.site-test-input-wrap input::placeholder{color:var(--pf-text-faint)}.site-test-input-wrap input:-webkit-autofill,.site-test-input-wrap input:-webkit-autofill:hover,.site-test-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:var(--pf-text);-webkit-box-shadow:0 0 0 1000px var(--pf-bg-surface) inset;transition:background-color 5000s ease-in-out 0s}.site-test-btn{flex-shrink:0;border-radius:100px;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600;white-space:nowrap}.site-test-hint{font-size:.72rem;color:var(--pf-text-faint);margin-top:.5rem;text-align:center}.site-test-free-tag{position:absolute;top:-.65rem;left:-.5rem;background:var(--pf-accent);color:#1a0800;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .55rem;border-radius:100px;z-index:1}.social-proof{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:4rem}@media(min-width:640px){.social-proof{gap:2rem;margin-bottom:5rem}}.proof-item{display:flex;flex-direction:column;align-items:center;gap:.15rem}.proof-num{font-family:var(--pf-font-heading);font-weight:700;font-size:1.25rem;color:var(--pf-text);letter-spacing:-.02em}@media(min-width:640px){.proof-num{font-size:1.5rem}}.proof-label{font-size:.7rem;color:var(--pf-text-muted);letter-spacing:.02em}.proof-sep{width:1px;height:2rem;background:var(--pf-border)}.lighthouse{position:relative;text-align:center}.lh-before-after{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}@media(min-width:640px){.lh-before-after{gap:2rem}}.lh-column{display:flex;flex-direction:column;align-items:center;gap:1rem}.lh-column-label{font-size:.7rem}.lh-arrow{color:var(--pf-accent);display:flex;align-items:center}@media(max-width:639px){.lh-arrow{transform:rotate(90deg)}}.lighthouse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;justify-items:center}.lh-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.lh-ring{position:relative;width:72px;height:72px}.lh-ring svg{transform:rotate(-90deg)}.lh-ring .bg{stroke:var(--pf-border)}.lh-ring .fg{stroke:var(--pf-green-fg);stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1)}.lh-ring .fg-warn{stroke:#f59f0a;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1)}.lh-score{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--pf-font-mono);font-weight:700;font-size:1.1rem;color:var(--pf-green-fg);font-variant-numeric:tabular-nums}.lh-score-warn{color:#f59f0a}.metrics{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.5rem;font-family:var(--pf-font-mono);font-size:.75rem;color:var(--pf-text-muted);font-variant-numeric:tabular-nums}.metrics .val{color:var(--pf-accent)}.metrics .sep{color:var(--pf-border)}@media(min-width:640px){.lighthouse-grid{gap:2rem}.lh-ring{width:96px;height:96px}.lh-score{font-size:1.35rem}.metrics{font-size:.8rem}}.compat{padding:5rem 0;border-top:1px solid var(--pf-border);text-align:center;overflow:hidden}.compat .label-caps,.compat .compat-subtitle{padding:0 1.5rem}.compat-subtitle{font-size:.7rem;color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.marquee-wrap{position:relative;margin-bottom:2.5rem}.marquee-wrap:before,.marquee-wrap:after{content:"";position:absolute;top:0;bottom:0;width:4rem;z-index:2;pointer-events:none}.marquee-wrap:before{left:0;background:linear-gradient(to right,var(--pf-bg),transparent)}.marquee-wrap:after{right:0;background:linear-gradient(to left,var(--pf-bg),transparent)}.marquee-track{display:flex;gap:1rem;width:max-content;animation:marquee-scroll 30s linear infinite}.marquee-wrap:last-child .marquee-track{animation-direction:reverse}.marquee-wrap:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.stack-card{flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;border-radius:.75rem;background:var(--pf-bg-surface);border:1px solid var(--pf-border);transition:border-color .2s,background .2s;cursor:default;min-width:9rem}.stack-card:hover{border-color:var(--pf-border-hover);background:var(--pf-bg-card)}.stack-card svg{width:24px;height:24px;flex-shrink:0;fill:var(--pf-text-muted);transition:fill .2s}.stack-card:hover svg{fill:var(--pf-text)}.stack-card-text{display:flex;flex-direction:column;align-items:flex-start}.stack-card-name{font-family:var(--pf-font-heading);font-size:.85rem;font-weight:600;color:var(--pf-text);letter-spacing:-.01em}.stack-card-type{font-size:.65rem;color:var(--pf-text-muted)}@media(min-width:640px){.stack-card{padding:.75rem 1.25rem;min-width:10rem}.stack-card svg{width:28px;height:28px}.stack-card-name{font-size:.9rem}.stack-card-type{font-size:.7rem}.marquee-wrap:before,.marquee-wrap:after{width:6rem}}.features-section{padding:5rem 1.5rem;max-width:72rem;margin:0 auto}.features-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:1.5rem;cursor:default}.feature-icon{color:var(--pf-accent);margin-bottom:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.625rem;background:var(--pf-accent-glow)}.feature-icon svg{width:20px;height:20px}.feature-card h3{font-size:.95rem;font-weight:600;margin-bottom:.4rem;letter-spacing:-.02em}.feature-card p{font-size:.9rem;color:var(--pf-text-muted);line-height:1.6}.how-section{padding:5rem 1.5rem;max-width:72rem;margin:0 auto}.how-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.how-grid{grid-template-columns:1fr 1fr;gap:3rem}}.steps{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.steps{gap:2.5rem}}.step{display:flex;gap:1rem;cursor:pointer;padding:.75rem;border-radius:.75rem;border:1px solid transparent;transition:background .2s,border-color .2s}@media(min-width:640px){.step{gap:1.25rem;padding:1rem}}.step:hover{background:color-mix(in srgb,var(--pf-text) 3%,transparent)}.step.active{background:var(--pf-bg-surface);border-color:var(--pf-border)}.step-num{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:.75rem;background:var(--pf-bg-surface);display:flex;align-items:center;justify-content:center;font-family:var(--pf-font-mono);font-size:.7rem;font-weight:600;color:var(--pf-accent)}@media(min-width:640px){.step-num{width:2.5rem;height:2.5rem}}.step h3{font-size:1rem;font-weight:600;margin-bottom:.3rem;letter-spacing:-.02em}@media(min-width:640px){.step h3{font-size:1.05rem}}.step p{font-size:.85rem;color:var(--pf-text-muted);line-height:1.6}@media(min-width:640px){.step p{font-size:.9rem}}.code-blocks{display:flex;flex-direction:column;gap:1rem}.code-block{overflow:hidden}.code-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-bottom:1px solid var(--pf-border)}.code-dots{display:flex;gap:.35rem}.code-dots span{width:8px;height:8px;border-radius:50%;background:var(--pf-border-hover)}.code-title{font-size:.7rem;color:var(--pf-text-muted);margin-left:.5rem}.code-body{padding:1rem;font-family:var(--pf-font-mono);font-size:.72rem;line-height:1.65;overflow-x:auto}@media(min-width:640px){.code-body{font-size:.78rem}}.code-body .comment{color:var(--pf-code-comment)}.code-body .str{color:var(--pf-code-string)}.code-body .bool{color:var(--pf-code-keyword)}.code-body .cmd{color:var(--pf-code-cmd)}.code-body .success{color:var(--pf-code-success)}.code-body .header-line{color:var(--pf-code-header)}.code-body .muted{color:var(--pf-text-muted)}.pricing-section{padding:5rem 1.5rem;max-width:72rem;margin:0 auto}@media(min-width:640px){.pricing-section{padding:6rem 1.5rem}}.pricing-toggle{display:flex;justify-content:center;margin-bottom:3rem}.toggle-wrap{display:inline-flex;border-radius:.75rem;box-shadow:0 0 0 1px var(--pf-border-hover);padding:.25rem;position:relative}.toggle-btn{position:relative;z-index:1;padding:.5rem 1.5rem;border-radius:.5rem;border:none;background:transparent;font-family:var(--pf-font-body);font-size:.875rem;font-weight:500;color:var(--pf-text-muted);cursor:pointer;transition:color .2s}.toggle-btn.active{color:var(--pf-text)}.toggle-slider{position:absolute;top:.25rem;height:calc(100% - .5rem);border-radius:.5rem;background:var(--pf-bg-surface);transition:left .25s ease,width .25s ease}.pricing-grid{display:grid;grid-template-columns:1fr;gap:1rem;max-width:72rem;margin-left:auto;margin-right:auto}@media(min-width:640px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-grid.cols-4{max-width:72rem}@media(min-width:640px){.pricing-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.pricing-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.pricing-card{padding:1.5rem;display:flex;flex-direction:column;position:relative;transition:transform .2s}@media(min-width:640px){.pricing-card{padding:1.75rem}}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.popular{box-shadow:0 0 0 1px color-mix(in srgb,var(--pf-accent) 30%,transparent),0 4px 8px -2px #0003,0 12px 24px -4px #0003}.popular-badge{position:absolute;top:-.65rem;left:1.5rem;font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--pf-accent);color:var(--pf-accent-fg);padding:.2rem .75rem;border-radius:100px}.pricing-name{font-family:var(--pf-font-heading);font-size:1.05rem;font-weight:600;margin-bottom:.25rem}.pricing-amount{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.25rem}.pricing-amount .price{font-size:1.75rem;font-weight:700;letter-spacing:-.04em}.pricing-amount .period{font-size:.875rem;color:var(--pf-text-muted)}.pricing-annual{font-size:.7rem;color:var(--pf-text-muted)}.pricing-desc{font-size:.875rem;color:var(--pf-text-muted);margin-top:.5rem;margin-bottom:1.25rem}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.75rem;flex:1}.pricing-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--pf-text-muted)}.pricing-features .check{flex-shrink:0;color:var(--pf-accent);margin-top:2px}.pricing-note{text-align:center;font-size:.7rem;color:var(--pf-text-muted);margin-top:2rem}.cta-section{padding:5rem 1.5rem;max-width:40rem;margin:0 auto}@media(min-width:640px){.cta-section{padding:6rem 1.5rem}}.cta-card{padding:2.5rem 1.5rem;text-align:center;position:relative;overflow:hidden}@media(min-width:640px){.cta-card{padding:3rem 2rem}}.cta-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:300px;height:200px;background:var(--pf-accent-glow);border-radius:50%;filter:blur(80px);pointer-events:none}.cta-card h2{position:relative;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:.5rem}.cta-card h2 .muted{color:var(--pf-text-muted)}.cta-card p{position:relative;font-size:.95rem;color:var(--pf-text-muted);max-width:24rem;margin:0 auto 2rem;line-height:1.6}.cta-actions{position:relative;display:flex;flex-direction:column;gap:.75rem;align-items:center}@media(min-width:640px){.cta-actions{flex-direction:row;justify-content:center}}.legal-page{padding:7rem 1.5rem 4rem}@media(min-width:640px){.legal-page{padding:8rem 2rem 5rem}}.legal-inner{max-width:48rem;margin:0 auto}.legal-inner h1,.legal-inner h2,.legal-inner h3{line-height:1.3;letter-spacing:-.02em}.legal-inner h1{font-family:var(--pf-font-heading);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:.25rem;color:var(--pf-text)}.legal-updated{font-size:.875rem;color:var(--pf-text-faint);margin-bottom:2.5rem;border-bottom:1px solid var(--pf-border);padding-bottom:1.5rem}.legal-inner h2{font-family:var(--pf-font-heading);font-size:1.25rem;font-weight:600;margin-top:2.5rem;margin-bottom:.75rem;color:var(--pf-text)}.legal-inner h3{font-size:1.05rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:var(--pf-text)}.legal-inner p{font-size:.95rem;line-height:1.7;color:var(--pf-text-muted);margin-bottom:.75rem}.legal-inner ul{margin:.5rem 0 1rem 1.25rem;padding:0;list-style-type:disc}.legal-inner li{font-size:.95rem;line-height:1.7;color:var(--pf-text-muted);margin-bottom:.25rem}.legal-inner li::marker{color:var(--pf-text-faint)}.legal-inner a{color:var(--pf-accent);text-decoration:none}.legal-inner a:hover{text-decoration:underline}.legal-inner table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.legal-inner th,.legal-inner td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--pf-border);color:var(--pf-text-muted)}.legal-inner th{font-weight:600;color:var(--pf-text)}.legal-inner strong{color:var(--pf-text)}.footer{border-top:1px solid var(--pf-border);padding:3rem 1.5rem}@media(min-width:640px){.footer{padding:3.5rem 1.5rem}}.footer-inner{max-width:72rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.9rem;color:var(--pf-text-muted);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--pf-text)}.footer-copy{font-size:.85rem;color:var(--pf-text-faint)}@media(min-width:640px){.footer-inner{flex-direction:row;justify-content:space-between}}