.webdev{--ink: #0a1e3f;--body: #5c6272;--purple: #7c6bf5;--purple-bright: #8b5cf6;--green: #5ee6a0;color:var(--ink);background:#fff}.webdev *{box-sizing:border-box}.webdev .container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.webdev h1{font-weight:600;color:var(--ink);letter-spacing:-.02em;margin:0}.webdev .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .15s ease,opacity .15s ease}.webdev .btn:hover{transform:translateY(-1px);opacity:.92}.webdev .btn--primary{background:var(--ink);color:#fff}.webdev .hero{padding:88px 0 96px}.webdev .hero__inner{text-align:center;max-width:869px;margin-left:auto;margin-right:auto}.webdev .hero h1{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:56px;font-weight:600;font-style:normal;line-height:60px;letter-spacing:-1.28px;text-align:center}.webdev .hero__sub{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:500;font-style:normal;line-height:28px;letter-spacing:-.18px;text-align:center;color:var(--body);width:100%;max-width:694px;min-height:56px;margin:24px auto 32px;opacity:1}.webdev .responsive-card{width:1040px;height:auto;max-width:100%;margin-top:64px;margin-left:auto;margin-right:auto;padding:30px 30px 0;background:#0b1324;border-width:.67px;border-style:solid;border-color:#ffffff14;border-radius:18px 18px 0 0;box-shadow:0 40px 90px -30px #0b132459;opacity:1;color:#fff;box-sizing:border-box;overflow:hidden}.webdev .responsive-card__header{display:flex;align-items:center;justify-content:space-between;width:978.6666870117188px;max-width:100%;height:auto;min-height:39.333335876464844px;margin-left:auto;margin-right:auto;margin-bottom:0;opacity:1}.webdev .responsive-card__eyebrow{display:flex;align-items:center;gap:10px;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-weight:600;font-style:normal;font-size:11.5px;line-height:17.25px;letter-spacing:.46px;text-transform:uppercase;color:#9aa3bd}.webdev .responsive-card__dot{width:7px;height:7px;border-radius:3.5px;background:#5ee6a0;box-shadow:0 0 0 3px #5ee6a02e;flex:none;opacity:1;animation:webdev-dot-pulse 2.4s ease-in-out infinite}.webdev .responsive-card__badge{display:flex;align-items:center;justify-content:center;gap:6px;flex:none;width:auto;height:auto;padding:7px 16px;border-width:.67px;border-style:solid;border-color:#ffffff1f;border-radius:100px;background:#ffffff0a;opacity:1;color:#9aa3bd;box-sizing:border-box;animation:webdev-badge-in .7s ease-out both}.webdev .responsive-card__badge-size{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0px;font-variant-numeric:tabular-nums}.webdev .responsive-card__badge-label{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-weight:600;font-style:normal;font-size:11px;line-height:16.5px;letter-spacing:0px}.webdev .responsive-card__stage{display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:300px;margin-top:24px}.webdev .browser-mock{width:640px;max-width:100%;height:auto;border-radius:12px 12px 0 0;border-width:.67px;border-style:solid;border-color:#ffffff14;border-top:.67px solid #232e47;background:#0e1830;box-shadow:0 20px 50px -20px #00000080;opacity:1;overflow:hidden;box-sizing:border-box;animation:webdev-mock-rise .85s cubic-bezier(.22,1,.36,1) both;transition:width 1.1s cubic-bezier(.65,0,.35,1)}.webdev .browser-mock.is-tablet{width:400px}.webdev .browser-mock.is-mobile{width:220px}.webdev .browser-mock__chrome{display:flex;align-items:center;width:100%;height:36.66666793823242px;padding:10px 14px;gap:6px;opacity:1;box-sizing:border-box;background:transparent;border:none;border-bottom:.67px solid #232e47}.webdev .browser-mock__dots{display:flex;gap:5px;flex:none}.webdev .browser-mock__dots span{width:8px;height:8px;border-radius:4px;background:#3a4460;opacity:1}.webdev .browser-mock__url{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:16px;padding-right:8px;padding-left:8px;border-radius:6px;background:#ffffff0a;opacity:1;border:none;box-sizing:border-box;overflow:hidden;white-space:nowrap;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-style:normal;font-size:9px;line-height:13.5px;letter-spacing:0px;color:#8b93a8}.webdev .browser-mock__lock{width:8px;height:8px;border-radius:2px;border:1.5px solid #6b738f;position:relative;flex:none}.webdev .browser-mock__lock:before{content:"";position:absolute;top:-4px;left:1px;width:4px;height:4px;border:1.5px solid #6b738f;border-bottom:none;border-radius:4px 4px 0 0}.webdev .browser-mock__body{padding:0;background:transparent}.webdev .browser-mock__nav{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;box-sizing:border-box;border-bottom:none}.webdev .browser-mock__nav-brand{display:block;width:46px;height:8px;border-radius:3px;background:#6d5df6;opacity:1;flex:none}.webdev .browser-mock__nav-links{display:flex;align-items:center;gap:8px;flex:none}.webdev .browser-mock__nav-links span{display:block;width:26px;height:6px;border-radius:3px;background:var(--color-white-14, #ffffff24);opacity:1}.webdev .browser-mock__burger{display:none;flex-direction:column;gap:3px;flex:none}.webdev .browser-mock__burger span{display:block;width:16px;height:2px;border-radius:2px;background:#ffffffb3}.webdev .browser-mock.is-tablet .browser-mock__nav-links span:nth-child(4),.webdev .browser-mock.is-tablet .browser-mock__nav-links span:nth-child(5){display:none}.webdev .browser-mock.is-mobile .browser-mock__nav-links{display:none}.webdev .browser-mock.is-mobile .browser-mock__burger{display:flex}.webdev .browser-mock__hero{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:auto;padding:8px 18px 16px;gap:8px;opacity:1;box-sizing:border-box}.webdev .browser-mock__line{display:block;flex:none;opacity:1}.webdev .browser-mock__line--title{width:70%;max-width:100%;height:14px;border-radius:4px;background:#ffffffd9}.webdev .browser-mock__line--sub{width:46%;max-width:100%;height:14px;border-radius:4px;background:#ffffffd9}.webdev .browser-mock__line--muted{width:60%;max-width:100%;height:7px;border-radius:3px;background:#ffffff29;margin-top:2px}.webdev .browser-mock__cta{display:block;width:74px;height:20px;border-radius:6px;background:#6d5df6;opacity:1;flex:none;margin-top:4px;box-shadow:none}.webdev .browser-mock__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;height:auto;padding-left:18px;padding-right:18px;padding-bottom:20px;box-sizing:border-box;opacity:1}.webdev .browser-mock.is-tablet .browser-mock__cards{grid-template-columns:repeat(2,1fr)}.webdev .browser-mock.is-mobile .browser-mock__cards{grid-template-columns:1fr}.webdev .browser-mock__card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-height:59px;padding:10px;border-radius:8px;border-width:.67px;border-style:solid;border-color:transparent;border-top:.67px solid #232e47;background:#ffffff0b;opacity:1;box-sizing:border-box}.webdev .browser-mock__icon{width:16px;height:16px;border-radius:5px;background:#fff;opacity:1;flex:none}.webdev .browser-mock__line--card{width:100%;height:5px;border-radius:3px;background:var(--color-white-14, #ffffff24);opacity:1}.webdev .browser-mock__line--card-short{width:60%;height:5px;border-radius:3px;background:#ffffff14;opacity:1}.webdev .browser-mock__card-lines{display:contents}.webdev .responsive-card__footer{display:flex;align-items:flex-start;justify-content:space-between;width:978.6666870117188px;max-width:100%;height:56.66666793823242px;margin:5px auto 0;padding:20px 2px 18px;border-top:.67px solid #232e47;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:18px;letter-spacing:0px;color:#6b738f;opacity:1;box-sizing:border-box;gap:16px}.webdev .responsive-card__footer span{flex:1;text-align:center}.webdev .responsive-card__footer span:first-child{text-align:left}.webdev .responsive-card__footer span:last-child{text-align:right}@keyframes webdev-dot-pulse{0%,to{box-shadow:0 0 0 3px #5ee6a02e}50%{box-shadow:0 0 0 5px #5ee6a01a}}@keyframes webdev-badge-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes webdev-mock-rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.webdev .responsive-card__dot,.webdev .responsive-card__badge,.webdev .browser-mock{animation:none}.webdev .browser-mock{transition:none}}@media(max-width:900px){.webdev .hero h1{font-size:36px;line-height:40px;letter-spacing:-.8px}.webdev .hero__sub{font-size:16px;line-height:26px;min-height:0;max-width:100%}.webdev .responsive-card{width:100%;height:auto;min-height:0;margin-top:48px;padding-top:24px;padding-right:20px;padding-left:20px;border-radius:18px}.webdev .responsive-card__header{width:100%;height:auto;min-height:39.333335876464844px;flex-wrap:wrap;gap:12px}.webdev .responsive-card__footer{flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:auto;min-height:0;gap:10px;padding:20px 2px 18px}.webdev .responsive-card__footer span,.webdev .responsive-card__footer span:first-child,.webdev .responsive-card__footer span:last-child{flex:none;text-align:left}}@media(max-width:600px){.webdev .hero{padding:64px 0 72px}.webdev .hero h1{font-size:30px;line-height:34px}}