:root{--bg-primary:#08080f;--bg-card:rgba(255,255,255,0.04);--bg-card-hover:rgba(255,255,255,0.07);--border-subtle:rgba(255,255,255,0.08);--border-medium:rgba(255,255,255,0.12);--text-primary:#f5f5f7;--text-secondary:rgba(245,245,247,0.65);--text-tertiary:rgba(245,245,247,0.35);--accent:#0071e3;--accent-hover:#0077ed;--accent-green:#30d158;--gradient-start:#0071e3;--gradient-end:#40e0d0;--gradient-purple:#7c3aed;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--shadow-lg:0 8px 30px rgba(0,0,0,0.35);--glass-bg:rgba(255,255,255,0.05);--glass-bg-hover:rgba(255,255,255,0.08);--glass-bg-active:rgba(255,255,255,0.12);--glass-border:rgba(255,255,255,0.08);--glass-border-hover:rgba(255,255,255,0.15);--glass-border-glow:rgba(0,113,227,0.25);--glass-blur:blur(20px);--glass-blur-strong:blur(32px);--glass-blur-light:blur(12px);--glass-shine:linear-gradient(160deg,rgba(255,255,255,0.08) 0%,transparent 40%,rgba(255,255,255,0.03) 100%);--glass-edge-glow:0 0 0 1px rgba(255,255,255,0.05),0 0 20px rgba(0,113,227,0.08);--glass-edge-glow-hover:0 0 0 1px rgba(255,255,255,0.1),0 0 30px rgba(0,113,227,0.15);--glass-shadow:0 4px 24px rgba(0,0,0,0.25);--glass-shadow-hover:0 8px 40px rgba(0,0,0,0.35);--edge-light-top:inset 0 1px 0 rgba(255,255,255,0.08);--edge-light-left:inset 1px 0 0 rgba(255,255,255,0.04);--edge-glow-cyan:0 0 15px rgba(64,224,208,0.06);--edge-glow-blue:0 0 15px rgba(0,113,227,0.08);--swipe-edge-from:rgba(8,8,15,0.85);--swipe-edge-to:rgba(8,8,15,0.7);--swipe-edge-width:60px;--scrollbar-thumb:rgba(255,255,255,0.08);--scrollbar-thumb-hover:rgba(255,255,255,0.18);--toggle-slider-bg:rgba(255,255,255,0.1);--toggle-slider-bg-hover:rgba(255,255,255,0.14);--nav-indicator-bg:rgba(0,113,227,0.25);--preview-btn-from:rgba(0,113,227,0.35);--preview-btn-to:rgba(88,86,214,0.25);--preview-btn-shadow:0px 2px 6px rgba(0,0,0,0.2);--parachute-sky-top:#0f0f23;--parachute-sky-bottom:#1a1a3e;--parachute-cloud:rgba(255,255,255,0.08);--parachute-chute:#FF6B6B;--parachute-body:#1E90FF;--parachute-line:rgba(255,255,255,0.3);--parachute-wind:rgba(255,255,255,0.15);}.light-mode{--bg-primary:#f5f5f7;--bg-card:rgba(255,255,255,0.7);--bg-card-hover:rgba(255,255,255,0.9);--border-subtle:rgba(0,0,0,0.06);--border-medium:rgba(0,0,0,0.1);--text-primary:#1d1d1f;--text-secondary:rgba(29,29,31,0.65);--text-tertiary:rgba(29,29,31,0.35);--shadow-lg:0 8px 30px rgba(0,0,0,0.08);--glass-bg:rgba(255,255,255,0.6);--glass-bg-hover:rgba(255,255,255,0.75);--glass-bg-active:rgba(255,255,255,0.85);--glass-border:rgba(0,0,0,0.06);--glass-border-hover:rgba(0,0,0,0.12);--glass-border-glow:rgba(0,113,227,0.15);--glass-shine:linear-gradient(160deg,rgba(255,255,255,0.5) 0%,transparent 40%,rgba(255,255,255,0.2) 100%);--glass-edge-glow:0 0 0 1px rgba(255,255,255,0.3),0 0 20px rgba(0,113,227,0.03);--glass-edge-glow-hover:0 0 0 1px rgba(255,255,255,0.5),0 0 30px rgba(0,113,227,0.05);--glass-shadow:0 4px 24px rgba(0,0,0,0.06);--glass-shadow-hover:0 8px 40px rgba(0,0,0,0.1);--edge-light-top:inset 0 1px 0 rgba(255,255,255,0.5);--edge-light-left:inset 1px 0 0 rgba(255,255,255,0.3);--edge-glow-cyan:0 0 15px rgba(64,224,208,0.03);--edge-glow-blue:0 0 15px rgba(0,113,227,0.03);--swipe-edge-from:rgba(245,245,247,0.9);--swipe-edge-to:rgba(245,245,247,0.75);--scrollbar-thumb:rgba(0,0,0,0.08);--scrollbar-thumb-hover:rgba(0,0,0,0.16);--toggle-slider-bg:rgba(0,0,0,0.08);--toggle-slider-bg-hover:rgba(0,0,0,0.12);--nav-indicator-bg:rgba(0,113,227,0.15);--preview-btn-from:rgba(79,172,254,0.35);--preview-btn-to:rgba(0,242,254,0.25);--preview-btn-shadow:0px 2px 6px rgba(0,0,0,0.08);--parachute-sky-top:#4facfe;--parachute-sky-bottom:#87CEEB;--parachute-cloud:rgba(255,255,255,0.6);--parachute-chute:#e74c3c;--parachute-body:#2980b9;--parachute-line:rgba(0,0,0,0.2);--parachute-wind:rgba(255,255,255,0.4);}.light-mode .nav-card{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--glass-shadow),var(--edge-light-top),var(--edge-glow-blue);}.light-mode .nav-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-cyan);}.light-mode .nav-card::before{background:conic-gradient(from var(--angle),transparent,rgba(0,122,255,0.12) 50deg,rgba(175,82,222,0.08) 100deg,rgba(0,122,255,0.15) 150deg,rgba(175,82,222,0.05) 210deg,transparent 300deg,transparent 360deg);}.light-mode .nav-link.active{background:transparent;color:var(--accent);}.light-mode .nav-link.active svg{color:var(--accent);}.light-mode .nav-link:hover{background:rgba(0,0,0,0.04);}.light-mode .nav-brand{border-right-color:rgba(0,0,0,0.08);}@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false;}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;}::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:100px;}::selection{background:rgba(0,113,227,0.3);color:white;}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;}.bg-canvas{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;}.bg-canvas .gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.18;pointer-events:none;will-change:transform;}.bg-canvas .orb-1{width:500px;height:500px;background:radial-gradient(circle at 30% 30%,var(--gradient-start),#004a99);top:-10%;left:-10%;animation:orbFloat1 12s ease-in-out infinite;opacity:0.2;}.bg-canvas .orb-2{width:400px;height:400px;background:radial-gradient(circle at 70% 70%,var(--gradient-end),#1a8a7a);bottom:-5%;right:-5%;animation:orbFloat2 15s ease-in-out infinite;opacity:0.15;}.bg-canvas .orb-3{width:350px;height:350px;background:radial-gradient(circle at 50% 50%,var(--gradient-purple),#4a1a8a);top:40%;left:50%;animation:orbFloat3 18s ease-in-out infinite;opacity:0.12;}.bg-canvas::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,113,227,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(64,224,208,0.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 0%,rgba(124,58,237,0.02) 0%,transparent 50%);pointer-events:none;}@keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(80px,60px) scale(1.1);}66%{transform:translate(-40px,100px) scale(0.95);}}@keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(-60px,-40px) scale(1.15);}66%{transform:translate(40px,-80px) scale(0.9);}}@keyframes orbFloat3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,-50px) scale(1.1);}}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:16px 24px 0;pointer-events:none;}.nav-card{display:flex;align-items:center;height:60px;gap:8px;width:100%;max-width:800px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);border-radius:115px;padding:0 20px 0 8px;pointer-events:auto;box-shadow:var(--glass-shadow),var(--edge-light-top),var(--edge-glow-blue);position:relative;transition:background 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;}.nav-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-cyan);}.nav-card::after{content:'';position:absolute;inset:0;border-radius:115px;background:var(--glass-shine);pointer-events:none;z-index:0;}.nav-card::before{content:'';position:absolute;inset:-3px;border-radius:118px;padding:3px;z-index:-1;pointer-events:none;background:conic-gradient(from var(--angle),transparent,rgba(0,122,255,0.25) 50deg,rgba(175,82,222,0.15) 100deg,rgba(0,122,255,0.3) 150deg,rgba(175,82,222,0.1) 210deg,transparent 300deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:navGlow 4.5s linear infinite;filter:blur(0.5px);}.nav-brand,.nav-links,.nav-switch{position:relative;z-index:1;}@keyframes navGlow{to{--angle:360deg;}}.nav-brand{display:flex;align-items:center;gap:6px;padding:0 14px 0 10px;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:-0.2px;border-right:1px solid rgba(255,255,255,0.06);flex-shrink:0;text-decoration:none;transition:opacity 0.25s ease;}.nav-brand:hover{opacity:0.8;}.nav-brand svg,.nav-logo{color:var(--accent);width:44px;height:44px;object-fit:contain;border-radius:8px;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);}.nav-brand:hover .nav-logo{transform:scale(1.05);}.nav-brand:hover svg{transform:scale(1.05);}.nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;position:relative;}.nav-indicator{position:absolute;height:32px;border-radius:100px;background:var(--nav-indicator-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-glow);box-shadow:var(--glass-shadow),var(--edge-light-top),0 0 20px rgba(0,113,227,0.06);pointer-events:none;z-index:0;transition:left 0.5s cubic-bezier(0.34,1.56,0.64,1),width 0.5s cubic-bezier(0.34,1.56,0.64,1),transform 0.15s ease;will-change:left,width,transform;transform-origin:center;}.nav-indicator::before{content:'';position:absolute;inset:0;border-radius:100px;background:var(--glass-shine);pointer-events:none;}.nav-indicator::after{content:'';position:absolute;inset:-4px;border-radius:104px;background:inherit;filter:blur(12px);opacity:0.25;z-index:-1;transition:opacity 0.3s ease;}@keyframes jellyStretch{0%{transform:scaleX(1);}30%{transform:scaleX(1.15);}60%{transform:scaleX(0.92);}100%{transform:scaleX(1);}}.nav-indicator.active{animation:jellyStretch 0.6s cubic-bezier(0.34,1.56,0.64,1);}.nav-link{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:100px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);position:relative;white-space:nowrap;z-index:1;cursor:pointer;}.nav-link svg{width:16px;height:16px;flex-shrink:0;opacity:0.6;transition:opacity 0.3s ease,transform 0.3s ease;}.nav-link:hover{background:rgba(255,255,255,0.06);color:var(--text-primary);}.nav-link:hover svg{opacity:1;transform:scale(1.1);}.nav-link.active{color:#fff;background:transparent;}.nav-link.active svg{opacity:1;color:var(--accent);}.nav-switch{display:flex;align-items:center;margin-left:auto;flex-shrink:0;}.switch{position:relative;width:72px;height:30px;margin:0;appearance:none;-webkit-appearance:none;background-color:rgb(4,52,73);border-radius:15px;transition:background-color .7s ease-in-out;outline:none;cursor:pointer;overflow:hidden;flex-shrink:0;}.switch:checked{background-color:rgb(0,195,255);}.switch:after{content:'';width:26px;height:26px;border-radius:50%;background-color:#fff;position:absolute;left:2px;top:2px;transform:translateX(0);animation:off .7s forwards cubic-bezier(.8,.5,.2,1.4);box-shadow:inset 3px -3px 3px rgba(53,53,53,0.3);}.switch:checked:after{animation:on .7s forwards cubic-bezier(.8,.5,.2,1.4);box-shadow:inset -3px -3px 3px rgba(53,53,53,0.3);}.switch:checked:before{content:'';width:10px;height:10px;border-radius:50%;position:absolute;left:8px;top:3px;transform-origin:29px 6px;background-color:transparent;box-shadow:3px -1px 0 #fff;filter:blur(0);animation:sun .7s forwards ease;}.switch:before{content:'';width:10px;height:10px;border-radius:50%;position:absolute;left:8px;top:3px;filter:blur(.5px);background-color:#f5daaa;box-shadow:0 0 6px #f5deb4,0 0 12px #f5deb4,0 0 18px #f5deb4,inset 0 0 2px #efd3a3;transform-origin:29px 6px;animation:moon .7s forwards ease;}@keyframes on{0%{transform:translateX(0);width:26px;}50%{width:42px;border-radius:15px;}100%{transform:translateX(42px);width:26px;}}@keyframes off{0%{transform:translateX(42px);width:26px;}50%{width:42px;border-radius:15px;}100%{transform:translateX(0);width:26px;}}@keyframes sun{0%{transform:rotate(170deg);background-color:transparent;box-shadow:3px -1px 0 #fff;filter:blur(0);}50%{background-color:transparent;box-shadow:3px -1px 0 #fff;filter:blur(0);}90%{background-color:#f5daaa;box-shadow:0 0 6px #f5deb4,0 0 12px #f5deb4,0 0 18px #f5deb4,inset 0 0 2px #efd3a3;filter:blur(.5px);}100%{transform:rotate(0);background-color:#f5daaa;box-shadow:0 0 6px #f5deb4,0 0 12px #f5deb4,0 0 18px #f5deb4,inset 0 0 2px #efd3a3;filter:blur(.5px);}}@keyframes moon{0%{transform:rotate(0);filter:blur(.5px);}50%{filter:blur(.5px);}90%{background-color:transparent;box-shadow:3px -1px 0 #fff;filter:blur(0);}100%{transform:rotate(170deg);background-color:transparent;box-shadow:3px -1px 0 #fff;filter:blur(0);}}.container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:120px 24px 60px;}.hero{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:heroFade 0.8s ease-out;}@keyframes heroFade{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid rgba(0,113,227,0.2);border-radius:100px;font-size:13px;font-weight:500;color:var(--accent);margin-bottom:28px;animation:badgePulse 3s ease-in-out infinite;box-shadow:var(--edge-light-top),var(--edge-glow-blue);}@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(0,113,227,0.2);}50%{box-shadow:0 0 0 8px rgba(0,113,227,0);}}.hero-title{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.05;margin-bottom:20px;letter-spacing:-1.5px;}.hero-title .gradient-text{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-title .gradient-text-purple{background:linear-gradient(135deg,var(--gradient-purple),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-subtitle{font-size:clamp(16px,2vw,20px);color:var(--text-secondary);max-width:600px;line-height:1.6;margin-bottom:36px;}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--gradient-start),#5b8def);color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 20px rgba(0,113,227,0.3);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;}.btn-primary::after{content:'';position:absolute;inset:0;border-radius:50px;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,0.25) 0%,transparent 60%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px rgba(0,113,227,0.45);}.btn-primary:active{transform:translateY(0) scale(0.97);box-shadow:0 2px 10px rgba(0,113,227,0.3);transition-duration:0.08s;}.btn-primary:active::after{opacity:1;}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:50px;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:var(--glass-shadow),var(--edge-light-top);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-blue);}.btn-secondary:active{transform:translateY(0) scale(0.97);border-color:var(--glass-border);box-shadow:var(--glass-shadow),var(--edge-light-top);transition-duration:0.08s;}.btn-primary svg,.btn-secondary svg{width:18px;height:18px;}.section{padding:80px 0;animation:sectionFade 0.6s ease-out;}@keyframes sectionFade{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.section-header{text-align:center;margin-bottom:56px;}.section-label{display:inline-block;font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;padding:6px 16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-radius:100px;border:1px solid rgba(0,113,227,0.15);box-shadow:var(--edge-light-top);}.section-title{font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.15;margin-bottom:16px;letter-spacing:-0.5px;}.section-desc{font-size:17px;color:var(--text-secondary);max-width:560px;margin:0 auto;line-height:1.6;}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}.feature-card{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:32px 28px;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),background 0.3s ease,border-color 0.3s ease,box-shadow 0.4s ease;overflow:hidden;box-shadow:var(--glass-shadow),var(--edge-light-top),var(--edge-glow-blue);}.feature-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius-md);background:var(--glass-shine);pointer-events:none;z-index:0;}.feature-card::after{content:'';position:absolute;inset:-1px;border-radius:var(--radius-md);padding:1px;z-index:-1;pointer-events:none;background:conic-gradient(from var(--angle),transparent,rgba(0,122,255,0.08) 60deg,rgba(64,224,208,0.05) 120deg,rgba(0,122,255,0.1) 200deg,transparent 300deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cardGlow 6s linear infinite;opacity:0;transition:opacity 0.4s ease;}.feature-card:hover::after{opacity:1;}@keyframes cardGlow{to{--angle:360deg;}}.feature-card>*{position:relative;z-index:1;}.feature-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-3px);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-cyan);}.feature-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);margin-bottom:18px;color:var(--accent);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);}.feature-card:hover .feature-icon{transform:scale(1.08) rotate(-2deg);border-color:rgba(255,255,255,0.15);}.feature-icon svg{width:26px;height:26px;transition:transform 0.3s ease;}.feature-card:hover .feature-icon svg{transform:scale(1.1);}.feature-icon.gradient-blue{background:rgba(0,113,227,0.12);border-color:rgba(0,113,227,0.15);color:var(--accent);}.feature-icon.gradient-teal{background:rgba(64,224,208,0.1);border-color:rgba(64,224,208,0.12);color:var(--gradient-end);}.feature-icon.gradient-purple{background:rgba(124,58,237,0.1);border-color:rgba(124,58,237,0.12);color:var(--gradient-purple);}.feature-icon.gradient-orange{background:rgba(255,149,0,0.1);border-color:rgba(255,149,0,0.12);color:#ff9500;}.feature-icon.gradient-green{background:rgba(48,209,88,0.1);border-color:rgba(48,209,88,0.12);color:var(--accent-green);}.feature-card h3{font-size:18px;font-weight:600;margin-bottom:10px;letter-spacing:-0.3px;}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.6;}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}}.platform-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px 0;}.platform-item{background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:28px 20px;text-align:center;transition:all 0.3s ease;box-shadow:var(--glass-shadow),var(--edge-light-top);}.platform-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-3px) scale(1.02);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-cyan);}.platform-item svg{width:36px;height:36px;margin-bottom:12px;color:var(--text-secondary);}.platform-item h4{font-size:15px;font-weight:600;margin-bottom:4px;}.platform-item p{font-size:12px;color:var(--text-tertiary);}@media (max-width:768px){.platform-showcase{grid-template-columns:repeat(2,1fr);}}.tech-strip{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding:32px 0;}@media (max-width:640px){.tech-strip{flex-wrap:nowrap;overflow-x:auto;gap:12px;padding:20px 4px 24px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;justify-content:flex-start;}.tech-strip::-webkit-scrollbar{height:2px;}.tech-strip::-webkit-scrollbar-track{background:transparent;}.tech-strip::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px;}.tech-item{scroll-snap-align:start;flex-shrink:0;}}.tech-item{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:12px;font-size:14px;color:var(--text-secondary);box-shadow:var(--glass-shadow),var(--edge-light-top);transition:all 0.3s ease;}.tech-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-blue);}.tech-item svg{width:22px;height:22px;color:var(--accent);}.features-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start;}.features-sidebar{position:sticky;top:100px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--glass-shadow),var(--edge-light-top),var(--edge-glow-blue);}.features-sidebar h3{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.06);}.sidebar-summary{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);}.sidebar-summary .summary-count{font-size:28px;font-weight:700;color:var(--accent);}.sidebar-summary .summary-label{font-size:13px;color:var(--text-secondary);margin-top:4px;}.sidebar-category{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);text-decoration:none;margin-bottom:4px;position:relative;}.sidebar-category:hover{background:var(--glass-bg-hover);color:var(--text-primary);}.sidebar-category.active{background:rgba(0,113,227,0.1);color:var(--accent);}.sidebar-category.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:0 3px 3px 0;box-shadow:0 0 8px rgba(0,113,227,0.4);}.sidebar-category .cat-count{margin-left:auto;font-size:12px;color:var(--text-tertiary);background:rgba(255,255,255,0.05);padding:2px 8px;border-radius:4px;}.sidebar-required-dot{display:inline-block;width:6px;height:6px;background:#ff453a;border-radius:50%;margin-right:2px;animation:pulse-required 2s ease-in-out infinite;}@keyframes pulse-required{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,69,58,0.4);}50%{opacity:0.7;box-shadow:0 0 0 4px rgba(255,69,58,0);}}.feature-category{margin-bottom:36px;}.feature-category-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:18px;}.feature-category-header .toggle-all-btn{padding:6px 16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:8px;color:var(--accent);font-size:12px;font-weight:500;cursor:pointer;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);}.feature-category-header .toggle-all-btn:hover{background:var(--glass-bg-hover);border-color:rgba(0,113,227,0.35);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 0 12px rgba(0,113,227,0.08);}.feature-category-header .toggle-all-btn:active{transform:translateY(0) scale(0.97);transition-duration:0.08s;}.mobile-category-nav{display:none;gap:8px;overflow-x:auto;padding:4px 0 16px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;position:relative;}.mobile-category-nav::after{content:'';position:absolute;top:0;right:0;bottom:16px;width:40px;background:linear-gradient(270deg,var(--swipe-edge-from) 0%,transparent 100%);pointer-events:none;z-index:2;transition:opacity 0.35s ease;}.mobile-category-nav.scrolled-end::after{opacity:0;}.mobile-category-nav::-webkit-scrollbar{height:2px;}.mobile-category-nav::-webkit-scrollbar-track{background:transparent;}.mobile-category-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px;}.mobile-category-nav .mcat-btn{flex-shrink:0;padding:8px 18px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:100px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);white-space:nowrap;scroll-snap-align:start;user-select:none;-webkit-tap-highlight-color:transparent;}.mobile-category-nav .mcat-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(-1px);}.mobile-category-nav .mcat-btn:active{transform:scale(0.96);transition-duration:0.08s;}.mobile-category-nav .mcat-btn.active{background:rgba(0,113,227,0.15);border-color:var(--glass-border-glow);color:var(--accent);}.feature-option{display:flex;align-items:center;gap:18px;padding:18px 22px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:10px;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);cursor:pointer;box-shadow:var(--glass-shadow),var(--edge-light-top);position:relative;overflow:hidden;}.feature-option:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-blue);transform:translateY(-1px);}.feature-option.selected{background:rgba(0,113,227,0.08);border-color:var(--glass-border-glow);box-shadow:var(--glass-shadow),var(--edge-light-top),0 0 20px rgba(0,113,227,0.06);transform:scale(1.01);}.feature-option.selected:hover{background:rgba(0,113,227,0.12);border-color:rgba(0,113,227,0.35);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),0 0 30px rgba(0,113,227,0.1);transform:scale(1.01) translateY(-1px);}.feature-option-info{flex:1;}.feature-option-info h4{font-size:15px;font-weight:600;margin-bottom:4px;}.feature-option-info p{font-size:13px;color:var(--text-secondary);line-height:1.5;}.feature-option .feature-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:4px;background:rgba(0,113,227,0.1);color:var(--accent);margin-top:4px;}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0;}.toggle-switch input{opacity:0;width:0;height:0;position:absolute;}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--toggle-slider-bg);border-radius:26px;transition:background 0.35s cubic-bezier(0.4,0,0.2,1);}.toggle-slider:hover{background:var(--toggle-slider-bg-hover);}.toggle-slider::before{content:'';position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform 0.45s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 2px 4px rgba(0,0,0,0.2);}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));}.toggle-switch input:checked+.toggle-slider:hover{box-shadow:0 0 16px rgba(0,113,227,0.25);}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(22px) scale(1.05);}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--accent);outline-offset:2px;}.feature-config{display:flex;gap:8px;align-items:center;flex-shrink:0;}.feature-config select{padding:6px 12px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none;cursor:pointer;transition:border-color 0.25s ease,background 0.25s ease;}.feature-config select:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover);}.feature-config select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,113,227,0.1);}.feature-config select option{background:#1a1a2e;color:var(--text-primary);}.pricing-toggle{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:48px;}.pricing-toggle-inner{display:flex;align-items:center;gap:14px;}.pricing-toggle span{font-size:15px;color:var(--text-secondary);font-weight:500;transition:color 0.3s;}.pricing-toggle span.active{color:var(--text-primary);}.pricing-domain-hint{font-size:12px;color:var(--text-tertiary);margin:0;text-align:center;transition:color 0.3s ease;}.discount-tag{display:inline-block;font-size:5px;font-weight:400;padding:0 2px;border-radius:2px;background:rgba(255,107,53,0.12);color:#ff6b35;border:0.5px solid rgba(255,107,53,0.1);margin-left:3px;vertical-align:top;line-height:1.4;transform:scale(0.85);transform-origin:left center;}.pricing-toggle .toggle-switch{width:52px;height:28px;}.pricing-toggle .toggle-slider::before{height:22px;width:22px;}.pricing-toggle .toggle-switch input:checked+.toggle-slider::before{transform:translateX(24px);}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.pricing-card{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:36px 28px;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),background 0.3s ease,border-color 0.3s ease,box-shadow 0.4s ease;overflow:hidden;box-shadow:var(--glass-shadow),var(--edge-light-top),var(--edge-glow-blue);}.pricing-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius-lg);background:var(--glass-shine);pointer-events:none;z-index:0;}.pricing-card::after{content:'';position:absolute;inset:-1px;border-radius:var(--radius-lg);padding:1px;z-index:-1;pointer-events:none;background:conic-gradient(from var(--angle),transparent,rgba(0,122,255,0.08) 60deg,rgba(64,224,208,0.05) 120deg,rgba(0,122,255,0.1) 200deg,transparent 300deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cardGlow 6s linear infinite;opacity:0;transition:opacity 0.4s ease;}.pricing-card:hover::after{opacity:1;}.pricing-card>*{position:relative;z-index:1;}.pricing-card:hover{transform:translateY(-6px);background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-cyan);}.pricing-card.featured{border-color:var(--glass-border-glow);background:rgba(0,113,227,0.08);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transform:scale(1.03);box-shadow:var(--glass-shadow),var(--edge-light-top),0 0 30px rgba(0,113,227,0.1);}.pricing-card.featured:hover{transform:scale(1.03) translateY(-6px);background:rgba(0,113,227,0.12);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),0 0 40px rgba(0,113,227,0.15);}.pricing-card.featured .pricing-badge{position:absolute;top:14px;right:14px;padding:5px 14px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:100px;font-size:11px;font-weight:600;color:#fff;z-index:2;}.pricing-card .plan-name{font-size:18px;font-weight:600;margin-bottom:8px;}.pricing-card .plan-desc{font-size:13px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5;}.pricing-card .plan-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:20px;}.pricing-card .plan-price .price{font-size:42px;font-weight:700;letter-spacing:-1px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.pricing-card .plan-price .price .currency{font-size:20px;vertical-align:top;margin-right:2px;}.pricing-card .plan-price .period{font-size:14px;color:var(--text-secondary);font-weight:400;}.pricing-card .plan-price .original-price{font-size:16px;color:var(--text-tertiary);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(255,80,80,0.5);font-weight:500;white-space:nowrap;}.dark-theme .pricing-card .plan-price .original-price{text-decoration-color:rgba(255,80,80,0.4);}.light-theme .pricing-card .plan-price .original-price{text-decoration-color:rgba(200,50,50,0.4);}.pricing-card .final-discount-badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#30d158;background:rgba(48,209,88,0.1);padding:5px 14px;border-radius:100px;font-weight:500;letter-spacing:0.2px;border:0.5px solid rgba(48,209,88,0.2);width:auto;margin-top:4px;transition:all 0.3s cubic-bezier(0.25,0.1,0.25,1);}.pricing-card .final-discount-badge:hover{background:rgba(48,209,88,0.15);transform:scale(1.02);}.pricing-card.featured .final-discount-badge{color:#5e5ce6;background:rgba(94,92,230,0.1);border:0.5px solid rgba(94,92,230,0.2);}.pricing-card.featured .final-discount-badge:hover{background:rgba(94,92,230,0.15);}.pricing-card .price-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;}.pricing-card .price-top{display:flex;align-items:baseline;gap:8px;width:100%;justify-content:center;}.pricing-features{list-style:none;margin-bottom:28px;}.pricing-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,0.04);transition:transform 0.3s ease,color 0.3s ease;}.pricing-card:hover .pricing-features li{transform:translateX(3px);}.pricing-card:hover .pricing-features li:nth-child(2){transition-delay:0.03s;}.pricing-card:hover .pricing-features li:nth-child(3){transition-delay:0.06s;}.pricing-card:hover .pricing-features li:nth-child(4){transition-delay:0.09s;}.pricing-card:hover .pricing-features li:nth-child(5){transition-delay:0.12s;}.pricing-card:hover .pricing-features li:nth-child(6){transition-delay:0.15s;}.pricing-features li:last-child{border-bottom:none;}.pricing-features li .check{width:18px;height:18px;color:var(--accent-green);flex-shrink:0;}.pricing-features li .cross{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0;}.feature-highlight{color:var(--accent);font-weight:600;}.compare-table-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;border-radius:var(--radius-md);scroll-snap-type:x mandatory;}.compare-table-wrap::-webkit-scrollbar{height:4px;}.compare-table-wrap::-webkit-scrollbar-track{background:transparent;}.compare-table-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;transition:background 0.3s ease;}.compare-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);}@media (min-width:768px){.compare-table-wrap::-webkit-scrollbar{height:0;}}.compare-table-wrap .compare-table{scroll-snap-align:start;}.compare-table-wrap::before,.compare-table-wrap::after{content:'';position:absolute;top:0;bottom:0;width:var(--swipe-edge-width);z-index:2;pointer-events:none;transition:opacity 0.4s ease;}.compare-table-wrap::before{left:0;background:linear-gradient(90deg,var(--swipe-edge-from) 0%,transparent 100%);opacity:0;}.compare-table-wrap::after{right:0;background:linear-gradient(270deg,var(--swipe-edge-to) 0%,transparent 100%);opacity:1;}.compare-table-wrap.scrolled-start::before{opacity:1;}.compare-table-wrap.scrolled-end::after{opacity:0;}@media (min-width:768px){.compare-table-wrap::before,.compare-table-wrap::after{display:none;}}.compare-table .icon-check,.compare-table .icon-cross{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;}.compare-table .icon-check::before,.compare-table .icon-cross::before{content:'';display:block;width:18px;height:18px;background:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain;}.compare-table .icon-check{color:var(--accent-green);}.compare-table .icon-check::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");}.compare-table .icon-cross{color:var(--text-tertiary);}.compare-table .icon-cross::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");}.pricing-card .btn-pricing{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);text-decoration:none;border:none;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;}.pricing-card .btn-pricing.btn-outline{background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--edge-light-top);}.pricing-card .btn-pricing.btn-outline:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-glow);transform:translateY(-2px) scale(1.02);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-blue);}.pricing-card .btn-pricing.btn-outline:active{transform:translateY(0) scale(0.97);transition-duration:0.08s;}.pricing-card.featured .btn-pricing{background:linear-gradient(135deg,var(--gradient-start),#5b8def);color:#fff;box-shadow:0 4px 20px rgba(0,113,227,0.3);}.pricing-card.featured .btn-pricing:hover{box-shadow:0 8px 30px rgba(0,113,227,0.45);transform:translateY(-1px) scale(1.02);}.pricing-card.featured .btn-pricing:active{transform:translateY(0) scale(0.97);box-shadow:0 2px 10px rgba(0,113,227,0.3);transition-duration:0.08s;}@media (max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;}.pricing-card.featured{transform:none;}.pricing-card.featured:hover{transform:translateY(-6px);}.features-layout{grid-template-columns:1fr;}.features-sidebar{display:none;}}@media (max-width:640px){.hero-actions{flex-direction:column;align-items:center;}.nav-links{gap:8px;}.nav-link{padding:8px 14px;font-size:12px;}.nav-link span{display:none;}.nav-indicator{height:30px;}.container{padding:100px 16px 40px;}.platform-showcase{grid-template-columns:repeat(2,1fr);}}.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease;}.reveal.visible{opacity:1;transform:translateY(0);}.reveal-delay-1{transition-delay:0.1s;}.reveal-delay-2{transition-delay:0.2s;}.reveal-delay-3{transition-delay:0.3s;}.reveal-delay-4{transition-delay:0.4s;}.stagger-grid{--stagger-delay:0.06s;}.stagger-grid>*{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s cubic-bezier(0.34,1.56,0.64,1);}.stagger-grid.reveal-visible>*,.stagger-grid.visible>*{opacity:1;transform:translateY(0);}.stagger-grid>*:nth-child(1){transition-delay:calc(var(--stagger-delay) * 1);}.stagger-grid>*:nth-child(2){transition-delay:calc(var(--stagger-delay) * 2);}.stagger-grid>*:nth-child(3){transition-delay:calc(var(--stagger-delay) * 3);}.stagger-grid>*:nth-child(4){transition-delay:calc(var(--stagger-delay) * 4);}.stagger-grid>*:nth-child(5){transition-delay:calc(var(--stagger-delay) * 5);}.stagger-grid>*:nth-child(6){transition-delay:calc(var(--stagger-delay) * 6);}.stagger-grid>*:nth-child(7){transition-delay:calc(var(--stagger-delay) * 7);}.stagger-grid>*:nth-child(8){transition-delay:calc(var(--stagger-delay) * 8);}.stats-row{display:flex;justify-content:center;gap:48px;padding:32px 0;flex-wrap:wrap;}.stat-item{text-align:center;}.stat-item .stat-number{font-size:36px;font-weight:700;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:statCountIn 0.8s cubic-bezier(0.34,1.56,0.64,1) both;animation-delay:calc(var(--stat-index,0) * 0.15s);}@keyframes statCountIn{0%{opacity:0;transform:translateY(12px) scale(0.8);}100%{opacity:1;transform:translateY(0) scale(1);}}.stat-item .stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px;}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end),var(--gradient-purple));z-index:200;transition:width 0.1s cubic-bezier(0.4,0,0.2,1);pointer-events:none;box-shadow:0 0 8px rgba(0,113,227,0.3);}.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-tertiary);font-size:12px;animation:scrollHintBounce 2s ease-in-out infinite;cursor:pointer;transition:opacity 0.3s ease;}.scroll-hint svg{width:20px;height:20px;}.scroll-hint.hidden{opacity:0;pointer-events:none;}@keyframes scrollHintBounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(8px);}}.support-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--accent-green);}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);display:inline-block;animation:statusPulse 2s ease-in-out infinite;}@keyframes statusPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(48,209,88,0.5);}50%{opacity:0.7;box-shadow:0 0 0 6px rgba(48,209,88,0);}}.support-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}@media (max-width:1024px){.support-channels{grid-template-columns:1fr;max-width:480px;margin:0 auto;}}.channel-card{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;overflow:hidden;transition:all 0.35s ease;box-shadow:var(--glass-shadow),var(--edge-light-top),var(--edge-glow-blue);}.channel-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius-lg);background:var(--glass-shine);pointer-events:none;z-index:0;}.channel-card:hover{transform:translateY(-4px);border-color:var(--glass-border-hover);background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-cyan);}.channel-card>*{position:relative;z-index:1;}.channel-bg{position:absolute;top:-60%;right:-60%;width:200px;height:200px;border-radius:50%;opacity:0.04;pointer-events:none;transition:all 0.5s ease;}.channel-card:hover .channel-bg{transform:scale(1.15);opacity:0.07;}.channel-chat .channel-bg{background:var(--accent);}.channel-email .channel-bg{background:#a78bfa;}.channel-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:4px;}.channel-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);}.channel-card:hover .channel-icon{transform:scale(1.1) rotate(-4deg);}.channel-icon svg{width:26px;height:26px;transition:transform 0.3s ease;}.channel-card:hover .channel-icon svg{transform:scale(1.1);}.channel-chat .channel-icon{background:rgba(7,193,96,0.12);color:#07c160;position:relative;}.channel-icon img.wechat-icon-dark,.channel-icon img.wechat-icon-light{width:28px;height:28px;object-fit:contain;transition:transform 0.3s ease;}.channel-icon img.wechat-icon-light{display:none;}.dark-theme .channel-icon img.wechat-icon-dark{display:none;}.dark-theme .channel-icon img.wechat-icon-light{display:block;}.channel-card:hover .channel-icon img{transform:scale(1.1);}.wechat-qr{display:flex;justify-content:center;padding:12px 0 8px;}.wechat-qr img.wechat-qr-dark,.wechat-qr img.wechat-qr-light{width:160px;height:160px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-bg);padding:6px;object-fit:contain;}.wechat-qr img.wechat-qr-light{display:none;}.dark-theme .wechat-qr img.wechat-qr-dark{display:none;}.dark-theme .wechat-qr img.wechat-qr-light{display:block;}.channel-email .channel-icon{background:rgba(167,139,250,0.12);color:#a78bfa;}.channel-badge{font-size:11px;font-weight:500;padding:4px 12px;border-radius:20px;white-space:nowrap;}.channel-chat .channel-badge{background:rgba(0,113,227,0.1);color:var(--accent);}.channel-email .channel-badge{background:rgba(167,139,250,0.1);color:#a78bfa;}.channel-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-top:4px;}.channel-card p{font-size:13px;color:var(--text-secondary);line-height:1.5;max-width:280px;}.channel-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-tertiary);}.channel-status{display:flex;align-items:center;gap:6px;color:var(--accent-green);}.channel-response{font-size:12px;color:var(--text-tertiary);}.channel-btn{width:100%;justify-content:center;margin-top:4px;}.channel-btn svg{width:16px;height:16px;}.channel-emails{width:100%;display:flex;flex-direction:column;gap:6px;}.channel-email-item{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-radius:8px;gap:12px;border:1px solid transparent;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);}.channel-email-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateX(4px);}.channel-email-item span{font-size:12px;color:var(--text-tertiary);flex-shrink:0;}.channel-email-item a{font-size:12px;color:var(--text-secondary);text-decoration:none;transition:color 0.2s;}.channel-email-item a:hover{color:var(--accent);}.ticket-flow{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--glass-shadow),var(--edge-light-top),var(--edge-glow-blue);}.ticket-flow-header{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:36px;}.ticket-flow-step{display:flex;align-items:center;gap:10px;cursor:pointer;opacity:0.5;transition:all 0.3s ease;}.ticket-flow-step.active,.ticket-flow-step:hover{opacity:1;}.step-circle{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-secondary);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);flex-shrink:0;}.ticket-flow-step:hover .step-circle{transform:scale(1.1);border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);}.ticket-flow-step.active .step-circle{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(0,113,227,0.3);animation:stepPulse 2s ease-in-out infinite;}@keyframes stepPulse{0%,100%{box-shadow:0 4px 14px rgba(0,113,227,0.3);}50%{box-shadow:0 4px 20px rgba(0,113,227,0.5),0 0 30px rgba(0,113,227,0.1);}}.step-label{font-size:13px;color:var(--text-secondary);white-space:nowrap;}.ticket-flow-step.active .step-label{color:var(--text-primary);font-weight:500;}.step-connector{width:48px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0.1),rgba(255,255,255,0.2),rgba(255,255,255,0.1));margin:0 12px;}.ticket-flow-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}@media (max-width:1024px){.ticket-flow-header{flex-wrap:wrap;gap:8px;}.step-connector{width:24px;margin:0 6px;}.ticket-flow-cards{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.ticket-flow-cards{grid-template-columns:1fr;}.step-label{display:none;}.step-connector{width:16px;}}.ticket-step-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:12px;padding:24px 20px;transition:all 0.3s ease;box-shadow:var(--glass-shadow),var(--edge-light-top);}.ticket-step-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-blue);}.ticket-step-icon{width:42px;height:42px;border-radius:10px;background:rgba(0,113,227,0.08);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:12px;}.ticket-step-icon svg{width:22px;height:22px;}.ticket-step-card h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px;}.ticket-step-card p{font-size:12px;color:var(--text-secondary);line-height:1.6;}.ticket-timeline{position:relative;padding:20px 0;max-width:800px;margin:0 auto;}.timeline-track{position:absolute;left:28px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(0,113,227,0) 0%,rgba(0,113,227,0.4) 15%,var(--accent) 50%,rgba(0,113,227,0.4) 85%,rgba(0,113,227,0) 100%);border-radius:2px;box-shadow:0 0 8px rgba(0,113,227,0.15),0 0 20px rgba(0,113,227,0.08);animation:track-glow 3s ease-in-out infinite;}@keyframes track-glow{0%,100%{box-shadow:0 0 8px rgba(0,113,227,0.15),0 0 20px rgba(0,113,227,0.08);}50%{box-shadow:0 0 12px rgba(0,113,227,0.25),0 0 30px rgba(0,113,227,0.15);}}.timeline-track::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);}.timeline-track::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);}.timeline-item{display:flex;align-items:flex-start;gap:24px;position:relative;padding-bottom:40px;}.timeline-item:last-child{padding-bottom:0;}.timeline-marker{flex-shrink:0;width:56px;display:flex;align-items:flex-start;justify-content:center;padding-top:0;position:relative;z-index:2;}.marker-dot{width:56px;height:56px;border-radius:16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1.5px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--accent);position:relative;transition:all 0.35s cubic-bezier(0.34,1.56,0.64,1);box-shadow:var(--glass-shadow),var(--edge-light-top);}.marker-dot svg{width:28px;height:28px;}.timeline-item:hover .marker-dot{background:rgba(0,113,227,0.08);border-color:var(--glass-border-glow);transform:scale(1.08);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-blue);color:var(--accent-hover);}.marker-dot::after{content:'';position:absolute;inset:-4px;border-radius:20px;border:2px solid var(--accent);opacity:0;animation:marker-pulse 2.5s ease-out infinite;}@keyframes marker-pulse{0%{transform:scale(1);opacity:0.4;}100%{transform:scale(1.3);opacity:0;}}.timeline-content{flex:1;min-width:0;padding-top:4px;}.timeline-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:24px;transition:all 0.35s cubic-bezier(0.34,1.56,0.64,1);box-shadow:var(--glass-shadow),var(--edge-light-top);}.timeline-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-3px);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-blue);}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px;}.step-badge{padding:4px 12px;border-radius:8px;font-size:11px;font-weight:600;background:rgba(0,113,227,0.1);color:var(--accent);letter-spacing:0.3px;text-transform:uppercase;}.time-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;background:rgba(48,209,88,0.08);color:var(--accent-green);}.time-badge svg{width:12px;height:12px;}.timeline-card h4{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:4px;}.timeline-card>p{font-size:13px;color:var(--text-secondary);margin-bottom:14px;line-height:1.5;}.card-details{list-style:none;padding:0;margin:0 0 16px 0;display:flex;flex-direction:column;gap:8px;}.card-details li{font-size:13px;color:var(--text-secondary);padding-left:20px;position:relative;line-height:1.5;}.card-details li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0.5;}.timeline-card .btn-sm-secondary{margin-top:4px;}@media (max-width:768px){.ticket-timeline{padding:10px 0;}.timeline-track{left:20px;width:2.5px;}.timeline-item{gap:16px;padding-bottom:32px;}.timeline-marker{width:40px;}.marker-dot{width:40px;height:40px;border-radius:12px;}.marker-dot svg{width:20px;height:20px;}.timeline-card{padding:18px;}}@media (max-width:480px){.timeline-track{left:16px;width:2px;}.timeline-item{gap:12px;padding-bottom:24px;}.timeline-marker{width:32px;}.marker-dot{width:32px;height:32px;border-radius:10px;}.marker-dot svg{width:16px;height:16px;}.timeline-card{padding:14px;}.timeline-card h4{font-size:15px;}.card-details li{font-size:12px;}}.sla-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}@media (max-width:1024px){.sla-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){.sla-grid{grid-template-columns:1fr;}}.sla-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:24px 20px;transition:all 0.3s ease;box-shadow:var(--glass-shadow),var(--edge-light-top);}.sla-card:hover{transform:translateY(-3px);border-color:var(--glass-border-hover);background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-cyan);}.sla-card-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;}.sla-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.sla-icon svg{width:22px;height:22px;}.sla-icon.emergency{background:rgba(0,113,227,0.1);color:var(--accent);}.sla-icon.chat{background:rgba(48,209,88,0.1);color:var(--accent-green);}.sla-icon.mail{background:rgba(167,139,250,0.1);color:#a78bfa;}.sla-icon.rate{background:rgba(251,191,36,0.1);color:#f59e0b;}.sla-value{font-size:26px;font-weight:700;color:var(--text-primary);line-height:1.1;}.sla-label{font-size:12px;color:var(--text-tertiary);margin-top:2px;}.sla-bar{height:4px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;margin-bottom:10px;}.sla-bar-fill{height:100%;border-radius:2px;transition:width 0.6s ease;}.sla-note{font-size:11px;color:var(--text-tertiary);}.tier-comparison-header{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px;}.tier-table-wrap{overflow-x:auto;}.tier-table{width:100%;border-collapse:collapse;font-size:13px;}.tier-table th,.tier-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--glass-border);}.tier-table th{color:var(--text-tertiary);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;}.tier-table td{color:var(--text-secondary);}.tier-table tbody tr:hover{background:var(--glass-bg-hover);}.tier-tag{display:inline-block;padding:2px 10px;border-radius:4px;font-size:11px;font-weight:500;}.tier-tag.basic{background:rgba(255,255,255,0.06);color:var(--text-tertiary);}.tier-tag.standard{background:rgba(0,113,227,0.1);color:var(--accent);}.tier-tag.premium{background:rgba(251,191,36,0.1);color:#f59e0b;}.support-faq{margin-top:80px;}.support-faq h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:28px;display:flex;align-items:center;gap:10px;}.support-faq h3::before{content:'';display:inline-block;width:3px;height:20px;border-radius:2px;background:linear-gradient(180deg,var(--gradient-start),var(--gradient-end));flex-shrink:0;}.support-faq .faq-item{background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:all 0.25s ease;}.support-faq .faq-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);}.support-faq .faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 22px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;background:none;border:none;text-align:left;gap:16px;transition:color 0.25s ease;position:relative;}.support-faq .faq-question::before{content:'Q';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:rgba(0,113,227,0.08);color:var(--accent);font-size:11px;font-weight:700;flex-shrink:0;}.support-faq .faq-question:hover{color:var(--accent);}.support-faq .faq-question svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;transition:transform 0.3s ease,color 0.25s ease;}.support-faq .faq-question.open svg{transform:rotate(180deg);color:var(--accent);}.support-faq .faq-answer{font-size:14px;color:var(--text-secondary);line-height:1.7;padding:0 22px 0 68px;max-height:0;overflow:hidden;opacity:0;transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1),opacity 0.35s ease 0.05s,padding-bottom 0.3s ease;}.support-faq .faq-answer.open{max-height:300px;opacity:1;padding-bottom:20px;}.parachute-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(180deg,var(--parachute-sky-top),var(--parachute-sky-bottom));transition:background 0.6s ease;opacity:0.3;}.parachute-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,113,227,0.04) 0%,transparent 60%);pointer-events:none;}.parachute-bg .wind-line{position:absolute;width:2px;background:var(--parachute-wind);border-radius:2px;bottom:-50px;animation:windUp 0.8s linear infinite;}.parachute-bg .wind-1{left:20%;height:clamp(24px,5vw,50px);animation-delay:0s;animation-duration:0.5s;}.parachute-bg .wind-2{left:80%;height:clamp(32px,7vw,70px);animation-delay:0.2s;animation-duration:0.7s;}.parachute-bg .wind-3{left:10%;height:clamp(20px,4vw,40px);animation-delay:0.4s;animation-duration:0.6s;}.parachute-bg .wind-4{left:90%;height:clamp(28px,6vw,60px);animation-delay:0.1s;animation-duration:0.8s;}.parachute-bg .wind-5{left:50%;height:clamp(16px,3vw,30px);animation-delay:0.5s;animation-duration:0.4s;}.parachute-bg .cloud{position:absolute;background:var(--parachute-cloud);border-radius:50%;bottom:-100px;animation:moveCloudsUp 3s linear infinite;transition:background 0.6s ease;}.parachute-bg .cloud::after,.parachute-bg .cloud::before{content:"";position:absolute;background:inherit;border-radius:50%;}.parachute-bg .cloud-1{width:clamp(40px,8vw,80px);height:clamp(40px,8vw,80px);left:10%;animation-duration:2.5s;}.parachute-bg .cloud-1::after{width:clamp(26px,5vw,50px);height:clamp(26px,5vw,50px);top:clamp(-14px,-2.5vw,-25px);left:10px;}.parachute-bg .cloud-1::before{width:clamp(32px,6vw,60px);height:clamp(32px,6vw,60px);top:clamp(-8px,-1.5vw,-15px);left:30px;}.parachute-bg .cloud-2{width:clamp(50px,10vw,100px);height:clamp(50px,10vw,100px);right:15%;animation-duration:3.2s;animation-delay:1s;opacity:0.6;}.parachute-bg .cloud-2::after{width:clamp(32px,6vw,60px);height:clamp(32px,6vw,60px);top:clamp(-16px,-3vw,-30px);left:15px;}.parachute-bg .cloud-2::before{width:clamp(38px,7vw,70px);height:clamp(38px,7vw,70px);top:clamp(-10px,-2vw,-20px);left:40px;}.parachute-bg .parachutist-wrapper{position:absolute;top:-15vh;left:50%;transform:translateX(-50%);width:clamp(90px,18vw,180px);height:clamp(108px,21.6vw,216px);will-change:top;z-index:10;}.parachute-bg .parachutist-wrapper .parachute-svg{animation:swayRotate 3s ease-in-out infinite;}.parachute-bg .parachute-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 10px rgba(0,0,0,0.1));}.parachute-bg .parachute-svg .chute-fill{fill:var(--parachute-chute);transition:fill 0.6s ease;}.parachute-bg .parachute-svg .body-fill{fill:var(--parachute-body);transition:fill 0.6s ease;}.parachute-bg .parachute-svg .line-stroke{stroke:var(--parachute-line);transition:stroke 0.6s ease;}@keyframes swayRotate{0%,100%{transform:rotate(-5deg);}50%{transform:rotate(5deg);}}@keyframes moveCloudsUp{0%{bottom:-100px;opacity:0;}20%{opacity:0.9;}80%{opacity:0.9;}100%{bottom:calc(100vh + 50px);opacity:0;}}@keyframes windUp{0%{bottom:-60px;opacity:0;}50%{opacity:1;}100%{bottom:calc(100vh + 50px);opacity:0;}}@media (max-width:480px){.top-nav{padding:12px 12px 0;}.nav-card{height:48px;padding:0 4px;gap:2px;}.nav-brand{padding:0 8px 0 6px;font-size:0;gap:0;height:36px;border-right:none;}.nav-brand svg,.nav-logo{width:28px;height:28px;}.nav-links{gap:6px;}.nav-link{padding:6px 12px;font-size:0;gap:0;}.nav-link svg{width:18px;height:18px;flex-shrink:0;}.nav-link span{display:none;}.nav-indicator{height:30px;}.switch{width:52px;height:26px;}.switch:after{width:22px;height:22px;left:2px;top:2px;}.switch:checked:after{transform:translateX(26px);}.switch:checked:before{left:6px;top:3px;transform-origin:21px 6px;}.switch:before{left:6px;top:3px;transform-origin:21px 6px;}@keyframes on{0%{transform:translateX(0);width:22px;}50%{width:32px;border-radius:13px;}100%{transform:translateX(26px);width:22px;}}@keyframes off{0%{transform:translateX(26px);width:22px;}50%{width:32px;border-radius:13px;}100%{transform:translateX(0);width:22px;}}.parachute-bg{opacity:0.25;}.parachute-bg .parachutist-wrapper{width:clamp(72px,30vw,110px);height:clamp(86px,36vw,132px);}.parachute-bg .cloud-1{width:clamp(36px,14vw,56px);height:clamp(36px,14vw,56px);}.parachute-bg .cloud-2{width:clamp(44px,18vw,70px);height:clamp(44px,18vw,70px);}.hero-loader-container{margin:20px auto 12px;transform:scale(0.85);transform-origin:center center;}}.dino-loader{width:100%;max-width:100%;height:150px;position:relative;overflow:hidden;margin:0 auto 20px;border-bottom:1px solid rgba(255,255,255,0.06);display:flex;justify-content:center;opacity:0.5;transition:opacity 0.5s cubic-bezier(0.34,1.56,0.64,1);}.dino-loader:hover{opacity:1;border-bottom-color:var(--glass-border-hover);}.dino-runner{width:44px;height:47px;position:absolute;bottom:12px;left:50%;margin-left:-22px;z-index:2;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAAAvAgMAAABiRrxWAAAADFBMVEX///9TU1P39/f///+TS9URAAAAAXRSTlMAQObYZgAAAPpJREFUeF7d0jFKRkEMhdGLMM307itNLALyVmHvJuzTDMjdn72E95PGFEZSmeoU4YMMgxhskvQec8YSVFX1NhGcS5ywtbmC8khcZeKq+ZWJ4F8Sr2+ZCErjkJFEfcjAc/6/BMlfcz6xHdhRthYzIZhIHMcTVY1scUUiAphK8CMSPUbieTBhvD9Lj0vyV4wklEGzHpciKGOJoBp7XDcFs4kWxxM7Ey3iZ8JbzASAvMS7XLOJHTTvEkEZSeQl7DMuwVyCasqK5+XzQRYLUJlMbPXjFcn3m8eKBSjWZMJwvGIOvViAzCbUj1VEDoqFOEQGE3SyInJQLOQMJL4B7enP1UbLXJQAAAAASUVORK5CYII=");animation:dinoRun 0.25s infinite steps(2),dinoJump 1.5s infinite linear;}.dino-obstacle{width:17px;height:35px;position:absolute;bottom:12px;right:-50px;z-index:1;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAjCAMAAABRlI+PAAAADFBMVEX////////39/dTU1PhglcSAAAAAXRSTlMAQObYZgAAAPNJREFUeF7tlkEKwzAMBLXr//+5iQhU7gRRQkyhZI+DhwH74jhmO+oIJBVwURljuAXagG5QqkSgBLqg3JnxJ1Cb8SmQ3o6gpO85owGlOB4m2BNKJ11BSd01owGlOHkcIAuHkz6UNpPKgozPM54dADHjJuNhZiJxdQCQgZJeBczgCAAy3yhPJvcnmdC9mZwBIsQMFV5AkzHBNknFgcKM+oyDIFcfCAoy03m+jSMIcmoVZkKqSjr1fghyahRmoKRUHYLiSI1SMlCq5CDgX6BXmKkfn+oQ0KEyyrzoy8GbXJ9xrM/YjhUZgl9nnsyTCe9rgSRdV15CwRcIEu8GGQAAAABJRU5ErkJggg==");animation:moveObstacle 1.5s infinite linear;}.dino-ground{width:100%;height:12px;position:absolute;bottom:5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAAMAgMAAAAPCKxBAAAABlBMVEX///9TU1NYzE1OAAAAAXRSTlMAQObYZgAAALJJREFUeF7t1EEKAyEMhtEvMNm7sPfJEVyY+1+ltLgYAsrQCtWhbxEhQvgxIJtSZypxa/WGshgzKdbq/UihMFMlt3o/CspEYoihIMaAb6mCvM6C+BTAeyo+wN4yykV/6pVfkdLpVyI1hh7GJ6QunUoLEQlQglNP2nkQkeF8+ei9cLxMue1qxVRfk1Ej0s6AEGWfVOk0QUtnK5Xo0Lac6wpdtnQqB6VxomPaz+dgF1PaqqmeWJlz1jYUaSIAAAAASUVORK5CYII=");background-repeat:repeat-x;animation:moveGround 4s linear infinite;}@keyframes dinoRun{from{background-position:-44px 0;}to{background-position:-132px 0;}}@keyframes dinoJump{0%,35%{transform:translateY(0);}50%{transform:translateY(-60px);}65%,100%{transform:translateY(0);}}@keyframes moveObstacle{0%{right:-50px;}100%{right:100%;}}@keyframes moveGround{from{background-position:0 0;}to{background-position:-1200px 0;}}.footer{text-align:center;padding:40px 24px;border-top:1px solid var(--glass-border);margin-top:60px;transition:border-color 0.3s ease;}.footer p{font-size:13px;color:var(--text-tertiary);transition:color 0.3s ease;}.footer:hover{border-top-color:var(--glass-border-hover);}.hero-loader-container{position:relative;display:flex;align-items:center;justify-content:center;width:160px;height:100px;margin:32px auto 28px;}.hero-loader-container .loader{position:absolute;top:50%;left:50%;z-index:10;width:160px;height:100px;margin-left:-80px;margin-top:-50px;border-radius:22px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--edge-light-top),var(--edge-glow-blue);animation:dot1_ 3s cubic-bezier(0.55,0.3,0.24,0.99) infinite;}.hero-loader-container .loader:nth-child(2){z-index:11;width:150px;height:90px;margin-top:-45px;margin-left:-75px;border-radius:18px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--edge-light-top);animation-name:dot2_;}.hero-loader-container .loader:nth-child(3){z-index:12;width:40px;height:20px;margin-top:50px;margin-left:-20px;border-radius:0 0 14px 14px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);animation-name:dot3_;}.light-mode .hero-loader-container .loader{box-shadow:var(--glass-shadow),var(--edge-light-top);}.light-mode .hero-loader-container .loader-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,0.08));}@keyframes dot1_{3%,97%{width:160px;height:100px;margin-top:-50px;margin-left:-80px;border-radius:22px;}30%,36%{width:80px;height:120px;margin-top:-60px;margin-left:-40px;border-radius:28px;}63%,69%{width:40px;height:80px;margin-top:-40px;margin-left:-20px;border-radius:20px;}}@keyframes dot2_{3%,97%{height:90px;width:150px;margin-left:-75px;margin-top:-45px;border-radius:18px;}30%,36%{width:70px;height:96px;margin-left:-35px;margin-top:-48px;border-radius:24px;}63%,69%{width:32px;height:60px;margin-left:-16px;margin-top:-30px;border-radius:16px;}}@keyframes dot3_{3%,97%{height:20px;width:40px;margin-left:-20px;margin-top:50px;border-radius:0 0 14px 14px;}30%,36%{width:8px;height:8px;margin-left:-5px;margin-top:49px;border-radius:10px;}63%,69%{width:16px;height:4px;margin-left:-8px;margin-top:-37px;border-radius:10px;}}.hero-loader-container .loader-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.85);display:flex;align-items:center;justify-content:center;width:48px;height:48px;opacity:0;transition:opacity 0.35s cubic-bezier(0.4,0,0.2,1),transform 0.5s cubic-bezier(0.32,0.72,0,1);pointer-events:none;}.hero-loader-container .loader-icon svg{width:30px;height:30px;color:var(--text-primary);filter:drop-shadow(0 1px 3px rgba(0,0,0,0.15));transition:filter 0.35s cubic-bezier(0.4,0,0.2,1);}.hero-loader-container .loader-icon.active{opacity:1;transform:translate(-50%,-50%) scale(1);}.hero-loader-container .loader-icon.active svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,0.12)) drop-shadow(0 0 1px rgba(255,255,255,0.3));}@media (max-width:480px){.hero-loader-container .loader-icon{width:40px;height:40px;}.hero-loader-container .loader-icon svg{width:24px;height:24px;}}@media (max-width:768px){.feature-card,.pricing-card,.channel-card,.ticket-flow,.ticket-step-card,.sla-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.nav-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}.nav-indicator{height:28px;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}.bg-canvas .gradient-orb{animation:none !important;}.reveal{opacity:1 !important;transform:none !important;}}.section{content-visibility:auto;contain-intrinsic-size:500px;}.feature-card,.pricing-card,.channel-card{content-visibility:auto;contain-intrinsic-size:300px;}.features-hero{text-align:center;padding:40px 0 20px;}.features-summary-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-top:20px;margin-bottom:28px;flex-wrap:wrap;gap:12px;box-shadow:var(--glass-shadow),var(--edge-light-top),var(--edge-glow-blue);position:sticky;top:90px;z-index:50;}.features-summary-bar .selected-count{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;}.features-summary-bar .selected-count strong{color:var(--accent);font-size:22px;font-weight:700;}.features-summary-bar .estimate-price{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;}.features-summary-bar .estimate-price strong{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:20px;font-weight:700;}.features-summary-bar .btn-sm{padding:10px 24px;background:linear-gradient(135deg,var(--gradient-start),#5b8def);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 16px rgba(0,113,227,0.25);}.features-summary-bar .btn-sm:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,113,227,0.4);}.mobile-category-nav{display:none;}@media (max-width:900px){.mobile-category-nav{display:flex;}}.feature-tag{display:inline-block;font-size:11px;padding:3px 10px;border-radius:6px;font-weight:600;margin-top:6px;letter-spacing:0.3px;}.feature-tag.tag-free{background:linear-gradient(135deg,rgba(48,209,88,0.12),rgba(48,209,88,0.06));color:var(--accent-green);border:1px solid rgba(48,209,88,0.2);}.feature-tag.tag-premium{background:linear-gradient(135deg,rgba(255,149,0,0.12),rgba(255,149,0,0.06));color:#ff9500;border:1px solid rgba(255,149,0,0.25);}.feature-tag.tag-basic{background:rgba(0,113,227,0.15) !important;color:var(--accent) !important;border:1px solid rgba(0,113,227,0.25) !important;}.feature-category[data-category-type="main-platform"]{background:linear-gradient(135deg,rgba(0,113,227,0.04),rgba(0,113,227,0.01));border:1px solid rgba(0,113,227,0.15);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;}.feature-category[data-category-type="main-platform"] .feature-category-header h2{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.feature-category[data-category-type="platform"]{background:none;border:none;border-radius:0;padding:0;margin-bottom:24px;}.feature-category[data-category-type="platform"] .feature-category-header h2{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.discount-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:linear-gradient(135deg,rgba(48,209,88,0.15),rgba(48,209,88,0.05));border:1px solid rgba(48,209,88,0.25);border-radius:6px;font-size:12px;font-weight:600;color:var(--accent-green);margin-top:8px;}.discount-badge svg{width:14px;height:14px;}.required-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,rgba(255,69,58,0.15),rgba(255,69,58,0.05));border:1px solid rgba(255,69,58,0.3);border-radius:4px;font-size:11px;font-weight:600;color:#ff453a;vertical-align:middle;}.premium-lock-badge{display:none;align-items:center;gap:5px;padding:3px 10px;background:linear-gradient(135deg,rgba(255,149,0,0.12),rgba(255,149,0,0.04));border:1px solid rgba(255,149,0,0.25);border-radius:6px;font-size:11px;font-weight:500;color:#ff9500;margin-top:6px;white-space:nowrap;}.premium-lock-badge svg{width:14px;height:14px;}#cat-premium.category-disabled .premium-lock-badge{display:inline-flex;animation:lockPulse 2s ease-in-out infinite;}@keyframes lockPulse{0%,100%{opacity:0.8;}50%{opacity:1;}}#cat-premium:not(.category-disabled) .premium-lock-badge{display:none;}.domain-toggle-section{margin-top:20px;padding:16px 20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--glass-shadow),var(--edge-light-top);}.domain-toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px;}.domain-toggle-label svg{color:var(--accent);opacity:0.8;}.domain-toggle-row{display:flex;align-items:center;gap:12px;}.domain-opt{font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color 0.3s;user-select:none;}.domain-opt.active{color:var(--text-primary);}.domain-opt small{font-size:11px;color:#40e0d0;background:rgba(64,224,208,0.1);padding:1px 6px;border-radius:4px;margin-left:4px;}.domain-toggle-hint{margin-top:10px;font-size:12px;color:var(--text-tertiary);line-height:1.5;}.feature-option.disabled,.device-size-option.disabled{opacity:0.45;cursor:not-allowed;position:relative;}.feature-option.disabled::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.3);border-radius:inherit;opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.feature-option.disabled:hover::before{opacity:1;}.feature-option.disabled::after,.device-size-option.disabled::after{content:'请先选择主应用平台';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ff453a;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:all 0.2s ease;z-index:10;letter-spacing:0.3px;}.feature-option.disabled:hover::after,.feature-option.disabled:active::after,.device-size-option.disabled:hover::after{opacity:1;transform:translate(-50%,-50%) scale(1);}.mobile-category-nav .mcat-btn.mcat-disabled{opacity:0.4;pointer-events:none;position:relative;}.platform-count-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,rgba(0,113,227,0.12),rgba(0,113,227,0.06));border:1px solid rgba(0,113,227,0.2);border-radius:4px;font-size:11px;font-weight:600;color:var(--accent);margin-left:8px;transition:all 0.2s ease;}.platform-count-badge.empty{display:none;}.feature-category[data-category-type="premium"]{background:linear-gradient(135deg,rgba(255,149,0,0.03),rgba(255,149,0,0.01));border:1px solid rgba(255,149,0,0.15);border-radius:var(--radius-lg);padding:24px;margin-top:12px;}.feature-category[data-category-type="premium"] .feature-category-header h2{background:linear-gradient(135deg,#ff9500,#ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.feature-category[data-category-type="premium"] .feature-option{border-color:rgba(255,149,0,0.12);}.feature-category[data-category-type="premium"] .feature-option:hover{border-color:rgba(255,149,0,0.25);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),0 0 20px rgba(255,149,0,0.08);}.feature-category[data-category-type="premium"] .feature-option.selected{background:rgba(255,149,0,0.08);border-color:rgba(255,149,0,0.3);box-shadow:var(--glass-shadow),var(--edge-light-top),0 0 20px rgba(255,149,0,0.1);}.feature-subcategory{margin-bottom:24px;background:rgba(255,255,255,0.02);border-radius:var(--radius-sm);padding:0 14px;border:1px solid transparent;transition:border-color 0.3s ease,background 0.3s ease;}.feature-subcategory:hover{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.04);}.feature-subcategory:last-child{margin-bottom:0;}.feature-subcategory-header{display:flex;align-items:center;gap:10px;margin-bottom:0;padding:14px 16px;border-bottom:none;cursor:pointer;user-select:none;border-radius:10px;transition:background 0.2s ease;margin-left:-14px;margin-right:-14px;}.feature-subcategory-header:hover{background:rgba(255,255,255,0.03);}.feature-subcategory-header h3{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:0.3px;}.feature-subcategory-header svg{width:16px;height:16px;color:var(--accent);flex-shrink:0;}.collapse-chevron{width:14px !important;height:14px !important;transition:transform 0.3s ease;color:var(--text-tertiary) !important;flex-shrink:0;}.feature-subcategory-header.expanded .collapse-chevron{transform:rotate(180deg);}.feature-subcategory-body{overflow:hidden;transition:max-height 0.35s ease,opacity 0.3s ease,padding 0.3s ease;max-height:0;opacity:0;padding:0 4px;}.feature-subcategory-body.open{max-height:2000px;opacity:1;padding:12px 4px 4px;}.btn-generate{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#30d158,#28a745);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 16px rgba(48,209,88,0.3);}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(48,209,88,0.4);}.btn-generate:active{transform:translateY(0) scale(0.98);}.btn-generate.btn-disabled{opacity:0.4 !important;cursor:not-allowed !important;transform:none !important;box-shadow:none !important;pointer-events:none !important;}.btn-generate.btn-active{opacity:1 !important;cursor:pointer !important;pointer-events:auto !important;}.btn-generate:disabled{opacity:0.5;cursor:not-allowed;transform:none;}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.32,0.72,0,1);}.modal-overlay.active{opacity:1;visibility:visible;}.modal-content{background:linear-gradient(180deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.06) 40%,rgba(255,255,255,0.03) 100%);backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:0.5px solid rgba(255,255,255,0.18);border-radius:20px;max-width:580px;width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 0.5px rgba(255,255,255,0.05),0 20px 60px rgba(0,0,0,0.5),0 0 120px rgba(0,113,227,0.08),inset 0 1px 0 rgba(255,255,255,0.1);transform:scale(0.92) translateY(30px);transition:transform 0.5s cubic-bezier(0.32,0.72,0,1);}.modal-overlay.active .modal-content{transform:scale(1) translateY(0);}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;position:relative;}.modal-header::after{content:'';position:absolute;bottom:0;left:22px;right:22px;height:0.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent);}.modal-header h2{font-size:17px;font-weight:600;margin:0;letter-spacing:-0.2px;color:rgba(255,255,255,0.95);}.modal-close{width:30px;height:30px;background:rgba(255,255,255,0.1);border:0.5px solid rgba(255,255,255,0.15);border-radius:50%;cursor:pointer;color:rgba(255,255,255,0.7);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;}.modal-close:hover{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.95);transform:scale(1.05);}.modal-body{flex:1;overflow-y:auto;padding:18px 22px;}.modal-body::-webkit-scrollbar{width:6px;}.modal-body::-webkit-scrollbar-track{background:transparent;}.modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:3px;}.modal-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25);}.modal-footer{display:flex;gap:10px;padding:14px 22px 18px;flex-wrap:wrap;position:relative;}.modal-footer::before{content:'';position:absolute;top:0;left:22px;right:22px;height:0.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent);}.modal-footer button{flex:1;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 18px;border:0.5px solid rgba(255,255,255,0.15);border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.25s cubic-bezier(0.32,0.72,0,1);letter-spacing:-0.1px;}.btn-save{background:linear-gradient(135deg,rgba(0,113,227,0.6),rgba(0,113,227,0.35));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;box-shadow:0 4px 16px rgba(0,113,227,0.3),inset 0 1px 0 rgba(255,255,255,0.15);}.btn-save:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 8px 24px rgba(0,113,227,0.4),inset 0 1px 0 rgba(255,255,255,0.2);background:linear-gradient(135deg,rgba(0,113,227,0.7),rgba(0,113,227,0.45));}.btn-save:active{transform:translateY(0) scale(0.98);}.btn-copy{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:rgba(255,255,255,0.9);}.btn-copy:hover{background:rgba(255,255,255,0.12);transform:translateY(-1px) scale(1.02);}.btn-copy:active{transform:translateY(0) scale(0.98);}.feature-list-card{background:linear-gradient(160deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.02) 100%);border:0.5px solid rgba(255,255,255,0.1);border-radius:16px;padding:0;overflow:hidden;box-shadow:0 0 0 0.5px rgba(255,255,255,0.03),0 8px 32px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.06);}.card-header{display:flex;align-items:center;gap:14px;padding:18px 18px 14px;position:relative;}.card-header::after{content:'';position:absolute;bottom:0;left:18px;right:18px;height:0.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);}.card-logo img{width:42px;height:42px;border-radius:10px;object-fit:contain;box-shadow:0 2px 8px rgba(0,0,0,0.3);}.image-load-fallback{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;text-align:center;}.card-title-group h3{font-size:16px;font-weight:600;margin:0 0 3px;letter-spacing:-0.2px;color:rgba(255,255,255,0.95);}.card-date{font-size:12px;color:rgba(255,255,255,0.45);margin:0;font-weight:400;}.card-divider{display:none;}.card-content{margin-bottom:0;padding:0 6px;}.card-device-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 18px 16px;position:relative;}.card-device-label{font-size:11px;font-weight:600;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:1.2px;}.card-device-frame{position:relative;background:#1a1a1a;border:2px solid #333;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,0.08) inset,0 4px 16px rgba(0,0,0,0.3);transition:all 0.3s ease;}.card-device-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(145deg,#f8f8f8,#e8e8e8);}.card-device-logo{width:32%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px;opacity:0.8;}.card-device-content{color:#333;font-weight:500;text-align:center;line-height:1.4;padding:8px;}.card-device-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:35%;height:18px;background:#1a1a1a;border-radius:0 0 12px 12px;}.card-device-dims{font-size:12px;font-weight:500;color:rgba(255,255,255,0.4);letter-spacing:0.3px;}.feature-group{margin-bottom:0;}.feature-group-header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px;position:relative;}.feature-group-header::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:0.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent);}.feature-group-title{font-size:13px;font-weight:600;color:rgba(0,113,227,0.9);letter-spacing:-0.1px;display:flex;align-items:center;gap:6px;}.feature-group-title svg{width:14px;height:14px;opacity:0.85;}.feature-group-count{margin-left:auto;font-size:11px;color:rgba(255,255,255,0.35);font-weight:400;}.feature-item{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:13px;position:relative;transition:background 0.15s ease;}.feature-item:hover{background:rgba(255,255,255,0.03);}.feature-item::after{content:'';position:absolute;bottom:0;left:24px;right:12px;height:0.5px;background:rgba(255,255,255,0.04);}.feature-item:last-child::after{display:none;}.feature-item-check{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#30d158,#28a745);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(48,209,88,0.3);}.feature-item-check svg{width:10px;height:10px;color:#fff;}.feature-item-name{flex:1;color:rgba(255,255,255,0.85);font-size:13px;letter-spacing:-0.1px;}.feature-item-price{font-size:12px;color:rgba(255,255,255,0.4);font-weight:500;margin-right:6px;}.feature-item-tag{font-size:10px;padding:2px 7px;border-radius:5px;font-weight:600;letter-spacing:0.2px;}.feature-item-tag.tag-free{background:rgba(48,209,88,0.12);color:#30d158;border:0.5px solid rgba(48,209,88,0.2);}.feature-item-tag.tag-premium{background:rgba(255,149,0,0.12);color:#ff9500;border:0.5px solid rgba(255,149,0,0.2);}.feature-item-tag.tag-basic{background:rgba(0,113,227,0.12);color:#5b9aff;border:0.5px solid rgba(0,113,227,0.2);}.card-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,rgba(0,113,227,0.1),rgba(0,113,227,0.04));border-top:0.5px solid rgba(0,113,227,0.15);margin-top:0;border-radius:0;}.card-summary-count{font-size:12px;color:rgba(255,255,255,0.5);}.card-summary-count strong{color:rgba(0,113,227,0.9);font-size:15px;font-weight:600;}.card-summary-price{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,0.5);text-align:right;}.card-summary-original{text-decoration:line-through;opacity:0.5;font-size:11px;}.card-summary-discount-badge{display:inline-flex;align-items:center;padding:2px 8px;background:rgba(48,209,88,0.12);border:0.5px solid rgba(48,209,88,0.2);border-radius:4px;font-size:10px;color:#30d158;font-weight:600;}.card-summary-total{background:linear-gradient(135deg,#5b9aff,#30d158);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:17px;font-weight:700;}.card-footer{text-align:center;padding:14px 18px 16px;border-top:0.5px solid rgba(255,255,255,0.06);}.footer-tip{font-size:11px;color:rgba(255,255,255,0.35);margin:0 0 6px;line-height:1.5;}.footer-contact{font-size:12px;color:var(--accent);font-weight:600;margin:0;}.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--glass-bg);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:10px;z-index:2000;opacity:0;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:var(--glass-shadow-hover),var(--edge-light-top);}.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}.toast svg{color:#30d158;flex-shrink:0;}.toast span{font-size:14px;color:var(--text-primary);}@media (max-width:640px){.features-summary-bar{flex-direction:column;text-align:center;}.btn-generate{width:100%;justify-content:center;}.modal-content{max-height:95vh;border-radius:16px;}.modal-footer{flex-direction:column;}.modal-footer button{width:100%;}.feature-list-card{border-radius:12px;}.device-size-option{padding:12px 14px;gap:12px;margin-bottom:6px;}.device-size-radio .device-size-radio-btn{width:18px;height:18px;}.device-size-radio .device-size-radio-btn::after{width:10px;height:10px;}.device-size-info h4{font-size:13px;}.device-size-info .device-desc{font-size:11px;-webkit-line-clamp:2;line-height:1.4;}.custom-size-inputs.visible{padding:12px;}.custom-size-fields{flex-wrap:wrap;gap:6px;}.size-field{width:65px;min-width:0;}.size-field label{font-size:10px;}.size-field input{padding:6px 8px;font-size:12px;min-width:0;}.size-separator{font-size:14px;}.swap-size-btn{padding:6px 8px;}.swap-size-btn svg{width:14px;height:14px;}.apply-custom-size-btn{padding:6px 10px;font-size:11px;flex-shrink:0;}.device-size-option.disabled::after{font-size:11px;padding:5px 12px;white-space:normal;max-width:80vw;text-align:center;}.device-preview-container{padding:14px 10px;gap:8px;}.device-preview-label{font-size:10px;}.device-size-display{font-size:12px;}}.pricing-hero{text-align:center;padding:40px 0 20px;}.pricing-faq{max-width:720px;margin:60px auto 0;}.pricing-faq h3{text-align:center;font-size:24px;font-weight:600;margin-bottom:28px;}.faq-item{padding:18px 0;border-bottom:1px solid var(--glass-border);}.faq-item:last-child{border-bottom:none;}.faq-question{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;padding:4px 0;}.faq-question svg{width:18px;height:18px;color:var(--text-secondary);transition:transform 0.3s ease;}.faq-question.open svg{transform:rotate(180deg);}.faq-answer{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-top:10px;max-height:0;overflow:hidden;opacity:0;transition:max-height 0.35s ease,opacity 0.3s ease,margin-top 0.3s ease;}.faq-answer.open{max-height:300px;opacity:1;}.pricing-compare{margin-top:60px;}.pricing-compare h3{text-align:center;font-size:22px;font-weight:700;margin-bottom:32px;color:var(--text-primary);}.compare-grid{max-width:720px;margin:0 auto;border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--glass-bg);box-shadow:var(--glass-shadow),var(--edge-light-top);}.compare-row-header{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;background:rgba(0,113,227,0.06);border-bottom:1px solid var(--glass-border);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-secondary);}.compare-row-header>div{padding:14px 16px;text-align:center;}.compare-row-header .compare-feature-name{text-align:left;}.compare-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border-bottom:1px solid rgba(255,255,255,0.04);transition:background 0.25s ease;}.compare-row:last-child{border-bottom:none;}.compare-row:hover{background:rgba(0,113,227,0.03);}.compare-row>div{padding:16px;font-size:13px;text-align:center;display:flex;align-items:center;justify-content:center;}.compare-feature-name{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text-primary);justify-content:flex-start !important;}.compare-feature-name svg{flex-shrink:0;color:var(--accent);opacity:0.6;}.compare-col.highlight{color:var(--accent);}.compare-col.highlight strong{color:var(--accent);}.check-mark{color:var(--accent-green);font-weight:700;font-size:14px;}.cross-mark{color:var(--text-tertiary);opacity:0.5;font-weight:400;}.discount-badge-sm{display:inline-block;font-size:12px;font-weight:700;padding:3px 8px;border-radius:4px;background:rgba(0,113,227,0.08);color:var(--accent);}.discount-badge-sm::after{content:'折';font-size:10px;font-weight:500;margin-left:1px;opacity:0.7;}.discount-badge-sm.best{background:rgba(0,113,227,0.15);box-shadow:0 0 8px rgba(0,113,227,0.1);}@media (max-width:640px){.compare-grid{font-size:11px;}.compare-row-header,.compare-row{grid-template-columns:1.3fr 1fr 1fr 1fr;}.compare-row-header>div,.compare-row>div{padding:12px 8px;font-size:11px;}.discount-badge-sm{font-size:10px;padding:2px 6px;}}font-weight:600;margin-bottom:28px;}.compare-table{width:100%;border-collapse:collapse;font-size:14px;}.compare-table th,.compare-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--glass-border);}.compare-table th{font-weight:600;color:var(--text-primary);background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);}.compare-table th:first-child{border-radius:12px 0 0 0;}.compare-table th:last-child{border-radius:0 12px 0 0;}.compare-table td:first-child{color:var(--text-secondary);font-weight:500;}.compare-table .check{color:var(--accent-green);}.compare-table .cross{color:var(--text-tertiary);}@media (max-width:640px){.compare-table{font-size:12px;}.compare-table th,.compare-table td{padding:10px 8px;}}.text-center{text-align:center;}.justify-center{justify-content:center;}.mt-32{margin-top:32px;}.mt-40{margin-top:40px;}.discount-badge-inline{font-size:12px;color:var(--accent-green);margin-left:4px;}.btn-sm-secondary{font-size:13px;padding:8px 18px;}.min-h-70vh{min-height:70vh;}.flex-center-full{display:flex;align-items:center;gap:6px;width:100%;justify-content:center;}.save-badge{font-size:12px;color:var(--accent-green);font-weight:600;}.sla-bar-fill.w98{width:98%;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));}.sla-bar-fill.w99-green{width:99%;background:linear-gradient(90deg,var(--accent-green),#34d399);}.sla-bar-fill.w85{width:85%;background:linear-gradient(90deg,#a78bfa,#8b5cf6);}.sla-bar-fill.w99-orange{width:99%;background:linear-gradient(90deg,#f59e0b,#f97316);}.page-section{display:none;animation:pageFadeIn 0.4s cubic-bezier(0.32,0.72,0,1);}.page-section.active{display:block;}@keyframes pageFadeIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}.feature-tag{display:inline-block;font-size:11px;padding:3px 10px;border-radius:6px;font-weight:600;margin-top:6px;letter-spacing:0.3px;}.feature-tag.tag-free{background:linear-gradient(135deg,rgba(48,209,88,0.12),rgba(48,209,88,0.06));color:var(--accent-green);border:1px solid rgba(48,209,88,0.2);}.feature-tag.tag-premium{background:linear-gradient(135deg,rgba(255,149,0,0.12),rgba(255,149,0,0.06));color:#ff9500;border:1px solid rgba(255,149,0,0.25);}.feature-tag.tag-basic{background:rgba(0,113,227,0.15) !important;color:var(--accent) !important;border:1px solid rgba(0,113,227,0.25) !important;}.feature-option.disabled{position:relative;opacity:0.4;transition:opacity 0.3s ease,background 0.3s ease;cursor:not-allowed;}.feature-option.disabled::after{content:'请先选择主应用平台';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);background:rgba(0,0,0,0.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,69,58,0.25);color:#ff453a;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);z-index:10;letter-spacing:0.3px;}.feature-option.disabled:hover::after,.feature-option.disabled:active::after{opacity:1;transform:translate(-50%,-50%) scale(1);}.platform-count-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,rgba(0,113,227,0.12),rgba(0,113,227,0.06));border:1px solid rgba(0,113,227,0.2);border-radius:4px;font-size:11px;font-weight:600;color:var(--accent);margin-left:8px;}.platform-count-badge.empty{display:none;}.support-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px;}.channel-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px;text-align:center;position:relative;overflow:hidden;transition:all 0.3s ease;}.channel-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);}.channel-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,113,227,0.06) 0%,transparent 60%);pointer-events:none;}.channel-top{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;position:relative;}.channel-icon{width:52px;height:52px;background:linear-gradient(135deg,rgba(0,113,227,0.12),rgba(0,113,227,0.06));border-radius:14px;display:flex;align-items:center;justify-content:center;}.channel-icon svg{width:28px;height:28px;color:var(--accent);}.channel-badge{padding:4px 12px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:20px;font-size:12px;font-weight:600;color:#fff;}.channel-card h3{font-size:18px;font-weight:600;margin-bottom:8px;}.channel-card p{font-size:14px;color:var(--text-secondary);margin-bottom:20px;}.wechat-qr{margin:16px 0;display:flex;justify-content:center;}.wechat-qr img{width:120px;height:120px;border-radius:8px;}.channel-meta{display:flex;justify-content:center;gap:16px;font-size:13px;color:var(--text-secondary);}.status-dot{display:inline-block;width:8px;height:8px;background:var(--accent-green);border-radius:50%;margin-right:4px;}.channel-emails{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}.channel-email-item{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:var(--bg-card);border-radius:10px;}.channel-email-item span{font-size:13px;color:var(--text-secondary);}.channel-email-item a{font-size:13px;color:var(--accent);text-decoration:none;font-weight:500;}.ticket-flow{margin-top:32px;}.ticket-flow-header{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;}.ticket-flow-step{flex-shrink:0;padding:10px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all 0.3s ease;}.ticket-flow-step.active{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border-color:transparent;}.sla-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:32px;}.sla-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:24px;}.sla-card-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;}.sla-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;}.sla-icon.emergency{background:rgba(255,69,58,0.12);color:#ff453a;}.sla-icon.chat{background:rgba(48,209,88,0.12);color:#30d158;}.sla-icon.mail{background:rgba(124,58,237,0.12);color:#a78bfa;}.sla-icon.rate{background:rgba(255,149,0,0.12);color:#f59e0b;}.sla-icon svg{width:22px;height:22px;}.sla-value{font-size:22px;font-weight:700;}.sla-label{font-size:13px;color:var(--text-secondary);}.sla-bar{height:4px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;margin-bottom:8px;}.sla-bar-fill{height:100%;border-radius:2px;}.sla-note{font-size:12px;color:var(--text-tertiary);}.tier-comparison-header{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:16px;font-weight:600;}.tier-table{width:100%;border-collapse:collapse;font-size:14px;}.tier-table th,.tier-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--glass-border);}.tier-table th{font-weight:600;background:var(--glass-bg);}.tier-tag{padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;}.tier-tag.basic{background:rgba(0,113,227,0.12);color:var(--accent);}.tier-tag.standard{background:rgba(48,209,88,0.12);color:var(--accent-green);}.tier-tag.premium{background:rgba(255,149,0,0.12);color:#ff9500;}.icon-check::before{content:'✓';color:var(--accent-green);font-weight:bold;}.icon-cross::before{content:'✗';color:var(--text-tertiary);}.support-faq{max-width:720px;margin:60px auto 0;}.support-faq h3{text-align:center;font-size:24px;font-weight:600;margin-bottom:28px;}.device-size-selector{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;}.device-size-option{display:flex;align-items:center;gap:18px;padding:18px 22px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:10px;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);cursor:pointer;box-shadow:var(--glass-shadow),var(--edge-light-top);position:relative;overflow:hidden;}.device-size-option:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-blue);transform:translateY(-1px);}.device-size-option.selected{background:rgba(0,113,227,0.08);border-color:var(--glass-border-glow);box-shadow:var(--glass-shadow),var(--edge-light-top),0 0 20px rgba(0,113,227,0.06);transform:scale(1.01);}.device-size-option.selected:hover{background:rgba(0,113,227,0.12);border-color:rgba(0,113,227,0.35);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),0 0 30px rgba(0,113,227,0.1);}.device-size-radio{display:flex;align-items:center;flex-shrink:0;}.device-size-radio input[type="radio"]{position:absolute;opacity:0;width:0;height:0;}.device-size-radio-btn{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-tertiary);position:relative;transition:all 0.25s ease;}.device-size-radio input[type="radio"]:checked+.device-size-radio-btn{border-color:var(--accent);}.device-size-radio input[type="radio"]:checked+.device-size-radio-btn::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--accent);}.device-size-info{flex:1;min-width:0;}.device-size-info h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;}.device-size-info p{font-size:13px;color:var(--text-secondary);line-height:1.5;}.device-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;}.device-icon{font-size:18px;line-height:1;}.device-tag{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;flex-shrink:0;}.device-tag.tag-free{background:rgba(34,197,94,0.1);color:var(--success);}.device-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:4px;}.device-size{font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono);background:var(--bg-secondary);padding:2px 8px;border-radius:4px;display:inline-block;}.subcategory-desc{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.5;}.custom-size-inputs{margin-top:16px;padding:0 16px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);max-height:0;opacity:0;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.34,1.56,0.64,1),opacity 0.25s ease,padding 0.25s ease;box-sizing:border-box;}.custom-size-inputs.visible{max-height:120px;opacity:1;padding:16px;}.custom-size-fields{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.size-field{width:90px;display:flex;flex-direction:column;gap:4px;}.size-field label{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.5px;}.size-field input{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;outline:none;transition:all 0.25s ease;}.size-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,113,227,0.1);}.size-field input::placeholder{color:var(--text-tertiary);}.size-separator{font-size:16px;color:var(--text-tertiary);font-weight:500;}.swap-size-btn{padding:10px 12px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:6px;font-size:12px;cursor:pointer;transition:all 0.25s ease;display:flex;align-items:center;justify-content:center;height:fit-content;align-self:flex-end;}.swap-size-btn svg{width:18px;height:18px;}.swap-size-btn:hover{background:var(--bg-hover);color:var(--gradient-start);border-color:rgba(0,113,227,0.3);transform:translateY(-1px);}.swap-size-btn:active{transform:translateY(0) scale(0.95);}.apply-custom-size-btn{padding:10px 16px;background:linear-gradient(135deg,var(--gradient-start),#5b8def);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.25s ease;white-space:nowrap;height:fit-content;align-self:flex-end;}.apply-custom-size-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,113,227,0.3);}.apply-custom-size-btn:active{transform:translateY(0) scale(0.98);}.device-preview-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);animation:previewFadeIn 0.4s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes previewFadeIn{from{opacity:0;transform:translateY(12px) scale(0.96);}to{opacity:1;transform:translateY(0) scale(1);}}.device-preview-label{font-size:13px;font-weight:600;color:var(--text-secondary);}.device-preview-frame{position:relative;background:#1a1a1a;border:3px solid #333;border-radius:24px;overflow:hidden;transition:width 0.3s ease,height 0.3s ease;box-shadow:0 0 0 1px rgba(255,255,255,0.1) inset,0 8px 32px rgba(0,0,0,0.4),0 2px 8px rgba(0,0,0,0.3);}.device-preview-frame::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:40%;height:24px;background:#1a1a1a;border-radius:0 0 16px 16px;z-index:10;}.device-preview-frame::after{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:35%;height:4px;background:rgba(255,255,255,0.3);border-radius:2px;z-index:10;}body.light-mode .device-preview-frame{background:#e8e8e8;border-color:#ccc;box-shadow:0 0 0 1px rgba(0,0,0,0.05) inset,0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.08);}body.light-mode .device-preview-frame::before{background:#e8e8e8;}body.light-mode .device-preview-frame::after{background:rgba(0,0,0,0.2);}body.light-mode .preview-modal{background:linear-gradient(180deg,rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.2) 100%);backdrop-filter:blur(48px) saturate(180%) brightness(1.02);-webkit-backdrop-filter:blur(48px) saturate(180%) brightness(1.02);border-color:rgba(255,255,255,0.4);box-shadow:0 0 0 0.5px rgba(255,255,255,0.2),0 24px 80px rgba(0,0,0,0.1),0 8px 32px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(255,255,255,0.15);}body.light-mode .preview-modal::before{background:linear-gradient(180deg,rgba(255,255,255,0.15) 0%,transparent 100%);}body.light-mode .preview-modal-title{color:var(--text-primary);}body.light-mode .preview-modal-desc{color:var(--text-secondary);}body.light-mode .preview-modal-close{background:rgba(255,255,255,0.6);border-color:rgba(255,255,255,0.5);color:var(--text-secondary);box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),0 2px 8px rgba(0,0,0,0.06);}body.light-mode .preview-modal-close:hover{background:rgba(255,255,255,0.8);color:var(--text-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,0.7),0 4px 12px rgba(0,0,0,0.08);}body.light-mode .preview-modal-footer{border-top-color:rgba(0,0,0,0.06);}body.light-mode .icon-label{color:var(--text-primary);}body.light-mode .platform-meta{color:var(--text-secondary);}body.light-mode .desktop-icon-label{color:var(--text-secondary);}body.light-mode .size-option span{color:var(--text-secondary);}body.light-mode .size-option.active span{color:var(--accent);}body.light-mode .loading-text{color:var(--text-secondary);}body.light-mode .preview-labels div{background:rgba(0,113,227,0.08);border-color:rgba(0,113,227,0.15);}body.light-mode .custom-text h4{color:var(--text-primary);}body.light-mode .custom-text p{color:var(--text-secondary);}body.light-mode .anim-card{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-secondary);}body.light-mode .custom-card{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-secondary);}body.light-mode .device-status-bar{color:var(--text-primary);}body.light-mode .app-icon-item span{color:var(--text-secondary);}body.light-mode .desktop-icon-label{color:var(--text-secondary);}.device-preview-content{width:100%;height:100%;overflow:hidden;}.device-simulated-screen{transform-origin:top left;background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);}.device-status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;color:rgba(255,255,255,0.9);}.status-icons{display:flex;gap:6px;align-items:center;}.device-screen-content{padding:12px;}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;color:var(--text-tertiary);}.preview-placeholder svg{width:32px;height:32px;opacity:0.5;}.preview-placeholder span{font-size:12px;}.device-size-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;padding:6px 16px;font-size:13px;font-weight:600;color:var(--accent);font-family:'SF Mono','Consolas',monospace;background:rgba(0,0,0,0.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.08);border-radius:20px;white-space:nowrap;pointer-events:none;transition:opacity 0.3s ease;}body.light-mode .device-size-display{background:rgba(255,255,255,0.35);border-color:rgba(0,0,0,0.06);color:#4a9eff;}.light-mode .device-simulated-screen{background:linear-gradient(180deg,#f5f5f7 0%,#e8e8ed 100%);}.light-mode .device-status-bar{color:rgba(0,0,0,0.8);}.password-section .pwd-sub-options{margin-top:16px;padding-top:16px;border-top:1px solid var(--glass-border);animation:pwdFadeIn 0.3s ease-out;}@keyframes pwdFadeIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}.pwd-option-group{margin-bottom:20px;}.pwd-option-group:last-child{margin-bottom:0;}.pwd-option-group-header{margin-bottom:12px;}.pwd-option-group-header h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;}.pwd-option-group-header p{font-size:13px;color:var(--text-secondary);margin-bottom:0;line-height:1.5;}.pwd-radio-group{display:flex;flex-direction:column;gap:8px;}.pwd-radio-option{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);box-shadow:var(--glass-shadow),var(--edge-light-top);position:relative;}.pwd-radio-option:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px);box-shadow:var(--glass-shadow-hover),var(--edge-light-top),var(--edge-glow-blue);}.pwd-radio-option.selected{background:rgba(0,113,227,0.08);border-color:var(--glass-border-glow);box-shadow:var(--glass-shadow),var(--edge-light-top),0 0 20px rgba(0,113,227,0.06);}.pwd-radio-option.selected:hover{background:rgba(0,113,227,0.12);}.pwd-radio-option .preview-btn{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--preview-btn-from);background-image:linear-gradient(147deg,var(--preview-btn-from) 0%,var(--preview-btn-to) 74%);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--preview-btn-shadow);position:relative;flex-shrink:0;margin-left:auto;padding:0;transition:box-shadow 0.3s ease,transform 0.2s ease;}.pwd-radio-option .preview-btn:hover{animation:jello-vertical 1s both;}.pwd-radio-option .preview-btn svg{height:1.2em;fill:white;width:auto;}.pwd-radio{flex-shrink:0;position:relative;width:20px;height:20px;}.pwd-radio input[type="radio"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}.pwd-radio-btn{display:block;width:20px;height:20px;border-radius:50%;background:var(--toggle-slider-bg);border:2px solid var(--border-medium);cursor:pointer;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);position:relative;}.pwd-radio-btn::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:50%;background:var(--accent);transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1);}.pwd-radio-option.selected .pwd-radio-btn{border-color:var(--accent);background:rgba(0,113,227,0.1);}.pwd-radio-option.selected .pwd-radio-btn::after{transform:translate(-50%,-50%) scale(1);}.pwd-radio-option input[type="radio"]:disabled~.pwd-radio-btn{opacity:0.4;cursor:not-allowed;}.pwd-radio-option input[type="radio"]:disabled~.pwd-radio-btn::after{background:var(--text-tertiary);}.pwd-radio-info{flex:1;min-width:0;}.pwd-radio-header{display:flex;align-items:center;gap:8px;margin-bottom:2px;}.pwd-radio-header h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;}.pwd-radio-header .feature-tag{font-size:10px;padding:2px 8px;border-radius:100px;font-weight:600;flex-shrink:0;}.pwd-radio-info p{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5;}.category-disabled .pwd-radio-option{opacity:0.5;pointer-events:none;}.feature-option .preview-btn{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--preview-btn-from);background-image:linear-gradient(147deg,var(--preview-btn-from) 0%,var(--preview-btn-to) 74%);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--preview-btn-shadow);position:relative;flex-shrink:0;padding:0;transition:box-shadow 0.3s ease,transform 0.2s ease;}.feature-option .preview-btn:hover{animation:jello-vertical 1s both;}.feature-option .preview-btn svg{height:1.2em;fill:white;width:auto;}.preview-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.32,0.72,0,1);}.preview-modal-overlay.show{opacity:1;visibility:visible;}.preview-modal{background:linear-gradient(180deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.03) 40%,rgba(255,255,255,0.01) 100%);backdrop-filter:blur(48px) saturate(200%) brightness(1.05);-webkit-backdrop-filter:blur(48px) saturate(200%) brightness(1.05);border:0.5px solid rgba(255,255,255,0.12);border-radius:24px;max-width:480px;width:100%;overflow:hidden;position:relative;box-shadow:0 0 0 0.5px rgba(255,255,255,0.03),0 24px 80px rgba(0,0,0,0.4),0 8px 32px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(255,255,255,0.02);transform:scale(0.92) translateY(20px);transition:transform 0.4s cubic-bezier(0.32,0.72,0,1);}.preview-modal::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.04) 0%,transparent 100%);border-radius:24px 24px 0 0;pointer-events:none;}.preview-modal-overlay.show .preview-modal{transform:scale(1) translateY(0);}.preview-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:rgba(255,255,255,0.12);border:0.5px solid rgba(255,255,255,0.18);border-radius:50%;cursor:pointer;color:rgba(255,255,255,0.7);transition:all 0.25s cubic-bezier(0.32,0.72,0,1);display:flex;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 2px 8px rgba(0,0,0,0.15);}.preview-modal-close:hover{background:rgba(255,255,255,0.18);color:rgba(255,255,255,0.95);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 4px 12px rgba(0,0,0,0.2);transform:scale(1.05);}.preview-modal-close:active{transform:scale(0.95);}.preview-modal-close svg{width:14px;height:14px;}.preview-modal-content{padding:32px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:20px;}.preview-modal-title{font-size:18px;font-weight:700;color:rgba(255,255,255,0.95);text-align:center;margin:0;line-height:1.3;}.preview-modal-desc{font-size:13px;color:rgba(255,255,255,0.5);text-align:center;margin:0;line-height:1.5;max-width:380px;}.preview-image-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;}.preview-phone-frame{position:relative;width:200px;height:400px;background:#1a1a1a;border-radius:32px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,0.4),inset 0 0 0 1px rgba(255,255,255,0.05);}.phone-screen{width:100%;height:100%;background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border-radius:24px;overflow:hidden;position:relative;}.phone-content{width:100%;height:100%;padding:12px;display:flex;flex-direction:column;}.content-header{text-align:center;padding:16px 0;font-size:12px;font-weight:600;color:rgba(255,255,255,0.8);letter-spacing:1px;}.content-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:8px 0;}.content-item{height:40px;background:rgba(255,255,255,0.06);border-radius:10px;}.content-item:nth-child(1){height:80px;}.content-item:nth-child(2){height:50px;}.content-item:nth-child(3){height:60px;}.phone-notch{display:none;}.phone-home-indicator{display:none;}.preview-labels{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;}.preview-labels div{padding:6px 12px;background:rgba(0,113,227,0.1);border:1px solid rgba(0,113,227,0.2);border-radius:6px;font-size:12px;font-weight:500;color:var(--accent);}.preview-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:0.5px solid rgba(255,255,255,0.08);}.preview-modal-footer .btn-secondary{padding:10px 24px;font-size:14px;}.preview-phone-frame.landscape{width:400px;height:200px;transform:rotate(0deg);}.preview-phone-frame.landscape .phone-screen{background:linear-gradient(145deg,#1e1e1e,#2a2a2a);}.preview-phone-frame.landscape .phone-content{flex-direction:row;}.preview-phone-frame.landscape .content-header{writing-mode:vertical-rl;text-orientation:mixed;padding:12px 8px;}.preview-phone-frame.landscape .content-body{flex:1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;}.preview-phone-frame.landscape .content-item.wide-item{width:45%;height:60px;}.phone-status-bar-horizontal{position:absolute;top:-28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);padding:6px 12px;border-radius:0 0 8px 8px;color:rgba(255,255,255,0.8);font-size:11px;font-weight:500;}.phone-notch.visible{display:block;position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:100px;height:24px;background:#1a1a1a;border-radius:0 0 12px 12px;z-index:10;}.phone-home-indicator.visible{display:block;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:rgba(255,255,255,0.3);border-radius:2px;}.margin-indicator{position:absolute;top:50%;transform:translateY(-50%);padding:4px 8px;background:rgba(0,113,227,0.2);border:1px solid rgba(0,113,227,0.3);border-radius:4px;font-size:10px;color:var(--accent);white-space:nowrap;}.margin-indicator.left{left:-60px;}.margin-indicator.right{right:-60px;}.keep-awake-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:rgba(255,193,7,0.1);border:1px solid rgba(255,193,7,0.2);border-radius:8px;color:#ffc107;font-size:11px;font-weight:500;margin-top:auto;}.keep-awake-indicator svg{width:14px;height:14px;}.cache-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:rgba(76,175,80,0.1);border:1px solid rgba(76,175,80,0.2);border-radius:10px;color:#4caf50;font-size:12px;font-weight:500;}.cache-status svg{width:18px;height:18px;}.phone-content.with-all-margins{padding:12px;border:2px dashed rgba(255,255,255,0.1);border-radius:20px;}.phone-content.with-side-margins{padding:12px 24px;}.phone-content.with-top-bottom{padding:24px 12px;}.phone-content.with-top-only{padding:24px 12px 12px;}.phone-content.with-bottom-only{padding:12px 12px 24px;}.phone-content.with-left-margin{padding:12px 12px 12px 24px;}.phone-content.with-right-margin{padding:12px 24px 12px 12px;}.preview-phone-frame.fullscreen-mode{box-shadow:none;border:2px solid rgba(0,113,227,0.3);}.preview-icon-display.enhanced{padding:24px;display:flex;flex-direction:column;align-items:center;gap:20px;background:linear-gradient(135deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));border-radius:16px;border:1px solid rgba(255,255,255,0.06);width:100%;max-width:320px;margin:0 auto;box-sizing:border-box;}.platform-icon-wrapper{position:relative;display:inline-flex;align-self:center;}.platform-icon{width:88px;height:88px;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(0,0,0,0.3),0 4px 12px rgba(0,0,0,0.2);position:relative;overflow:hidden;}.platform-icon::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.15),transparent);pointer-events:none;}.platform-icon svg{width:48px;height:48px;z-index:1;}.android-icon{background:linear-gradient(135deg,#3ddc84,#2bb869);color:white;}.ios-icon{background:linear-gradient(135deg,#007aff,#0051d4);color:white;}.webclip-icon{background:linear-gradient(135deg,#5856d6,#3634a3);color:white;}.windows-icon{background:linear-gradient(135deg,#00a4ef,#0078d4);color:white;}.macos-icon{background:linear-gradient(135deg,#a3aaae,#8e8e93);color:white;}.linux-icon{background:linear-gradient(135deg,#e95420,#dd4814);color:white;}.platform-info{display:flex;flex-direction:column;align-items:center;gap:4px;}.icon-label{font-size:18px;font-weight:700;color:rgba(255,255,255,0.95);}.platform-meta{font-size:12px;color:rgba(255,255,255,0.5);}.app-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;}.app-icon-item{display:flex;flex-direction:column;align-items:center;gap:8px;}.app-icon-item.large{grid-column:1;grid-row:1 / span 2;}.app-icon-item.large .icon-container{width:88px;height:88px;border-radius:20px;}.app-icon-item.large span{font-weight:700;color:var(--accent);}.icon-shadow{position:absolute;width:90%;height:8px;bottom:-8px;background:rgba(0,0,0,0.3);border-radius:50%;filter:blur(4px);}.icon-container{position:relative;width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,0.3);transition:transform 0.3s ease;}.icon-container:hover{transform:translateY(-2px);}.gradient-1{background:linear-gradient(135deg,#667eea,#764ba2);}.gradient-2{background:linear-gradient(135deg,#f093fb,#f5576c);}.gradient-3{background:linear-gradient(135deg,#4facfe,#00f2fe);}.gradient-4{background:linear-gradient(135deg,#43e97b,#38f9d7);}.icon-container svg{width:28px;height:28px;color:white;stroke-width:2.5;}.app-icon-item span{font-size:11px;color:rgba(255,255,255,0.6);}.icon-features{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}.icon-features span{padding:6px 12px;background:rgba(0,113,227,0.1);border:1px solid rgba(0,113,227,0.2);border-radius:8px;font-size:11px;color:var(--accent);font-weight:500;}.desktop-icon-showcase{display:flex;align-items:end;gap:32px;padding:8px 0;}.desktop-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;}.desktop-icon-preview{padding:24px;background:linear-gradient(135deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border-radius:16px;border:1px solid rgba(255,255,255,0.05);}.desktop-icon-main{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px rgba(102,126,234,0.3);}.desktop-icon-main svg{width:40px;height:40px;fill:white;}.desktop-icon-label{font-size:13px;color:rgba(255,255,255,0.7);}.desktop-icon-sizes{display:flex;flex-direction:column;gap:12px;}.size-option{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0.5;transition:opacity 0.2s;}.size-option.active{opacity:1;}.size-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;}.size-option:nth-child(1) .size-preview{width:28px;height:28px;}.size-option:nth-child(2) .size-preview{width:44px;height:44px;}.size-option:nth-child(3) .size-preview{width:60px;height:60px;}.size-option span{font-size:10px;color:rgba(255,255,255,0.5);}.size-option.active span{color:var(--accent);}.preview-permission.enhanced{padding:0;background:transparent;display:flex;justify-content:center;width:100%;}.permission-icon{position:relative;width:80px;height:80px;border-radius:20px;background:rgba(0,113,227,0.12);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,113,227,0.1);}.permission-icon.network{background:rgba(0,113,227,0.12);}.permission-icon.download{background:rgba(76,175,80,0.12);}.permission-icon.location{background:rgba(255,152,0,0.12);}.permission-icon.storage{background:rgba(156,39,176,0.12);}.permission-icon.camera{background:rgba(244,67,54,0.12);}.permission-icon svg{width:32px;height:32px;stroke:var(--accent);stroke-width:2;}.permission-icon.network svg{stroke:#0071e3;}.permission-icon.download svg{stroke:#4caf50;}.permission-icon.location svg{stroke:#ff9800;}.permission-icon.storage svg{stroke:#9c27b0;}.permission-icon.camera svg{stroke:#f44336;}.permission-details{flex:1;}.permission-details h4{font-size:16px;font-weight:700;color:rgba(255,255,255,0.95);margin:0 0 12px;}.permission-benefits{display:flex;flex-direction:column;gap:8px;}.benefit-item{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.7);padding:8px 12px;background:rgba(255,255,255,0.03);border-radius:8px;}.benefit-item span{font-size:16px;}.permission-status{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(76,175,80,0.1);border:1px solid rgba(76,175,80,0.2);border-radius:10px;margin-top:16px;}.permission-status span{color:#4caf50;font-weight:600;font-size:13px;}.pulse{position:absolute;inset:0;border-radius:16px;border:2px solid rgba(0,113,227,0.4);animation:pulse-ring 2s ease-out infinite;}@keyframes pulse-ring{0%{transform:scale(0.9);opacity:0.8;}100%{transform:scale(1.3);opacity:0;}}.download-arrow{position:absolute;bottom:8px;right:8px;width:16px;height:16px;background:#4caf50;border-radius:50%;animation:bounce 1s ease infinite;}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}.location-pin{position:absolute;bottom:4px;right:4px;width:20px;height:20px;background:#ff9800;border-radius:50% 50% 50% 0;transform:rotate(-45deg);animation:ping 1.5s ease infinite;}@keyframes ping{0%{transform:scale(1) rotate(-45deg);opacity:1;}100%{transform:scale(1.2) rotate(-45deg);opacity:0;}}.file-icons{position:absolute;bottom:4px;right:4px;width:18px;height:22px;background:#9c27b0;border-radius:3px;animation:float 2s ease-in-out infinite;}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}.flash{position:absolute;top:50%;left:50%;width:24px;height:24px;background:#ffeb3b;border-radius:50%;transform:translate(-50%,-50%);opacity:0;animation:flash-on 2s ease infinite;}@keyframes flash-on{0%,40%,100%{opacity:0;}50%{opacity:0.8;}}.preview-phone-action.enhanced{padding:0;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:320px;margin:0 auto;box-sizing:border-box;}.phone-dial-preview{background:linear-gradient(145deg,#1a1a1a,#242424);border-radius:24px;padding:20px;box-shadow:0 16px 40px rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.05);}.phone-screen-dial{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,rgba(255,255,255,0.02),transparent);border-radius:16px;}.dial-header{font-size:13px;color:rgba(255,255,255,0.5);letter-spacing:2px;text-transform:uppercase;}.dial-number{font-size:28px;font-weight:700;color:rgba(255,255,255,0.95);letter-spacing:4px;}.dial-avatar{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 12px 32px rgba(102,126,234,0.3);}.dial-actions{display:flex;justify-content:center;gap:32px;margin-top:16px;}.dial-btn{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;}.dial-btn:hover{transform:scale(1.05);}.dial-btn.call{background:linear-gradient(135deg,#34c759,#28a745);box-shadow:0 8px 24px rgba(52,199,89,0.4);animation:pulse-green 2s ease infinite;}@keyframes pulse-green{0%,100%{box-shadow:0 8px 24px rgba(52,199,89,0.4);}50%{box-shadow:0 8px 32px rgba(52,199,89,0.6);}}.dial-btn.end{background:linear-gradient(135deg,#ff3b30,#d32f2f);box-shadow:0 8px 24px rgba(255,59,48,0.4);}.dial-btn svg{width:28px;height:28px;fill:white;}.dial-features{display:flex;gap:12px;justify-content:center;margin-top:16px;}.dial-features .feature-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(0,113,227,0.1);border:1px solid rgba(0,113,227,0.2);border-radius:8px;font-size:11px;color:var(--accent);}.dial-features .feature-item span{font-size:14px;}.preview-window-mode.enhanced{padding:0;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;margin:0 auto;box-sizing:border-box;}.window-demo-container{display:flex;flex-direction:column;gap:20px;align-items:center;}.window-frame{background:#1e1e1e;border-radius:10px;overflow:hidden;box-shadow:0 20px 48px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.05);}.window-frame.window-medium{width:320px;}.window-titlebar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#252525;border-bottom:1px solid rgba(255,255,255,0.05);}.window-dots{display:flex;gap:6px;}.window-dots span{width:10px;height:10px;border-radius:50%;background:#ff5f57;}.window-dots span:nth-child(1){background:#ff5f57;}.window-dots span:nth-child(2){background:#febc2e;}.window-dots span:nth-child(3){background:#28c840;}.window-title{flex:1;text-align:center;font-size:13px;color:rgba(255,255,255,0.6);font-weight:500;}.window-content{padding:20px;min-height:140px;}.content-placeholder{height:100%;display:flex;align-items:center;justify-content:center;}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;}.content-grid .grid-item{height:48px;background:rgba(255,255,255,0.04);border-radius:8px;border:1px solid rgba(255,255,255,0.05);}.window-controls{display:flex;gap:16px;}.window-controls span{padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:8px;font-size:11px;color:rgba(255,255,255,0.6);}.window-frame.always-on-top.pinned{outline:2px solid rgba(255,193,7,0.3);box-shadow:0 20px 48px rgba(0,0,0,0.5),0 0 24px rgba(255,193,7,0.1);}.pin-indicator.active{color:#ffc107;font-size:14px;padding:4px;background:rgba(255,193,7,0.1);border-radius:6px;}.pinned-badge{padding:10px 20px;background:rgba(255,193,7,0.1);border:1px solid rgba(255,193,7,0.2);border-radius:10px;color:#ffc107;font-weight:600;font-size:13px;}.taskbar-preview{display:flex;gap:8px;padding:8px;background:rgba(255,255,255,0.03);border-radius:10px;}.taskbar-item{padding:8px 12px;border-radius:6px;font-size:11px;color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.02);}.taskbar-item.active{background:rgba(0,113,227,0.15);color:var(--accent);font-weight:600;}.single-instance-demo{display:flex;flex-direction:column;gap:20px;}.instance-count{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,rgba(76,175,80,0.1),transparent);border-radius:16px;border:1px solid rgba(76,175,80,0.15);}.instance-icon.active{position:relative;width:64px;height:64px;border-radius:16px;background:rgba(76,175,80,0.15);display:flex;align-items:center;justify-content:center;}.instance-icon svg{width:32px;height:32px;stroke:#4caf50;}.status-indicator{position:absolute;bottom:4px;right:4px;width:14px;height:14px;background:#4caf50;border-radius:50%;border:2px solid #1a1a1a;animation:blink 1.5s ease-in-out infinite;}@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.5;}}.instance-text{display:flex;flex-direction:column;gap:4px;}.instance-text .num{font-size:32px;font-weight:800;color:#4caf50;line-height:1;}.instance-text .desc{font-size:13px;color:rgba(255,255,255,0.6);}.instance-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}.benefit-card{display:flex;align-items:center;gap:8px;padding:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:10px;font-size:11px;color:rgba(255,255,255,0.7);}.benefit-card span{font-size:14px;}.preview-password.enhanced{padding:0;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:320px;margin:0 auto;box-sizing:border-box;}.password-screen{background:linear-gradient(145deg,#1a1a1a,#242424);border-radius:24px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 16px 40px rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.05);}.password-lock-big{width:80px;height:80px;border-radius:50%;background:rgba(0,113,227,0.12);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,113,227,0.1);}.password-lock-big svg{width:40px;height:40px;stroke:var(--accent);}.password-input-display{display:flex;gap:12px;}.pwd-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);}.pwd-dot.filled{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px rgba(0,113,227,0.4);}.password-mode-selector{display:flex;gap:12px;}.mode-option{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:12px;color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);cursor:pointer;transition:all 0.2s;}.mode-option.active{background:rgba(0,113,227,0.12);border-color:rgba(0,113,227,0.2);color:var(--accent);}.mode-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,0.2);background:transparent;}.mode-option.active .mode-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px rgba(0,113,227,0.4);}.security-badge{padding:10px 16px;background:rgba(76,175,80,0.1);border:1px solid rgba(76,175,80,0.2);border-radius:10px;font-size:12px;color:#4caf50;font-weight:600;}.preview-theme-switch.enhanced{padding:0;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:360px;margin:0 auto;box-sizing:border-box;}.theme-showcase{display:flex;gap:20px;justify-content:center;}.theme-option{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0.6;transition:all 0.3s;}.theme-option.selected{opacity:1;}.theme-option.selected .theme-preview{box-shadow:0 0 0 3px rgba(0,113,227,0.3);}.theme-preview{width:100px;height:160px;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,0.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:transform 0.3s,box-shadow 0.3s;}.theme-option:hover .theme-preview{transform:translateY(-4px);}.theme-preview.dark-theme{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);}.theme-preview.light-theme{background:linear-gradient(135deg,#f5f5f7,#e5e5e7);}.theme-preview.system-theme{background:linear-gradient(135deg,#1a1a1a 50%,#f5f5f7 50%);}.preview-header{display:flex;align-items:center;gap:8px;padding:8px 12px;width:80%;border-radius:8px;}.theme-preview.dark-theme .preview-header{background:rgba(255,255,255,0.05);}.theme-preview.light-theme .preview-header{background:rgba(0,0,0,0.05);}.theme-preview.system-theme .preview-header{background:rgba(128,128,128,0.1);}.header-dot{width:8px;height:8px;border-radius:50%;}.theme-preview.dark-theme .header-dot,.theme-preview.system-theme .header-dot{background:rgba(255,255,255,0.5);}.theme-preview.light-theme .header-dot{background:rgba(0,0,0,0.3);}.header-title{font-size:9px;font-weight:600;}.theme-preview.dark-theme .header-title,.theme-preview.system-theme .header-title{color:rgba(255,255,255,0.8);}.theme-preview.light-theme .header-title{color:rgba(0,0,0,0.7);}.preview-lock{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:12px;}.theme-preview.dark-theme .preview-lock,.theme-preview.system-theme .preview-lock{background:rgba(255,255,255,0.05);}.theme-preview.light-theme .preview-lock{background:rgba(0,0,0,0.05);}.preview-lock svg{width:28px;height:28px;}.theme-preview.dark-theme .preview-lock svg,.theme-preview.system-theme .preview-lock svg{fill:rgba(255,255,255,0.5);}.theme-preview.light-theme .preview-lock svg{fill:rgba(0,0,0,0.4);}.preview-dots{display:flex;gap:8px;}.preview-dot{width:10px;height:10px;border-radius:50%;}.theme-preview.dark-theme .preview-dot,.theme-preview.system-theme .preview-dot{background:rgba(255,255,255,0.15);}.theme-preview.light-theme .preview-dot{background:rgba(0,0,0,0.1);}.theme-name{font-size:12px;color:rgba(255,255,255,0.6);font-weight:500;}.theme-option.selected .theme-name{color:var(--accent);}.preview-orientation-demo.animated{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:320px;margin:0 auto;box-sizing:border-box;}.orientation-animation-container{display:flex;flex-direction:column;gap:24px;align-items:center;position:relative;padding:12px 0;}.rotating-phone-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:300px;height:300px;}.preview-phone-frame.rotating{width:120px;height:240px;position:relative;padding:8px;border-radius:24px;animation:phone-rotate 6s ease-in-out infinite;}.preview-phone-frame.rotating .phone-screen{border-radius:16px;padding:0;}.preview-phone-frame.rotating .phone-content{padding:8px;gap:6px;display:flex;flex-direction:column;}.preview-phone-frame.rotating .content-header{padding:8px 0;font-size:10px;}.preview-phone-frame.rotating .content-body{gap:6px;padding:4px 0;display:flex;flex-direction:column;flex:1;}.preview-phone-frame.rotating .content-item{height:24px;border-radius:6px;width:100%;}.preview-phone-frame.rotating .content-item:first-child{height:40px;}@keyframes phone-rotate{0%,20%{transform:rotate(0deg);}30%,70%{transform:rotate(90deg);}80%,100%{transform:rotate(0deg);}}.orientation-indicator{display:flex;align-items:center;gap:10px;padding:10px 20px;background:rgba(255,255,255,0.04);border-radius:24px;border:1px solid rgba(255,255,255,0.06);position:absolute;bottom:0;}.indicator-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.15);transition:all 0.3s ease;}.indicator-dot.active{background:var(--accent);box-shadow:0 0 10px rgba(0,113,227,0.5);animation:dot-pulse 2s ease-in-out infinite;}@keyframes dot-pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.15);opacity:0.8;}}.indicator-line{width:30px;height:2px;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,0.15));border-radius:2px;animation:line-flow 2s ease-in-out infinite;}@keyframes line-flow{0%,100%{background:linear-gradient(90deg,var(--accent),rgba(255,255,255,0.2));}50%{background:linear-gradient(90deg,rgba(255,255,255,0.2),var(--accent));}}.orientation-modes.animated{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}.orientation-modes.animated .mode-badge{padding:10px 16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;font-size:12px;color:rgba(255,255,255,0.6);font-weight:500;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;}.orientation-modes.animated .mode-badge::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,113,227,0.1),transparent);opacity:0;transition:opacity 0.3s ease;}.orientation-modes.animated .mode-badge:hover::before{opacity:1;}.orientation-modes.animated .mode-badge.active{background:rgba(0,113,227,0.12);border-color:rgba(0,113,227,0.3);color:var(--accent);box-shadow:0 4px 16px rgba(0,113,227,0.2);animation:badge-glow 2s ease-in-out infinite;}@keyframes badge-glow{0%,100%{box-shadow:0 4px 16px rgba(0,113,227,0.2);}50%{box-shadow:0 4px 24px rgba(0,113,227,0.4);}}.orientation-modes.animated .mode-badge[data-mode="auto"]{animation-delay:0s;}.orientation-modes.animated .mode-badge[data-mode="portrait"]{animation-delay:0.1s;}.orientation-modes.animated .mode-badge[data-mode="landscape"]{animation-delay:0.2s;}.orientation-status{display:flex;gap:16px;padding:12px 20px;background:linear-gradient(135deg,rgba(0,113,227,0.08),rgba(255,255,255,0.02));border:1px solid rgba(0,113,227,0.15);border-radius:12px;}.orientation-status .current-mode{font-size:13px;color:var(--accent);font-weight:600;}.orientation-status .rotate-count{font-size:13px;color:rgba(255,255,255,0.6);animation:rotate-icon 2s ease-in-out infinite;}@keyframes rotate-icon{0%,100%{transform:rotate(0deg);}50%{transform:rotate(180deg);}}.preview-orientation-demo{display:flex;flex-direction:column;gap:24px;align-items:center;}.orientation-modes{display:flex;gap:12px;}.mode-badge{padding:8px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:8px;font-size:11px;color:rgba(255,255,255,0.6);font-weight:500;}.mode-badge.active{background:rgba(0,113,227,0.12);border-color:rgba(0,113,227,0.2);color:var(--accent);}.preview-phone-frame.enhanced-keepawake{position:relative;}.keep-awake-indicator.animated{animation:glow 2s ease-in-out infinite;}@keyframes glow{0%,100%{box-shadow:0 0 16px rgba(255,193,7,0.2);}50%{box-shadow:0 0 24px rgba(255,193,7,0.4);}}.keepawake-aurora{position:absolute;inset:-10px;background:radial-gradient(ellipse at center,rgba(255,193,7,0.1) 0%,transparent 70%);z-index:-1;filter:blur(20px);animation:aurora-pulse 3s ease-in-out infinite;}@keyframes aurora-pulse{0%,100%{opacity:0.5;transform:scale(1);}50%{opacity:0.8;transform:scale(1.05);}}.video-placeholder{display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(255,255,255,0.7);background:linear-gradient(135deg,rgba(255,193,7,0.1),rgba(255,152,0,0.05));border:1px solid rgba(255,193,7,0.2);border-radius:12px;}.preview-cache-demo{display:flex;flex-direction:column;gap:16px;align-items:center;}.cache-status.enhanced{display:flex;align-items:center;gap:10px;padding:14px 16px;background:rgba(76,175,80,0.1);border:1px solid rgba(76,175,80,0.2);border-radius:12px;color:#4caf50;font-weight:600;font-size:12px;}.cache-status.enhanced svg{width:20px;height:20px;stroke:#4caf50;}.content-item.fresh{display:flex;align-items:center;justify-content:center;font-size:12px;color:rgba(255,255,255,0.7);background:linear-gradient(135deg,rgba(76,175,80,0.08),rgba(0,113,227,0.05));border:1px solid rgba(76,175,80,0.15);}.cache-benefits{display:flex;gap:12px;}.cache-benefits span{padding:8px 12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:8px;font-size:11px;color:rgba(255,255,255,0.6);}.launch-screen-section .pwd-sub-options{margin-top:16px;padding-top:16px;border-top:1px solid var(--glass-border);animation:pwdFadeIn 0.3s ease-out;}.preview-launch-screen{display:flex;flex-direction:column;align-items:center;gap:16px;}.launch-screen-frame{width:240px;height:480px;background:#000;border-radius:24px;overflow:hidden;position:relative;border:2px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--edge-light-top);}.launch-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative;}.launch-image::before{content:'';position:absolute;width:80px;height:80px;background:rgba(255,255,255,0.1);border-radius:50%;filter:blur(20px);}.launch-image .app-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--accent),var(--gradient-end));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;color:white;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:1;}.launch-mode-badge{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:6px 12px;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);border-radius:100px;font-size:11px;color:white;font-weight:500;white-space:nowrap;}.launch-duration-badge{position:absolute;top:12px;right:12px;padding:4px 10px;background:rgba(0,113,227,0.8);backdrop-filter:blur(8px);border-radius:100px;font-size:10px;color:white;font-weight:600;}.launch-screen-info{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}.launch-screen-info .info-tag{padding:6px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;font-size:12px;color:var(--text-secondary);font-weight:500;}.preview-hardening{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;}.hardening-shield{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;}.hardening-shield svg{width:64px;height:64px;color:#0071e3;}.shield-pulse{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(0,113,227,0.3);animation:shieldPulse 2s ease-in-out infinite;}@keyframes shieldPulse{0%,100%{transform:scale(0.8);opacity:1;}50%{transform:scale(1.2);opacity:0;}}.hardening-info{text-align:center;}.hardening-info h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;}.hardening-info ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;}.hardening-info li{font-size:12px;color:var(--text-secondary);padding:4px 10px;background:rgba(0,113,227,0.08);border-radius:6px;}.hardening-progress{width:100%;max-width:280px;}.hardening-progress .progress-bar{padding:8px 14px;background:linear-gradient(90deg,#0071e3,#34c759);border-radius:100px;font-size:12px;color:white;font-weight:600;text-align:center;animation:progressGlow 2s ease-in-out infinite;}@keyframes progressGlow{0%,100%{box-shadow:0 0 8px rgba(0,113,227,0.3);}50%{box-shadow:0 0 16px rgba(0,113,227,0.6);}}.preview-encrypt{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;}.encrypt-visual{display:flex;flex-direction:column;align-items:center;gap:12px;}.encrypt-lock svg{width:48px;height:48px;color:#5856d6;}.encrypt-text{display:flex;align-items:center;gap:8px;font-family:'SF Mono','Menlo',monospace;font-size:13px;}.encrypt-text .encrypted{color:#ff3b30;text-decoration:line-through;opacity:0.6;}.encrypt-text .arrow{color:var(--accent);font-size:16px;}.encrypt-text .decrypted{color:#34c759;font-weight:600;}.encrypt-features{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}.encrypt-features .feature-card{padding:8px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;}.preview-https{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;}.https-visual{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;}.https-badge{display:flex;align-items:center;gap:8px;padding:6px 16px;background:linear-gradient(135deg,#34c759,#30d158);border-radius:100px;font-size:14px;font-weight:600;color:white;}.https-badge svg{width:18px;height:18px;}.https-connection{display:flex;align-items:center;gap:12px;width:100%;justify-content:center;}.client-side .device,.server-side .server{padding:12px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;font-size:12px;color:var(--text-secondary);text-align:center;}.connection-line{flex:1;max-width:120px;height:32px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(90deg,transparent,rgba(52,199,89,0.2),transparent);border-radius:8px;font-size:10px;color:#34c759;font-weight:600;}.connection-line::before{content:'';position:absolute;left:0;top:50%;width:8px;height:8px;background:#34c759;border-radius:50%;animation:connectionFlow 1.5s ease-in-out infinite;}@keyframes connectionFlow{0%{left:0;opacity:0;}50%{opacity:1;}100%{left:calc(100% - 8px);opacity:0;}}.https-status{font-size:13px;color:#34c759;font-weight:500;padding:8px 16px;background:rgba(52,199,89,0.08);border-radius:8px;}.https-benefits{display:flex;flex-direction:column;gap:6px;width:100%;max-width:260px;}.https-benefits .benefit-item{font-size:12px;color:var(--text-secondary);padding:6px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;}.preview-custom{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;}.custom-showcase{display:flex;align-items:center;gap:14px;text-align:left;width:100%;}.custom-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#5856d6);border-radius:12px;}.custom-icon svg{width:28px;height:28px;color:white;}.custom-text h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;}.custom-text p{font-size:12px;color:var(--text-secondary);line-height:1.4;}.custom-features{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;max-width:280px;}.custom-features .custom-card{padding:10px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;}.custom-process{width:100%;max-width:280px;}.custom-process h5{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-align:center;}.process-steps{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;}.process-steps .step{padding:4px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;font-size:11px;color:var(--text-secondary);}.process-steps .step-arrow{color:var(--accent);font-size:12px;}.preview-animation{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;}.animation-showcase{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;}.animation-phones{display:flex;gap:16px;justify-content:center;}.animation-phones .phone-frame{width:90px;height:160px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;}.animation-phones .phone-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}.transition-demo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}.transition-slide.animated{padding:8px;font-size:11px;color:var(--accent);font-weight:600;animation:slideIn 2s ease-in-out infinite;}@keyframes slideIn{0%{transform:translateX(100%);opacity:0;}30%{transform:translateX(0);opacity:1;}70%{transform:translateX(0);opacity:1;}100%{transform:translateX(-100%);opacity:0;}}.loading-demo{display:flex;flex-direction:column;align-items:center;gap:8px;}.loading-spinner.animated{width:24px;height:24px;border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.loading-text{font-size:10px;color:var(--text-secondary);}.animation-features{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%;}.animation-features .anim-card{padding:8px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;}.radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}.radio-option{display:flex;align-items:flex-start;gap:12px;min-height:86px;padding:14px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;}.radio-option:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px);}.radio-option.selected{background:rgba(0,113,227,0.1);border-color:var(--accent);box-shadow:var(--edge-light-top),0 0 0 1px rgba(0,113,227,0.12),0 10px 28px rgba(0,113,227,0.08);}.radio-control{position:relative;flex:0 0 auto;width:22px;height:22px;margin-top:1px;}.radio-control input[type="radio"]{position:absolute;inset:0;opacity:0;cursor:pointer;}.radio-circle{position:relative;display:block;width:22px;height:22px;border:2px solid var(--border-medium);border-radius:50%;background:rgba(255,255,255,0.03);transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease;}.radio-circle::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%) scale(0);transition:transform 0.18s ease;}.radio-control input[type="radio"]:checked+.radio-circle{border-color:var(--accent);background:rgba(0,113,227,0.12);box-shadow:0 0 0 4px rgba(0,113,227,0.08);}.radio-control input[type="radio"]:checked+.radio-circle::after{transform:translate(-50%,-50%) scale(1);}.radio-option-info{min-width:0;flex:1;}.radio-option-info h4{margin:0 0 5px;font-size:14px;line-height:1.25;color:var(--text-primary);}.radio-option-info p{margin:0;font-size:12px;line-height:1.45;color:var(--text-secondary);}.radio-option.disabled,.category-disabled .radio-option{opacity:0.45;cursor:not-allowed;pointer-events:none;}.radio-option .preview-btn{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--preview-btn-from);background-image:linear-gradient(147deg,var(--preview-btn-from) 0%,var(--preview-btn-to) 74%);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--preview-btn-shadow);position:relative;flex-shrink:0;margin-left:auto;align-self:center;padding:0;transition:box-shadow 0.3s ease,transform 0.2s ease;}.radio-option .preview-btn:hover{animation:jello-vertical 1s both;}.radio-option .preview-btn svg{height:1.2em;fill:white;width:auto;}@keyframes jello-vertical{0%{transform:scale3d(1,1,1);}30%{transform:scale3d(0.75,1.25,1);}40%{transform:scale3d(1.25,0.75,1);}50%{transform:scale3d(0.85,1.15,1);}65%{transform:scale3d(1.05,0.95,1);}75%{transform:scale3d(0.95,1.05,1);}100%{transform:scale3d(1,1,1);}}.preview-btn .tooltip{position:absolute;top:-20px;opacity:0;background-color:#ffe53b;background-image:linear-gradient(147deg,#ffe53b 0%,#ff2525 74%);color:white;padding:4px 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:0.3px;white-space:nowrap;transition-duration:0.2s;pointer-events:none;}.preview-btn .tooltip::before{position:absolute;content:"";width:8px;height:8px;background-color:#ff2525;transform:rotate(45deg);bottom:-4px;left:50%;margin-left:-4px;transition-duration:0.3s;}.preview-btn:hover .tooltip{top:-36px;opacity:1;transition-duration:0.3s;}.pwd-input-wrapper{position:relative;display:flex;align-items:center;}.pwd-text-input{width:100%;padding:12px 48px 12px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color 0.3s,box-shadow 0.3s;}.pwd-text-input::placeholder{color:var(--text-secondary);opacity:0.5;}.pwd-text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,113,227,0.15);}.pwd-text-input:disabled{opacity:0.5;cursor:not-allowed;}.pwd-toggle-visibility{position:absolute;right:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:background 0.2s,color 0.2s;}.pwd-toggle-visibility:hover{background:rgba(255,255,255,0.1);color:var(--text-primary);}.pwd-toggle-visibility svg{width:20px;height:20px;}.pwd-toggle-visibility .eye-icon{display:block;}.pwd-password-input-group{margin-top:4px;}.permission-icon.microphone{background:rgba(0,191,165,0.12);}.permission-icon.microphone svg{stroke:#00bfa5;}.audio-wave{position:absolute;inset:0;border-radius:20px;border:2px solid rgba(0,191,165,0.2);animation:audioWave 1.5s ease-in-out infinite;}@keyframes audioWave{0%,100%{transform:scale(0.85);opacity:1;}50%{transform:scale(1.15);opacity:0;}}.preview-media.enhanced{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;}.media-player-card{width:220px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.2);}.player-header{background:linear-gradient(135deg,rgba(0,113,227,0.3),rgba(0,113,227,0.1));padding:8px 12px;font-size:11px;font-weight:600;color:rgba(255,255,255,0.8);text-align:center;letter-spacing:0.5px;}.player-content{padding:16px;display:flex;align-items:center;gap:12px;}.player-album{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(0,113,227,0.2),rgba(100,100,255,0.2));display:flex;align-items:center;justify-content:center;flex-shrink:0;}.player-album svg{width:28px;height:28px;stroke:rgba(0,113,227,0.8);}.player-info{flex:1;min-width:0;}.player-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px;}.player-artist{font-size:11px;color:var(--text-secondary);}.player-controls{padding:0 16px 16px;}.play-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0071e3,#4facfe);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:16px;color:white;box-shadow:0 4px 12px rgba(0,113,227,0.3);}.progress-bar{height:3px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden;}.progress-fill{height:100%;width:60%;background:linear-gradient(90deg,#0071e3,#4facfe);border-radius:3px;}.bg-badge{padding:6px 12px;background:rgba(0,113,227,0.15);border:1px solid rgba(0,113,227,0.3);border-radius:100px;font-size:11px;color:#4facfe;font-weight:600;text-align:center;margin:0 auto;width:fit-content;}.zoom-demo{display:flex;flex-direction:column;align-items:center;gap:16px;}.zoom-frame{width:200px;height:200px;border:2px solid rgba(0,113,227,0.3);border-radius:12px;overflow:hidden;position:relative;background:rgba(0,113,227,0.05);}.zoom-content{padding:12px;}.zoom-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}.zoom-grid .grid-item{height:36px;background:rgba(0,113,227,0.15);border-radius:8px;}.zoom-handles{position:absolute;inset:0;pointer-events:none;}.zoom-handles .handle{position:absolute;width:10px;height:10px;border-radius:50%;background:#0071e3;box-shadow:0 0 0 2px rgba(0,113,227,0.3);}.zoom-handles .handle.top-left{top:-5px;left:-5px;}.zoom-handles .handle.top-right{top:-5px;right:-5px;}.zoom-handles .handle.bottom-left{bottom:-5px;left:-5px;}.zoom-handles .handle.bottom-right{bottom:-5px;right:-5px;}.zoom-gesture{padding:8px 16px;background:rgba(0,113,227,0.1);border:1px solid rgba(0,113,227,0.2);border-radius:100px;font-size:12px;color:var(--text-secondary);}.fullscreen-video-demo{display:flex;flex-direction:column;align-items:center;gap:12px;}.video-container{width:240px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.4);}.video-screen{height:135px;position:relative;}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,113,227,0.3),rgba(100,100,255,0.1));}.play-icon-large{font-size:36px;color:white;opacity:0.8;margin-bottom:4px;}.video-label{font-size:11px;color:rgba(255,255,255,0.6);}.video-controls{padding:8px 12px;}.video-progress{height:3px;background:rgba(255,255,255,0.15);border-radius:3px;overflow:hidden;margin-bottom:6px;}.video-progress-fill{height:100%;width:38%;background:#0071e3;border-radius:3px;}.video-time{font-size:10px;color:rgba(255,255,255,0.5);text-align:center;}.fullscreen-badge{padding:6px 14px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:100px;font-size:11px;color:rgba(255,255,255,0.8);font-weight:600;}.preview-tool.enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;}.qrcode-scanner-demo{display:flex;flex-direction:column;align-items:center;gap:16px;}.scanner-frame{width:200px;height:200px;position:relative;border-radius:16px;overflow:hidden;background:rgba(0,0,0,0.3);}.scanner-corners{position:absolute;inset:20px;pointer-events:none;}.scanner-corners .corner{position:absolute;width:24px;height:24px;border-color:#0071e3;border-style:solid;border-width:0;}.scanner-corners .corner.tl{top:0;left:0;border-top-width:3px;border-left-width:3px;border-top-left-radius:6px;}.scanner-corners .corner.tr{top:0;right:0;border-top-width:3px;border-right-width:3px;border-top-right-radius:6px;}.scanner-corners .corner.bl{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:6px;}.scanner-corners .corner.br{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:6px;}.scanner-line{position:absolute;top:20px;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,#0071e3,transparent);animation:scanLine 2s ease-in-out infinite;}@keyframes scanLine{0%,100%{top:20px;}50%{top:calc(100% - 22px);}}.scanner-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}.qrcode-placeholder{width:120px;height:120px;border-radius:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;}.qr-grid{width:80px;height:80px;background:repeating-linear-gradient(0deg,rgba(255,255,255,0.3) 0px,rgba(255,255,255,0.3) 4px,transparent 4px,transparent 8px),repeating-linear-gradient(90deg,rgba(255,255,255,0.3) 0px,rgba(255,255,255,0.3) 4px,transparent 4px,transparent 8px);border-radius:4px;}.scanner-status{padding:8px 20px;background:rgba(0,113,227,0.15);border:1px solid rgba(0,113,227,0.3);border-radius:100px;font-size:12px;color:#4facfe;font-weight:600;}.preview-system.enhanced{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;}.system-demo{display:flex;flex-direction:column;align-items:center;gap:12px;}.browser-window{width:240px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,0.05);border:1px solid var(--glass-border);box-shadow:0 8px 24px rgba(0,0,0,0.2);}.browser-titlebar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,0.05);border-bottom:1px solid var(--glass-border);}.browser-dots{display:flex;gap:4px;}.browser-dots span{width:10px;height:10px;border-radius:50%;display:block;}.browser-dots .close{background:#ff5f56;}.browser-dots .minimize{background:#ffbd2e;}.browser-dots .maximize{background:#27ca3f;}.browser-title{font-size:11px;color:var(--text-secondary);flex:1;text-align:center;}.browser-content{position:relative;height:140px;display:flex;align-items:center;justify-content:center;}.content-area{font-size:13px;color:var(--text-secondary);}.context-menu.blocked{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(244,67,54,0.15);border:1px solid rgba(244,67,54,0.3);border-radius:10px;font-size:12px;color:#f44336;font-weight:600;}.context-menu.blocked svg{width:20px;height:20px;}.system-badge{padding:8px 16px;background:rgba(244,67,54,0.1);border:1px solid rgba(244,67,54,0.3);border-radius:100px;font-size:12px;color:#f44336;font-weight:600;}.cors-demo{display:flex;flex-direction:column;align-items:center;gap:16px;}.cors-visual{display:flex;align-items:center;gap:12px;}.client-box,.server-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border-radius:12px;font-size:11px;color:var(--text-secondary);font-weight:600;}.client-box{background:rgba(0,113,227,0.1);border:1px solid rgba(0,113,227,0.2);}.server-box{background:rgba(76,175,80,0.1);border:1px solid rgba(76,175,80,0.2);}.client-icon,.server-icon{font-size:28px;}.cors-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px;}.arrow-line{width:60px;height:2px;background:linear-gradient(90deg,#0071e3,#4caf50);border-radius:2px;position:relative;}.arrow-line::before{content:'→';position:absolute;right:-4px;top:-9px;color:#4caf50;font-size:14px;}.cors-label{font-size:10px;color:var(--accent);font-weight:700;letter-spacing:1px;}.cors-status{padding:6px 14px;background:rgba(76,175,80,0.15);border:1px solid rgba(76,175,80,0.3);border-radius:100px;font-size:11px;color:#4caf50;font-weight:600;}.cors-features{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;}.cors-item{padding:4px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;font-size:11px;color:var(--text-secondary);}.autostart-demo{display:flex;flex-direction:column;align-items:center;gap:16px;}.system-boot{display:flex;align-items:center;gap:12px;padding:16px 24px;background:rgba(0,113,227,0.1);border:1px solid rgba(0,113,227,0.2);border-radius:14px;}.boot-icon{width:44px;height:44px;border-radius:12px;background:rgba(0,113,227,0.15);display:flex;align-items:center;justify-content:center;}.boot-icon svg{width:28px;height:28px;stroke:#0071e3;}.boot-text{font-size:14px;font-weight:600;color:var(--text-primary);}.autostart-features{display:flex;flex-direction:column;gap:6px;}.boot-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;font-size:12px;color:var(--text-secondary);}