:root{--bg:#fff;--bg2:#f8fafc;--bg3:#f1f5f9;--bg4:#e2e8f0;--bg-dark:#0b1120;--bg-dark2:#111827;--surface:#00000005;--surface2:#0000000a;--surface3:#0000000f;--border:#e2e8f0;--border2:#cbd5e1;--border3:#94a3b8;--blue:#2563eb;--blue2:#3b82f6;--blue-light:#eff6ff;--blue-glow:#2563eb14;--purple:#7c3aed;--purple-light:#f5f3ff;--emerald:#059669;--emerald-light:#ecfdf5;--amber:#d97706;--amber-light:#fffbeb;--rose:#e11d48;--rose-light:#fff1f2;--cyan:#0891b2;--cyan-light:#ecfeff;--text:#0f172a;--text2:#475569;--text3:#94a3b8;--serif:"Playfair Display", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif;--mono:"JetBrains Mono", monospace;--ease:cubic-bezier(.16,1,.3,1);--max:1280px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 16px #0000000f;--shadow-lg:0 12px 40px #00000014;--shadow-xl:0 24px 60px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--blue);color:#fff}.container{max-width:var(--max);margin:0 auto;padding:0 32px}.gradient-text{background:linear-gradient(135deg, var(--blue), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-tag{color:var(--blue);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:700;display:inline-flex}.section-tag:before{content:"";background:var(--blue);width:24px;height:1.5px}.section-title{font-family:var(--serif);letter-spacing:-1px;color:var(--text);margin-bottom:20px;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.12}.section-desc{color:var(--text2);max-width:560px;font-size:17px;line-height:1.7}.btn{font-size:15px;font-weight:600;font-family:var(--sans);cursor:pointer;transition:all .3s var(--ease);border:none;border-radius:12px;align-items:center;gap:10px;padding:15px 32px;display:inline-flex}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px 16px #2563eb40}.btn-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 30px #2563eb59}.btn-ghost{color:var(--text);border:1px solid var(--border2);background:#fff}.btn-ghost:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.btn-arrow{transition:transform .3s var(--ease)}.btn:hover .btn-arrow{transform:translate(4px)}.card{border:1px solid var(--border);transition:all .4s var(--ease);background:#fff;border-radius:20px;padding:36px;position:relative;overflow:hidden}.card:hover{border-color:var(--border2);box-shadow:var(--shadow-xl);transform:translateY(-6px)}.card:before{content:"";background:linear-gradient(90deg, var(--blue), var(--purple));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:1}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.reveal-d5{transition-delay:.5s}.section{padding:120px 0}.section-alt{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-dark{background:var(--bg-dark);color:#fff}.section-dark .section-desc{color:#94a3b8}.section-dark .section-tag{color:#60a5fa}.section-dark .section-tag:before{background:#60a5fa}@media (max-width:1024px){.section{padding:80px 0}}@media (max-width:768px){.container{padding:0 20px}.section{padding:60px 0}}