:root{--smp-tech-blue:#020617;--smp-smart-blue:#1d4ed8;--smp-cyber-purple:#7c3aed;--smp-robolet:#e5e7eb}html{scroll-behavior:smooth}.public-hero{background:linear-gradient(135deg,#020617,#02071f 40%,#111827);position:relative;overflow:hidden}.public-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 20%,rgba(37,99,235,.35) 0,transparent 55%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.45) 0,transparent 55%),radial-gradient(circle at 50% 120%,rgba(6,182,212,.25) 0,transparent 60%);pointer-events:none}.public-feature-card{transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid hsl(var(--border));background:hsl(var(--card))}.public-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:hsl(var(--primary))}.public-feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--smp-smart-blue) 0,var(--smp-cyber-purple) 50%,#06b6d4 100%);margin-bottom:1.5rem;box-shadow:0 16px 32px rgba(15,23,42,.45)}.public-stats{background:radial-gradient(circle at 0 0,#1d4ed8 0,#020617 55%) no-repeat,radial-gradient(circle at 120% 120%,#7c3aed 0,#020617 60%) no-repeat;color:#e5e7eb;border-radius:24px;padding:4rem 2rem;border:1px solid rgba(148,163,184,.45);box-shadow:0 24px 60px rgba(15,23,42,.7)}.public-stat-number{font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem;letter-spacing:.04em}.public-stat-label{font-size:1.125rem;opacity:.9}.public-testimonial{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;padding:2rem;transition:all .3s ease}.public-testimonial:hover{box-shadow:0 12px 24px rgba(0,0,0,.1);transform:translateY(-4px)}.public-cta{background:radial-gradient(circle at 0 0,#1d4ed8 0,#020617 55%) no-repeat,radial-gradient(circle at 120% 120%,#7c3aed 0,#020617 60%) no-repeat;color:#e5e7eb;border-radius:24px;padding:4rem 2rem;text-align:center;border:1px solid rgba(148,163,184,.4)}.public-cta-button{background:var(--smp-robolet);color:#020617;padding:1rem 2rem;border-radius:12px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.public-cta-button:hover{transform:scale(1.05);box-shadow:0 18px 40px rgba(15,23,42,.85)}.public-section-header{text-align:center;margin-bottom:4rem}.public-section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:rgba(15,23,42,.7);color:#e5e7eb;font-size:.875rem;font-weight:600;margin-bottom:1rem}.public-section-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;color:#0b1120;letter-spacing:.02em}.public-section-description{font-size:1.25rem;color:#4b5563;max-width:42rem;margin:0 auto}.public-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff;border-bottom:1px solid rgba(15,23,42,.08)}.dark .public-nav{background:#0f172a;border-bottom:1px solid rgba(255,255,255,.1)}.public-nav-scrolled{background:#ffffff;box-shadow:0 8px 24px rgba(15,23,42,.06)}.dark .public-nav-scrolled{background:#0f172a;box-shadow:0 8px 24px rgba(0,0,0,.35)}.home-page{background:#f8fafc;color:#0f172a}.dark .home-page{background:#020617;color:#f8fafc}.home-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 55% at 8% -10%,rgba(99,102,241,.18),transparent 55%),radial-gradient(ellipse 70% 50% at 92% 0,rgba(168,85,247,.14),transparent 50%),radial-gradient(ellipse 50% 40% at 50% 110%,rgba(14,165,233,.12),transparent 55%),#f8fafc}.dark .home-hero{background:radial-gradient(ellipse 80% 55% at 8% -10%,rgba(99,102,241,.28),transparent 55%),radial-gradient(ellipse 70% 50% at 92% 0,rgba(168,85,247,.22),transparent 50%),#020617}.home-preview{background:linear-gradient(180deg,#ffffff,#f1f5f9);border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 60px rgba(15,23,42,.1)}.dark .home-preview{background:linear-gradient(180deg,#0f172a,#020617);border-color:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.45)}.home-cta{background:linear-gradient(135deg,#eef2ff,#f5f3ff 50%,#ecfeff);border:1px solid rgba(99,102,241,.18)}.dark .home-cta{background:linear-gradient(135deg,rgba(49,46,129,.45),rgba(15,23,42,.9));border-color:rgba(165,180,252,.2)}.home-legal-nav{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.dark .home-legal-nav{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}.public-benefits-list{list-style:none;padding:0}.public-benefits-list li{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid hsl(var(--border))}.public-benefits-list li:last-child{border-bottom:none}.public-benefit-icon{width:24px;height:24px;flex-shrink:0;color:var(--smp-smart-blue);margin-top:.25rem}.public-integration-card{background:rgba(15,23,42,.13);border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.public-integration-card:hover{border-color:var(--smp-smart-blue);transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.7)}.public-pricing-card{background:rgba(15,23,42,.158);border:1px solid rgba(148,163,184,.45);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative}.public-pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.public-pricing-card-popular{border-color:var(--smp-smart-blue);box-shadow:0 0 0 2px rgba(37,99,235,.3),0 24px 60px rgba(15,23,42,.85)}.public-pricing-badge{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,var(--smp-smart-blue) 0,var(--smp-cyber-purple) 60%,#06b6d4 100%);color:#e5e7eb;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600}.public-footer{background:#020617;border-top:1px solid rgba(148,163,184,.4);padding:4rem 0 2rem}.public-footer-link{color:#cbd5e1;transition:color .2s ease}.public-footer-link:hover{color:#ffffff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.public-fade-in-up{animation:fadeInUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.public-fade-in{animation:fadeIn .8s ease-out}@media (max-width:768px){.public-section-title{font-size:2rem}.public-section-description{font-size:1.125rem}.public-stat-number{font-size:2rem}}