:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #dbeafe;--secondary: #0d9488;--accent: #f59e0b;--text: #1f2937;--text-muted: #6b7280;--bg: #ffffff;--bg-soft: #f8fafc;--bg-dark: #0f172a;--border: #e2e8f0;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .08);--radius: 12px;--max-width: 1200px;--header-height: 72px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;text-align:center;margin-bottom:16px;letter-spacing:-.02em}.section-subtitle{text-align:center;color:var(--text-muted);font-size:1.125rem;max-width:720px;margin:0 auto 56px}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000}.header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.35rem;color:var(--text)}.logo svg{width:36px;height:36px;flex-shrink:0}.nav{display:flex;align-items:center;gap:32px}.nav a{color:var(--text);font-weight:500;font-size:.95rem;transition:color .2s}.nav a:hover,.nav a.active{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:9999px;font-weight:600;font-size:.95rem;transition:all .2s;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb66}.btn-secondary{background:#fff;color:var(--primary);border:1px solid var(--primary-light)}.btn-secondary:hover{background:var(--primary-light)}.btn-lg{padding:16px 32px;font-size:1.05rem}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer}.hero{position:relative;padding:calc(var(--header-height) + 96px) 0 120px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(37,99,235,.3) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(13,148,136,.25) 0%,transparent 40%);pointer-events:none}.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:9999px;font-size:.875rem;margin-bottom:24px;color:#e0f2fe}.hero h1{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:900;line-height:1.15;margin-bottom:24px;letter-spacing:-.03em}.hero h1 span{background:linear-gradient(135deg,#60a5fa,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:#cbd5e1;margin-bottom:36px;max-width:560px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}.hero-stats{display:flex;gap:48px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:2rem;font-weight:800;color:#fff}.hero-stats span{font-size:.875rem;color:#94a3b8}.hero-visual{position:relative}.hero-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:32px;box-shadow:var(--shadow-lg)}.hero-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.hero-card-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;font-weight:700}.hero-card-meta h3{font-size:1rem;margin-bottom:2px}.hero-card-meta p{font-size:.875rem;margin:0;color:#94a3b8}.hero-card-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.95rem}.hero-card-row:last-child{border-bottom:none}.hero-card-row span:last-child{font-weight:700;color:#2dd4bf}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.card-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;margin-bottom:20px;background:var(--primary-light);color:var(--primary)}.card h3{font-size:1.15rem;margin-bottom:10px}.card p{color:var(--text-muted);font-size:.95rem;line-height:1.7}.features-section{background:var(--bg-soft)}.feature-large{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:80px}.feature-large.reverse{direction:rtl}.feature-large.reverse>*{direction:ltr}.feature-large:last-child{margin-bottom:0}.feature-large h3{font-size:1.875rem;margin-bottom:16px}.feature-large p{color:var(--text-muted);margin-bottom:24px;font-size:1.05rem}.feature-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;color:var(--text)}.feature-list svg{flex-shrink:0;color:var(--secondary);margin-top:3px}.feature-visual{background:linear-gradient(135deg,#eff6ff,#ccfbf1);border-radius:var(--radius);padding:40px;min-height:320px;display:grid;place-items:center}.why-section{background:var(--bg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:80px}.stat-card{text-align:center;padding:36px 24px;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--border)}.stat-card strong{display:block;font-size:2.5rem;font-weight:900;color:var(--primary);margin-bottom:8px}.stat-card span{color:var(--text-muted);font-size:.95rem}.pricing-section{background:var(--bg-soft)}.pricing-hero-banner{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #dbeafe;border-radius:var(--radius);padding:32px;margin-bottom:16px}.pricing-hero-icon{flex-shrink:0;width:64px;height:64px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:1.75rem;box-shadow:var(--shadow)}.pricing-hero-banner h2{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:8px}.pricing-hero-banner p{color:var(--text-muted);font-size:1.05rem;max-width:720px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pricing-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;position:relative;transition:all .25s}.pricing-card.popular{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary),var(--shadow-lg);transform:scale(1.02)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.popular:hover{transform:scale(1.02) translateY(-4px)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:6px 16px;border-radius:9999px;font-size:.75rem;font-weight:700}.pricing-card h3{font-size:1.25rem;margin-bottom:8px}.pricing-card .price{font-size:2.75rem;font-weight:900;color:var(--text);margin-bottom:24px}.pricing-card .price span{font-size:1rem;font-weight:500;color:var(--text-muted)}.pricing-card ul{list-style:none;margin-bottom:32px}.pricing-card li{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--text-muted);font-size:.95rem}.pricing-card li.included{color:var(--text)}.testimonials-section{background:var(--bg)}.testimonial-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.testimonial-card p{font-size:1.05rem;margin-bottom:24px;color:var(--text)}.testimonial-author{display:flex;align-items:center;gap:14px}.testimonial-author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),#ccfbf1);display:grid;place-items:center;font-weight:700;color:var(--primary)}.testimonial-author strong{display:block;font-size:.95rem}.testimonial-author span{font-size:.85rem;color:var(--text-muted)}.faq-section{background:var(--bg-soft)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.faq-question{width:100%;text-align:left;padding:20px 24px;background:none;border:none;font-size:1.05rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--text)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer-inner{padding:0 24px 20px;color:var(--text-muted);line-height:1.8}.faq-item.open .faq-answer{max-height:300px}.faq-item.open .faq-icon{transform:rotate(180deg)}.flow-section{background:linear-gradient(180deg,#f8fafc,#fff);overflow:hidden;perspective:1200px}.flow-realistic{display:flex;align-items:center;justify-content:center;gap:72px;flex-wrap:wrap;padding:20px 0;position:relative}.flow-device-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.flow-device-label{margin-top:24px;text-align:center}.flow-device-label strong{display:block;font-size:1.1rem;color:var(--text);margin-bottom:6px}.flow-device-label span{font-size:.9rem;color:var(--text-muted)}.flow-laptop{width:340px;height:220px;position:relative;filter:drop-shadow(0 24px 48px rgba(15,23,42,.14));transform-style:preserve-3d;transform:rotateY(-8deg) rotateX(4deg)}.flow-laptop-screen{width:320px;height:200px;background:#fff;border:8px solid #1e293b;border-radius:14px 14px 0 0;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px #ffffff26}.flow-laptop-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 40%);pointer-events:none;z-index:5}.flow-laptop-header{height:32px;background:linear-gradient(90deg,#2563eb,#1d4ed8);display:flex;align-items:center;padding:0 12px;gap:10px;color:#fff}.flow-laptop-menu{display:flex;flex-direction:column;gap:3px}.flow-laptop-menu span{width:12px;height:2px;background:#ffffffd9;border-radius:1px}.flow-laptop-title{flex:1;font-size:.6rem;font-weight:600;opacity:.95}.flow-laptop-user{width:18px;height:18px;border-radius:50%;background:#ffffff40;display:grid;place-items:center;font-size:.55rem;font-weight:700}.flow-laptop-body{padding:10px 12px}.flow-laptop-tabs{display:flex;gap:10px;margin-bottom:8px;border-bottom:1px solid #e2e8f0;padding-bottom:6px}.flow-laptop-tabs span{font-size:.55rem;color:#64748b;padding:2px 6px;border-radius:4px}.flow-laptop-tabs span.active{background:#eff6ff;color:var(--primary);font-weight:600}.flow-laptop-table{display:flex;flex-direction:column;gap:1px}.flow-laptop-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1.8fr;align-items:center;padding:6px 4px;font-size:.55rem;color:#475569;border-radius:4px}.flow-laptop-row.head{color:#94a3b8;font-weight:600;background:#f8fafc}.flow-laptop-row:not(.head):nth-child(odd){background:#f8fafc}.flow-laptop-btn{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;background:var(--primary);color:#fff;border-radius:4px;font-size:.5rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #2563eb33}.flow-laptop-btn.sent{background:#e2e8f0;color:#64748b;box-shadow:none}.flow-laptop-base{width:340px;height:16px;background:linear-gradient(180deg,#334155,#1e293b);border-radius:0 0 12px 12px;position:relative;transform:perspective(600px) rotateX(-8deg);transform-origin:top center}.flow-laptop-base:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:48px;height:5px;background:#475569;border-radius:0 0 5px 5px}.flow-laptop-keyboard{position:absolute;top:16px;left:8px;right:8px;height:0;background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:0 0 8px 8px;transform:perspective(600px) rotateX(-60deg);transform-origin:top center;opacity:.6}.flow-phone{width:170px;height:320px;position:relative;filter:drop-shadow(0 24px 48px rgba(15,23,42,.18));transform-style:preserve-3d;transform:rotateY(8deg) rotateX(2deg)}.flow-phone-frame{width:170px;height:320px;background:#1e293b;border-radius:28px;padding:8px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.flow-phone-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:58px;height:18px;background:#0f172a;border-radius:0 0 14px 14px;z-index:10}.flow-phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#f5f7fa,#fff);border-radius:20px;overflow:hidden;position:relative}.flow-phone-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 45%);pointer-events:none;z-index:20}.flow-phone-status{height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:.45rem;font-weight:700;color:#1f2937}.flow-phone-icons{font-size:.4rem;letter-spacing:1px}.flow-phone-header{height:38px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:var(--text);font-size:.7rem;font-weight:700;border-bottom:1px solid #f1f5f9}.flow-phone-back,.flow-phone-more{width:18px;height:18px;color:#1f2937}.flow-phone-chat{padding:12px 10px;display:flex;flex-direction:column;align-items:center}.flow-phone-time{font-size:.45rem;color:#94a3b8;margin-bottom:10px}.flow-phone-avatar-large{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;color:#fff;font-size:.7rem;font-weight:700;margin-bottom:10px;box-shadow:0 2px 8px #2563eb40}.flow-phone-message{width:100%;background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 12px #00000014;opacity:0;position:relative;border:1px solid #f1f5f9}.flow-phone-message:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff}.flow-phone-message-title{font-size:.68rem;font-weight:700;color:var(--text);margin-bottom:8px;padding-bottom:6px;border-bottom:1px dashed #e2e8f0}.flow-phone-message-row{display:flex;justify-content:space-between;font-size:.58rem;color:#64748b;margin-bottom:5px}.flow-phone-message-row strong{color:var(--text);font-weight:700}.flow-phone-message-btn{margin-top:10px;width:100%;padding:7px 0;background:linear-gradient(90deg,#07c160,#05a350);color:#fff;border-radius:6px;text-align:center;font-size:.62rem;font-weight:700;box-shadow:0 2px 6px #07c16040}.flow-phone-success{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ecfdf5;opacity:0;z-index:15}.flow-phone-success-icon{width:48px;height:48px;border-radius:50%;background:#07c160;display:grid;place-items:center;margin-bottom:12px;box-shadow:0 4px 14px #07c1604d}.flow-phone-success-icon svg{width:26px;height:26px;color:#fff}.flow-phone-success-text{font-size:.85rem;font-weight:800;color:#065f46}.flow-phone-success-sub{font-size:.58rem;color:#059669;margin-top:5px}.flow-phone-finger{position:absolute;bottom:28px;left:50%;transform:translate(-50%);width:32px;height:40px;opacity:0;z-index:18;pointer-events:none}.flow-phone-finger svg{width:100%;height:100%}.flow-bubble{position:absolute;top:60px;left:290px;width:68px;height:68px;background:#fff;border-radius:18px;box-shadow:0 10px 30px #2563eb38,0 0 0 1px #2563eb14;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0}.flow-bubble:after{content:"";position:absolute;bottom:-9px;left:18px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:11px solid #fff}.flow-bubble svg{width:34px;height:34px;color:var(--primary)}.flow-wifi{position:absolute;top:85px;left:230px;width:150px;height:46px;z-index:5;opacity:0}.flow-wifi-line{fill:none;stroke:var(--primary);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:10 8;filter:drop-shadow(0 0 3px rgba(37,99,235,.4))}.flow-confetti{position:absolute;width:8px;height:8px;border-radius:2px;opacity:0}.flow-confetti.c1{background:#ef4444;top:70px;left:50px}.flow-confetti.c2{background:#f59e0b;top:60px;left:85px}.flow-confetti.c3{background:#3b82f6;top:95px;left:105px}.flow-confetti.c4{background:#10b981;top:65px;left:125px}.flow-confetti.c5{background:#8b5cf6;top:88px;left:70px}.flow-realistic.flow-active .flow-laptop{animation:flowDeviceIn 8s cubic-bezier(.22,1,.36,1) infinite}.flow-realistic.flow-active .flow-phone{animation:flowDeviceIn 8s .15s cubic-bezier(.22,1,.36,1) infinite,flowPhoneShake 8s 2.8s ease-in-out infinite}.flow-realistic.flow-active .flow-wifi{animation:flowWifiIn 8s .8s ease infinite}.flow-realistic.flow-active .flow-wifi-line{animation:flowWifiLine 8s ease-in-out infinite}.flow-realistic.flow-active .flow-wifi-line:nth-child(1){animation-delay:.9s}.flow-realistic.flow-active .flow-wifi-line:nth-child(2){animation-delay:1.05s}.flow-realistic.flow-active .flow-wifi-line:nth-child(3){animation-delay:1.2s}.flow-realistic.flow-active .flow-bubble{animation:flowBubbleFly 8s 1.4s cubic-bezier(.45,0,.55,1) infinite}.flow-realistic.flow-active .flow-phone-message{animation:flowMessage 8s 2.8s cubic-bezier(.22,1,.36,1) infinite}.flow-realistic.flow-active .flow-phone-screen{animation:flowScreenSuccess 8s 4s ease infinite}.flow-realistic.flow-active .flow-phone-success{animation:flowSuccess 8s 4.4s cubic-bezier(.34,1.56,.64,1) infinite}.flow-realistic.flow-active .flow-phone-finger{animation:flowFingerTap 8s 3.6s ease-in-out infinite}.flow-realistic.flow-active .flow-confetti.c1{animation:flowConfetti 8s 4.55s cubic-bezier(.22,1,.36,1) infinite}.flow-realistic.flow-active .flow-confetti.c2{animation:flowConfetti 8s 4.65s cubic-bezier(.22,1,.36,1) infinite}.flow-realistic.flow-active .flow-confetti.c3{animation:flowConfetti 8s 4.7s cubic-bezier(.22,1,.36,1) infinite}.flow-realistic.flow-active .flow-confetti.c4{animation:flowConfetti 8s 4.8s cubic-bezier(.22,1,.36,1) infinite}.flow-realistic.flow-active .flow-confetti.c5{animation:flowConfetti 8s 4.85s cubic-bezier(.22,1,.36,1) infinite}@keyframes flowDeviceIn{0%{opacity:0;transform:translateY(40px) rotateY(0)}8%{opacity:1;transform:translateY(0) rotateY(var(--device-rotate, 0deg))}88%{opacity:1;transform:translateY(0) rotateY(var(--device-rotate, 0deg))}to{opacity:0;transform:translateY(-20px) rotateY(var(--device-rotate, 0deg))}}@keyframes flowWifiIn{0%{opacity:0}5%{opacity:1}55%{opacity:1}65%{opacity:0}to{opacity:0}}@keyframes flowWifiLine{0%{opacity:0;stroke-dashoffset:40}10%{opacity:.8}30%{opacity:0;stroke-dashoffset:-40}to{opacity:0;stroke-dashoffset:-40}}@keyframes flowBubbleFly{0%{opacity:0;transform:scale(0) translate(0)}5%{opacity:1;transform:scale(1) translate(0)}25%{transform:scale(1) translate(100px,-60px)}45%{opacity:1;transform:scale(.8) translate(200px)}50%,to{opacity:0;transform:scale(0) translate(200px)}}@keyframes flowPhoneShake{0%,3%,to{transform:translate(0) rotateY(var(--device-rotate, 0deg))}4%{transform:translate(-4px) rotateY(var(--device-rotate, 0deg))}5%{transform:translate(4px) rotateY(var(--device-rotate, 0deg))}6%{transform:translate(-3px) rotateY(var(--device-rotate, 0deg))}7%{transform:translate(3px) rotateY(var(--device-rotate, 0deg))}8%{transform:translate(0) rotateY(var(--device-rotate, 0deg))}}@keyframes flowMessage{0%{opacity:0;transform:translateY(30px) scale(.95)}5%{opacity:1;transform:translateY(0) scale(1)}15%{opacity:1;transform:translateY(0) scale(1)}20%,to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes flowScreenSuccess{0%{background-color:#fff}8%{background-color:#ecfdf5}35%{background-color:#ecfdf5}45%,to{background-color:#fff}}@keyframes flowSuccess{0%{opacity:0;transform:scale(.8)}6%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1)}40%,to{opacity:0;transform:scale(.8)}}@keyframes flowFingerTap{0%,25%{opacity:0;transform:translate(-50%) translateY(20px) scale(.9)}30%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}35%,45%{opacity:1;transform:translate(-50%) translateY(0) scale(.95)}50%,to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.9)}}@keyframes flowConfetti{0%{opacity:0;transform:translate(0) scale(0) rotate(0)}8%{opacity:1;transform:translate(var(--tx, 20px),var(--ty, -40px)) scale(1) rotate(var(--tr, 180deg))}30%{opacity:1;transform:translate(var(--tx, 20px),var(--ty, -40px)) scale(1) rotate(var(--tr, 180deg))}40%,to{opacity:0;transform:translate(var(--tx, 20px),var(--ty, -40px)) scale(1) rotate(var(--tr, 180deg))}}.flow-confetti.c1{--tx: 25px;--ty: -55px;--tr: 180deg}.flow-confetti.c2{--tx: -20px;--ty: -40px;--tr: -180deg}.flow-confetti.c3{--tx: 30px;--ty: -65px;--tr: 160deg}.flow-confetti.c4{--tx: -25px;--ty: -50px;--tr: -160deg}.flow-confetti.c5{--tx: 15px;--ty: -60px;--tr: 200deg}.flow-laptop{--device-rotate: -8deg}.flow-phone{--device-rotate: 8deg}@media(max-width:768px){.flow-realistic{flex-direction:column;gap:48px}.flow-laptop{width:300px;height:200px;transform:none}.flow-laptop-screen{width:282px;height:180px}.flow-laptop-base{width:300px;transform:none}.flow-phone{width:160px;height:300px;transform:none}.flow-phone-frame{width:160px;height:300px}.flow-bubble{top:135px;left:50%;transform:translate(-50%)}.flow-wifi{display:none}}.cta-section{background:linear-gradient(135deg,var(--primary),#1e3a8a);color:#fff;text-align:center}.cta-section h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:16px}.cta-section p{font-size:1.15rem;color:#dbeafe;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.cta-section .btn-secondary{color:var(--primary)}.footer{background:var(--bg-dark);color:#94a3b8;padding:72px 0 32px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;margin-bottom:56px}.footer-brand{color:#fff;font-weight:900;font-size:1.35rem;display:flex;align-items:center;gap:10px;margin-bottom:16px}.footer-col p{line-height:1.8;margin-bottom:20px}.footer-col h4{color:#fff;font-size:1rem;margin-bottom:20px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:12px}.footer-col a{color:#94a3b8;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:.875rem}.breadcrumb{background:var(--bg-soft);padding:110px 0 40px;border-bottom:1px solid var(--border)}.breadcrumb h1{font-size:2.25rem;font-weight:800;margin-bottom:8px}.breadcrumb nav{color:var(--text-muted);font-size:.9rem}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--primary)}.page-section{padding:64px 0}.page-section.alt{background:var(--bg-soft)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.contact-info h2{font-size:1.75rem;margin-bottom:16px}.contact-info p{color:var(--text-muted);margin-bottom:32px}.contact-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.contact-item svg{color:var(--primary);flex-shrink:0;margin-top:4px}.contact-item strong{display:block;color:var(--text);margin-bottom:4px}.contact-item span{color:var(--text-muted);font-size:.95rem}.contact-form{background:var(--bg-soft);padding:40px;border-radius:var(--radius);border:1px solid var(--border)}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:6px;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.95rem;background:var(--bg)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.compare-table{width:100%;border-collapse:collapse;background:var(--bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.compare-table th,.compare-table td{padding:18px 24px;text-align:left;border-bottom:1px solid var(--border)}.compare-table th{background:var(--bg-soft);font-weight:700}.compare-table tr:last-child td{border-bottom:none}@media(max-width:1024px){.grid-4,.stats-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;padding:24px;gap:20px;box-shadow:var(--shadow-lg)}.nav.open{display:flex}.mobile-menu-btn{display:block}.header-actions .btn-secondary{display:none}.hero .container{grid-template-columns:1fr;text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.grid-3,.grid-4,.feature-large{grid-template-columns:1fr}.feature-large.reverse{direction:ltr}.stats-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.section{padding:72px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.reveal.animate,.reveal.animate.visible{opacity:1;transform:translateY(0)}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:8px 16px;z-index:10000;transition:top .2s}.skip-link:focus{top:0}