:root{--navy-primary:#2b5797;--charcoal:#4c4c4e;--black:#252525;--silver:#a8a9ad;--electric-blue:#4cc9f0;--success-green:#06d6a0;--warning-yellow:#ffd166;--danger-red:#ef476f;--light-bg:#f8fafc;--dark-navy:#1a1a2e;--white:#fff}.marketing-page{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--black);line-height:1.6}.marketing-page h1{font-family:Poppins,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.1}.marketing-page h2{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--navy-primary)}.marketing-page h3{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--black)}.btn-primary{background-color:var(--electric-blue);color:var(--dark-navy);font-weight:600;padding:1rem 2rem;border-radius:.5rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{background-color:#3ab8e0;transform:translateY(-2px);box-shadow:0 8px 20px rgba(76,201,240,.4)}.btn-secondary{background-color:transparent;color:var(--navy-primary);font-weight:600;padding:1rem 2rem;border:2px solid var(--navy-primary);border-radius:.5rem;transition:all .2s ease}.btn-secondary:hover{background-color:var(--navy-primary);color:#fff}.btn-outline-light{background-color:transparent;color:#fff;font-weight:600;padding:1rem 2rem;border:2px solid hsla(0,0%,100%,.3);border-radius:.5rem;transition:all .2s ease}.btn-outline-light:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.btn-ghost{background-color:transparent;color:var(--navy-primary);font-weight:500;padding:.5rem 1rem;transition:all .2s ease;border-radius:.375rem}.btn-ghost:hover{color:var(--electric-blue);background-color:rgba(76,201,240,.1)}.nav-sticky{position:sticky;top:0;z-index:50;background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb}.hero-section{background:linear-gradient(135deg,var(--navy-primary) 0,var(--dark-navy) 100%);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(76,201,240,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(76,201,240,.1) 0,transparent 50%);pointer-events:none}.stats-bar{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid hsla(0,0%,100%,.1);margin-top:2rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;gap:.25rem}.stat-label{font-size:.875rem;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:3rem;background:hsla(0,0%,100%,.2)}.section-padding{padding:5rem 0}.section-light{background-color:var(--light-bg)}.section-dark{background:linear-gradient(135deg,var(--navy-primary) 0,var(--dark-navy) 100%)}.glass-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-radius:1.5rem;padding:2rem;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.08);transition:all .3s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.12),0 0 0 1px rgba(76,201,240,.3)}.feature-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid transparent}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px rgba(0,0,0,.12);border-color:rgba(76,201,240,.3)}.platform-card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 8px 24px rgba(0,0,0,.08);border:1px solid #e5e7eb}.dashboard-mockup{background:var(--dark-navy);border-radius:.75rem;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.2)}.mockup-header{background:var(--navy-primary);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.mockup-content{padding:1rem}.mockup-stat{border-radius:.5rem;padding:.5rem;text-align:center}.mockup-row,.mockup-stat{background:hsla(0,0%,100%,.05)}.mockup-row{border-radius:.375rem;padding:.5rem .75rem;font-size:.75rem;color:hsla(0,0%,100%,.8)}.phone-mockup-small{background:linear-gradient(135deg,#2d2d3a,#1a1a2e);border-radius:1.5rem;padding:.5rem;box-shadow:0 16px 40px rgba(0,0,0,.3);width:160px}.phone-screen-small{background:#1a1a2e;border-radius:1.25rem;padding:1rem;aspect-ratio:9/16}.role-card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid #e5e7eb}.role-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.pricing-card-tier{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.06);border:1px solid #e5e7eb;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.pricing-card-tier:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.pricing-popular{border:2px solid var(--electric-blue);box-shadow:0 8px 24px rgba(76,201,240,.2)}.popular-badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);background:var(--electric-blue);color:var(--dark-navy);font-size:.75rem;font-weight:600;padding:.25rem 1rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.testimonial-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.06);border-left:4px solid var(--electric-blue)}.step-number{width:3rem;height:3rem;border-radius:50%;background:var(--electric-blue);color:var(--dark-navy);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.25rem;position:relative;z-index:10}.phone-mockup{background:linear-gradient(135deg,#2d2d3a,#1a1a2e);border-radius:2.5rem;padding:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.1);max-width:280px}.phone-screen{background:#1a1a2e;border-radius:2rem;overflow:hidden;aspect-ratio:9/19}.faq-item{border-bottom:1px solid #e5e7eb}.faq-question{width:100%;text-align:left;padding:1.25rem 0;font-weight:600;font-size:1rem;color:var(--navy-primary);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .2s}.faq-question:hover{color:var(--electric-blue)}.faq-answer{padding-bottom:1.25rem;color:var(--charcoal);line-height:1.7}.trust-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(6,214,160,.1);border-radius:2rem;font-size:.875rem;font-weight:500;color:var(--navy-primary)}.stat-card{text-align:center}.stat-card .value{font-size:3rem;font-weight:800;color:var(--electric-blue)}.stat-card .label{font-size:.875rem;color:var(--silver);text-transform:uppercase;letter-spacing:.05em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate.animate-in-view{opacity:1;transform:translateY(0)}.scroll-animate-left{opacity:0;transform:translateX(-30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate-left.animate-in-view{opacity:1;transform:translateX(0)}.scroll-animate-right{opacity:0;transform:translateX(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate-right.animate-in-view{opacity:1;transform:translateX(0)}.scroll-animate-scale{opacity:0;transform:scale(.9);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate-scale.animate-in-view{opacity:1;transform:scale(1)}.stagger-children>:first-child{transition-delay:0ms}.stagger-children>:nth-child(2){transition-delay:.1s}.stagger-children>:nth-child(3){transition-delay:.2s}.stagger-children>:nth-child(4){transition-delay:.3s}.stagger-children>:nth-child(5){transition-delay:.4s}.stagger-children>:nth-child(6){transition-delay:.5s}.stagger-children>:nth-child(7){transition-delay:.6s}.stagger-children>:nth-child(8){transition-delay:.7s}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(76,201,240,.4)}50%{box-shadow:0 0 20px 10px rgba(76,201,240,0)}}.btn-pulse{animation:pulse-glow 2s infinite}.phone-3d{transform-style:preserve-3d;perspective:1000px}.phone-3d-inner{transform:rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.phone-3d:hover .phone-3d-inner{transform:rotateY(0deg) rotateX(0deg)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes float-delayed{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(-2deg)}}.floating-shape{animation:float 6s ease-in-out infinite}.floating-shape-delayed{animation:float-delayed 8s ease-in-out infinite}.connecting-line{position:relative;overflow:hidden}.connecting-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(76,201,240,.8),transparent);transform:translateX(-100%);animation:line-flow 3s ease-in-out infinite}@keyframes line-flow{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.btn-ghost:focus-visible,.btn-outline-light:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--electric-blue);outline-offset:2px}.faq-question:focus-visible{outline:2px solid var(--navy-primary);outline-offset:2px;border-radius:.25rem}.skip-link{position:absolute;top:-100%;left:0;background:var(--navy-primary);color:#fff;padding:.5rem 1rem;z-index:100;transition:top .3s}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){.scroll-animate,.scroll-animate-left,.scroll-animate-right,.scroll-animate-scale{transition:none;opacity:1;transform:none}.btn-pulse,.connecting-line:after,.floating-shape,.floating-shape-delayed{animation:none}.phone-3d-inner{transition:none}}@media (max-width:768px){.marketing-page h1{font-size:2.25rem}.marketing-page h2{font-size:1.75rem}.section-padding{padding:3rem 0}.stats-bar{gap:1rem;padding:1.5rem}.stat-divider{display:none}.stat-item{flex:1 1 40%;min-width:120px}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}.btn-outline-light,.btn-primary,.btn-secondary{width:100%;padding:1rem}.pricing-card-tier{padding:1.5rem}.phone-mockup{max-width:240px}}@media (max-width:640px){.stats-bar{flex-direction:column;gap:1.5rem}.stat-item{flex:none;width:100%}}