:root{--primary: #404ED2;--dark: #19216B;--secondary: #6366a0;--olive: #65634a;--forest: #3B4B43;--rose: #9b4d90;--rose-light: #C995C0;--bg: #f5f3ef;--surface: #ffffff;--ink: #19216B;--muted: #475569;--border: #e5e2da}*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: auto}.skip-link{position: absolute;left: -9999px;top: auto;width: 1px;height: 1px;overflow: hidden;z-index: 200;background: var(--dark);color: #ffffff;padding: 12px 24px;font-size: 14px;font-weight: 600;text-decoration: none;border-radius: 0 0 8px}.skip-link:focus{left: 0;top: 0;width: auto;height: auto;overflow: visible}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}.reveal{opacity: 1 !important;transform: none !important}}.reveal{opacity: 0;transform: translateY(40px);transition: opacity .8s cubic-bezier(.16, 1, .3, 1), transform .8s cubic-bezier(.16, 1, .3, 1);will-change: opacity, transform}.reveal.visible{opacity: 1;transform: translateY(0)}.reveal-stagger > .reveal{transition-delay: 0s}.reveal-stagger > .reveal:nth-child(1){transition-delay: 0s}.reveal-stagger > .reveal:nth-child(2){transition-delay: 0.1s}.reveal-stagger > .reveal:nth-child(3){transition-delay: 0.12s}.reveal-stagger > .reveal:nth-child(4){transition-delay: 0.18s}.reveal-stagger > .reveal:nth-child(5){transition-delay: 0.22s}.reveal-stagger > .reveal:nth-child(6){transition-delay: 0.26s}.reveal-left{opacity: 0;transform: translateX(-40px);transition: opacity .8s cubic-bezier(.16, 1, .3, 1), transform .8s cubic-bezier(.16, 1, .3, 1)}.reveal-left.visible{opacity: 1;transform: translateX(0)}.reveal-scale{opacity: 0;transform: scale(.95);transition: opacity .8s cubic-bezier(.16, 1, .3, 1), transform .8s cubic-bezier(.16, 1, .3, 1)}.reveal-scale.visible{opacity: 1;transform: scale(1)}.hero-anim{transform: translateY(30px);animation: heroFadeIn 1s cubic-bezier(.16, 1, .3, 1) forwards}.hero-anim-delay-1{animation-delay: 0.15s}.hero-anim-delay-2{animation-delay: 0.3s}.hero-anim-delay-3{animation-delay: 0.5s}.hero-anim-delay-4{animation-delay: 0.7s}@keyframes heroFadeIn{to{transform: translateY(0)}}body{font-family: Inter,sans-serif;background: var(--bg);color: var(--ink);overflow-x: hidden}body::before{content: '';position: fixed;inset: 0;background-image: url('/wp-content/themes/PaySlate/assets/img/grain.png');background-repeat: repeat;opacity: 0.03;pointer-events: none;z-index: 9999}nav{position: fixed;top: 0;left: 0;right: 0;z-index: 100;padding: 16px 40px;display: flex;justify-content: space-between;align-items: center;background: transparent;backdrop-filter: none;-webkit-backdrop-filter: none;border-bottom: 1px solid transparent;transition: background .4s, border-color .4s, backdrop-filter .4s}nav.scrolled{background: rgba(245,243,239,0.8);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom-color: rgba(0,0,0,0.05)}.logo{font-size: 1.15rem;font-weight: 800;color: var(--dark);letter-spacing: -0.03em}.logo span{color: var(--primary)}.nav-links{display: flex;gap: 28px;align-items: center}.nav-links a{font-size: 0.82rem;color: var(--dark);text-decoration: none;font-weight: 500;transition: color .2s;padding: 12px 4px}.nav-links a:hover{color: var(--dark)}.nav-cta{background: var(--primary);color: #ffffff !important;padding: 12px 20px;border-radius: 8px;font-size: 0.82rem;font-weight: 600;text-decoration: none;transition: all .2s}.nav-cta:hover{background: var(--dark)}.hero{padding: 160px 40px 80px;text-align: center;position: relative;overflow: hidden}.hero::before{content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 80% 60% at 70% 10%, rgba(64,78,210,0.18) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 20% 30%, rgba(143,145,226,0.15) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 85% 60%, rgba(201,149,192,0.12) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 10% 80%, rgba(140,137,95,0.08) 0%, transparent 60%), radial-gradient(ellipse 70% 50% at 50% 0%, rgba(64,78,210,0.1) 0%, transparent 50%);animation: hero-mesh 20s ease-in-out infinite alternate;pointer-events: none}.hero::after{content: '';position: absolute;width: 500px;height: 500px;background: radial-gradient(circle, rgba(201,149,192,0.1) 0%, transparent 60%);top: -100px;right: -100px;animation: hero-accent 15s ease-in-out infinite alternate-reverse;pointer-events: none}@keyframes hero-mesh{0%{transform: translateX(0) translateY(0) scale(1)}33%{transform: translateX(-20px) translateY(10px) scale(1.02)}66%{transform: translateX(15px) translateY(-5px) scale(.99)}100%{transform: translateX(-10px) translateY(8px) scale(1.01)}}@keyframes hero-accent{0%{transform: translate(0, 0) scale(1);opacity: 0.8}100%{transform: translate(-30px, 20px) scale(1.1);opacity: 1}}.hero-fade{position: absolute;bottom: -2px;left: 0;right: 0;height: 200px;background: linear-gradient(to top, var(--bg), transparent);pointer-events: none;z-index: 1}.hero-badge{display: inline-flex;align-items: center;gap: 6px;background: rgba(255,255,255,0.85);border: 1px solid rgba(255,255,255,0.5);padding: 6px 16px;border-radius: 99px;font-size: 0.75rem;color: var(--muted);font-weight: 500;margin-bottom: 28px;box-shadow: 0 1px 3px rgba(0,0,0,0.03);position: relative;z-index: 2}.hero h1,.hero-sub,.hero-actions{position: relative;z-index: 2}.hero-badge .dot{width: 6px;height: 6px;border-radius: 50%;background: #34d399}.hero h1{font-family: Inter,sans-serif;text-wrap: balance;font-size: 4rem;font-weight: 300;line-height: 1.1;letter-spacing: -0.03em;color: var(--dark);max-width: 700px;margin: 0 auto 20px}.hero h1 em{font-style: normal;font-weight: 600;background: linear-gradient(135deg, var(--primary), var(--secondary));-webkit-background-clip: text;-webkit-text-fill-color: transparent}.hero-sub{font-size: 1.15rem;line-height: 1.7;color: var(--muted);max-width: 460px;margin: 0 auto 36px}.hero-actions{display: flex;gap: 14px;justify-content: center;flex-wrap: wrap}.hero-trust{position: relative;z-index: 2;margin-top: 16px;font-size: 0.8rem;color: var(--muted);letter-spacing: 0.02em}.btn-lg{padding: 16px 36px;border-radius: 12px;font-size: 0.95rem;font-weight: 700;border: none;cursor: pointer;font-family: Inter,sans-serif;transition: all .25s}.btn-lg:hover{transform: translateY(-2px);box-shadow: 0 8px 30px rgba(64,78,210,0.2)}.btn-primary{background: var(--primary);color: #ffffff}.btn-outline{background: transparent;color: var(--dark);border: 2px solid var(--border)}.btn-outline:hover{border-color: var(--primary);color: var(--primary);box-shadow: none}.browser-wrap{max-width: 900px;margin: 60px auto 0;perspective: 1400px;position: relative;z-index: 1}.browser-wrap::before{content: '';position: absolute;inset: -80px;background: radial-gradient(ellipse 60% 50% at 20% 50%, rgba(64,78,210,0.12) 0%, transparent 70%), radial-gradient(ellipse 50% 60% at 80% 40%, rgba(201,149,192,0.08) 0%, transparent 70%), radial-gradient(ellipse 40% 40% at 50% 70%, rgba(143,145,226,0.1) 0%, transparent 70%);z-index: -1;animation: browser-glow 10s ease-in-out infinite alternate}@keyframes browser-glow{0%{opacity: 0.8;transform: scale(1)}100%{opacity: 1;transform: scale(1.03)}}.browser{background: rgba(248,250,253,0.45);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-radius: 8px;overflow: hidden;border: none;box-shadow: 0 2px 4px rgba(0,0,0,0.02), 0 4px 8px rgba(0,0,0,0.03), 0 8px 16px rgba(0,0,0,0.03), 0 16px 32px rgba(0,0,0,0.04), 0 32px 64px rgba(25,33,107,0.06);transform: rotateX(2deg);transition: transform .8s cubic-bezier(.16, 1, .3, 1), box-shadow .8s ease}.browser:hover{transform: rotateX(0deg);box-shadow: 0 2px 4px rgba(0,0,0,0.02), 0 8px 16px rgba(0,0,0,0.04), 0 24px 48px rgba(25,33,107,0.08), 0 48px 96px rgba(25,33,107,0.06)}.browser-chrome{height: 40px;background: transparent;display: flex;align-items: center;padding: 0 14px;gap: 0;position: relative}.bw-dots{display: flex;gap: 6px}.bw-dot{width: 8px;height: 8px;border-radius: 50%;border: none}.bw-url{position: absolute;left: 50%;transform: translateX(-50%);background: rgba(255,255,255,0.38);border: none;border-radius: 16px;padding: 4px 16px;font-size: 0.62rem;font-family: 'JetBrains Mono', monospace;color: rgba(80,97,122,0.8);min-width: 280px;text-align: center;height: 22px;display: flex;align-items: center;justify-content: center;gap: 4px}.bw-lock{display: inline-flex;align-items: center}.bw-lock svg{width: 7px;height: 8px}.browser-body{padding: 28px;background: #ffffff;border-radius: 0 0 6px 6px;margin: 0 1px 1px}.inv-toolbar{display: flex;justify-content: space-between;align-items: center;margin-bottom: 18px}.inv-toolbar h3{font-size: 0.95rem;font-weight: 800;color: var(--dark)}.inv-btn-new{background: var(--primary);color: #ffffff;padding: 7px 18px;border-radius: 8px;border: none;font-size: 0.72rem;font-weight: 600;font-family: Inter,sans-serif}.inv-table{width: 100%;border-collapse: collapse}.inv-table th{text-align: left;font-size: 0.62rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--olive);padding: 8px 12px;border-bottom: 1px solid var(--border);font-weight: 600}.inv-table td{padding: 12px;font-size: 0.78rem;color: var(--dark);border-bottom: 1px solid rgba(0,0,0,0.03);background: #ffffff}.inv-table tr:first-child td:first-child{border-radius: 8px 0 0}.inv-table tr:first-child td:last-child{border-radius: 0 8px 0 0}.inv-table tr:last-child td:first-child{border-radius: 0 0 0 8px}.inv-table tr:last-child td:last-child{border-radius: 0 0 8px}.inv-table .inv-id{font-family: 'JetBrains Mono', monospace;font-weight: 600;font-size: 0.78rem}.inv-table .inv-amount{font-weight: 800;font-size: 0.85rem}.inv-badge{display: inline-block;padding: 3px 8px;border-radius: 5px;font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em}.logos-section{padding: 48px 0;text-align: center;overflow: hidden;position: relative}.logos-section::before,.logos-section::after{content: '';position: absolute;top: 0;bottom: 0;width: 120px;z-index: 2;pointer-events: none}.logos-section::before{left: 0;background: linear-gradient(90deg, var(--bg), transparent)}.logos-section::after{right: 0;background: linear-gradient(270deg, var(--bg), transparent)}.logos-label a{color: inherit;text-decoration: none;transition: color .15s}.logos-label a:hover{color: var(--primary)}a.logos-track{text-decoration: none;color: inherit}.logos-label{font-size: 0.68rem;color: var(--olive);text-transform: uppercase;letter-spacing: 0.18em;margin-bottom: 28px;font-weight: 500}.logos-track{display: flex;align-items: center;width: max-content;animation: scroll-logos 35s linear infinite}.logos-track:hover{animation-play-state: paused}@keyframes scroll-logos{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}.logo-set{display: flex;align-items: center;gap: 56px;padding: 0 28px}.logo-item{display: flex;align-items: center;justify-content: center;opacity: 0.4;transition: opacity .3s;flex-shrink: 0}.logo-item:hover{opacity: 0.8}.logo-item svg{height: 28px;width: auto}.how-section{padding: 100px 40px}.how-inner{max-width: 900px;margin: 0 auto}.how-label{font-size: 0.7rem;color: var(--primary);text-transform: uppercase;letter-spacing: 0.2em;font-weight: 600;margin-bottom: 12px}.how-title{font-family: Inter,sans-serif;font-size: 2.5rem;font-weight: 300;letter-spacing: -0.03em;color: var(--dark);margin-bottom: 60px;line-height: 1.2}.how-steps{display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px}@media (max-width: 700px){.how-steps{grid-template-columns: 1fr}}.step{background: #ffffff;border-radius: 16px;padding: 32px;border: 1px solid var(--border);position: relative;transition: all .3s}.step:hover{border-color: var(--secondary);box-shadow: 0 8px 30px rgba(64,78,210,0.06);transform: translateY(-4px)}.step-num{font-family: Inter,sans-serif;font-size: 3rem;font-weight: 900;color: #8086b0;line-height: 1;margin-bottom: 16px}.step h3{font-size: 0.95rem;font-weight: 700;color: var(--dark);margin-bottom: 8px}.step p{font-size: 0.85rem;color: var(--muted);line-height: 1.65}.feat-section{padding: 100px 40px;background: var(--bg);position: relative;overflow: hidden}.feat-section::before{content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 50% 50% at 10% 20%, rgba(64,78,210,0.12) 0%, transparent 70%), radial-gradient(ellipse 40% 40% at 50% 0%, rgba(143,145,226,0.15) 0%, transparent 70%), radial-gradient(ellipse 45% 50% at 85% 30%, rgba(201,149,192,0.1) 0%, transparent 70%), radial-gradient(ellipse 35% 45% at 30% 80%, rgba(140,137,95,0.08) 0%, transparent 70%), radial-gradient(ellipse 40% 35% at 70% 90%, rgba(64,78,210,0.06) 0%, transparent 70%);animation: mesh-drift 16s ease-in-out infinite alternate;pointer-events: none}.feat-section::after{content: '';position: absolute;top: 0;left: 10%;right: 10%;height: 2px;background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), var(--rose), transparent);opacity: 0.3}@keyframes mesh-drift{0%{transform: translateX(0) scale(1)}33%{transform: translateX(-15px) translateY(10px) scale(1.02)}66%{transform: translateX(10px) translateY(-5px) scale(.99)}100%{transform: translateX(-5px) translateY(5px) scale(1.01)}}.feat-gradient{display: none}.feat-inner{max-width: 1000px;margin: 0 auto;position: relative;z-index: 1}.feat-label{font-size: 0.7rem;color: var(--primary);text-transform: uppercase;letter-spacing: 0.2em;font-weight: 600;margin-bottom: 12px}.feat-title{font-family: Inter,sans-serif;font-size: 2.5rem;font-weight: 300;color: var(--dark);letter-spacing: -0.03em;margin-bottom: 18px;line-height: 1.2}.feat-sub{font-size: 1.05rem;line-height: 1.65;color: var(--muted);max-width: 660px;margin: 0 0 44px}.feat-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px}@media (max-width: 800px){.feat-grid{grid-template-columns: 1fr}}.feat-card{background: #ffffff;border: 1px solid var(--border);border-radius: 16px;padding: 28px;transition: all .3s;position: relative;overflow: hidden}.feat-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--primary), var(--secondary), var(--rose));opacity: 0;transition: opacity .3s}.feat-card:hover{border-color: var(--secondary);box-shadow: 0 8px 30px rgba(64,78,210,0.06);transform: translateY(-4px)}.feat-card:hover::before{opacity: 1}.feat-icon{width: 46px;height: 46px;border-radius: 8px;background: rgba(64,78,210,0.1);color: var(--primary);display: flex;align-items: center;justify-content: center;font-size: 1.1rem;margin-bottom: 16px;font-weight: 700}.feat-icon svg{width: 22px;height: 22px;stroke: currentColor;fill: none;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}.feat-pro{display: inline-block;vertical-align: 2px;margin-left: 6px;font-size: 10px;font-weight: 800;letter-spacing: .06em;color: var(--primary);background: rgba(64,78,210,0.1);border: 1px solid rgba(64,78,210,0.25);padding: 2px 7px;border-radius: 999px}.feat-card h3{font-size: 0.9rem;font-weight: 700;color: var(--dark);margin-bottom: 6px}.feat-card p{font-size: 0.8rem;color: var(--muted);line-height: 1.6}.pricing-section{padding: 100px 40px;text-align: center}.pricing-inner{max-width: 750px;margin: 0 auto}.pricing-label{font-size: 0.7rem;color: var(--primary);text-transform: uppercase;letter-spacing: 0.2em;font-weight: 600;margin-bottom: 12px}.pricing-title{font-family: Inter,sans-serif;font-size: 2.5rem;font-weight: 300;color: var(--dark);letter-spacing: -0.03em;margin-bottom: 12px;line-height: 1.2}.pricing-sub{font-size: 1rem;color: var(--muted);margin-bottom: 48px}.feat-sub a,.pricing-sub a,.step p a,.faq-a a{color: var(--primary);font-weight: 600;text-decoration: none;border-bottom: 1px solid rgba(64,78,210,0.28);transition: border-color .15s}.feat-sub a:hover,.pricing-sub a:hover,.step p a:hover,.faq-a a:hover{border-bottom-color: var(--primary)}.pricing-tiers{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-bottom: 40px}.tier-card{background: #ffffff;border: 1px solid var(--border);border-radius: 16px;padding: 32px;text-align: center;transition: all .3s}.tier-card:hover{transform: translateY(-3px);box-shadow: 0 8px 30px rgba(25,33,107,0.06)}.tier-card.pro{background: var(--dark);border-color: transparent;position: relative;box-shadow: 0 0 0 1px rgba(64,78,210,0.15), 0 20px 60px rgba(25,33,107,0.1);color: #e0e7ff}.tier-card.pro::before{content: 'Recommended';position: absolute;top: -11px;left: 50%;transform: translateX(-50%);background: var(--rose);color: #ffffff;font-size: 0.6rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;padding: 4px 14px;border-radius: 6px}.tier-name{font-size: 0.95rem;font-weight: 700;margin-bottom: 4px}.tier-desc{font-size: 0.78rem;margin-bottom: 16px}.tier-price{font-family: Inter,sans-serif;font-size: 3.2rem;font-weight: 700;letter-spacing: -0.04em;line-height: 1}.tier-period{font-size: 0.78rem;margin-top: 4px;margin-bottom: 20px}.tier-btn{width: 100%;padding: 13px;border-radius: 10px;font-size: 0.85rem;font-weight: 700;border: none;cursor: pointer;font-family: Inter,sans-serif;transition: all .2s}.tier-btn:hover{transform: translateY(-1px);filter: brightness(1.1)}@media (max-width: 600px){.pricing-tiers{grid-template-columns: 1fr}}.compare-more{text-align: center;margin-top: 22px;font-size: 0.85rem}.compare-more a{color: var(--primary);font-weight: 600;text-decoration: none}.compare-more a:hover{text-decoration: underline}.faq-section{padding: 80px 40px;background: rgba(0,0,0,0.015)}.faq-inner{max-width: 650px;margin: 0 auto}.faq-label{font-size: 0.7rem;color: var(--primary);text-transform: uppercase;letter-spacing: 0.2em;font-weight: 600;margin-bottom: 12px;text-align: center}.faq-title{font-family: Inter,sans-serif;font-size: 2rem;font-weight: 300;color: var(--dark);margin-bottom: 40px;text-align: center}.faq-item{border-bottom: 1px solid var(--border);padding: 20px 0}.faq-q{font-size: 0.9rem;font-weight: 600;color: var(--dark);cursor: pointer;display: flex;justify-content: space-between;align-items: center}.faq-q::after{content: '+';font-size: 1.2rem;color: var(--secondary)}.faq-a{font-size: 0.85rem;color: var(--muted);line-height: 1.7;margin-top: 12px;display: none}.faq-item.open .faq-a{display: block}.faq-item.open .faq-q::after{content: '-'}.footer-cta{padding: 100px 40px;text-align: center;position: relative;overflow: hidden;background: var(--bg)}.footer-cta-card{max-width: 800px;margin: 0 auto;background: linear-gradient(135deg, #19216b 0%, #2a3080 40%, #1a1f55 100%);color: #e0e7ff;border-radius: 24px;padding: 80px 60px;position: relative;overflow: hidden;box-shadow: 0 25px 80px rgba(25,33,107,0.15)}.footer-cta-card::before{content: '';position: absolute;width: 600px;height: 600px;background: radial-gradient(circle, rgba(64,78,210,0.25) 0%, transparent 60%);top: -200px;right: -200px;pointer-events: none}.footer-cta-card::after{content: '';position: absolute;width: 400px;height: 400px;background: radial-gradient(circle, rgba(201,149,192,0.12) 0%, transparent 60%);bottom: -150px;left: -100px;pointer-events: none}.footer-cta h2{font-family: Inter,sans-serif;font-size: 2.5rem;font-weight: 300;color: #f5f3ef;letter-spacing: -0.03em;max-width: 500px;margin: 0 auto 14px;position: relative;z-index: 1;line-height: 1.2}.footer-cta p{color: #a8aad8;font-size: 1rem;margin-bottom: 32px;position: relative;z-index: 1}.footer-cta .btn-lg{position: relative;z-index: 1;box-shadow: 0 4px 20px rgba(64,78,210,0.4)}.footer-cta .btn-lg:hover{box-shadow: 0 8px 30px rgba(64,78,210,0.5)}.footer-cta .btn-outline{color: #fff;border-color: rgba(255,255,255,0.45)}.footer-cta .btn-outline:hover{border-color: #fff;color: #fff;box-shadow: none}footer{padding: 40px;text-align: center;background: var(--bg);border-top: 1px solid var(--border)}footer p{font-size: 0.8rem;color: var(--olive);line-height: 2.5}footer a{color: var(--primary);text-decoration: none;font-weight: 500;padding: 8px 4px}footer a:hover{text-decoration: underline}.nav-toggle{display: none;background: none;border: none;cursor: pointer;padding: 8px}.nav-toggle svg{width: 24px;height: 24px}@media (max-width: 768px){nav{padding: 12px 20px}.nav-links{display: none;position: absolute;top: 100%;left: 0;right: 0;flex-direction: column;gap: 0;background: rgba(245,243,239,0.97);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom: 1px solid var(--border);padding: 8px 0}.nav-links.open{display: flex}.nav-links a{padding: 14px 24px;border-bottom: 1px solid rgba(0,0,0,0.04)}.nav-links .nav-cta{margin: 12px 20px;text-align: center;border-bottom: none}.nav-toggle{display: block}nav.scrolled .nav-links{background: rgba(245,243,239,0.97)}.hero{padding: 120px 20px 60px}.hero::before,.hero::after,.hero-fade{display: none}.hero h1{font-size: 2.2rem;letter-spacing: -0.02em}.hero-sub{font-size: 1rem}.hero-actions{flex-direction: column;gap: 10px}.hero-actions .btn-lg{width: 100%;text-align: center}.browser-wrap{margin: 40px -10px 0;perspective: none}.browser-wrap::before{display: none}.browser{transform: none;border-radius: 12px}.browser:hover{transform: none}.browser-body{padding: 16px;overflow-x: auto}.inv-table{font-size: 0.72rem;min-width: 420px}.inv-table th{font-size: 0.58rem;padding: 6px 8px}.inv-table td{padding: 8px}.bw-url{font-size: 0.55rem;min-width: 200px;padding: 4px 10px}.logos-section{padding: 32px 0}.logo-set{gap: 32px}.logo-item svg{height: 22px}.how-section{padding: 60px 20px}.how-title{font-size: 1.8rem;margin-bottom: 36px}.how-steps{grid-template-columns: 1fr;gap: 16px}.step{padding: 24px}.step-num{font-size: 2rem}.feat-section{padding: 60px 20px}.feat-section::before{display: none}.feat-section::after{display: none}.feat-title{font-size: 1.8rem;margin-bottom: 14px}.feat-sub{font-size: 0.95rem;margin-bottom: 30px}.feat-grid{grid-template-columns: 1fr;gap: 14px}.feat-card{padding: 22px}.feat-gradient{display: none}.pricing-section{padding: 60px 20px}.pricing-title{font-size: 1.8rem}.pricing-tiers{grid-template-columns: 1fr;gap: 16px}.tier-card{padding: 28px}.tier-price{font-size: 2.5rem}.compare-table{overflow-x: auto}.compare-cat,.compare-row{grid-template-columns: 1fr 60px 60px;gap: 6px;font-size: 0.78rem}.compare-row .feat-name small{font-size: 0.65rem}.faq-section{padding: 60px 20px}.faq-title{font-size: 1.6rem}.faq-q{font-size: 0.85rem}.footer-cta{padding: 60px 20px}.footer-cta-card{padding: 48px 28px;border-radius: 20px}.footer-cta h2{font-size: 1.8rem}.footer-cta .btn-lg{width: 100%;font-size: 0.95rem;padding: 16px 32px}footer{padding: 24px 20px}footer p{font-size: 0.72rem}.how-label,.feat-label,.pricing-label{font-size: 0.65rem}.section-inner,.how-inner,.feat-inner,.pricing-inner,.faq-inner{padding: 0}}.modal-overlay{position: fixed;inset: 0;z-index: 200;background: rgba(0,0,0,0.4);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);visibility: hidden;opacity: 0;display: flex;align-items: center;justify-content: center;padding: 24px;transition: opacity .25s ease, visibility .25s ease;pointer-events: none}.modal-overlay.active{visibility: visible;opacity: 1;pointer-events: auto}.modal{background: #ffffff;border-radius: 20px;max-width: 440px;width: 100%;padding: 40px;box-shadow: 0 24px 64px rgba(0,0,0,0.12);position: relative;transform: translateY(16px);transition: transform .3s cubic-bezier(.16, 1, .3, 1)}.modal-overlay.active .modal{transform: translateY(0)}.modal-close{position: absolute;top: 16px;right: 16px;width: 32px;height: 32px;border: none;background: #f5f5f4;border-radius: 8px;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #78716c;transition: all .2s}.modal-close:hover{background: #e7e5e4;color: #1c1917}.modal-close svg{width: 16px;height: 16px}.modal h2{font-size: 24px;font-weight: 700;letter-spacing: -0.5px;margin-bottom: 8px;color: #1c1917}.modal .modal-sub{font-size: 15px;color: #78716c;line-height: 1.5;margin-bottom: 28px}.modal label{display: block;font-size: 13px;font-weight: 600;color: #1c1917;margin-bottom: 6px}.modal input{width: 100%;padding: 12px 16px;border: 1px solid rgba(0,0,0,0.08);border-radius: 10px;font-size: 15px;color: #1c1917;background: #fafaf9;transition: border-color .2s;outline: none;font-family: inherit}.modal input:focus{border-color: var(--primary, #16a34a)}.modal input::placeholder{color: #a8a29e}.modal .field{margin-bottom: 16px}.modal .field-hint{font-size: 12px;color: #a8a29e;margin-top: 4px}.modal-submit{width: 100%;padding: 14px;background: var(--primary, #16a34a);color: #ffffff;border: none;border-radius: 10px;font-size: 16px;font-weight: 600;cursor: pointer;transition: all .2s;font-family: inherit;margin-top: 8px}.modal-submit:hover{filter: brightness(1.1);transform: translateY(-1px)}.modal-submit:disabled{opacity: 0.6;cursor: not-allowed;transform: none}.modal-status{text-align: center;padding: 8px 0;font-size: 14px;margin-top: 12px;border-radius: 8px;display: none}.modal-status.success{display: block;color: #166534;background: #f0fdf4}.modal-status.error{display: block;color: #991b1b;background: #fef2f2}.modal-success{display: none;text-align: center;padding: 20px 0}.modal-success h3{font-size: 20px;font-weight: 700;margin-bottom: 8px;color: #1c1917}.modal-success p{font-size: 15px;color: #78716c;line-height: 1.5}.modal-success .check-icon{width: 56px;height: 56px;border-radius: 50%;background: #f0fdf4;display: flex;align-items: center;justify-content: center;margin: 0 auto 16px;color: #166534}body.home{padding-top: 0}.home .dp-nav{background: transparent;backdrop-filter: none;-webkit-backdrop-filter: none;border-bottom-color: transparent}.home .dp-nav.scrolled{background: rgba(245,243,239,0.85);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom-color: rgba(0,0,0,0.05)}.logos-track{display: flex;width: max-content;gap: 0;align-items: center;animation: scroll-logos 46s linear infinite}.logos-track:hover{animation-play-state: paused}.logo-set{display: flex;align-items: center;gap: 16px;padding: 10px 8px}.logo-item{flex: 0 0 auto;width: 104px;height: 64px;display: flex;align-items: center;justify-content: center;background: #fff;border: 1px solid var(--border, #e5e2da);border-radius: 14px;box-shadow: 0 1px 2px rgba(16,24,64,0.04), 0 6px 16px -12px rgba(16,24,64,0.16);transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;opacity: 1}.logo-item:hover{transform: translateY(-3px);opacity: 1;border-color: #c9ccf5;box-shadow: 0 8px 22px -8px rgba(64,78,210,0.26)}.logo-item img.pl-logo{display: block;width: auto}.logo-item img.pl-logo.wide{height: 30px;max-width: 74px}.logo-item img.pl-logo.mark{height: 23px;max-width: 62px}.logo-item svg{display: none}@media (max-width: 768px){.logo-item{width: 88px;height: 56px}.logo-item img.pl-logo.wide{height: 26px}.logo-item img.pl-logo.mark{height: 20px}.logo-set{gap: 12px}}.btn-lg,.btn-primary,.btn-outline,.tier-btn,.modal-submit,.nav-cta,.dp-nav-cta,.dp-btn,.inv-btn-new,.cta-primary,.cta-btn{border-radius: 6px}.browser,.step,.feat-card,.tier-card,.footer-cta-card,.modal,.logo-item{border-radius: 8px}.bw-url,.inv-badge,.modal-close,.modal-status,.modal input{border-radius: 6px}.btn-lg,.btn-lg:hover,.btn-primary,.btn-primary:hover,.btn-outline,.btn-outline:hover,.tier-btn,.tier-btn:hover,.footer-cta .btn-lg,.footer-cta .btn-lg:hover,.dp-btn,.dp-btn:hover,.nav-cta,.cta-btn{text-decoration: none}