.nav-container{position:absolute;top:0;left:0;right:0;z-index:50;pointer-events:none}.main-nav{justify-content:space-between;padding:24px 40px;max-width:1200px;margin:0 auto;width:100%;pointer-events:auto}.main-nav,.nav-logo{display:flex;align-items:center}.nav-logo{font-size:20px;font-weight:700;letter-spacing:-.02em;text-decoration:none;gap:4px}.light-theme .nav-logo{color:#111}.dark-theme .nav-logo{color:#fff}.nav-links-pill{display:flex;align-items:center;gap:24px;padding:8px 16px;border-radius:100px}.light-theme .nav-links-pill{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.04)}.dark-theme .nav-links-pill{background:hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link{font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.light-theme .nav-link{color:#666}.light-theme .nav-link.active,.light-theme .nav-link:hover{color:#111}.dark-theme .nav-link{color:hsla(0,0%,100%,.6)}.dark-theme .nav-link.active,.dark-theme .nav-link:hover{color:#fff}.nav-avatar{width:24px;height:24px;background:#f59e0b;border-radius:50%}.theme-toggle{display:flex;border-radius:100px;padding:4px;gap:4px;align-items:center}.light-theme .theme-toggle{background:#111}.dark-theme .theme-toggle{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle-btn{width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.light-theme .theme-toggle-btn.dark{background:#333;color:#fff}.light-theme .theme-toggle-btn.light{background:transparent;color:#666}.dark-theme .theme-toggle-btn.dark{background:rgba(0,0,0,.5);color:#fff}.dark-theme .theme-toggle-btn.light{background:transparent;color:hsla(0,0%,100%,.6)}:root{--background:#0a0a0a;--foreground:#fafafa;--muted:#a1a1aa;--border:#27272a;--subtle:#18181b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;min-height:100vh;flex-direction:column}#root,body{display:flex}#root{flex:1 1;flex-direction:column}.hero-bg{position:absolute;top:0;left:0;right:0;height:100vh;z-index:0;background-image:url(https://images.unsplash.com/photo-1777195680759-9c3c616a92e7?q=80&w=2670&auto=format&fit=crop);background-size:cover;background-position:50%;filter:blur(8px);opacity:.3;transform:translateZ(0)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,4%,.2) 0,hsla(0,0%,4%,.8) 60%,#0a0a0a);z-index:1}.feature-section{background-color:#fbfbfb;color:#111;padding:140px 24px}.feature-bento-grid{max-width:1152px;margin:64px auto 0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.feature-bento-grid-bottom{max-width:1152px;margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.feature-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,.02)}.feature-icon-wrapper{width:48px;height:48px;background:#f1f1f1;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#555}.tech-spec-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);margin-top:64px}.tech-spec-card{background:#0a0a0a;padding:48px 32px;display:flex;flex-direction:column}.wireframe-container{height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;color:hsla(0,0%,100%,.4)}.wireframe-img{max-height:100%}.quotes-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;max-width:1152px;margin:120px auto 40px;padding:0 24px}.quote-card{border-radius:24px;padding:64px 48px;display:flex;flex-direction:column;justify-content:space-between;min-height:400px;position:relative;overflow:hidden}.quote-card-blue{background-color:#e6ecff;color:#111}.quote-card-neon{background-color:#d1ff00;color:#111}.footer-wrapper{position:relative;overflow:hidden;padding-top:120px;background:#0a0a0a}.earth-bg{position:absolute;bottom:-20%;left:50%;transform:translateX(-50%);width:140vw;max-width:1600px;opacity:.6;pointer-events:none;z-index:0;mask-image:linear-gradient(0deg,#000 0,transparent);-webkit-mask-image:linear-gradient(0deg,#000 0,transparent)}.glass-button{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.glass-button:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.55)}.card{border-radius:24px;overflow:hidden;position:relative;transition:background-color .3s ease}.card,.card:hover{background-color:#fff}.card-image-container{aspect-ratio:1/.62;overflow:hidden;border-radius:16px;position:relative}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.card:hover .card-image{transform:scale(1.04)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35) 0,rgba(0,0,0,.05) 35%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card:hover .card-overlay{opacity:1}@media (max-width:768px){.feature-section{padding:80px 16px}.feature-bento-grid,.feature-bento-grid-bottom,.tech-spec-grid{grid-template-columns:1fr}.tech-spec-card{padding:32px 24px}.quotes-section{grid-template-columns:1fr;margin-top:80px}.quote-card{padding:40px 32px;min-height:320px}}