:root{--background:220 20% 97%;--foreground:220 25% 10%;--card:0 0% 100%;--card-foreground:220 25% 10%;--popover:0 0% 100%;--popover-foreground:220 25% 10%;--primary:160 84% 39%;--primary-foreground:0 0% 100%;--secondary:220 15% 92%;--secondary-foreground:220 25% 15%;--muted:220 15% 92%;--muted-foreground:220 10% 45%;--accent:25 95% 53%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:220 15% 88%;--input:220 15% 88%;--ring:160 84% 39%;--radius:0.75rem;--gradient-emerald:linear-gradient(135deg, hsl(160 84% 39%) 0%, hsl(174 84% 32%) 100%);--gradient-blue:linear-gradient(135deg, hsl(217 91% 60%) 0%, hsl(239 84% 67%) 100%);--gradient-violet:linear-gradient(135deg, hsl(258 90% 66%) 0%, hsl(270 95% 75%) 100%);--gradient-pink:linear-gradient(135deg, hsl(330 81% 60%) 0%, hsl(350 89% 60%) 100%);--gradient-amber:linear-gradient(135deg, hsl(45 93% 47%) 0%, hsl(25 95% 53%) 100%);--gradient-cyan:linear-gradient(135deg, hsl(187 85% 53%) 0%, hsl(217 91% 60%) 100%);--gradient-green:linear-gradient(135deg, hsl(142 71% 45%) 0%, hsl(160 84% 39%) 100%);--gradient-red:linear-gradient(135deg, hsl(0 84% 60%) 0%, hsl(350 89% 60%) 100%);--gradient-lime:linear-gradient(135deg, hsl(142 71% 45%) 0%, hsl(84 81% 44%) 100%)}.dark{--background:222 25% 8%;--foreground:210 40% 98%;--card:222 25% 11%;--card-foreground:210 40% 98%;--popover:222 25% 11%;--popover-foreground:210 40% 98%;--primary:160 84% 45%;--primary-foreground:0 0% 100%;--secondary:222 20% 16%;--secondary-foreground:210 40% 98%;--muted:222 20% 16%;--muted-foreground:215 15% 55%;--accent:25 95% 55%;--accent-foreground:0 0% 100%;--destructive:0 70% 50%;--destructive-foreground:0 0% 100%;--border:222 20% 18%;--input:222 20% 18%;--ring:160 84% 45%}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Plus Jakarta Sans','Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:'Outfit','Plus Jakarta Sans',sans-serif;font-weight:800;line-height:1.1;color:hsl(var(--foreground))}h1{font-size:clamp(2rem, 5vw, 3.75rem)}h2{font-size:clamp(1.75rem, 4vw, 3rem)}h3{font-size:clamp(1.25rem, 2vw, 1.5rem)}p{color:hsl(var(--muted-foreground))}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1800px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.text-gradient{background:linear-gradient(135deg,hsl(var(--primary)) 0%,hsl(174 84% 32%) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-primary{background:linear-gradient(135deg,hsl(var(--primary)) 0%,hsl(160 84% 30%) 100%)}.bg-gradient-hero{background:linear-gradient(180deg,hsl(var(--background)) 0%,hsl(var(--secondary)) 50%,hsl(var(--background)) 100%)}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent 0%,hsl(var(--primary) / .3) 50%,transparent 100%);margin:0;border:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,hsl(var(--primary)) 0%,hsl(160 84% 30%) 100%);color:hsl(var(--primary-foreground));box-shadow:0 4px 20px -5px hsl(var(--primary) / .4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px -5px hsl(var(--primary) / .5)}.btn-outline{background:transparent;border:2px solid hsl(var(--border));color:hsl(var(--foreground))}.btn-outline:hover{border-color:hsl(var(--primary) / .3);background:hsl(var(--primary) / .05)}.btn-ghost{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);color:#fff}.footer-cta .btn-outline,.footer-cta .btn-ghost{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff}.footer-cta .btn-outline:hover,.footer-cta .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}.card{background:hsl(var(--card));border:1px solid hsl(var(--border) / .5);border-radius:1rem;padding:1.5rem;transition:all 0.3s ease}.card:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 10px 40px -10px hsl(var(--primary) / .1);transform:translateY(-4px)}.feature-card{background:linear-gradient(135deg,hsl(var(--card)) 0%,hsl(var(--secondary) / .5) 100%);border:1px solid hsl(var(--border) / .5);border-radius:1.25rem;padding:1.5rem;transition:all 0.3s ease}.feature-card:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 20px 40px -15px hsl(var(--primary) / .15);transform:translateY(-4px)}.badge-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .2);border-radius:9999px;font-size:.875rem;font-weight:500;color:hsl(var(--primary))}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:hsl(var(--background) / .8);backdrop-filter:blur(20px);border-bottom:1px solid hsl(var(--border) / .5);padding:1rem 0;transition:all 0.3s ease}.site-header.scrolled{padding:.75rem 0;box-shadow:0 4px 20px -5px hsl(var(--foreground) / .1)}.site-header .container{display:flex;align-items:center;justify-content:space-between}.site-logo{display:flex;align-items:center;gap:.625rem}.site-logo img{width:40px;height:40px;border-radius:.75rem;object-fit:cover;box-shadow:0 0 15px hsl(var(--primary) / .15);transition:box-shadow 0.3s ease}@media (min-width:640px){.site-logo img{width:48px;height:48px}}.site-logo:hover img{box-shadow:0 0 20px hsl(var(--primary) / .3),0 0 40px hsl(var(--primary) / .15)}.site-logo .logo-text{display:flex;flex-direction:column}.site-logo .brand-name{font-weight:700;font-size:1rem;line-height:1.2;color:hsl(var(--foreground))}@media (min-width:640px){.site-logo .brand-name{font-size:1.125rem}}.site-logo .brand-subtitle{font-size:.625rem;font-weight:500;color:hsl(var(--muted-foreground));display:none}@media (min-width:640px){.site-logo .brand-subtitle{display:block!important;font-size:.75rem}}@media (min-width:1024px){.site-logo .brand-subtitle{display:block!important;font-size:.8rem}}.site-logo>span{font-weight:700;font-size:1.25rem}.main-nav ul{display:flex;align-items:center;gap:2rem;list-style:none}.main-nav a{font-weight:500;color:hsl(var(--muted-foreground));transition:color 0.3s}.main-nav a:hover{color:hsl(var(--primary))}.header-actions{display:flex;align-items:center;gap:.75rem}.mobile-menu-toggle{display:none;width:2.5rem;height:2.5rem;border-radius:.75rem;border:1px solid hsl(var(--border));background:hsl(var(--secondary) / .8);cursor:pointer;align-items:center;justify-content:center;transition:all 0.3s;flex-direction:column;gap:4px;padding:.5rem}.mobile-menu-toggle:hover{border-color:hsl(var(--primary) / .3);background:hsl(var(--primary) / .05)}.mobile-menu-toggle span{display:block;width:18px;height:2px;background:hsl(var(--foreground));border-radius:2px;transition:all 0.3s ease}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-drawer-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:hsl(var(--foreground) / .5);backdrop-filter:blur(4px);z-index:150;opacity:0;transition:opacity 0.3s ease}.mobile-drawer-overlay.active{display:block;opacity:1}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85%;background:hsl(var(--card));z-index:200;transform:translateX(-100%);transition:transform 0.3s ease;display:flex;flex-direction:column;box-shadow:4px 0 20px -5px hsl(var(--foreground) / .15)}.mobile-drawer.active{transform:translateX(0)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid hsl(var(--border) / .5)}.mobile-drawer-close{width:2rem;height:2rem;border-radius:.5rem;border:1px solid hsl(var(--border));background:hsl(var(--secondary));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s}.mobile-drawer-close:hover{background:hsl(var(--destructive) / .1);border-color:hsl(var(--destructive) / .3);color:hsl(var(--destructive))}.mobile-drawer-nav{flex:1;overflow-y:auto;padding:1rem 0}.mobile-drawer-nav ul{list-style:none}.mobile-drawer-nav li{border-bottom:1px solid hsl(var(--border) / .3)}.mobile-drawer-nav a{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-weight:500;color:hsl(var(--foreground));transition:all 0.3s}.mobile-drawer-nav a:hover,.mobile-drawer-nav a.active{background:hsl(var(--primary) / .05);color:hsl(var(--primary))}.mobile-drawer-nav a svg{width:1.25rem;height:1.25rem;opacity:.7}.mobile-drawer-footer{padding:1.25rem;border-top:1px solid hsl(var(--border) / .5)}.mobile-drawer-footer .btn{width:100%;justify-content:center}.hero-section{min-height:100vh;display:flex;align-items:center;padding:8rem 0 5rem;background:linear-gradient(180deg,hsl(var(--background)) 0%,hsl(var(--secondary) / .3) 50%,hsl(var(--background)) 100%);position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width:1024px){.hero-content{grid-template-columns:1fr 1fr;gap:5rem}}.hero-text h1{margin-bottom:1.5rem}.hero-text p{font-size:1.125rem;margin-bottom:1.5rem;max-width:500px}.hero-highlights{display:flex!important;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}@media (min-width:640px){.hero-highlights{gap:.75rem}}@media (min-width:1024px){.hero-highlights{justify-content:flex-start}}.highlight-badge{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;gap:.625rem;padding:.625rem 1rem;background:hsl(var(--card) / .8);backdrop-filter:blur(8px);border:1px solid hsl(var(--border) / .5);border-radius:9999px;box-shadow:0 1px 3px hsl(var(--foreground) / .05);transition:all 0.3s ease}.highlight-badge:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 4px 12px hsl(var(--foreground) / .1)}.highlight-badge span{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.badge-icon{width:1.75rem;height:1.75rem;min-width:1.75rem;min-height:1.75rem;border-radius:9999px;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px hsl(var(--foreground) / .1)}.badge-icon svg{width:.875rem;height:.875rem;color:white!important;display:block}.badge-icon.gradient-emerald{background:linear-gradient(135deg,hsl(160 84% 39%) 0%,hsl(174 84% 32%) 100%)}.badge-icon.gradient-blue{background:linear-gradient(135deg,hsl(217 91% 60%) 0%,hsl(239 84% 67%) 100%)}.badge-icon.gradient-orange{background:linear-gradient(135deg,hsl(25 95% 53%) 0%,hsl(0 84% 60%) 100%)}.badge-icon.gradient-violet{background:linear-gradient(135deg,hsl(258 90% 66%) 0%,hsl(270 95% 75%) 100%)}.badge-icon.gradient-cyan{background:linear-gradient(135deg,hsl(187 85% 53%) 0%,hsl(217 91% 60%) 100%)}.badge-icon.gradient-pink{background:linear-gradient(135deg,hsl(330 81% 60%) 0%,hsl(350 89% 60%) 100%)}.badge-icon.gradient-lime{background:linear-gradient(135deg,hsl(142 71% 45%) 0%,hsl(84 81% 44%) 100%)}.badge-icon.gradient-slate{background:linear-gradient(135deg,hsl(240 5% 39%) 0%,hsl(240 4% 16%) 100%)}.highlight-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:hsl(var(--secondary) / .7);border-radius:9999px;font-size:.875rem;font-weight:500;color:hsl(var(--foreground));border:1px solid hsl(var(--border) / .5)}.highlight-item svg{width:1rem;height:1rem;color:hsl(var(--primary))}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-image{position:relative;max-width:600px;margin:0 auto}@media (min-width:1024px){.hero-image{max-width:none}}.hero-image img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:1.5rem;box-shadow:0 25px 50px -12px hsl(var(--foreground) / .15)}@media (min-width:640px){.hero-image img{border-radius:2rem}}.hero-floating-card{position:absolute;background:hsl(var(--card) / .95);backdrop-filter:blur(12px);border-radius:.75rem;border:1px solid hsl(var(--border) / .5);box-shadow:0 10px 30px -10px hsl(var(--foreground) / .15);animation:float 4s ease-in-out infinite}.hero-floating-card.live-badge{top:1rem;right:1rem;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:hsl(var(--primary));animation-delay:0s}.hero-floating-card.live-badge .ping{position:relative;width:.625rem;height:.625rem}.hero-floating-card.live-badge .ping::before,.hero-floating-card.live-badge .ping::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:hsl(var(--primary))}.hero-floating-card.live-badge .ping::before{animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.hero-floating-card.qr-card{bottom:1.5rem;left:1rem;padding:.75rem 1rem;animation-delay:1s;display:flex;align-items:center;gap:.75rem}.hero-floating-card.qr-card .card-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary) / .8));border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-floating-card.qr-card .card-icon svg{width:1.25rem;height:1.25rem;color:hsl(var(--primary-foreground))}.hero-floating-card.qr-card .card-content{display:flex;flex-direction:column}.hero-floating-card.qr-card .card-title{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.hero-floating-card.qr-card .card-subtitle{font-size:.75rem;color:hsl(var(--muted-foreground))}.hero-stats{display:flex;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid hsl(var(--border) / .5)}.hero-stats .stat{text-align:center}.hero-stats .stat-value{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,hsl(var(--primary)) 0%,hsl(var(--accent)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stats .stat-label{font-size:.75rem;color:hsl(var(--muted-foreground))}.features-section{padding:3rem 0;background:hsl(var(--background));position:relative}@media (min-width:640px){.features-section{padding:4rem 0}}@media (min-width:1024px){.features-section{padding:5rem 0}}.section-header{text-align:center;margin-bottom:3rem}.section-header .badge-primary{margin-bottom:1rem}.section-header h2{font-size:clamp(1.5rem, 4vw, 3rem);font-weight:800;margin-bottom:1rem;color:hsl(var(--foreground))}.section-header p{font-size:1rem;font-weight:400;color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto;line-height:1.6}@media (min-width:640px){.section-header p{font-size:1.125rem}}.features-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.feature-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff;box-shadow:0 4px 15px -3px hsl(var(--foreground) / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}@media (min-width:640px){.feature-icon{width:3.5rem;height:3.5rem}}.feature-icon svg{width:1.5rem;height:1.5rem}@media (min-width:640px){.feature-icon svg{width:1.75rem;height:1.75rem}}.feature-card:hover .feature-icon{transform:scale(1.05);box-shadow:0 0 20px hsl(var(--primary) / .35),0 0 40px hsl(var(--primary) / .2)}.feature-icon.gradient-emerald{background:var(--gradient-emerald)}.feature-icon.gradient-blue{background:var(--gradient-blue)}.feature-icon.gradient-violet{background:var(--gradient-violet)}.feature-icon.gradient-pink{background:var(--gradient-pink)}.feature-icon.gradient-amber{background:var(--gradient-amber)}.feature-icon.gradient-cyan{background:var(--gradient-cyan)}.feature-icon.gradient-green{background:var(--gradient-green)}.feature-icon.gradient-red{background:var(--gradient-red)}.how-it-works-section{padding:3rem 0;background:linear-gradient(180deg,hsl(var(--background)) 0%,hsl(var(--secondary) / .2) 50%,hsl(var(--background)) 100%);position:relative}@media (min-width:640px){.how-it-works-section{padding:4rem 0}}@media (min-width:1024px){.how-it-works-section{padding:5rem 0}}.journey-section{margin-bottom:3rem}.journey-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.journey-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.step-card{padding:1.5rem;border-radius:1rem;border:1px solid hsl(var(--border) / .5);background:hsl(var(--card));transition:all 0.3s ease}.step-card:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 10px 30px -10px hsl(var(--primary) / .1);transform:translateY(-4px)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;font-weight:700;font-size:.875rem;margin-bottom:1rem}.step-card.admin .step-number{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.step-card.guard .step-number{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.step-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.step-icon-badge{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease}.step-icon-badge.admin{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.step-icon-badge.guard{background:hsl(var(--accent) / .1);color:hsl(var(--accent))}.step-card:hover .step-icon-badge{transform:scale(1.05)}@media (min-width:640px){.step-icon-badge{width:2.75rem;height:2.75rem}}.preview-glow-bg{position:absolute;inset:-1rem;background:linear-gradient(90deg,hsl(var(--primary) / .15),hsl(var(--accent) / .15),hsl(var(--primary) / .15));border-radius:1.5rem;filter:blur(2rem);animation:pulse 3s ease-in-out infinite;opacity:.4}@media (min-width:640px){.preview-glow-bg{inset:-1.5rem;border-radius:2rem;filter:blur(3rem)}}.dashboard-preview-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;position:relative;margin-bottom:2.5rem}@media (min-width:1024px){.dashboard-preview-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-bottom:3rem}}.dashboard-frame{position:relative}.desktop-only{display:none}.mobile-only{display:block}@media (min-width:1024px){.desktop-only{display:block}.mobile-only{display:none}}.mobile-attendance-preview{position:relative;margin-bottom:2.5rem;max-width:28rem;margin-left:auto;margin-right:auto}.mobile-attendance-glow{position:absolute;inset:-.75rem;background:linear-gradient(to right,hsl(var(--primary) / .15),hsl(var(--accent) / .15),hsl(var(--primary) / .15));border-radius:1rem;filter:blur(1.5rem);animation:pulse 2s ease-in-out infinite;opacity:.5}.mobile-attendance-floating-icon{position:absolute;top:-.75rem;right:-.75rem;width:2.5rem;height:2.5rem;background:var(--gradient-blue);border-radius:.75rem;box-shadow:0 10px 25px -5px hsl(var(--foreground) / .2);display:flex;align-items:center;justify-content:center;z-index:20;animation:floatWithRotate 4s ease-in-out infinite}.mobile-attendance-floating-icon svg{width:1.25rem;height:1.25rem;color:#fff}@keyframes floatWithRotate{0%,100%{transform:translateY(4px) rotate(0deg)}50%{transform:translateY(-4px) rotate(-3deg)}}.mobile-attendance-frame{position:relative;border-radius:.75rem;overflow:hidden;border:2px solid hsl(var(--primary) / .2);box-shadow:0 25px 50px -12px hsl(var(--foreground) / .25);background:hsl(var(--card) / .5);backdrop-filter:blur(8px)}.mobile-attendance-browser-bar{background:hsl(var(--muted) / .8);backdrop-filter:blur(8px);padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid hsl(var(--border) / .5)}.mobile-attendance-browser-bar .browser-dots{display:flex;gap:.375rem}.mobile-attendance-browser-bar .browser-dots span{width:.5rem;height:.5rem;border-radius:50%}.mobile-attendance-browser-bar .browser-dots span:nth-child(1){background:hsl(0 84% 60%)}.mobile-attendance-browser-bar .browser-dots span:nth-child(2){background:hsl(45 93% 47%)}.mobile-attendance-browser-bar .browser-dots span:nth-child(3){background:hsl(142 71% 45%)}.mobile-attendance-browser-bar .browser-url{flex:1;display:flex;justify-content:center}.mobile-attendance-browser-bar .browser-url-inner{background:hsl(var(--background) / .8);border-radius:.375rem;padding:.25rem .5rem;font-size:.5625rem;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:.375rem}.mobile-attendance-browser-bar .browser-url-dot{width:.625rem;height:.625rem;border-radius:50%;background:hsl(var(--primary) / .2);display:flex;align-items:center;justify-content:center}.mobile-attendance-browser-bar .browser-url-dot::after{content:'';width:.25rem;height:.25rem;border-radius:50%;background:hsl(var(--primary))}.mobile-attendance-image{position:relative;overflow:hidden;transition:transform 0.3s}.mobile-attendance-image:hover{transform:scale(1.02)}.mobile-attendance-image img{width:100%;height:auto;object-fit:cover}.mobile-attendance-overlay{position:absolute;inset:0;background:linear-gradient(to top,hsl(var(--background) / .1),transparent,transparent);pointer-events:none}.mobile-attendance-reflection{position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:75%;height:1rem;background:linear-gradient(to right,transparent,hsl(var(--primary) / .1),transparent);filter:blur(.75rem)}.floating-icon-badge{position:absolute;width:2.5rem;height:2.5rem;border-radius:.75rem;box-shadow:0 10px 25px -5px hsl(var(--foreground) / .2);display:flex;align-items:center;justify-content:center;z-index:20;animation:floatY 4s ease-in-out infinite}@media (min-width:640px){.floating-icon-badge{width:3.5rem;height:3.5rem}}.floating-icon-badge.top-left{top:-.75rem;left:-.75rem}.floating-icon-badge.top-right{top:-.75rem;right:-.75rem}.floating-icon-badge.top-center{top:-1rem;left:50%;transform:translateX(-50%)}@media (min-width:640px){.floating-icon-badge.top-left{top:-1rem;left:-1rem}.floating-icon-badge.top-right{top:-1rem;right:-1rem}.floating-icon-badge.top-center{top:-1.25rem}}.floating-icon-badge svg{width:1.25rem;height:1.25rem;color:#fff}@media (min-width:640px){.floating-icon-badge svg{width:1.75rem;height:1.75rem}}.floating-icon-badge.gradient-emerald{background:linear-gradient(135deg,hsl(160 84% 39%) 0%,hsl(174 84% 32%) 100%)}.floating-icon-badge.gradient-blue{background:linear-gradient(135deg,hsl(217 91% 60%) 0%,hsl(239 84% 67%) 100%)}.floating-icon-badge.gradient-red{background:linear-gradient(135deg,hsl(0 84% 60%) 0%,hsl(350 89% 60%) 100%)}.browser-frame{position:relative;border-radius:.75rem;overflow:hidden;border:2px solid hsl(var(--primary) / .2);box-shadow:0 25px 50px -12px hsl(var(--foreground) / .15);background:hsl(var(--card) / .5);backdrop-filter:blur(8px);transition:border-color 0.3s ease}@media (min-width:640px){.browser-frame{border-radius:1rem}}.dashboard-frame:hover .browser-frame{border-color:hsl(var(--primary) / .4)}.browser-bar{background:hsl(var(--muted) / .8);backdrop-filter:blur(8px);padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid hsl(var(--border) / .5)}@media (min-width:640px){.browser-bar{padding:.625rem .875rem;gap:.625rem}}.browser-dots{display:flex;gap:.375rem}.browser-dots span{width:.5rem;height:.5rem;border-radius:50%}@media (min-width:640px){.browser-dots span{width:.625rem;height:.625rem}}.browser-dots span:nth-child(1){background:hsl(0 84% 60%)}.browser-dots span:nth-child(2){background:hsl(45 93% 47%)}.browser-dots span:nth-child(3){background:hsl(142 71% 45%)}.browser-url{flex:1;display:flex;justify-content:center}.browser-url-inner{background:hsl(var(--background) / .8);border-radius:.375rem;padding:.25rem .5rem;font-size:.5rem;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:.375rem}@media (min-width:640px){.browser-url-inner{padding:.375rem .75rem;font-size:.6875rem;gap:.5rem}}.browser-url-dot{width:.5rem;height:.5rem;border-radius:50%;background:hsl(var(--primary) / .2);display:flex;align-items:center;justify-content:center}.browser-url-dot::after{content:'';width:.25rem;height:.25rem;border-radius:50%;background:hsl(var(--primary))}@media (min-width:640px){.browser-url-dot{width:.625rem;height:.625rem}.browser-url-dot::after{width:.375rem;height:.375rem}}.browser-content{position:relative;overflow:hidden;transition:transform 0.4s ease}.dashboard-frame:hover .browser-content{transform:scale(1.02)}.browser-content img{width:100%;height:auto;display:block;object-fit:cover}.browser-content-overlay{position:absolute;inset:0;background:linear-gradient(to top,hsl(var(--background) / .1),transparent);pointer-events:none}.frame-reflection{position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:75%;height:1.5rem;background:linear-gradient(90deg,transparent,hsl(var(--primary) / .1),transparent);filter:blur(1rem)}.dashboard-tilt-left .browser-frame{transition:all 0.5s ease}.dashboard-tilt-right .browser-frame{transition:all 0.5s ease}@media (min-width:1024px){.dashboard-tilt-left .browser-frame{transform:perspective(1000px) rotateY(8deg) rotateX(2deg);transform-style:preserve-3d}.dashboard-tilt-left:hover .browser-frame{transform:perspective(1000px) rotateY(4deg) rotateX(1deg)}.dashboard-tilt-right .browser-frame{transform:perspective(1000px) rotateY(-8deg) rotateX(2deg);transform-style:preserve-3d}.dashboard-tilt-right:hover .browser-frame{transform:perspective(1000px) rotateY(-4deg) rotateX(1deg)}}.phone-unified-frame{position:relative;max-width:48rem;margin:0 auto 2rem}.phone-unified-glow{position:absolute;inset:-1rem;background:linear-gradient(90deg,hsl(160 84% 39% / .15),hsl(217 91% 60% / .15),hsl(0 84% 60% / .15));border-radius:1.5rem;filter:blur(2rem);animation:pulse 3s ease-in-out infinite;opacity:.4}@media (min-width:640px){.phone-unified-glow{inset:-1.5rem;border-radius:2rem;filter:blur(3rem)}}.phone-unified-frame .phone-floating-badge{position:absolute;z-index:20}.phone-unified-frame .floating-left{top:-.75rem;left:1rem;animation:floatY 3s ease-in-out infinite}.phone-unified-frame .floating-center{top:-1.5rem;left:50%;transform:translateX(-50%);animation:floatYCenter 3.5s ease-in-out infinite}@media (min-width:640px){.phone-unified-frame .floating-center{top:-1.75rem}}.phone-unified-frame .floating-right{top:-.75rem;right:1rem;animation:floatYPulse 2s ease-in-out infinite}@media (min-width:640px){.phone-unified-frame .floating-left{left:2rem}.phone-unified-frame .floating-right{right:2rem}}@media (min-width:1024px){.phone-unified-frame .floating-left{left:3rem}.phone-unified-frame .floating-right{right:3rem}}@keyframes floatYPulse{0%,100%{transform:translateY(-3px) scale(1)}50%{transform:translateY(3px) scale(1.05)}}.phone-unified-border{position:relative;border-radius:1rem;padding:3px;background:linear-gradient(90deg,hsl(160 84% 39%),hsl(217 91% 60%),hsl(0 84% 60%));box-shadow:0 25px 50px -12px hsl(var(--foreground) / .25);transition:box-shadow 0.5s ease}@media (min-width:640px){.phone-unified-border{border-radius:1.5rem}}.phone-unified-frame:hover .phone-unified-border{box-shadow:0 25px 60px -10px hsl(var(--primary) / .5)}.phone-unified-inner{position:relative;border-radius:calc(1rem - 3px);overflow:hidden;background:hsl(var(--card) / .95);backdrop-filter:blur(8px)}@media (min-width:640px){.phone-unified-inner{border-radius:calc(1.5rem - 3px)}}.phone-unified-header{background:hsl(var(--muted) / .8);backdrop-filter:blur(8px);padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid hsl(var(--border) / .5)}@media (min-width:640px){.phone-unified-header{padding:.625rem 1rem}}.phone-unified-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:hsl(var(--muted) / .3)}.phone-unified-item{position:relative;overflow:hidden}.phone-unified-item-middle{border-left:1px solid hsl(var(--border) / .3);border-right:1px solid hsl(var(--border) / .3)}.phone-unified-item::before{content:'';display:block;padding-top:177.78%}.phone-unified-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.phone-unified-footer{background:hsl(var(--muted) / .8);backdrop-filter:blur(8px);padding:.5rem .75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-top:1px solid hsl(var(--border) / .5)}@media (min-width:640px){.phone-unified-footer{padding:.625rem 1rem}}.phone-footer-items{display:flex;align-items:center;gap:.75rem}@media (min-width:640px){.phone-footer-items{gap:1rem}}.phone-footer-item{display:flex;align-items:center;gap:.375rem}.phone-footer-item span{font-size:.5625rem;font-weight:500;color:hsl(var(--muted-foreground))}@media (min-width:640px){.phone-footer-item span{font-size:.75rem}}.phone-footer-icon{width:1rem;height:1rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center}@media (min-width:640px){.phone-footer-icon{width:1.25rem;height:1.25rem;border-radius:.375rem}}.phone-footer-icon svg{width:.625rem;height:.625rem;color:white!important}@media (min-width:640px){.phone-footer-icon svg{width:.75rem;height:.75rem}}.phone-footer-icon.gradient-emerald{background:linear-gradient(135deg,hsl(160 84% 39%) 0%,hsl(174 84% 32%) 100%)}.phone-footer-icon.gradient-blue{background:linear-gradient(135deg,hsl(217 91% 60%) 0%,hsl(239 84% 67%) 100%)}.phone-footer-icon.gradient-red{background:linear-gradient(135deg,hsl(0 84% 60%) 0%,hsl(350 89% 60%) 100%)}.phone-footer-divider{width:1px;height:1rem;background:hsl(var(--border) / .5)}.phone-footer-with-stores{justify-content:space-between!important}.phone-footer-center{gap:.5rem}@media (min-width:640px){.phone-footer-center{gap:.75rem}}.phone-store-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .375rem;border-radius:.375rem;box-shadow:0 2px 4px -1px hsl(var(--foreground) / .1);transition:all 0.3s ease;text-decoration:none}@media (min-width:640px){.phone-store-btn{padding:.375rem .5rem}}.phone-store-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px -2px hsl(var(--foreground) / .15)}.phone-store-btn svg{width:.625rem;height:.625rem;color:white!important}@media (min-width:640px){.phone-store-btn svg{width:.75rem;height:.75rem}}.phone-store-btn span{font-size:.5rem;font-weight:600;color:#fff;display:none}@media (min-width:640px){.phone-store-btn span{display:inline;font-size:.625rem}}.phone-store-btn.gradient-lime{background:linear-gradient(135deg,hsl(142 71% 45%) 0%,hsl(84 81% 44%) 100%)}.phone-store-btn.gradient-slate{background:linear-gradient(135deg,hsl(240 5% 39%) 0%,hsl(240 4% 16%) 100%)}.phone-unified-reflection{position:absolute;bottom:-.75rem;left:50%;transform:translateX(-50%);width:66%;height:1.5rem;background:linear-gradient(90deg,hsl(160 84% 39% / .2),hsl(217 91% 60% / .2),hsl(0 84% 60% / .2));filter:blur(1rem)}.phone-mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem;background:hsl(var(--muted) / .3)}@media (min-width:640px){.phone-mockup-grid{gap:.75rem;padding:.75rem}}@media (min-width:1024px){.phone-mockup-grid{gap:1rem;padding:1rem}}.phone-mockup-wrapper{position:relative}.phone-mockup-device{position:relative;border-radius:.75rem;overflow:hidden;background:hsl(var(--foreground) / .9);padding:.25rem;box-shadow:0 10px 25px -5px hsl(var(--foreground) / .2)}@media (min-width:640px){.phone-mockup-device{border-radius:1rem;padding:.375rem}}@media (min-width:1024px){.phone-mockup-device{border-radius:1.5rem;padding:.5rem}}.phone-mockup-notch{position:absolute;top:.25rem;left:50%;transform:translateX(-50%);width:2rem;height:.25rem;background:hsl(var(--foreground));border-radius:9999px;z-index:10}@media (min-width:640px){.phone-mockup-notch{top:.375rem;width:3rem;height:.375rem}}@media (min-width:1024px){.phone-mockup-notch{top:.5rem;width:4rem;height:.5rem}}.phone-mockup-screen{position:relative;border-radius:.5rem;overflow:hidden;aspect-ratio:9 / 16}@media (min-width:640px){.phone-mockup-screen{border-radius:.75rem}}@media (min-width:1024px){.phone-mockup-screen{border-radius:1rem}}.phone-mockup-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-mockup-homebar{position:absolute;bottom:.375rem;left:50%;transform:translateX(-50%);width:1.5rem;height:.125rem;background:hsl(var(--muted) / .5);border-radius:9999px}@media (min-width:640px){.phone-mockup-homebar{bottom:.5rem;width:2rem;height:.25rem}}@media (min-width:1024px){.phone-mockup-homebar{bottom:.75rem;width:3rem;height:.25rem}}.phone-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;position:relative;margin-bottom:2rem;max-width:48rem;margin-left:auto;margin-right:auto}@media (min-width:640px){.phone-preview-grid{gap:1rem}}@media (min-width:1024px){.phone-preview-grid{gap:1.5rem}}.phone-frame-card{position:relative}.phone-floating-badge{position:absolute;width:1.75rem;height:1.75rem;border-radius:.75rem;box-shadow:0 10px 25px -5px hsl(var(--foreground) / .2);display:flex;align-items:center;justify-content:center;z-index:20;animation:floatY 3s ease-in-out infinite}@media (min-width:640px){.phone-floating-badge{width:2.25rem;height:2.25rem}}.phone-floating-badge svg{width:.875rem;height:.875rem;color:white!important}@media (min-width:640px){.phone-floating-badge svg{width:1rem;height:1rem}}.phone-floating-badge.gradient-emerald{background:linear-gradient(135deg,hsl(160 84% 39%) 0%,hsl(174 84% 32%) 100%)}.phone-floating-badge.gradient-blue{background:linear-gradient(135deg,hsl(217 91% 60%) 0%,hsl(239 84% 67%) 100%)}.phone-floating-badge.gradient-red{background:linear-gradient(135deg,hsl(0 84% 60%) 0%,hsl(350 89% 60%) 100%)}.phone-browser-frame{position:relative;border-radius:.75rem;overflow:hidden;border:2px solid hsl(var(--primary) / .2);box-shadow:0 25px 50px -12px hsl(var(--foreground) / .15);background:hsl(var(--card) / .5);backdrop-filter:blur(8px);transition:border-color 0.3s ease}@media (min-width:640px){.phone-browser-frame{border-radius:1rem}}.phone-frame-card:hover .phone-browser-frame{border-color:hsl(var(--primary) / .4)}.phone-browser-bar{background:hsl(var(--muted) / .8);backdrop-filter:blur(8px);padding:.375rem .5rem;display:flex;align-items:center;gap:.375rem;border-bottom:1px solid hsl(var(--border) / .5)}@media (min-width:640px){.phone-browser-bar{padding:.5rem .75rem;gap:.5rem}}.phone-browser-dots{display:flex;gap:.25rem}.phone-browser-dots span{width:.375rem;height:.375rem;border-radius:50%}@media (min-width:640px){.phone-browser-dots span{width:.5rem;height:.5rem}}.phone-browser-url{flex:1;display:flex;justify-content:center}.phone-browser-url-inner{background:hsl(var(--background) / .8);border-radius:.375rem;padding:.125rem .375rem;font-size:.4375rem;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:.25rem}@media (min-width:640px){.phone-browser-url-inner{padding:.25rem .5rem;font-size:.5625rem;gap:.375rem}}.phone-url-dot{width:.5rem;height:.5rem;border-radius:50%;background:hsl(var(--primary) / .2);display:flex;align-items:center;justify-content:center}.phone-url-dot::after{content:'';width:.125rem;height:.125rem;border-radius:50%;background:hsl(var(--primary))}@media (min-width:640px){.phone-url-dot{width:.625rem;height:.625rem}.phone-url-dot::after{width:.25rem;height:.25rem}}.phone-browser-url-inner span{display:none}@media (min-width:640px){.phone-browser-url-inner span{display:inline}}.phone-content{position:relative;overflow:hidden;aspect-ratio:9 / 16;transition:transform 0.4s ease}.phone-frame-card:hover .phone-content{transform:scale(1.03)}.phone-content img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-frame-label{text-align:center;margin-top:.5rem;font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground))}@media (min-width:640px){.phone-frame-label{margin-top:.75rem;font-size:.875rem}}@keyframes floatY{0%,100%{transform:translateY(-4px)}50%{transform:translateY(4px)}}.floating-icon-badge.top-center{animation:floatYCenter 3.5s ease-in-out infinite}@keyframes floatYCenter{0%,100%{transform:translateX(-50%) translateY(-4px)}50%{transform:translateX(-50%) translateY(4px)}}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:.6}}.testimonials-section{padding:3rem 0;background:hsl(var(--background));position:relative}@media (min-width:640px){.testimonials-section{padding:4rem 0}}@media (min-width:1024px){.testimonials-section{padding:5rem 0}}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.testimonials-grid{grid-template-columns:repeat(4,1fr)}}.testimonial-card{padding:1.5rem;border-radius:1rem;background:hsl(var(--card));border:1px solid hsl(var(--border) / .5);transition:all 0.3s ease;position:relative}.testimonial-card:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 10px 40px -10px hsl(var(--primary) / .15);transform:translateY(-4px)}.testimonial-quote-icon{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;color:hsl(var(--primary) / .15)}.testimonial-stars{display:flex;gap:.25rem;margin-bottom:1rem}.testimonial-stars svg{width:1rem;height:1rem;fill:hsl(var(--accent));color:hsl(var(--accent))}.testimonial-text{margin-bottom:1.5rem;font-style:italic;color:hsl(var(--muted-foreground))}.testimonial-author{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid hsl(var(--border) / .5)}.testimonial-author img{width:3rem;height:3rem;border-radius:50%;object-fit:cover}.author-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,hsl(var(--primary)) 0%,hsl(var(--accent)) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px -2px hsl(var(--primary) / .3)}.testimonial-author h4{font-size:.875rem;font-weight:600}.testimonial-author p{font-size:.75rem}.pricing-section{padding:3rem 0;background:linear-gradient(180deg,hsl(var(--background)) 0%,hsl(var(--muted) / .2) 50%,hsl(var(--background)) 100%);position:relative}@media (min-width:640px){.pricing-section{padding:4rem 0}}@media (min-width:1024px){.pricing-section{padding:5rem 0}}.billing-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem;border-radius:9999px;background:hsl(var(--card));border:1px solid hsl(var(--border));margin-bottom:2rem}.billing-toggle button{padding:.625rem 1.5rem;border-radius:9999px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all 0.3s;background:transparent;color:hsl(var(--muted-foreground));display:inline-flex;align-items:center}.billing-toggle button.active{background:linear-gradient(135deg,hsl(var(--primary)) 0%,hsl(160 84% 30%) 100%);color:hsl(var(--primary-foreground))}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.pricing-card{padding:1.5rem;border-radius:1.5rem;background:hsl(var(--card) / .8);backdrop-filter:blur(8px);border:1px solid hsl(var(--border) / .5);display:flex;flex-direction:column;transition:all 0.3s ease;position:relative;overflow:hidden}@media (min-width:640px){.pricing-card{padding:1.75rem}}@media (min-width:1024px){.pricing-card{padding:1.5rem}}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -15px hsl(var(--foreground) / .1);border-color:hsl(var(--primary) / .3)}.pricing-card.popular{border:2px solid hsl(var(--primary) / .4);background:linear-gradient(135deg,hsl(var(--primary) / .1) 0%,hsl(var(--card)) 100%);box-shadow:0 20px 50px -15px hsl(var(--primary) / .2);ring:1px solid hsl(var(--primary) / .1)}.pricing-card.popular .popular-badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem 1rem;border-radius:9999px;background:linear-gradient(135deg,hsl(var(--primary)) 0%,hsl(160 84% 30%) 100%);color:hsl(var(--primary-foreground));font-size:.75rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px hsl(var(--primary) / .3);z-index:10}.pricing-card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.pricing-card.popular .pricing-card-header{margin-top:1rem}.pricing-plan-info{min-width:0;flex:1}.pricing-plan-info h3{font-size:1.125rem;font-weight:700;margin-bottom:.125rem;line-height:1.3}@media (min-width:640px){.pricing-plan-info h3{font-size:1.25rem}}.pricing-plan-info p{font-size:.75rem;color:hsl(var(--muted-foreground));line-height:1.4}@media (min-width:640px){.pricing-plan-info p{font-size:.875rem}}.pricing-plan-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s ease}@media (min-width:640px){.pricing-plan-icon{width:3rem;height:3rem}}.pricing-card:hover .pricing-plan-icon{transform:scale(1.1);box-shadow:0 4px 12px hsl(var(--foreground) / .1)}.pricing-plan-icon.tone-neutral{background:hsl(var(--secondary));color:hsl(var(--muted-foreground))}.pricing-plan-icon.tone-accent{background:hsl(var(--accent) / .15);color:hsl(var(--accent))}.pricing-plan-icon.tone-primary{background:hsl(var(--primary) / .15);color:hsl(var(--primary))}.pricing-card>h3{font-size:1.25rem;margin-bottom:.5rem}.pricing-card .price{padding:1rem 0}.pricing-card .price .price-amount{font-size:2.25rem;font-weight:800;color:hsl(var(--foreground));letter-spacing:-.025em}@media (min-width:640px){.pricing-card .price .price-amount{font-size:2.75rem}}@media (min-width:1024px){.pricing-card .price .price-amount{font-size:3rem}}.pricing-card .price .price-period{font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground))}@media (min-width:640px){.pricing-card .price .price-period{font-size:.875rem}}.monthly-price-wrapper{display:inline-flex;align-items:baseline;gap:.25rem}.yearly-price-wrapper{display:none;align-items:baseline;gap:.25rem}.pricing-divider{height:1px;background:linear-gradient(90deg,transparent 0%,hsl(var(--border)) 50%,transparent 100%);margin:0}.pricing-features{list-style:none;margin:1.25rem 0;flex-grow:1}.pricing-features li{display:flex;align-items:flex-start;gap:.625rem;padding:.375rem 0;font-size:.8125rem;font-weight:500;color:hsl(var(--foreground));line-height:1.4}@media (min-width:640px){.pricing-features li{font-size:.875rem;gap:.75rem}}.feature-check{width:1rem;height:1rem;border-radius:9999px;background:hsl(var(--primary) / .15);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem}@media (min-width:640px){.feature-check{width:1.25rem;height:1.25rem}}.feature-check svg{width:.625rem;height:.625rem;color:hsl(var(--primary))}@media (min-width:640px){.feature-check svg{width:.75rem;height:.75rem}}.feature-check.popular{background:hsl(var(--primary))}.feature-check.popular svg{color:hsl(var(--primary-foreground))}.pricing-features li>svg{width:1.25rem;height:1.25rem;color:hsl(var(--primary));flex-shrink:0}.pricing-trust-badge{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid hsl(var(--border) / .5)}.pricing-trust-badge .trust-stars{display:flex;justify-content:center;gap:.25rem;margin-bottom:.5rem}.pricing-trust-badge .trust-stars svg{width:1.25rem;height:1.25rem;fill:hsl(var(--accent));color:hsl(var(--accent))}.pricing-trust-badge p{font-size:.875rem;font-weight:500}.faq-section{padding:3rem 0;background:hsl(var(--secondary) / .3);position:relative}@media (min-width:640px){.faq-section{padding:4rem 0}}@media (min-width:1024px){.faq-section{padding:5rem 0}}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}@media (max-width:480px){.faq-grid{grid-template-columns:1fr}}.faq-item{border-radius:.75rem;border:1px solid hsl(var(--border) / .5);background:hsl(var(--card) / .5);overflow:hidden;transition:all 0.3s}.faq-item.open{background:hsl(var(--card));border-color:hsl(var(--primary) / .3);box-shadow:0 10px 30px -10px hsl(var(--primary) / .1)}.faq-question{width:100%;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:none;border:none;cursor:pointer;text-align:left;font-weight:600;color:hsl(var(--foreground));transition:color 0.3s}.faq-item.open .faq-question{color:hsl(var(--primary))}.faq-toggle{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:hsl(var(--secondary));flex-shrink:0;transition:background 0.3s}.faq-item.open .faq-toggle{background:hsl(var(--primary) / .1)}.faq-answer{max-height:0;padding:0 1.5rem;overflow:hidden;color:hsl(var(--muted-foreground));transition:max-height 0.3s ease,padding 0.3s ease}.faq-item.open .faq-answer{max-height:200px;padding:0 1.5rem 1.25rem}.seo-content-section{margin-top:3rem;padding-top:2rem;border-top:1px solid hsl(var(--border) / .3)}@media (min-width:640px){.seo-content-section{margin-top:4rem;padding-top:3rem}}.seo-content-section .section-subtitle{font-size:1.25rem;font-weight:700;margin-bottom:2rem;text-align:center;color:hsl(var(--foreground))}@media (min-width:640px){.seo-content-section .section-subtitle{font-size:1.5rem}}@media (min-width:1024px){.seo-content-section .section-subtitle{font-size:1.875rem}}.seo-cards-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width:640px){.seo-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width:1024px){.seo-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.seo-category-card{background:hsl(var(--card) / .5);border:1px solid hsl(var(--border) / .5);border-radius:.75rem;padding:1.25rem;transition:all 0.3s ease}.seo-category-card:hover{border-color:hsl(var(--primary) / .2);box-shadow:0 10px 25px -5px hsl(var(--foreground) / .05)}.seo-card-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.seo-card-icon svg{color:#fff}.seo-card-icon.gradient-emerald{background:linear-gradient(135deg,hsl(160 84% 39%) 0%,hsl(174 84% 32%) 100%)}.seo-card-icon.gradient-blue{background:linear-gradient(135deg,hsl(217 91% 60%) 0%,hsl(239 84% 67%) 100%)}.seo-card-icon.gradient-violet{background:linear-gradient(135deg,hsl(258 90% 66%) 0%,hsl(270 95% 75%) 100%)}.seo-card-icon.gradient-amber{background:linear-gradient(135deg,hsl(45 93% 47%) 0%,hsl(25 95% 53%) 100%)}.seo-card-icon.gradient-pink{background:linear-gradient(135deg,hsl(330 81% 60%) 0%,hsl(350 89% 60%) 100%)}.seo-card-icon.gradient-cyan{background:linear-gradient(135deg,hsl(187 85% 53%) 0%,hsl(217 91% 60%) 100%)}.seo-category-card h4{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.75rem}@media (min-width:640px){.seo-category-card{padding:1.5rem}.seo-category-card h4{font-size:1.125rem}}.seo-category-card p{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.6;margin:0}.seo-category-card.bg-gradient-emerald{background:linear-gradient(to bottom right,hsl(160 84% 39% / .1) 0%,hsl(174 84% 32% / .05) 100%)}.seo-category-card.bg-gradient-blue{background:linear-gradient(to bottom right,hsl(217 91% 60% / .1) 0%,hsl(239 84% 67% / .05) 100%)}.seo-category-card.bg-gradient-violet{background:linear-gradient(to bottom right,hsl(258 90% 66% / .1) 0%,hsl(270 95% 75% / .05) 100%)}.seo-category-card.bg-gradient-amber{background:linear-gradient(to bottom right,hsl(45 93% 47% / .1) 0%,hsl(25 95% 53% / .05) 100%)}.seo-category-card.bg-gradient-pink{background:linear-gradient(to bottom right,hsl(330 81% 60% / .1) 0%,hsl(350 89% 60% / .05) 100%)}.seo-category-card.bg-gradient-cyan{background:linear-gradient(to bottom right,hsl(187 85% 53% / .1) 0%,hsl(217 91% 60% / .05) 100%)}.seo-content-grid{max-width:56rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.seo-content-grid p{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.75;text-align:center}@media (min-width:640px){.seo-content-grid p{font-size:1rem;text-align:left}}.seo-content-grid strong{color:hsl(var(--foreground));font-weight:600}.site-footer{position:relative;padding:3rem 0 7rem;background:hsl(var(--foreground));color:hsl(var(--background));overflow:hidden}@media (min-width:640px){.site-footer{padding:4rem 0 8rem}}@media (min-width:1024px){.site-footer{padding:5rem 0 2rem}}.site-footer::before{content:'';position:absolute;inset:0;opacity:.03;background-image:radial-gradient(circle at 1px 1px,currentColor 1px,transparent 0);background-size:32px 32px;pointer-events:none}.site-footer .container{position:relative;z-index:1}.footer-cta{padding:1.5rem;border-radius:1rem;background:linear-gradient(135deg,hsl(var(--primary)) 0%,hsl(160 84% 30%) 100%);text-align:center;margin-bottom:3rem;box-shadow:0 0 20px hsl(var(--primary) / .35),0 0 40px hsl(var(--primary) / .2)}@media (min-width:640px){.footer-cta{padding:2rem;border-radius:1.5rem;margin-bottom:4rem}}@media (min-width:1024px){.footer-cta{padding:3rem;border-radius:2rem}}.footer-cta h2{color:hsl(var(--primary-foreground));margin-bottom:.75rem}.footer-cta p{color:hsl(var(--primary-foreground) / .8);margin-bottom:1.5rem}.footer-cta .btn-primary{background:#fff;color:hsl(var(--primary))}.footer-cta .btn-primary:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}.footer-cta-buttons{display:flex;flex-direction:column;gap:.75rem;justify-content:center;align-items:center}@media (min-width:640px){.footer-cta-buttons{flex-direction:row}}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;margin-bottom:3rem}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-brand .site-logo{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem}.footer-brand .site-logo img{width:2.5rem;height:2.5rem;border-radius:.75rem;object-fit:contain}.footer-brand .brand-info{display:flex;flex-direction:column}.footer-brand .brand-name{font-weight:700;font-size:1.125rem;color:hsl(var(--background))}.footer-brand .brand-subtitle{font-size:.75rem;color:hsl(var(--background) / .6)}.footer-brand p{color:hsl(var(--background) / .7);margin:1rem 0;max-width:300px}.footer-contact{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.footer-contact a{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:hsl(var(--background) / .7);transition:color 0.3s ease}.footer-contact a:hover{color:hsl(var(--primary))}.footer-contact svg{width:1rem;height:1rem;flex-shrink:0}.footer-links h4{color:hsl(var(--background));margin-bottom:1rem;font-size:1rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:hsl(var(--background) / .7);font-size:.875rem;transition:color 0.3s}.footer-links a:hover{color:hsl(var(--primary))}.footer-bottom{padding-top:1.5rem;border-top:1px solid hsl(var(--background) / .1);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;gap:1rem;font-size:.875rem;color:hsl(var(--background) / .6)}.footer-bottom p{width:100%;text-align:center;margin:0}.footer-bottom.footer-align-left{justify-content:flex-start;text-align:left}.footer-bottom.footer-align-left p{text-align:left}.footer-bottom.footer-align-center{justify-content:center;text-align:center}.footer-bottom.footer-align-center p{text-align:center}.footer-bottom.footer-align-right{justify-content:flex-end;text-align:right}.footer-bottom.footer-align-right p{text-align:right}@media (max-width:768px){.main-nav,.header-actions .btn{display:none}.mobile-menu-toggle{display:flex}.hero-content{text-align:center}.hero-text{display:flex;flex-direction:column}.hero-stats{display:none}.hero-stats-mobile{display:flex;gap:2rem;justify-content:center;align-items:center;padding-top:1rem;padding-bottom:.5rem;margin-bottom:1rem;border-top:1px solid hsl(var(--border) / .5)}.hero-stats-mobile .stat{text-align:center}.hero-stats-mobile .stat-value{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stats-mobile .stat-label{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.hero-buttons{justify-content:center}.hero-highlights{justify-content:center}.hero-floating-card{display:flex}.hero-floating-card.live-badge{top:.5rem;right:.5rem;padding:.25rem .5rem;font-size:.5rem}.hero-floating-card.live-badge .ping{width:.5rem;height:.5rem}.hero-floating-card.qr-card{bottom:.5rem;left:.5rem;padding:.5rem .625rem}.hero-floating-card.qr-card .card-icon{width:1.25rem;height:1.25rem}.hero-floating-card.qr-card .card-icon svg{width:1rem;height:1rem}.hero-floating-card.qr-card .card-title{font-size:.75rem}.hero-floating-card.qr-card .card-subtitle{font-size:.625rem}}@media (min-width:769px){.mobile-menu-toggle,.mobile-drawer,.mobile-drawer-overlay{display:none!important}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseSoft{0%,100%{opacity:1}50%{opacity:.7}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes scaleIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes bounceSubtle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.animate-fade-in-up{animation:fadeInUp 0.6s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-soft{animation:pulseSoft 2s ease-in-out infinite}.animate-scale-in{animation:scaleIn 0.3s ease forwards}.animate-hidden{opacity:0;transform:translateY(30px)}.animate-visible{opacity:1;transform:translateY(0);transition:opacity 0.6s cubic-bezier(.4,0,.2,1),transform 0.6s cubic-bezier(.4,0,.2,1)}.section-header.animate-hidden{opacity:0;transform:translateY(20px) scale(.98)}.section-header.animate-visible{opacity:1;transform:translateY(0) scale(1);transition:opacity 0.5s ease,transform 0.5s ease}.stagger-1{animation-delay:0.1s}.stagger-2{animation-delay:0.2s}.stagger-3{animation-delay:0.3s}.stagger-4{animation-delay:0.4s}.stagger-5{animation-delay:0.5s}.stagger-6{animation-delay:0.6s}.stagger-7{animation-delay:0.7s}.stagger-8{animation-delay:0.8s}.hover-scale{transition:transform 0.3s ease}.hover-scale:hover{transform:scale(1.02)}.price{position:relative;overflow:hidden}.monthly-price-wrapper,.yearly-price-wrapper{transition:opacity 0.3s ease,transform 0.3s ease}.popular-badge{background:linear-gradient(90deg,hsl(var(--primary)) 0%,hsl(160 84% 50%) 50%,hsl(var(--primary)) 100%);background-size:200% auto;animation:gradientFlow 3s ease infinite}.theme-toggle{width:2.5rem;height:2.5rem;border-radius:.5rem;border:1px solid hsl(var(--border));background:hsl(var(--secondary));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s}.theme-toggle:hover{border-color:hsl(var(--primary) / .3);background:hsl(var(--primary) / .05)}.theme-toggle .icon-sun,.dark .theme-toggle .icon-moon{display:none}.dark .theme-toggle .icon-sun,.theme-toggle .icon-moon{display:block}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:hsl(var(--card) / .95);backdrop-filter:blur(20px);border-top:1px solid hsl(var(--border) / .5);padding:.5rem 0;z-index:90}@media (max-width:768px){.bottom-nav{display:block}.site-main{padding-bottom:4.5rem}}.bottom-nav ul{display:flex;justify-content:space-around;align-items:center;list-style:none;max-width:400px;margin:0 auto}.bottom-nav li{flex:1}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;font-size:.625rem;font-weight:500;color:hsl(var(--muted-foreground));transition:color 0.3s}.bottom-nav a:hover,.bottom-nav a.active{color:hsl(var(--primary))}.bottom-nav a svg{width:1.25rem;height:1.25rem}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:calc(0.5rem + env(safe-area-inset-bottom))}@media (max-width:768px){.site-main{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:hsl(var(--secondary))}::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground) / .3);border-radius:5px;border:2px solid hsl(var(--secondary))}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary) / .6)}@media (max-width:768px){::-webkit-scrollbar{display:none}body{scrollbar-width:none;-webkit-overflow-scrolling:touch}}::selection{background:hsl(var(--primary) / .2);color:hsl(var(--primary))}.btn-primary{position:relative;background:linear-gradient(135deg,hsl(var(--primary)) 0%,hsl(160 84% 30%) 100%);color:hsl(var(--primary-foreground));box-shadow:0 4px 20px -5px hsl(var(--primary) / .4);overflow:hidden}.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,hsl(160 84% 50%) 0%,hsl(var(--primary)) 100%);opacity:0;transition:opacity 0.3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px hsl(var(--primary) / .35),0 0 40px hsl(var(--primary) / .2),0 8px 30px -5px hsl(var(--primary) / .5)}.btn-primary:hover::before{opacity:1}.btn-primary span,.btn-primary svg{position:relative;z-index:1}@media (min-width:1024px){.pricing-card.popular{transform:translateY(-1.5rem);margin-bottom:1.5rem}.pricing-card.popular:hover{transform:translateY(calc(-1.5rem - 4px))}}.site-logo img{width:40px;height:40px;border-radius:.75rem;object-fit:contain}@media (min-width:640px){.site-logo img{width:44px;height:44px}}.features-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.pricing-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:640px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pricing-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}.whatsapp-widget{position:fixed;right:1rem;bottom:6rem;z-index:1000}@media (min-width:1024px){.whatsapp-widget{bottom:2rem}}.whatsapp-fab{position:relative;z-index:5;width:3.5rem;height:3.5rem;border-radius:50%;border:none;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(37,211,102,.4);transition:all 0.3s ease;animation:whatsappFadeIn 0.5s ease 0.5s both}.whatsapp-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,.5)}.whatsapp-fab svg{width:1.75rem;height:1.75rem}@keyframes whatsappFadeIn{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.whatsapp-popup{position:absolute;bottom:4rem;right:0;z-index:10;width:320px;background:#fff;border-radius:.75rem;box-shadow:0 10px 40px rgba(0,0,0,.2);overflow:hidden;opacity:0;transform:scale(.8) translateY(20px);transform-origin:bottom right;pointer-events:none;transition:all 0.3s ease}.whatsapp-popup.active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.whatsapp-popup-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);color:#fff;cursor:pointer}.whatsapp-header-left{display:flex;align-items:center;gap:.5rem;font-weight:600}.whatsapp-header-left .whatsapp-icon{width:1.25rem;height:1.25rem}.whatsapp-header-right{display:flex;align-items:center;gap:.375rem;font-size:.875rem}.whatsapp-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f0f0f0;font-size:.875rem;color:#666}.status-dot{width:.5rem;height:.5rem;background:#25D366;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.whatsapp-chat-area{padding:1rem;min-height:140px;background:#e5ddd5;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAG1BMVEXMzMyWlpaqqqq3t7ejo6OcnJy+vr6xsbGnp6cW3lptAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAQUlEQVQ4jWNgGAWjYBSMglEwCkbBKBgFo2AUjAIqAMY/gPj/n79AIBCDgQJBQIABAAA=//Z);background-repeat:repeat}.whatsapp-message-row{display:flex;align-items:flex-start;gap:.5rem}.whatsapp-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0}.whatsapp-avatar img{width:100%;height:100%;object-fit:cover}.whatsapp-message-content{flex:1}.whatsapp-sender{font-size:.875rem;font-weight:600;color:#128C7E}.whatsapp-bubble{background:#fff;border-radius:.5rem;border-top-left-radius:0;padding:.75rem;margin-top:.25rem;box-shadow:0 1px 2px rgba(0,0,0,.1);max-width:200px}.whatsapp-bubble p{font-size:.875rem;color:#333;margin:0;line-height:1.4}.whatsapp-bubble p+p{margin-top:.25rem}.whatsapp-time{display:block;font-size:.75rem;color:#999;text-align:right;margin-top:.5rem}.whatsapp-input-area{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f0f0f0}.whatsapp-input-area input{flex:1;padding:.625rem 1rem;border:none;border-radius:1.5rem;background:#fff;font-size:.875rem;outline:none}.whatsapp-input-area input::placeholder{color:#999}.whatsapp-send-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s}.whatsapp-send-btn:hover{transform:scale(1.05)}.whatsapp-close-btn{position:absolute;bottom:4.5rem;right:-.5rem;z-index:15;width:2rem;height:2rem;border-radius:50%;border:none;background:#ef4444;color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all 0.2s}.whatsapp-close-btn:hover{background:#dc2626}.whatsapp-close-btn.active{display:flex;bottom:calc(4rem + 320px)}.post-hero{padding:8rem 0 3rem;background:linear-gradient(180deg,hsl(var(--background)) 0%,hsl(160 30% 96%) 50%,hsl(var(--background)) 100%)}.post-hero-content{max-width:800px;margin:0 auto;text-align:center}.post-categories{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.post-category-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;background:linear-gradient(135deg,hsl(160 84% 39% / .1) 0%,hsl(160 84% 39% / .05) 100%);color:hsl(160 84% 35%);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;border:1px solid hsl(160 84% 39% / .2);text-decoration:none;transition:all 0.3s ease}.post-category-badge:hover{background:hsl(160 84% 39%);color:#fff;border-color:hsl(160 84% 39%)}.post-title{font-family:'Outfit',sans-serif;font-size:clamp(2rem, 5vw, 3.5rem);font-weight:800;line-height:1.2;color:hsl(var(--foreground));margin-bottom:1.5rem;letter-spacing:-.02em}.post-meta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.post-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.post-meta-item svg{color:hsl(160 84% 39%)}.post-meta-divider{width:4px;height:4px;background:hsl(var(--border));border-radius:50%}.post-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid hsl(160 84% 39% / .3)}.author-info{display:flex;flex-direction:column;text-align:left}.author-name{font-weight:600;color:hsl(var(--foreground));font-size:.875rem}.author-role{font-size:.75rem;color:hsl(var(--muted-foreground))}.post-featured-image{margin-top:-1rem;margin-bottom:3rem}.featured-image-wrapper{max-width:1000px;margin:0 auto;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 40px -15px hsl(var(--foreground) / .15)}.featured-image{width:100%;height:auto;display:block}.post-content-wrapper{padding:2rem 0 4rem}.post-layout{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto}@media (min-width:1024px){.post-layout{grid-template-columns:1fr 280px}}.post-content{max-width:720px}.post-content h2{font-family:'Outfit',sans-serif;font-size:1.75rem;font-weight:700;color:hsl(var(--foreground));margin:2.5rem 0 1rem;scroll-margin-top:6rem}.post-content h3{font-family:'Outfit',sans-serif;font-size:1.375rem;font-weight:600;color:hsl(var(--foreground));margin:2rem 0 .75rem;scroll-margin-top:6rem}.post-content p{font-size:1.0625rem;line-height:1.8;color:hsl(var(--foreground) / .85);margin-bottom:1.5rem}.post-content a{color:hsl(160 84% 35%);text-decoration:underline;text-decoration-color:hsl(160 84% 39% / .3);text-underline-offset:3px;transition:all 0.2s}.post-content a:hover{color:hsl(160 84% 30%);text-decoration-color:hsl(160 84% 39%)}.post-content ul,.post-content ol{margin:1.5rem 0;padding-left:1.5rem}.post-content li{font-size:1.0625rem;line-height:1.8;color:hsl(var(--foreground) / .85);margin-bottom:.75rem}.post-content blockquote{border-left:4px solid hsl(160 84% 39%);padding:1rem 1.5rem;margin:2rem 0;background:hsl(160 84% 39% / .05);border-radius:0 .75rem .75rem 0;font-style:italic}.post-content blockquote p{margin:0;font-size:1.125rem;color:hsl(var(--foreground) / .9)}.post-content img{max-width:100%;height:auto;border-radius:1rem;margin:2rem 0}.post-content pre{background:hsl(var(--foreground));color:hsl(var(--background));padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:2rem 0;font-size:.875rem}.post-content code{background:hsl(var(--muted));padding:.2rem .5rem;border-radius:.25rem;font-size:.9em}.post-content pre code{background:transparent;padding:0}.post-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding-top:2rem;margin-top:2rem;border-top:1px solid hsl(var(--border))}.tags-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.tags-label svg{color:hsl(160 84% 39%)}.post-tags a{display:inline-block;padding:.375rem .875rem;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));font-size:.8125rem;font-weight:500;border-radius:.5rem;text-decoration:none;transition:all 0.2s}.post-tags a:hover{background:hsl(160 84% 39%);color:#fff}.post-sidebar{position:sticky;top:6rem;height:fit-content}.sidebar-widget{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:1.25rem;margin-bottom:1.5rem}.widget-title{font-family:'Outfit',sans-serif;font-size:.9375rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:1rem}.share-buttons{display:flex;gap:.5rem}.share-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;color:#fff;transition:all 0.2s}.share-twitter{background:#1DA1F2}.share-twitter:hover{background:#0c8bd9}.share-facebook{background:#4267B2}.share-facebook:hover{background:#365899}.share-linkedin{background:#0077B5}.share-linkedin:hover{background:#005885}.share-whatsapp{background:#25D366}.share-whatsapp:hover{background:#128C7E}.toc-nav{display:flex;flex-direction:column;gap:.5rem}.toc-link{display:block;padding:.5rem .75rem;font-size:.8125rem;color:hsl(var(--muted-foreground));text-decoration:none;border-radius:.5rem;transition:all 0.2s;border-left:2px solid transparent}.toc-link:hover{color:hsl(160 84% 35%);background:hsl(160 84% 39% / .05);border-left-color:hsl(160 84% 39%)}.toc-h3{padding-left:1.25rem;font-size:.75rem}.author-box-section{padding:3rem 0;background:hsl(var(--secondary) / .5)}.author-box{display:flex;gap:1.5rem;max-width:720px;margin:0 auto;padding:2rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1.5rem;box-shadow:0 4px 15px hsl(var(--foreground) / .05)}.author-box-avatar{flex-shrink:0}.author-box-img{width:80px;height:80px;border-radius:1rem;object-fit:cover;border:3px solid hsl(160 84% 39% / .2)}.author-box-content{flex:1}.author-box-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:hsl(160 84% 39%)}.author-box-name{font-family:'Outfit',sans-serif;font-size:1.375rem;font-weight:700;color:hsl(var(--foreground));margin:.25rem 0 .75rem}.author-box-bio{font-size:.9375rem;color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:1rem}.author-box-meta{display:flex;gap:1.25rem}.author-posts-count,.author-website{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:hsl(var(--muted-foreground))}.author-website{color:hsl(160 84% 35%);text-decoration:none}.author-website:hover{text-decoration:underline}.post-navigation-section{padding:2rem 0;border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border))}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:900px;margin:0 auto}.post-nav-link{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;text-decoration:none;transition:all 0.3s}.post-nav-link:hover{border-color:hsl(160 84% 39% / .3);box-shadow:0 4px 15px hsl(160 84% 39% / .1);transform:translateY(-2px)}.post-nav-prev{text-align:left}.post-nav-next{text-align:right}.post-nav-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:hsl(160 84% 39%)}.post-nav-next .post-nav-label{justify-content:flex-end}.post-nav-title{font-family:'Outfit',sans-serif;font-size:1rem;font-weight:600;color:hsl(var(--foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-nav-empty{visibility:hidden}.related-posts-section{padding:4rem 0;background:linear-gradient(180deg,hsl(var(--background)) 0%,hsl(160 30% 97%) 50%,hsl(var(--background)) 100%)}.section-header-compact{text-align:center;margin-bottom:2.5rem}.section-title-sm{font-family:'Outfit',sans-serif;font-size:1.75rem;font-weight:800;color:hsl(var(--foreground));margin-bottom:.5rem}.section-subtitle-sm{font-size:1rem;color:hsl(var(--muted-foreground))}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.related-post-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;overflow:hidden;transition:all 0.3s}.related-post-card:hover{border-color:hsl(160 84% 39% / .3);box-shadow:0 8px 25px hsl(160 84% 39% / .1);transform:translateY(-4px)}.related-post-image{display:block;aspect-ratio:16/10;overflow:hidden}.related-post-thumb{width:100%;height:100%;object-fit:cover;transition:transform 0.4s}.related-post-card:hover .related-post-thumb{transform:scale(1.05)}.related-post-content{padding:1.25rem}.related-post-category{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:hsl(160 84% 35%);margin-bottom:.5rem}.related-post-title{font-family:'Outfit',sans-serif;font-size:1.0625rem;font-weight:700;line-height:1.4;margin-bottom:.75rem}.related-post-title a{color:hsl(var(--foreground));text-decoration:none;transition:color 0.2s}.related-post-title a:hover{color:hsl(160 84% 35%)}.related-post-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:hsl(var(--muted-foreground))}.meta-dot{font-size:.625rem}.comments-section{padding:4rem 0}.comments-area{max-width:720px;margin:0 auto}.comments-title{display:flex;align-items:center;gap:.75rem;font-family:'Outfit',sans-serif;font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:2rem}.comments-title svg{color:hsl(160 84% 39%)}.comment-list{list-style:none;padding:0;margin:0 0 3rem}.comment-parent{padding:1.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;margin-bottom:1rem}.comment-reply{padding:1.25rem;background:hsl(var(--secondary) / .5);border-radius:.75rem;margin:1rem 0 0 2rem}.comment-body{display:flex;flex-direction:column;gap:1rem}.comment-header{display:flex;align-items:center;gap:.75rem}.comment-author-avatar .avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover}.comment-meta{display:flex;flex-direction:column}.comment-author-name{font-weight:600;color:hsl(var(--foreground));font-size:.9375rem}.comment-date{font-size:.8125rem;color:hsl(var(--muted-foreground))}.comment-content{font-size:.9375rem;line-height:1.7;color:hsl(var(--foreground) / .9)}.comment-content p{margin:0}.comment-footer{display:flex;gap:1rem}.reply-link a,.edit-link a{font-size:.8125rem;font-weight:500;color:hsl(160 84% 35%);text-decoration:none}.reply-link a:hover,.edit-link a:hover{text-decoration:underline}.comment-reply-title{font-family:'Outfit',sans-serif;font-size:1.375rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem}.comment-notes{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.comment-form label{display:block;font-size:.875rem;font-weight:500;color:hsl(var(--foreground));margin-bottom:.5rem}.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;padding:.75rem 1rem;font-size:.9375rem;color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;transition:all 0.2s}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:hsl(160 84% 39%);box-shadow:0 0 0 3px hsl(160 84% 39% / .1)}.comment-form-author,.comment-form-email,.comment-form-url,.comment-form-comment{margin-bottom:1.25rem}.submit-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;color:#fff;background:linear-gradient(135deg,hsl(160 84% 39%) 0%,hsl(170 76% 32%) 100%);border:none;border-radius:.75rem;cursor:pointer;transition:all 0.3s}.submit-btn:hover{box-shadow:0 4px 15px hsl(160 84% 39% / .4);transform:translateY(-2px)}.no-comments{font-size:.9375rem;color:hsl(var(--muted-foreground));text-align:center;padding:2rem;background:hsl(var(--secondary));border-radius:.75rem}@media (max-width:768px){.post-hero{padding:6rem 0 2rem}.post-meta{flex-direction:column;gap:.75rem}.post-meta-divider{display:none}.author-box{flex-direction:column;text-align:center}.author-box-meta{justify-content:center}.post-navigation{grid-template-columns:1fr}.post-nav-next{text-align:left}.post-nav-next .post-nav-label{justify-content:flex-start}.post-sidebar{display:none}.comment-reply{margin-left:1rem}}.gpp-sc-button-wrapper{display:block;width:100%}.gpp-sc-button-wrapper sc-buy-button,.gpp-sc-button-wrapper .sc-buy-button{display:block;width:100%}.gpp-sc-button-wrapper sc-buy-button::part(button),.gpp-sc-button-wrapper .sc-buy-button button,.gpp-sc-button-wrapper sc-checkout-form-submit::part(button){width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;font-size:1rem;border-radius:.75rem;transition:all 0.3s ease;font-family:'Plus Jakarta Sans','Outfit',sans-serif;cursor:pointer;border:2px solid hsl(var(--border));background:transparent;color:hsl(var(--foreground))}.gpp-sc-button-wrapper sc-buy-button::part(button):hover,.gpp-sc-button-wrapper .sc-buy-button button:hover{border-color:hsl(var(--primary) / .3);background:hsl(var(--primary) / .05)}.gpp-sc-button-wrapper.popular sc-buy-button::part(button),.gpp-sc-button-wrapper.popular .sc-buy-button button,.pricing-card.popular .gpp-sc-button-wrapper sc-buy-button::part(button),.pricing-card.popular .gpp-sc-button-wrapper .sc-buy-button button{background:linear-gradient(135deg,hsl(var(--primary)) 0%,hsl(160 84% 30%) 100%);color:#fff;border:none;box-shadow:0 4px 20px -5px hsl(var(--primary) / .4)}.gpp-sc-button-wrapper.popular sc-buy-button::part(button):hover,.gpp-sc-button-wrapper.popular .sc-buy-button button:hover,.pricing-card.popular .gpp-sc-button-wrapper sc-buy-button::part(button):hover,.pricing-card.popular .gpp-sc-button-wrapper .sc-buy-button button:hover{transform:translateY(-2px);box-shadow:0 8px 30px -5px hsl(var(--primary) / .5)}.sc-monthly-btn,.sc-yearly-btn{width:100%}.pricing-card .gpp-sc-button-wrapper,.pricing-card .sc-monthly-btn,.pricing-card .sc-yearly-btn{width:100%}.pricing-card .pricing-cta-btn{width:100%;text-align:center}.product-breadcrumb{padding:1.25rem 0;background:hsl(var(--secondary) / .3);border-bottom:1px solid hsl(var(--border) / .5)}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.breadcrumb-item{display:flex;align-items:center;gap:.375rem}.breadcrumb-item a{display:flex;align-items:center;gap:.375rem;color:hsl(var(--muted-foreground));font-size:.875rem;transition:color 0.2s}.breadcrumb-item a:hover{color:hsl(160 84% 35%)}.breadcrumb-item.current{color:hsl(var(--foreground));font-weight:600;font-size:.875rem}.breadcrumb-separator{color:hsl(var(--muted-foreground) / .5);display:flex;align-items:center}.product-hero{padding:3rem 0 4rem}.product-layout{display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width:1024px){.product-layout{grid-template-columns:1fr 1fr;gap:4rem}}.product-gallery{position:relative}@media (min-width:1024px){.product-gallery{position:sticky;top:6rem}}.product-main-image{position:relative;border-radius:1.5rem;overflow:hidden;background:hsl(var(--secondary) / .5);aspect-ratio:4/3}.product-main-image img{width:100%;height:100%;object-fit:cover}.product-main-image.product-placeholder{display:flex;align-items:center;justify-content:center}.placeholder-icon{color:hsl(var(--muted-foreground) / .3)}.product-thumbnails{display:flex;gap:.75rem;margin-top:1rem;overflow-x:auto;padding-bottom:.5rem}.thumbnail-item{flex-shrink:0;width:80px;height:80px;border-radius:.75rem;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all 0.3s;opacity:.6}.thumbnail-item:hover,.thumbnail-item.active{opacity:1;border-color:hsl(160 84% 39%)}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.product-summary{display:flex;flex-direction:column;gap:1.25rem}.service-category-badges{display:flex;flex-wrap:wrap;gap:.5rem}.service-category-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:linear-gradient(135deg,hsl(160 84% 39% / .1) 0%,hsl(174 84% 32% / .1) 100%);color:hsl(160 84% 35%);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:2rem;border:1px solid hsl(160 84% 39% / .2)}.service-category-badge.digital{background:linear-gradient(135deg,hsl(217 91% 60% / .1) 0%,hsl(239 84% 67% / .1) 100%);color:hsl(217 91% 50%);border-color:hsl(217 91% 60% / .2)}.service-title{font-family:'Outfit',sans-serif;font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:800;line-height:1.2;color:hsl(var(--foreground))}.product-rating{display:flex;align-items:center;gap:.75rem}.star-rating{display:flex;gap:.125rem}.star-rating .star{color:hsl(var(--muted-foreground) / .3)}.star-rating .star.filled{color:hsl(45 93% 47%)}.rating-text{font-size:.875rem;color:hsl(var(--muted-foreground))}.service-tagline{font-size:1.125rem;line-height:1.7;color:hsl(var(--muted-foreground))}.service-pricing{display:flex;align-items:baseline;gap:.5rem;font-family:'Outfit',sans-serif}.price-original{font-size:1.25rem;color:hsl(var(--muted-foreground));text-decoration:line-through}.price-amount{font-size:2.25rem;font-weight:800;color:hsl(160 84% 35%)}.price-amount .woocommerce-Price-amount{color:inherit}.price-period{font-size:1rem;color:hsl(var(--muted-foreground));font-weight:500}.service-quick-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;list-style:none;padding:0;margin:0}.service-quick-features li{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:hsl(var(--foreground) / .85)}.service-quick-features li svg{color:hsl(160 84% 39%);flex-shrink:0}.service-subscribe-btn{margin-top:.5rem}.service-subscribe-btn .single_add_to_cart_button,.service-subscribe-btn .button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;color:#fff;background:linear-gradient(135deg,hsl(160 84% 39%) 0%,hsl(160 84% 30%) 100%);border:none;border-radius:1rem;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 20px hsl(160 84% 39% / .3)}.service-subscribe-btn .single_add_to_cart_button:hover,.service-subscribe-btn .button:hover{transform:translateY(-3px);box-shadow:0 8px 30px hsl(160 84% 39% / .4)}.service-subscribe-btn .quantity{display:none}.service-guarantees{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.5rem;border-top:1px solid hsl(var(--border) / .5)}.guarantee-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.guarantee-item svg{color:hsl(160 84% 39%)}.product-meta-info{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid hsl(var(--border) / .5)}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.meta-label{display:flex;align-items:center;gap:.25rem;color:hsl(var(--muted-foreground))}.meta-value{color:hsl(var(--foreground) / .85)}.product-share{display:flex;align-items:center;gap:1rem;padding-top:.75rem}.share-label{font-size:.875rem;font-weight:600;color:hsl(var(--muted-foreground))}.product-share .share-buttons{display:flex;gap:.5rem}.product-share .share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;color:#fff;transition:all 0.3s}.product-share .share-twitter{background:#1DA1F2}.product-share .share-facebook{background:#4267B2}.product-share .share-linkedin{background:#0077B5}.product-share .share-btn:hover{transform:translateY(-2px);opacity:.9}.service-features-section{padding:4rem 0;background:linear-gradient(180deg,hsl(var(--background)) 0%,hsl(var(--secondary) / .3) 50%,hsl(var(--background)) 100%)}.service-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width:768px){.service-features-grid{grid-template-columns:repeat(4,1fr)}}.service-feature-card{background:hsl(var(--card));border:1px solid hsl(var(--border) / .5);border-radius:1rem;padding:1.5rem;text-align:center;transition:all 0.3s}.service-feature-card:hover{border-color:hsl(160 84% 39% / .3);transform:translateY(-4px);box-shadow:0 8px 25px hsl(160 84% 39% / .1)}.service-feature-card .feature-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:1rem;color:#fff;margin-bottom:1rem}.service-feature-card h4{font-size:1rem;font-weight:700;margin-bottom:.25rem;color:hsl(var(--foreground))}.service-feature-card p{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.product-tabs-section{padding:3rem 0}.product-tabs{max-width:900px;margin:0 auto}.tabs-nav{display:flex;gap:.5rem;border-bottom:1px solid hsl(var(--border));margin-bottom:2rem;overflow-x:auto}.tab-btn{padding:1rem 1.5rem;font-weight:600;color:hsl(var(--muted-foreground));background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all 0.2s;white-space:nowrap}.tab-btn:hover,.tab-btn.active{color:hsl(160 84% 35%);border-bottom-color:hsl(160 84% 39%)}.tab-panel{display:none}.tab-panel.active{display:block}.tab-content-inner{line-height:1.8;color:hsl(var(--foreground) / .85)}.tab-content-inner h2,.tab-content-inner h3{margin-top:1.5rem;margin-bottom:.75rem}.tab-content-inner p{margin-bottom:1rem}.tab-content-inner ul,.tab-content-inner ol{margin-bottom:1rem;padding-left:1.5rem}.service-trust-section{padding:4rem 0;background:linear-gradient(180deg,hsl(var(--background)) 0%,hsl(160 30% 97%) 50%,hsl(var(--background)) 100%)}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width:768px){.trust-grid{grid-template-columns:repeat(4,1fr)}}.trust-item{text-align:center;padding:1.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border) / .5);border-radius:1rem;transition:all 0.3s}.trust-item:hover{border-color:hsl(160 84% 39% / .3);transform:translateY(-4px);box-shadow:0 8px 25px hsl(160 84% 39% / .1)}.trust-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:1rem;color:#fff;margin-bottom:1rem}.trust-item h4{font-size:1rem;font-weight:700;margin-bottom:.25rem;color:hsl(var(--foreground))}.trust-item p{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.related-products-section{padding:4rem 0}.related-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width:768px){.related-products-grid{grid-template-columns:repeat(4,1fr)}}.related-product-card{background:hsl(var(--card));border:1px solid hsl(var(--border) / .5);border-radius:1rem;overflow:hidden;transition:all 0.3s}.related-product-card:hover{border-color:hsl(160 84% 39% / .3);box-shadow:0 8px 25px hsl(160 84% 39% / .1);transform:translateY(-4px)}.product-image-link{display:block;aspect-ratio:1;overflow:hidden}.related-product-card .product-thumb{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.related-product-card:hover .product-thumb{transform:scale(1.05)}.product-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsl(var(--secondary) / .5);color:hsl(var(--muted-foreground) / .3)}.product-card-content{padding:1rem}.product-card-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;line-height:1.3}.product-card-title a{color:hsl(var(--foreground));transition:color 0.2s}.product-card-title a:hover{color:hsl(160 84% 35%)}.product-card-price{font-weight:700;color:hsl(160 84% 35%)}@media (max-width:767px){.product-hero{padding:2rem 0 3rem}.service-quick-features{grid-template-columns:1fr}.service-guarantees{flex-direction:column;gap:.75rem}.tabs-nav{gap:0}.tab-btn{padding:.875rem 1rem;font-size:.875rem}}.gpp-sc-product-page{padding-bottom:4rem}.sc-product-hero{padding:2rem 0 4rem}.sc-product-layout{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width:1024px){.sc-product-layout{grid-template-columns:1fr 1fr;gap:4rem;align-items:start}}.sc-product-gallery{position:sticky;top:6rem}.sc-product-gallery .sc-product-media,.sc-product-gallery .sc-product-media__slider{border-radius:1.5rem;overflow:hidden;box-shadow:0 8px 30px hsl(var(--foreground) / .1)}.sc-product-gallery img{width:100%;height:auto;object-fit:cover}.sc-product-summary{display:flex;flex-direction:column;gap:1.25rem}.sc-product-title{font-family:'Outfit',sans-serif;font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:800;line-height:1.2;color:hsl(var(--foreground));margin:0}.sc-product-pricing{margin:1rem 0}.sc-product-pricing .sc-price-choices,.sc-product-pricing .sc-product-price-choices{display:flex;flex-direction:column;gap:.75rem}.sc-product-pricing .sc-price-choice,.sc-product-pricing .sc-product-price-choice{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:hsl(var(--card));border:2px solid hsl(var(--border));border-radius:1rem;cursor:pointer;transition:all 0.3s}.sc-product-pricing .sc-price-choice:hover,.sc-product-pricing .sc-product-price-choice:hover{border-color:hsl(160 84% 39% / .5);background:hsl(160 84% 39% / .05)}.sc-product-pricing .sc-price-choice.selected,.sc-product-pricing .sc-product-price-choice.selected,.sc-product-pricing .sc-price-choice[aria-checked="true"],.sc-product-pricing .sc-product-price-choice[aria-checked="true"]{border-color:hsl(160 84% 39%);background:linear-gradient(135deg,hsl(160 84% 39% / .1) 0%,hsl(174 84% 32% / .1) 100%)}.sc-product-quantity{margin:.5rem 0}.sc-product-quantity label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:hsl(var(--foreground))}.sc-product-quantity input{width:100px;height:48px;text-align:center;font-size:1rem;font-weight:600;border:2px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--card))}.sc-product-quantity input:focus{outline:none;border-color:hsl(160 84% 39%)}.sc-add-to-cart-alt{display:flex;justify-content:center}.sc-add-to-cart-alt .sc-product-cart-button,.sc-add-to-cart-alt .sc-cart-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;color:hsl(var(--foreground));background:transparent;border:2px solid hsl(var(--border));border-radius:1rem;cursor:pointer;transition:all 0.3s}.sc-add-to-cart-alt .sc-product-cart-button:hover,.sc-add-to-cart-alt .sc-cart-button:hover{border-color:hsl(160 84% 39%);background:hsl(160 84% 39% / .05);color:hsl(160 84% 35%)}.gpp-sc-products-grid{display:grid;gap:1.5rem}.gpp-sc-products-grid.columns-2{grid-template-columns:repeat(2,1fr)}.gpp-sc-products-grid.columns-3{grid-template-columns:repeat(3,1fr)}.gpp-sc-products-grid.columns-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.gpp-sc-products-grid.columns-3,.gpp-sc-products-grid.columns-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.gpp-sc-products-grid.columns-2,.gpp-sc-products-grid.columns-3,.gpp-sc-products-grid.columns-4{grid-template-columns:1fr}}.gpp-sc-product-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1.25rem;overflow:hidden;transition:all 0.3s}.gpp-sc-product-card:hover{border-color:hsl(160 84% 39% / .3);box-shadow:0 8px 30px hsl(160 84% 39% / .1);transform:translateY(-4px)}.gpp-sc-product-card .product-card-media{aspect-ratio:4/3;overflow:hidden}.gpp-sc-product-card .product-card-media img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}.gpp-sc-product-card:hover .product-card-media img{transform:scale(1.05)}.gpp-sc-product-card .product-card-content{padding:1.25rem}.gpp-sc-product-card .product-card-title{font-size:1.125rem;font-weight:700;margin:0 0 .5rem;color:hsl(var(--foreground))}.gpp-sc-product-card .product-card-price{font-size:1.25rem;font-weight:800;color:hsl(160 84% 35%);margin-bottom:1rem}.gpp-sc-product-card .product-card-button{width:100%}.gpp-sc-product-card .product-card-button .sc-button,.gpp-sc-product-card .product-card-button button{width:100%;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;color:#fff;background:linear-gradient(135deg,hsl(160 84% 39%) 0%,hsl(160 84% 30%) 100%);border:none;border-radius:.75rem;cursor:pointer;transition:all 0.3s}.gpp-sc-product-card .product-card-button .sc-button:hover,.gpp-sc-product-card .product-card-button button:hover{transform:translateY(-2px);box-shadow:0 4px 15px hsl(160 84% 39% / .3)}.gpp-sc-button-wrapper .sc-button,.gpp-sc-button-wrapper .sc-product-buy-button,.gpp-sc-button-wrapper button[type="submit"]{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;color:white!important;background:linear-gradient(135deg,hsl(160 84% 39%) 0%,hsl(160 84% 30%) 100%)!important;border:none!important;border-radius:1rem!important;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 20px hsl(160 84% 39% / .3)}.gpp-sc-button-wrapper .sc-button:hover,.gpp-sc-button-wrapper .sc-product-buy-button:hover,.gpp-sc-button-wrapper button[type="submit"]:hover{transform:translateY(-3px);box-shadow:0 8px 30px hsl(160 84% 39% / .4)}.gpp-sc-button-wrapper.popular .sc-button,.gpp-sc-button-wrapper.popular button{animation:pulse-glow 2s ease-in-out infinite}.gpp-error{padding:1rem;background:hsl(0 84% 60% / .1);border:1px solid hsl(0 84% 60% / .3);border-radius:.75rem;color:hsl(0 84% 40%);text-align:center}@media (max-width:767px){.sc-product-hero{padding:1.5rem 0 3rem}.sc-product-gallery{position:static}}.video-embed-container{position:relative;max-width:28rem;margin:0 auto 2rem}.video-embed-container.video-embed-large{max-width:56rem;margin-bottom:2.5rem}@media (min-width:640px){.video-embed-container{margin-bottom:2.5rem}.video-embed-container.video-embed-large{margin-bottom:3.5rem}}@media (min-width:1024px){.video-embed-container.video-embed-large{margin-bottom:4rem}}.video-glow-bg{position:absolute;inset:-.5rem;background:linear-gradient(to right,hsl(var(--primary) / .15),hsl(var(--accent) / .15),hsl(var(--primary) / .15));border-radius:1rem;filter:blur(1rem);animation:pulse 3s ease-in-out infinite;opacity:.5}@media (min-width:640px){.video-glow-bg{inset:-.75rem;border-radius:1.5rem;filter:blur(1.5rem)}}@media (min-width:1024px){.video-embed-container.video-embed-large .video-glow-bg{inset:-1rem;border-radius:2rem;filter:blur(2rem)}}.video-glow-secondary{position:absolute;inset:-.25rem;background:linear-gradient(135deg,hsl(160 84% 39% / .1),hsl(217 91% 60% / .1),hsl(270 95% 75% / .1));border-radius:1rem;filter:blur(.75rem);opacity:.6}@media (min-width:640px){.video-glow-secondary{inset:-.5rem;filter:blur(1rem)}}@media (min-width:1024px){.video-embed-container.video-embed-large .video-glow-secondary{inset:-.75rem;filter:blur(1.25rem)}}.video-frame{position:relative;border-radius:.75rem;overflow:hidden;border:3px solid hsl(var(--foreground) / .3);box-shadow:0 0 40px -5px hsl(var(--primary) / .5);transition:all 0.5s ease}.video-frame:hover{box-shadow:0 0 60px -5px hsl(var(--primary) / .7);border-color:hsl(var(--foreground) / .5)}@media (min-width:640px){.video-frame{border-radius:1rem}}@media (min-width:1024px){.video-embed-container.video-embed-large .video-frame{border-radius:1.5rem;box-shadow:0 0 50px -5px hsl(var(--primary) / .5)}.video-embed-container.video-embed-large .video-frame:hover{box-shadow:0 0 80px -5px hsl(var(--primary) / .7)}}.video-gradient-overlay{position:absolute;inset:0;border-radius:.75rem;background:linear-gradient(to right,hsl(var(--primary) / .3),transparent,hsl(var(--accent) / .3));pointer-events:none;z-index:10}@media (min-width:640px){.video-gradient-overlay{border-radius:1rem}}@media (min-width:1024px){.video-embed-container.video-embed-large .video-gradient-overlay{border-radius:1.5rem}}.video-aspect-ratio{position:relative;width:100%;padding-bottom:56.25%}.video-aspect-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.video-reflection{position:absolute;bottom:-1rem;left:50%;transform:translateX(-50%);width:75%;height:1.5rem;background:linear-gradient(to right,hsl(var(--primary) / .2),hsl(var(--accent) / .2),hsl(var(--primary) / .2));filter:blur(1.5rem)}@media (min-width:1024px){.video-embed-container.video-embed-large .video-reflection{height:2rem;filter:blur(2rem)}}