:root{--color-black:#030712;--color-dark:#111827;--color-accent-pink:#ef476f;--color-accent-yellow:#ffd166;--color-accent-blue:#118ab2;--color-accent-green:#06d6a0;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -4px rgba(0,0,0,.05);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.15);--shadow-glass:inset 0 1px 1px hsla(0,0%,100%,.4),0 8px 32px rgba(0,0,0,.08);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--color-white);color:var(--color-gray-800);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ol,ul{list-style:none}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-6);width:100%}.section{padding:var(--space-20) 0}.section--gray{background-color:var(--color-gray-50)}.text-center{text-align:center}.bg-grid{background-image:linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.05) 1px,transparent 0);background-position:top;background-size:40px 40px}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;gap:var(--space-2);justify-content:center;line-height:1.5;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);white-space:nowrap}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--primary{background-color:var(--color-black);box-shadow:0 4px 14px #0003;color:var(--color-white)}.btn--primary:hover{background-color:var(--color-gray-800);box-shadow:0 6px 20px #00000026}.btn--secondary{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:#fff3;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow-glass);color:var(--color-black)}.btn--secondary:hover{background-color:#fff6;border-color:#00000026}.btn--outline{background-color:transparent;border-color:var(--color-gray-200);color:var(--color-black)}.btn--outline:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.btn--large{font-size:var(--font-size-lg);padding:var(--space-4) var(--space-8)}.section-label{background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-600);display:inline-block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-4);padding:var(--space-1) var(--space-3);text-transform:uppercase}.section-title{color:var(--color-black);font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-4)}.section-subtitle{color:var(--color-gray-500);font-size:var(--font-size-lg);line-height:1.7;margin:0 auto var(--space-12);max-width:640px}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;padding:var(--space-10);position:relative;transition:all var(--transition-base)}.card:hover{box-shadow:0 30px 60px -12px #00000026;transform:translateY(-4px)}.card__icon{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:28px;height:56px;justify-content:center;margin-bottom:var(--space-5);width:56px}.card__icon--orange{background:#ef476f1a;color:var(--color-accent-pink)}.card__icon--purple{background:#118ab21a;color:var(--color-accent-blue)}.card__title{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-3)}.card__text{color:var(--color-gray-500);font-size:var(--font-size-base);line-height:1.7}.grid{display:grid;gap:var(--space-8)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.section-title{font-size:var(--font-size-3xl)}.section{padding:var(--space-12) 0}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}.reveal-left{opacity:0;transform:translate(-32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-right.revealed{opacity:1;transform:translate(0)}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0;transform:translateY(-12px)}