.landing-page{--color-primary:#0f3460;--color-primary-dark:#0a2347;--color-accent:#1976d2;--color-accent-light:#42a5f5;--color-accent-vivid:#1565c0;--color-bg:#f4f7ff;--color-bg-alt:#ebf2ff;--color-surface:#fff;--color-foreground:#0a1628;--color-muted:#64748b;--color-border:#dbeafe;--color-highlight:#e3f0ff;--font-display:"Fraunces",serif;--font-body:"DM Sans",sans-serif;scroll-behavior:smooth}@media (prefers-reduced-motion:no-preference){.landing-page{scroll-behavior:smooth}}.landing-page *{box-sizing:border-box}.landing-page{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.landing-page .reveal{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(2rem)}.landing-page .reveal.active{opacity:1;transform:translateY(0)}.landing-page .text-reveal-wrapper{vertical-align:bottom;display:inline-block;overflow:hidden}.landing-page .text-reveal-content{opacity:0;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity 1.2s;display:block;transform:translateY(110%)}.landing-page .reveal-active .text-reveal-content{opacity:1;transform:translateY(0)}.landing-page .delay-100{transition-delay:.1s}.landing-page .delay-200{transition-delay:.2s}.landing-page .delay-300{transition-delay:.3s}.landing-page .delay-400{transition-delay:.4s}.landing-page .delay-500{transition-delay:.5s}.landing-page .delay-600{transition-delay:.6s}.landing-page .delay-700{transition-delay:.7s}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes pulseRing{0%{transform:scale(.95);box-shadow:0 0 #1976d266}70%{transform:scale(1);box-shadow:0 0 0 12px #1976d200}to{transform:scale(.95);box-shadow:0 0 #1976d200}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blobMorph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.landing-page .float-up{animation:4s ease-in-out infinite floatUp}.landing-page .float-down{animation:5s ease-in-out infinite floatDown}.landing-page .pulse-ring{animation:2.5s cubic-bezier(.455,.03,.515,.955) infinite pulseRing}.landing-page .animate-blob{animation:8s ease-in-out infinite blobMorph}.landing-page .gradient-hero{background:linear-gradient(135deg,#0f3460 0%,#1565c0 40%,#1976d2 70%,#0d47a1 100%) 0 0/300% 300%;animation:12s infinite gradientShift}.landing-page .card-surface{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.landing-page .col-guide{background:linear-gradient(#0000,#1976d20a,#0000)}.landing-page .bento-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:2rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s;position:relative;overflow:hidden}.landing-page .bento-card:hover{border-color:var(--color-accent);transform:translateY(-6px);box-shadow:0 20px 60px #0f34601f}.landing-page .bento-card-accent{color:#fff;background:linear-gradient(135deg,#0f3460 0%,#1565c0 100%);border:none}.landing-page .pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:28px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.landing-page .pricing-card:hover{transform:translateY(-8px);box-shadow:0 24px 64px #0f346024}.landing-page .pricing-card-featured{color:#fff;background:linear-gradient(160deg,#0f3460 0%,#1565c0 100%);border:2px solid #42a5f5;transform:scale(1.03);box-shadow:0 24px 80px #0f34604d}.landing-page .pricing-card-featured:hover{transform:scale(1.03)translateY(-6px)}.landing-page .faq-item{border:1px solid var(--color-border);border-radius:16px;transition:border-color .3s,box-shadow .3s;overflow:hidden}.landing-page .faq-item.open{border-color:var(--color-accent);box-shadow:0 4px 24px #1976d214}.landing-page .faq-answer{max-height:0;transition:max-height .5s cubic-bezier(.16,1,.3,1),padding .3s;overflow:hidden}.landing-page .faq-answer.open{max-height:400px}.landing-page .chat-widget{z-index:999;position:fixed;bottom:28px;right:28px}.landing-page .chat-bubble{cursor:pointer;background:linear-gradient(135deg,#0f3460,#1976d2);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 32px #0f346066}.landing-page .chat-bubble:hover{transform:scale(1.1)}.landing-page .chat-panel{background:var(--color-surface);border:1px solid var(--color-border);transform-origin:100% 100%;opacity:0;pointer-events:none;border-radius:20px;width:320px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s;position:absolute;bottom:72px;right:0;transform:scale(.9)translateY(10px);box-shadow:0 24px 80px #0f346033}.landing-page .chat-panel.open{opacity:1;pointer-events:all;transform:scale(1)translateY(0)}.landing-page .notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.landing-page .pill-tag{background:var(--color-highlight);color:var(--color-accent);letter-spacing:.05em;border:1px solid var(--color-border);border-radius:100px;padding:4px 14px;font-size:12px;font-weight:700}.landing-page .section-badge{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.landing-page .parallax-element{will-change:transform}.landing-page .img-hover-zoom{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s}.landing-page .group:hover .img-hover-zoom{filter:grayscale(0);transform:scale(1.05)}.landing-page .nav-blur{-webkit-backdrop-filter:blur(16px);background:#f4f7ffd9}.landing-page ::-webkit-scrollbar{width:6px}.landing-page ::-webkit-scrollbar-track{background:var(--color-bg)}.landing-page ::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}.landing-page ::selection{background:var(--color-accent);color:#fff}.landing-page .mobile-nav-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f3460f7}.landing-page .stat-number{font-family:var(--font-display);font-feature-settings:"tnum"}.landing-page .flow-line{background:linear-gradient(to right,var(--color-accent),var(--color-accent-light));height:2px;position:relative}.landing-page .flow-line:after{content:"";border:5px solid #0000;border-left-color:var(--color-accent-light);position:absolute;top:-4px;right:-6px}.landing-page .testimonial-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:2rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.landing-page .testimonial-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #0f34601a}.landing-page .form-input{background:var(--color-bg);border:1.5px solid var(--color-border);font-family:var(--font-body);color:var(--color-foreground);border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .25s,box-shadow .25s}.landing-page .form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #1976d21f}.landing-page .form-input::placeholder{color:var(--color-muted)}.landing-page .lp-btn-primary{color:#fff;font-weight:700;font-family:var(--font-body);cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#0f3460 0%,#1976d2 100%);border:none;border-radius:12px;padding:14px 32px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.landing-page .lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0f346059}.landing-page .lp-btn-outline{color:var(--color-primary);font-weight:600;font-family:var(--font-body);border:1.5px solid var(--color-primary);cursor:pointer;background:0 0;border-radius:12px;padding:13px 28px;transition:background .25s,color .25s,transform .25s}.landing-page .lp-btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}
