:root{--bg-primary: #0f1419;--bg-secondary: #1a1f2e;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--accent: #4D9476;--accent-hover: #5fb88a;--border: #2a2f3e}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--text-primary: #1a1a1a;--text-secondary: #666666;--accent: #038053;--accent-hover: #026844;--border: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f1419cc;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:1rem 0}[data-theme=light] .navbar{background:#fffc}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;display:block}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:1.25rem}.logo{width:32px;height:32px}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s;font-weight:400}.nav-links a:hover{color:var(--accent)}#theme-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;display:flex;align-items:center;transition:transform .3s}#theme-toggle:hover{transform:scale(1.1)}.sun-icon{display:none}[data-theme=light] .sun-icon{display:block}[data-theme=light] .moon-icon{display:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 2rem}.hero-background{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-content{position:relative;text-align:center;max-width:900px;z-index:1}.title-line{display:block}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--text-secondary);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;font-weight:300}.hero-cta{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2.5rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s;font-size:1.1rem;border:2px solid transparent}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 30px #4d94764d}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:4rem}.apis{padding:8rem 0;background:var(--bg-secondary)}.api-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.api-card{background:var(--bg-primary);padding:2.5rem;border-radius:12px;border:1px solid var(--border);transition:all .3s}.api-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 20px 40px #0000001a}.api-icon{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:flex-start}.api-icon img{width:64px;height:64px;object-fit:contain}.api-card h3{font-size:1.5rem;margin-bottom:1rem;font-weight:500}.api-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-weight:300}.api-link{color:var(--accent);text-decoration:none;font-weight:500;transition:color .3s}.api-link:hover{color:var(--accent-hover)}.features{padding:8rem 0;position:relative;overflow:hidden}.features:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;background:radial-gradient(ellipse 60% 40% at 50% 50%,rgba(77,148,118,.08),transparent 70%);pointer-events:none}[data-theme=light] .features:before{background:radial-gradient(ellipse 60% 40% at 50% 50%,rgba(3,128,83,.05),transparent 70%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;position:relative;z-index:1}.feature-card{background:var(--bg-secondary);padding:2.5rem 2rem;border-radius:16px;border:1px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(77,148,118,.05),transparent 60%);opacity:0;transition:opacity .4s}[data-theme=light] .feature-card:before{background:linear-gradient(135deg,rgba(3,128,83,.03),transparent 60%)}.feature-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 20px 40px #00000026}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,var(--accent),rgba(77,148,118,.6));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .4s;position:relative;z-index:1}[data-theme=light] .feature-icon-wrapper{background:linear-gradient(135deg,var(--accent),rgba(3,128,83,.6))}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg)}.feature-icon-wrapper svg{color:#fff}.feature-card h3{font-size:1.4rem;margin-bottom:1rem;font-weight:500;position:relative;z-index:1}.feature-card p{color:var(--text-secondary);font-weight:300;line-height:1.7;position:relative;z-index:1}.cta-section{padding:8rem 0;background:linear-gradient(135deg,#4d94761a,#4d94760d)}[data-theme=light] .cta-section{background:linear-gradient(135deg,#03805314,#03805308)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:1.5rem;font-weight:700}.cta-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;font-weight:400}.footer{background:var(--bg-secondary);padding:4rem 0 2rem;border-top:1px solid var(--border)}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:4rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{width:40px;height:40px}.footer-brand p{color:var(--text-secondary);font-weight:300}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-column h4{margin-bottom:1rem;font-size:1.1rem;font-weight:500}.footer-column a{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:.75rem;transition:color .3s;font-weight:300}.footer-column a:hover{color:var(--accent)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);font-size:.9rem;font-weight:300}@media (max-width: 768px){.nav-links{gap:1rem;font-size:.9rem}.hero-cta{flex-direction:column}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:1fr}}