*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--blue:#4285f4;--green:#34a853;--yellow:#f9ab00;--red:#ea4335;--bg:#f5f4f0;--dark:#1e1e1e;--text:#2a2a2a;--muted:#6b7280;--white:#fff;--border:#00000017;--sans:"Google Sans", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "Roboto Mono", monospace;--header-h:68px;--radius-card:16px}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{max-width:1160px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}.logo-dots{flex-shrink:0;grid-template-columns:1fr 1fr;gap:3px;width:20px;height:20px;display:grid}.dot{border-radius:50%;display:block}.dot-blue{background:var(--blue)}.dot-red{background:var(--red)}.dot-yellow{background:var(--yellow)}.dot-green{background:var(--green)}.header{inset-inline:0;height:var(--header-h);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);z-index:100;background:#f5f4f0d9;align-items:center;display:flex;position:fixed;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--dark);align-items:center;gap:2px;text-decoration:none;display:flex}.logo-img{flex-shrink:0;width:auto;height:28px;display:block}.logo-img-footer{height:26px}.logo-wordmark{letter-spacing:-.015em;color:var(--dark);font-size:1.1rem;font-weight:700}.header-nav{align-items:center;gap:1.75rem;display:flex}.nav-link{color:var(--muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--dark)}.btn{font-family:var(--sans);white-space:nowrap;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.35em;font-weight:600;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-sm{padding:.6em 1.4em;font-size:.825rem}.btn-lg{padding:.78em 1.8em;font-size:1rem}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 1px 6px #4285f447}.btn-primary:hover{box-shadow:0 4px 18px #4285f46b}.btn-ghost{color:var(--dark);background:0 0;border:1.5px solid #0003}.btn-ghost:hover{border-color:var(--dark);background:#0000000a}.hero{min-height:100svh;padding-top:var(--header-h);align-items:center;display:flex;position:relative;overflow:hidden}.hero-illustration{pointer-events:none;z-index:0;width:clamp(480px,62vw,900px);animation:.9s cubic-bezier(.16,1,.3,1) .45s both fadeUp;position:absolute;bottom:0;right:clamp(-80px,-4vw,-20px)}.hero-illustration svg,.hero-illustration img{width:100%;height:auto;display:block}.hero .container{z-index:1;padding-top:5.5rem;padding-bottom:6rem;position:relative}.hero-content{max-width:640px}.hero-heading{letter-spacing:-.04em;color:var(--dark);margin-bottom:1.5rem;font-size:clamp(3rem,7.5vw,6rem);font-weight:800;line-height:1;animation:.65s .1s both fadeUp}.hero-body{color:var(--muted);max-width:480px;margin-bottom:2.5rem;font-size:clamp(1rem,1.6vw,1.125rem);font-weight:400;line-height:1.72;animation:.65s .25s both fadeUp}.hero .btn{animation:.65s .4s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.section{padding-block:clamp(4.5rem,8vw,7rem)}.section-title{letter-spacing:-.03em;color:var(--dark);margin-bottom:1.5rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.1}.section-community{background:var(--dark);padding-block:clamp(3.5rem,6vw,5.5rem)}.community-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d;margin-bottom:1.5rem;font-size:.68rem;font-weight:500}.community-links-big{flex-direction:column;display:flex}.big-link{color:#fff;letter-spacing:-.03em;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-block:1.1rem;font-size:clamp(2rem,5vw,3.75rem);font-weight:700;text-decoration:none;transition:color .2s;display:flex}.big-link:last-child{border-bottom:1px solid #ffffff1a}.big-link svg{opacity:0;flex-shrink:0;transition:opacity .2s,transform .2s;transform:translate(-6px,6px)}.big-link:hover svg{opacity:1;transform:translate(0)}.big-link[data-accent=meetup]:hover{color:#e51937}.big-link[data-accent=linkedin]:hover{color:#0a66c2}.big-link[data-accent=instagram]:hover span{background:linear-gradient(90deg,#f58529,#dd2a7b,#8134af);-webkit-text-fill-color:transparent;background-clip:text}.big-link[data-accent=instagram]:hover svg{color:#dd2a7b}.about-wrap{max-width:720px}.about-body .section-title{margin-bottom:1.5rem}.about-text-group{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.about-text-group p{color:#4a4a4a;font-size:1.05rem;font-weight:400;line-height:1.78}.about-links{flex-direction:column;gap:.75rem;display:flex}.about-link{color:var(--muted);align-items:center;gap:.45rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:gap .2s,color .15s;display:inline-flex}.about-link:hover{color:var(--dark);gap:.7rem}.about-link-primary,.about-link-primary:hover{color:var(--blue)}.footer{background:var(--dark);color:#ffffffa6}.footer-inner{flex-direction:column;gap:2rem;padding-top:3.5rem;padding-bottom:3rem;display:flex}@media (width>=640px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-logo{align-items:center;gap:2px;margin-bottom:.75rem;display:flex}.footer-wordmark{color:#fff;font-size:.95rem;font-weight:700}.footer-tagline{color:#ffffff52;max-width:240px;font-size:.775rem;line-height:1.7}.footer-links{flex-direction:column;align-items:flex-start;gap:.875rem;display:flex}@media (width>=640px){.footer-links{align-items:flex-end}}.footer-link{color:#ffffff85;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.footer-link:hover{color:#fff}.footer-base{border-top:1px solid #ffffff1a;padding-block:1.25rem}.footer-legal{color:#ffffff38;font-size:.72rem;line-height:1.65}@media (width<=640px){.header-nav .nav-link,.hero-illustration{display:none}}@media (width>=641px) and (width<=900px){.hero-illustration{opacity:.6;width:clamp(360px,52vw,560px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}