.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:120px 0}.section-sm{padding:80px 0}.header{z-index:100;background:#1a1a1a;padding:16px 0;position:sticky;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.5px;color:#fff;font-size:24px;font-weight:400}.nav{gap:32px;display:flex}.nav-link{color:#ccc;font-size:14px;font-weight:300;transition:color .2s}.nav-link:hover{color:#fff}.footer{background:#1a1a1a;margin-top:64px;padding:64px 0 32px}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;display:grid}.footer-section{flex-direction:column;display:flex}.footer-links{flex-direction:column;gap:8px;display:flex}.footer-link{color:#ccc;font-size:14px;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}.hero{align-items:center;min-height:80vh;padding:200px 0 120px;display:flex;position:relative}.hero-title{letter-spacing:-2px;margin-bottom:24px;font-size:64px;font-weight:300;line-height:1.1}.hero-subtitle{color:var(--color-gray);max-width:600px;margin-bottom:40px;font-size:20px}.btn{background:var(--color-black);color:var(--color-white);border:1px solid var(--color-black);padding:16px 32px;font-size:14px;font-weight:400;transition:all .2s;display:inline-block}.btn:hover,.btn-outline{background:var(--color-white);color:var(--color-black)}.btn-outline:hover{background:var(--color-black);color:var(--color-white)}.section-title{letter-spacing:-1px;margin-bottom:16px;font-size:48px;font-weight:300}.section-subtitle{color:var(--color-gray);margin-bottom:64px;font-size:18px}.card{border:1px solid var(--color-border);padding:32px;transition:border-color .2s}.card:hover{border-color:var(--color-black)}.card-icon{width:48px;height:48px;margin-bottom:24px}.card-title{margin-bottom:12px;font-size:20px;font-weight:400}.card-description{color:var(--color-gray);font-size:14px;line-height:1.6}@media (width<=768px){.container{padding:0 16px}.section{padding:80px 0}.section-sm{padding:48px 0}.hero-title{letter-spacing:-1px;font-size:32px}.hero-subtitle{margin-bottom:32px;font-size:16px}.section-title{letter-spacing:-.5px;font-size:28px}.section-subtitle{margin-bottom:32px;font-size:16px}.header-inner{height:64px}.logo{font-size:20px}.mobile-menu-button{display:block!important}.nav{background:#1a1a1a;border-top:1px solid #333;flex-direction:column;gap:16px;padding:16px;display:none;position:absolute;top:100%;left:0;right:0}.nav.nav-open{display:flex}.nav-link{padding:12px 16px}.footer-inner{grid-template-columns:1fr;gap:32px}.footer{padding:48px 0 24px}.btn{padding:12px 24px;font-size:14px}.card{padding:24px}.hero{min-height:60vh;padding:140px 0 80px}}.grid-background{background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);z-index:0;background-position:top;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 70%);mask-image:radial-gradient(#000 0%,#0000 70%)}.grid-section{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-3,.grid-4,.grid-2{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-white:#fff;--color-black:#000;--color-gray:#666;--color-border:#e5e5e5}body{background-color:var(--color-white);color:var(--color-black);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;font-weight:300;line-height:1.6}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}ul{list-style:none}