@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:#10151a;color:#eef3ee;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 15% 20%,rgba(249,182,76,.15),transparent 28%),radial-gradient(circle at 88% 82%,rgba(81,178,146,.14),transparent 32%),linear-gradient(135deg,#10151a,#18231f)}.page{width:min(1080px,100%);margin:auto;padding:38px 24px 24px}header{text-align:center}.badge{display:inline-block;padding:.45rem .8rem;background:#efb44b1f;border:1px solid rgba(239,180,75,.35);border-radius:999px;font-size:.72rem;color:#f4c878;margin-bottom:1.2rem;letter-spacing:.1em;text-transform:uppercase}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(3.4rem,8vw,6.6rem);line-height:.92;letter-spacing:-.07em;margin-bottom:1.3rem;color:#f5f0dd}h1 em{color:#efb44b;font-style:normal}.lede{max-width:560px;margin:auto;color:#aab7ad;font-size:1.1rem;line-height:1.55}.signup{display:flex;justify-content:center;gap:8px;margin:24px auto 12px;max-width:510px}input{flex:1;min-width:0;border:1px solid rgba(238,243,238,.15);background:#060b0c75;color:#fff;border-radius:10px;padding:14px 16px}button{border:0;border-radius:10px;background:#efb44b;color:#182017;font-weight:700;padding:0 18px;cursor:pointer}.status{color:#8da99b;font-size:.82rem}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#70d2a8;margin-right:7px}.success{color:#70d2a8;margin-top:12px;font-weight:700}.showcase{display:flex;gap:14px;overflow:hidden;margin:52px 0 20px;padding:8px 4px 18px}.showcase.design-mosaic{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}.showcase.design-stack{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.avatar{flex:0 0 clamp(150px,22vw,220px);min-height:220px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 -80px 100px #00000026;transition:transform .25s;animation:drift 8s ease-in-out infinite}.avatar:hover{transform:translateY(-6px) rotate(-1deg)}.avatar span{font-family:serif;font-size:7rem;line-height:1;color:#ffffffc7}.avatar small{margin-top:18px;text-transform:uppercase;letter-spacing:.2em;color:#ffffffad}.avatar-one{background:linear-gradient(145deg,#5d8d7b,#d17d63)}.avatar-two{background:linear-gradient(145deg,#c55a5a,#6b4b87)}.avatar-three{background:linear-gradient(145deg,#4e93a2,#d5a84d)}.avatar-4{background:linear-gradient(145deg,#d18c5d,#5b7770)}.avatar-5{background:linear-gradient(145deg,#7d6ba5,#d8a75b)}.avatar-6{background:linear-gradient(145deg,#3f7f7b,#bd5f68)}.avatar:nth-child(3n){animation-delay:-2s}.avatar:nth-child(3n+1){animation-delay:-4s}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.proof{display:flex;justify-content:center;gap:clamp(24px,8vw,100px);padding:22px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.proof div{display:grid;gap:2px;text-align:center}.proof strong{font-family:Space Grotesk,sans-serif;font-size:1.4rem;color:#f4c878}.proof span{color:#819089;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}footer{text-align:center;color:#68746e;font-size:.78rem;padding-top:34px}@media(max-width:650px){.page{padding:24px 16px}.showcase{gap:8px}.showcase.design-mosaic,.showcase.design-stack{grid-template-columns:repeat(2,1fr);gap:8px}.showcase.design-mosaic .avatar,.showcase.design-stack .avatar{flex-basis:auto}.avatar{min-height:180px;border-radius:14px}.avatar span{font-size:4.4rem}.avatar small{font-size:.62rem;margin-top:10px}.signup{flex-direction:column}button{min-height:48px}.proof{gap:18px;padding:18px 8px}}