@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";:root{--c-bg:#f9f8f8;--c-text:#1a1615;--c-text-2:#453f3d;--c-text-3:#757170;--c-border:#e4e2e2;--c-sky:#9cc1e7;--c-sky-2:#a7cbf2;--c-sky-light:#e2ecf5;--c-warm:#f0eae5;--c-warm-2:#f1ebe5;--c-peach:#f4e6da;--c-white:#fff;--c-dark:#1a1615;--c-shadow:#614a441a;--c-shadow-sm:#614a440f;--c-border-warm:#614a4433;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"DM Mono", monospace;--container:1280px;--nav-h:72px;--r-sm:8px;--r-md:16px;--r-lg:24px;--r-pill:9999px;--color-primary:var(--c-text);--color-text:var(--c-text);--color-text-muted:var(--c-text-3);--color-text-light:var(--c-text-3);--color-border:var(--c-border);--color-border-light:var(--c-border);--color-surface:var(--c-white);--color-surface-2:var(--c-bg);--color-surface-3:var(--c-warm);--color-accent:var(--c-sky);--color-accent-hover:#7db3df;--color-accent-2:#b0d0ec;--color-success:#0ea158;--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-lg);--radius-full:var(--r-pill);--shadow-sm:0 1px 2px #614a440f;--shadow-md:0 4px 12px #614a4414;--shadow-lg:0 8px 24px #614a441a;--shadow-xl:0 16px 40px #614a441f;--shadow-2xl:0 24px 56px #614a4429;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--navbar-height:var(--nav-h);--container-max:var(--container)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}#root>*{background:0 0}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.btn{border-radius:var(--r-pill);font-size:16px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:16px 24px;text-decoration:none;transition:opacity .18s,transform .18s;display:inline-flex}.btn:hover{opacity:.87;transform:translateY(-1px)}.btn-dark{background:var(--c-dark);color:#fff}.btn-light{color:var(--c-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff47;border:1px solid #1a16151f}.btn-outline{color:var(--c-text);border:1.5px solid var(--c-border);background:0 0}.btn-sm{padding:10px 18px;font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(24px)}.reveal.revealed{opacity:1;transform:none}.reveal-d1{transition-delay:80ms}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.reveal-d4{transition-delay:.32s}.section{padding:120px 0}.section-tag{font-family:var(--font-mono);color:var(--c-text-3);letter-spacing:.02em;margin-bottom:20px;font-size:13px;font-weight:500;display:inline-block}.section-title{letter-spacing:-.03em;color:var(--c-text);margin-bottom:20px;font-size:clamp(36px,4.5vw,52px);font-weight:700;line-height:1.15}.section-subtitle{color:var(--c-text-3);max-width:540px;font-size:18px;line-height:1.65}.gradient-text{background:linear-gradient(135deg, var(--c-sky) 0%, #6b9fd4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}:focus-visible{outline:2px solid var(--c-sky);outline-offset:2px}::selection{background:#9cc1e759}@media (width<=768px){.section{padding:80px 0}.container{padding:0 20px}}@media (width<=480px){.section{padding:60px 0}.container{padding:0 16px}.section-title{font-size:28px}.section-subtitle{font-size:15px}}#root{flex-direction:column;min-height:100vh;display:flex}
