@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-color:#f0eee6;--text-primary:#191919;--text-secondary:#595856;--card-bg:#ece8df;--card-hover:#e3dec9;--accent-color:#d96b43;--border-color:#e2ded5;--footer-bg:#191919;--footer-text:#e8e6df;--font-serif:"Georgia", "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--text-primary);font-weight:500}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.navbar-container{z-index:1000;background:var(--bg-color);border-bottom:1px solid var(--border-color);width:100%;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:16px 24px;display:flex}.nav-brand{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-1px;font-size:24px;font-weight:700}.nav-menu-desktop{align-items:center;gap:28px;font-size:14px;font-weight:500;list-style:none;display:flex}.nav-menu-desktop li a{color:var(--text-primary)}.btn-nav-split{background-color:var(--accent-color);border-radius:20px;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex;color:#fff!important}.btn-nav-split span{border-left:1px solid #fff3;align-items:center;margin-left:8px;padding-left:8px;display:inline-flex}.hamburger-btn{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.hamburger-btn span{background-color:var(--accent-color);width:22px;height:2px;margin:4px 0;display:block}.drawer-overlay{z-index:2000;background:#0006;width:100vw;height:100vh;animation:.36s cubic-bezier(.22,1,.36,1) forwards fadeIn;position:fixed;top:0;left:0}.drawer-overlay.closing{animation:.3s cubic-bezier(.22,1,.36,1) forwards fadeOut}.drawer-content{background:var(--bg-color);z-index:2100;opacity:0;transform-origin:top;will-change:transform, opacity;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;padding:24px 24px 40px;animation:.4s cubic-bezier(.22,1,.36,1) forwards drawerOpen;display:flex;position:fixed;top:0;left:0;transform:translateY(-12px)scale(.985)}.drawer-content.closing{animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerClose}@keyframes drawerOpen{0%{opacity:0;transform:translateY(-12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes drawerClose{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.985)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.drawer-close-btn{cursor:pointer;width:40px;height:40px;color:var(--accent-color);background:0 0;border:none;justify-content:center;align-items:center;font-size:30px;line-height:1;display:inline-flex}.drawer-links{flex-direction:column;gap:20px;margin-top:32px;list-style:none;display:flex}.drawer-links li a{color:var(--text-primary);font-size:20px;font-weight:500;display:block}.drawer-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding-top:20px;display:flex}.btn-drawer-primary{background-color:var(--accent-color);color:#fff;text-align:center;border-radius:24px;padding:12px;font-weight:500}.btn-drawer-secondary{border:1px solid var(--border-color);color:var(--text-primary);text-align:center;background-color:#0000;border-radius:24px;padding:12px;font-weight:500}.hero{grid-template-columns:1.2fr .8fr;align-items:flex-start;gap:60px;max-width:1440px;margin:0 auto;padding:160px 6% 80px;display:grid}.hero-title{letter-spacing:-2.5px;max-width:700px;font-size:72px;font-weight:800;line-height:1.1}.hero-title span{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.hero-desc{color:var(--text-secondary);max-width:440px;padding-top:24px;font-size:20px;line-height:1.6}@keyframes expandBanner{0%{padding:40px 28%}to{padding:40px 0%}}@keyframes flattenBanner{0%{border-radius:80px}to{border-radius:0}}.banner-container{width:100%;padding:40px 28%;animation:linear both expandBanner;animation-timeline:view();animation-range:entry 10% cover 45%}.dark-banner{background-color:var(--text-primary);color:var(--bg-color);text-align:center;border-radius:80px;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:120px 40px;animation:linear both flattenBanner;animation-timeline:view();animation-range:entry 10% cover 40%;display:flex;position:relative;overflow:hidden}.banner-title{font-family:var(--font-sans);color:var(--bg-color);z-index:10;max-width:650px;font-size:48px;font-weight:700;line-height:1.2}.banner-subtext{color:#f7f5f0bf;z-index:10;max-width:580px;font-size:16px;line-height:1.6}.btn-banner{background-color:var(--accent-color);color:#fff;border:1px solid var(--accent-color);z-index:10;border-radius:24px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-banner:hover{color:#fff;background-color:#c65a34}.network-graph{opacity:.18;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.graph-node{color:#fff;font-size:10px;font-family:var(--font-mono);white-space:nowrap;background:#191919d9;border:1px solid #ffffff40;border-radius:4px;padding:6px 12px;position:absolute}.node-1{top:15%;left:12%}.node-2{top:25%;right:15%}.node-3{bottom:20%;left:15%}.node-4{bottom:18%;right:20%}.node-5{top:60%;left:8%}.node-6{top:55%;right:8%}.graph-lines{width:100%;height:100%;position:absolute;top:0;left:0}.banner-footer{border-top:1px solid #ffffff1a;justify-content:space-around;width:100%;max-width:900px;margin-top:40px;padding-top:30px;display:flex}.banner-footer-item{text-align:left;opacity:.7;flex:1;max-width:320px}.banner-footer-item h4{font-family:var(--font-sans);color:var(--bg-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px}.banner-footer-item p{font-size:12px;line-height:1.5}.list-section{grid-template-columns:.8fr 1.2fr;gap:60px;max-width:1440px;margin:0 auto;padding:60px 6% 80px;display:grid}.list-section-left h3{max-width:320px;font-size:28px;line-height:1.3}.footer{background-color:var(--footer-bg);color:var(--footer-text);padding:80px 6% 40px}.footer-inner{grid-template-columns:1fr repeat(2,1.2fr);gap:40px;max-width:1440px;margin:0 auto;display:grid}.footer-logo{font-family:var(--font-sans);color:var(--bg-color);letter-spacing:-1px;font-size:32px;font-weight:700}.footer-col h5{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:var(--bg-color);margin-bottom:24px;font-size:12px;font-weight:600}.footer-links{opacity:.85;flex-direction:column;gap:12px;font-size:13px;list-style:none;display:flex}.footer-bottom{opacity:.7;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1440px;margin:60px auto 0;padding-top:30px;font-size:12px;display:flex}@media (max-width:1024px){.hero{grid-template-columns:1fr;gap:30px}.list-section{grid-template-columns:1fr;gap:40px}}@keyframes expandBannerMobile{0%{padding:20px 6%}to{padding:20px 0%}}@keyframes flattenBannerMobile{0%{border-radius:40px}to{border-radius:0}}@media (max-width:768px){.navbar{padding:16px}.nav-menu-desktop{display:none}.hamburger-btn{display:block}.btn-banner{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-banner:hover{color:#fff;background-color:#c65a34}.footer-inner{grid-template-columns:1fr;gap:40px}.hero-title{font-size:40px}.banner-container{padding:20px 6%;animation:linear both expandBannerMobile;animation-timeline:view();animation-range:entry 10% cover 40%}.dark-banner{border-radius:40px;padding:60px 16px;animation:linear both flattenBannerMobile;animation-timeline:view();animation-range:entry 10% cover 40%}.banner-footer{flex-direction:column;gap:24px}}