:root{--brand-navy-950:#050b14;--brand-navy-900:#0a1120;--brand-navy-850:#0d1728;--brand-navy-800:#102a43;--brand-navy-700:#1e3a5f;--brand-orange:#f05820;--brand-orange-hover:#d94814;--brand-orange-light:#fff2ec;--brand-orange-glow:#f0582047;--brand-amber:#f8b810;--brand-amber-hover:#e0a309;--brand-amber-light:#fffbeb;--brand-amber-glow:#f8b8103d;--tech-blue:#2563eb;--tech-blue-hover:#1d4ed8;--tech-blue-light:#eff6ff;--tech-cyan:#06b6d4;--tech-emerald:#10b981;--tech-purple:#8b5cf6;--color-white:#fff;--color-bg-alt:#f8fafc;--color-bg-subtle:#f1f5f9;--color-card-bg:#fff;--color-card-border:#e2e8f0;--color-card-border-hover:#cbd5e1;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-light:#94a3b8;--text-white:#fff;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0d;--shadow-xl:0 20px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a0f;--shadow-glow-orange:0 10px 25px -5px #f0582059;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--container-max-width:1240px;--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);color:var(--text-main);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-secondary);font-size:16px;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.025em;font-weight:700;line-height:1.2}h1{font-size:clamp(2.35rem,4.8vw,3.75rem);font-weight:800;line-height:1.15}h2{font-size:clamp(1.85rem,3.4vw,2.5rem);line-height:1.25}h3{font-size:clamp(1.2rem,2vw,1.45rem)}p{line-height:1.7}a{color:inherit;text-decoration:none;transition:all .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-orange);outline-offset:3px}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.section{padding-top:96px;padding-bottom:96px;position:relative}.section-alt{background-color:var(--color-bg-alt);border-top:1px solid var(--color-card-border);border-bottom:1px solid var(--color-card-border)}.section-dark{background-color:var(--brand-navy-900);color:#cbd5e1}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:#fff}.section-dark p{color:#94a3b8}.section-header{text-align:center;max-width:760px;margin:0 auto 56px}.section-tag{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);background-color:var(--brand-orange-light);color:var(--brand-orange);border:1px solid #f0582040;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.8125rem;font-weight:700;display:inline-flex}.section-dark .section-tag{color:#fb923c;background-color:#f0582026;border-color:#f0582059}.section-title{margin-bottom:16px}.section-subtitle{color:var(--text-muted);font-size:1.125rem}.section-dark .section-subtitle{color:#94a3b8}.btn{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{color:var(--color-white);border-radius:var(--radius-full);background:linear-gradient(135deg,#f05820 0%,#ff6b35 100%);box-shadow:0 6px 18px #f058204d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f0582073}.btn-secondary{background-color:var(--brand-navy-850);color:var(--color-white);border-radius:var(--radius-full);border:1px solid #ffffff1f}.btn-secondary:hover{background-color:var(--brand-navy-800);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--text-main);border:1px solid var(--color-card-border);border-radius:var(--radius-full);background-color:#0000}.btn-outline:hover{background-color:var(--color-bg-alt);border-color:var(--color-card-border-hover);transform:translateY(-2px)}.btn-sm{padding:8px 18px;font-size:.85rem}.btn-lg{padding:14px 30px;font-size:1.05rem}.card-modern{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card-modern:hover{border-color:#f0582059;transform:translateY(-4px);box-shadow:0 16px 30px -10px #0f172a1a}.card-dark{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);background:linear-gradient(145deg,#102a4373 0%,#0a1120a6 100%);border:1px solid #ffffff14;padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1)}.card-dark:hover{border-color:#f0582066;transform:translateY(-4px);box-shadow:0 16px 35px #00000059}.badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-orange{background-color:var(--brand-orange-light);color:var(--brand-orange);border:1px solid #f0582040}.badge-blue{background-color:var(--tech-blue-light);color:var(--tech-blue);border:1px solid #2563eb33}.badge-amber{background-color:var(--brand-amber-light);color:#b45309;border:1px solid #f8b8104d}.badge-slate{background-color:var(--color-bg-subtle);color:var(--text-secondary);border:1px solid var(--color-card-border)}@keyframes floatSmooth{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlowSlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}@keyframes flowLine{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}@keyframes shimmerGlow{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes packetTravel{0%{opacity:0;transform:translate(0)scale(.8)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(100px)scale(.8)}}.animate-float{animation:5s ease-in-out infinite floatSmooth}.animate-pulse-slow{animation:6s ease-in-out infinite pulseGlowSlow}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.section{padding-top:72px;padding-bottom:72px}}@media (width<=768px){.section{padding-top:56px;padding-bottom:56px}.container{padding-left:16px;padding-right:16px}.card-modern,.card-dark{padding:24px}}