:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:var(--font-sora), sans-serif;--font-body:var(--font-inter), sans-serif;--font-base:var(--font-inter), sans-serif;--bg:#0b0c0f;--bg-elevated:#14161c;--bg-elevated-2:#1c1f27;--border:#262a34;--border-strong:#363b47;--text:#f5f6f8;--text-muted:#c4c9d4;--text-faint:#9aa1b0;--accent:#e8a13a;--accent-hover:#f2b25a;--accent-contrast:#0b0c0f;--radius:14px;--radius-sm:10px;--maxw:1240px;--primary-color:var(--bg);--secondary-color:var(--accent);--black-color:var(--text);--white-color:var(--bg-elevated);--gray-color:var(--text-muted);--lightGray-color:var(--border);--brown-color:var(--accent)}*{box-sizing:border-box;margin:0;padding:0}@keyframes reveal-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}.reveal{animation:.7s cubic-bezier(.22,1,.36,1) both reveal-up}.reveal-scale{animation:.8s cubic-bezier(.22,1,.36,1) both reveal-scale}.reveal-fade{animation:.5s both reveal-fade}@media (prefers-reduced-motion:reduce){.reveal,.reveal-scale,.reveal-fade{animation:none!important}}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app{background-color:var(--bg);font-family:var(--font-body);color:var(--text);overflow-x:hidden}.section{width:100%;max-width:var(--maxw);margin:0 auto;padding:7rem 1.5rem}@media screen and (max-width:768px){.section{padding:4.5rem 1.25rem}}.eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:28px;height:1px}.section-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.section-title span{color:var(--accent)}.section-intro{color:var(--text-muted);max-width:560px;margin-top:1rem;font-size:1.05rem;line-height:1.7}.head-text{font-family:var(--font-display);color:var(--text);font-size:clamp(2rem,4vw,3rem);font-weight:700}.head-text span{color:var(--accent)}.p-text{color:var(--text-muted);font-size:.95rem;line-height:1.6}.bold-text{color:var(--text);font-size:1rem;font-weight:700}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.6rem;padding:.85rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn--ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.app__social{z-index:40;flex-direction:column;gap:.6rem;display:flex;position:fixed;bottom:2rem;right:1.25rem}.app__social div{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex}.app__social div svg{width:18px;height:18px;color:var(--text-muted)}.app__social div:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.app__social div:hover svg{color:var(--accent-contrast)}@media screen and (max-width:768px){.app__social{display:none}}.app__navigation{z-index:40;flex-direction:column;gap:.85rem;display:flex;position:fixed;top:50%;left:1.25rem;transform:translateY(-50%)}.app__navigation .app__navigation-dot{background:var(--border-strong);cursor:pointer;border-radius:50%;width:9px;height:9px;transition:all .25s}.app__navigation .app__navigation-dot:hover{background:var(--accent);transform:scale(1.4)}@media screen and (max-width:900px){.app__navigation{display:none}}
