:root{--bg: #060a12;--bg-elevated: #0c1220;--bg-card: #0f1729;--bg-card-hover: #141e34;--border: rgba(148, 163, 184, .1);--border-light: rgba(148, 163, 184, .18);--border-accent: rgba(56, 189, 248, .35);--text: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #38bdf8;--accent-bright: #7dd3fc;--accent-dim: #0ea5e9;--accent-glow: rgba(14, 165, 233, .25);--success: #34d399;--success-glow: rgba(52, 211, 153, .2);--font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Consolas", monospace;--max-width: 1140px;--section-gap: clamp(4rem, 8vw, 6.5rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);--shadow-card-hover: 0 4px 8px rgba(0, 0, 0, .2), 0 16px 40px rgba(0, 0, 0, .35), 0 0 0 1px var(--border-accent);--transition: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(14,165,233,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(6,182,212,.06),transparent),radial-gradient(ellipse 50% 30% at 0% 100%,rgba(14,165,233,.05),transparent),var(--bg)}.page-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,black 20%,transparent 75%)}main{flex:1}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-bright)}.container{width:min(100% - 2rem,var(--max-width));margin-inline:auto}.section{padding-block:var(--section-gap);position:relative}.section-header{max-width:680px;margin-bottom:clamp(2rem,4vw,3rem)}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.875rem;padding:.3rem .75rem;background:#0ea5e914;border:1px solid rgba(14,165,233,.15);border-radius:999px}.section-title{font-size:clamp(1.625rem,3.5vw,2.25rem);font-weight:700;line-height:1.2;margin:0 0 1rem;color:#f8fafc;letter-spacing:-.025em}.section-desc{color:var(--text-muted);font-size:1.0625rem;line-height:1.7;margin:0;max-width:640px}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:#060a12bf;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:4.25rem;gap:1rem}.header-actions{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.125rem;color:#f8fafc;text-decoration:none;letter-spacing:-.02em}.logo:hover{text-decoration:none;color:#f8fafc}.logo-mark{width:2.125rem;height:2.125rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,#0ea5e926,#06b6d414);border:1px solid var(--border-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #0ea5e91f}.logo-mark svg{width:1.25rem;height:1.25rem}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--text-muted);font-size:.875rem;font-weight:500;text-decoration:none;padding:.5rem .875rem;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.nav-links a:hover{color:var(--text);background:#94a3b80f;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6875rem 1.375rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition);white-space:nowrap}.btn:hover{text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-dim),#0284c7);color:#f0f9ff;border-color:#38bdf84d;box-shadow:0 2px 12px var(--accent-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent),var(--accent-dim));box-shadow:0 4px 20px #0ea5e959;transform:translateY(-1px);color:#fff}.btn-secondary{background:#94a3b80f;color:var(--text);border-color:var(--border-light)}.btn-secondary:hover{background:#94a3b81f;border-color:#94a3b84d;color:#f8fafc;transform:translateY(-1px)}.btn-lg{padding:.875rem 1.75rem;font-size:.9375rem}.hero{padding-block:clamp(4rem,10vw,7rem) clamp(3rem,6vw,5rem);position:relative}.hero-grid{display:grid;gap:clamp(2.5rem,5vw,4rem);align-items:center}@media(min-width:900px){.hero-grid{grid-template-columns:1.05fr .95fr}}.hero-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.4375rem 1rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);background:#0f1729cc;border:1px solid var(--border-light);border-radius:999px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success-glow);animation:pulse-dot 2.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}.hero-title{font-size:clamp(2.125rem,5.5vw,3.25rem);font-weight:800;line-height:1.1;margin:0 0 1.5rem;color:#f8fafc;letter-spacing:-.035em}.hero-title em{font-style:normal;background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent-dim) 50%,#06b6d4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{font-size:clamp(1rem,2vw,1.125rem);color:var(--text-muted);margin:0 0 2rem;max-width:540px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.hero-stats{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.hero-stat{display:flex;flex-direction:column;gap:.25rem}.hero-stat-value{font-size:1.375rem;font-weight:700;color:#f8fafc;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hero-stat-label{font-size:.75rem;color:var(--text-dim);letter-spacing:.02em}.hero-visual{position:relative}.hero-visual-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 65%);pointer-events:none;filter:blur(40px)}.hero-illus-stack{display:flex;flex-direction:column;gap:1rem;position:relative}.hero-illus-frame{position:relative;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;background:linear-gradient(145deg,#0f1729f2,#0c1220fa)}.hero-illus-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(14,165,233,.04) 0%,transparent 50%);pointer-events:none;z-index:1}.hero-illus-frame-primary{z-index:2}.hero-illus-frame-secondary{z-index:1;transform:scale(.98);opacity:.92}.illus-svg{display:block;width:100%;height:auto;max-width:100%}.marketing-photo{display:block;width:100%;height:auto;object-fit:cover}.marketing-photo-banner{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:var(--bg-card)}.section-visual{margin-bottom:clamp(1.75rem,3vw,2.5rem);max-width:720px}.arch-layout{display:grid;gap:clamp(2rem,4vw,3rem);align-items:start}@media(min-width:960px){.arch-layout{grid-template-columns:1fr min(380px,42%)}}.arch-visual{position:relative}.arch-visual-glow{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;background:radial-gradient(circle,rgba(14,165,233,.12) 0%,transparent 70%);pointer-events:none;filter:blur(32px)}.arch-visual-frame{position:relative;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.25rem;background:linear-gradient(160deg,#0f1729f2,#0c1220fa);box-shadow:var(--shadow-card);overflow:hidden}.arch-visual-caption{margin:.875rem 0 0;text-align:center;font-size:.75rem;color:var(--text-dim);letter-spacing:.02em}.card-grid{display:grid;gap:1.25rem}@media(min-width:640px){.card-grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.card-grid-3{grid-template-columns:repeat(3,1fr)}}.card{background:linear-gradient(160deg,var(--bg-card) 0%,rgba(12,18,32,.9) 100%);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.625rem;box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition)}.card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:var(--shadow-card-hover);background:linear-gradient(160deg,var(--bg-card-hover) 0%,rgba(15,23,41,.95) 100%)}.card-icon{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e91f,#06b6d40f);border:1px solid rgba(14,165,233,.2);border-radius:var(--radius-sm);margin-bottom:1.125rem;font-size:1.125rem;color:var(--accent);transition:box-shadow var(--transition)}.card:hover .card-icon{box-shadow:0 0 16px #0ea5e933}.card h3{font-size:1.0625rem;font-weight:600;margin:0 0 .625rem;color:#f8fafc;letter-spacing:-.01em}.card p{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.65}.comparison-wrap{overflow-x:auto;border:1px solid var(--border-light);border-radius:var(--radius-md);background:linear-gradient(160deg,var(--bg-card) 0%,rgba(12,18,32,.95) 100%);box-shadow:var(--shadow-card)}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem}.comparison-table th,.comparison-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table th{color:var(--text-dim);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;background:#060a1266}.comparison-table td:first-child{color:var(--text-muted);font-weight:500;white-space:nowrap}.comparison-table td:nth-child(2){color:var(--text-dim)}.comparison-table td:last-child{color:#f8fafc;font-weight:500}.comparison-table tbody tr{transition:background var(--transition)}.comparison-table tbody tr:hover{background:#0ea5e90a}.arch-stack{display:flex;flex-direction:column;gap:.625rem}.arch-layer{display:flex;align-items:center;gap:1.125rem;padding:1.125rem 1.375rem;background:linear-gradient(90deg,#0f1729e6,#0c1220b3);border:1px solid var(--border);border-radius:var(--radius-sm);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);position:relative}.arch-layer:before{content:"";position:absolute;left:2.75rem;top:100%;width:2px;height:.625rem;background:linear-gradient(180deg,var(--border-accent),transparent);opacity:.5}.arch-layer:last-child:before{display:none}.arch-layer:hover{transform:translate(6px);border-color:var(--border-accent);box-shadow:-4px 0 20px #0ea5e914}.arch-layer-num{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--accent);background:linear-gradient(135deg,#0ea5e926,#06b6d414);border:1px solid rgba(14,165,233,.25);border-radius:6px}.arch-layer-content h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:#f8fafc}.arch-layer-content p{margin:0;font-size:.8125rem;color:var(--text-muted);line-height:1.55}.security-grid{display:grid;gap:1.25rem}@media(min-width:768px){.security-grid{grid-template-columns:1fr 1fr}}.security-list{list-style:none;margin:0;padding:0}.security-list li{display:flex;gap:.75rem;padding:.8125rem 0;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text-muted);line-height:1.55;transition:color var(--transition)}.security-list li:last-child{border-bottom:none}.security-list li:hover{color:var(--text)}.security-list li:before{content:"";width:6px;height:6px;margin-top:.5rem;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent-glow);flex-shrink:0}.cta-section{padding-block:clamp(3rem,6vw,5rem);position:relative}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 80% at 50% 100%,rgba(14,165,233,.1),transparent);pointer-events:none}.cta-box{position:relative;text-align:center;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,4vw,3rem);background:linear-gradient(160deg,#0f1729f2,#0c1220fa);border:1px solid var(--border-accent);border-radius:var(--radius-xl);box-shadow:0 0 0 1px #0ea5e914,0 8px 32px #0006,0 0 80px #0ea5e914;overflow:hidden}.cta-box:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6}.cta-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 40% at 50% 0%,rgba(14,165,233,.08),transparent);pointer-events:none}.cta-box>*{position:relative;z-index:1}.cta-box h2{font-size:clamp(1.75rem,4vw,2.375rem);font-weight:800;margin:0 0 1rem;color:#f8fafc;letter-spacing:-.03em}.cta-box>p:first-of-type{color:var(--text-muted);font-size:1.0625rem;margin:0 0 2rem;max-width:520px;margin-inline:auto;line-height:1.7}.cta-actions{display:flex;flex-wrap:wrap;gap:.875rem;justify-content:center}.cta-note{margin-top:1.75rem;font-size:.8125rem;color:var(--text-dim);line-height:1.65}.cta-note a{color:var(--accent);word-break:break-all}.cta-note code{font-family:var(--font-mono);font-size:.75rem;padding:.15rem .4rem;background:#94a3b814;border-radius:4px;color:var(--text-muted)}.site-footer{border-top:1px solid var(--border);padding-block:2.25rem;font-size:.8125rem;color:var(--text-dim);background:#060a1280}.footer-inner{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}.footer-inner>p{margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;list-style:none;margin:0;padding:0}.footer-links a{color:var(--text-dim);font-weight:500;transition:color var(--transition)}.footer-links a:hover{color:var(--accent);text-decoration:none}.nav-toggle{display:none;background:#94a3b80f;border:1px solid var(--border-light);color:var(--text);padding:.4375rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:background var(--transition)}.nav-toggle:hover{background:#94a3b81f}@media(max-width:899px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:4.25rem;left:0;right:0;flex-direction:column;padding:1rem;background:#0c1220fa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);gap:.25rem;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:.75rem 1rem}.site-header .container{position:relative}.header-actions .btn-secondary{display:none}.header-actions .btn-primary{padding:.5rem .875rem;font-size:.8125rem}}@media(max-width:479px){.hero-actions .btn,.cta-actions .btn{width:100%}.hero-stats{gap:1.25rem}.hero-stat-value{font-size:1.125rem}}