:root{--primary:#36add7;--primary-dark:#3d91af;--gray-800:#1f2937;--gray-600:#4b5563;--gray-200:#e5e7eb}*{box-sizing:border-box}h1{margin:0;padding:0}a{color:var(--primary-dark)}a:visited{color:var(--primary)}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--gray-800)}.container{max-width:900px;margin:0 auto;padding:0 1rem}nav{background:#fff;padding:1rem 0;border-bottom:1px solid var(--gray-200);position:relative}.nav-container{display:flex;justify-content:space-between;align-items:center;position:relative}.site-title{font-size:.875rem;font-weight:500}.site-title a{color:var(--gray-800);text-decoration:none}.site-title a:hover{color:var(--primary)}.mobile-menu-button{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:0 0;border:none;cursor:pointer;padding:0;z-index:10;margin-left:auto}.mobile-menu-button span{width:100%;height:2px;background:var(--gray-800);transition:all .3s linear}.nav-links{display:flex;justify-content:flex-end;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:var(--gray-600);font-weight:500}.nav-links a:hover{color:var(--gray-800)}.nav-cta{color:var(--primary)!important}main{padding:4rem 0}.hero{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:center}.hero-content h1{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem;color:var(--gray-800)}.description{font-size:1.125rem;color:var(--gray-600);margin-bottom:2rem}.button-group{display:flex;gap:1rem}.button{display:inline-block;padding:.75rem 1.5rem;border-radius:.375rem;text-decoration:none;font-weight:500;transition:all .15s ease}a.primary{background:var(--primary);color:#fff}a.primary:hover{background:var(--primary-dark)}a.secondary{background:#fff;color:var(--gray-800);border:1px solid var(--gray-200)}a.secondary:hover{background:var(--gray-200)}.hero-image{display:flex;align-items:center;justify-content:center}.hero-image img{width:100%;max-width:300px;min-width:200px;height:auto;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1)}footer{border-top:1px solid var(--gray-200)}@media(max-width:768px){.nav-container{flex-wrap:wrap;gap:.5rem}.site-title{flex:1;font-size:.8rem}.mobile-menu-button{display:flex}.nav-links{display:none;position:absolute;right:0;top:calc(100% + .5rem);background:#fff;padding:1rem;box-shadow:0 2px 5px rgba(0,0,0,.1);width:200px;flex-direction:column;gap:0}.nav-links.active{display:flex}.nav-links li{width:100%}.nav-links a{display:block;padding:.5rem;text-align:center}.hero{grid-template-columns:1fr;text-align:center}.hero-image{order:-1}.button-group{justify-content:center}}