@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1d1d1f;--blue:#174b9f;--line:#e5e5e5}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif}.header{height:101px;max-width:1512px;margin:auto;padding:0 6%;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}.logo{color:var(--blue);font:800 31px/.88 Arial,sans-serif;letter-spacing:-1.6px;text-decoration:none}.header nav{display:flex;gap:34px;flex:1;font-size:14px}.header nav a{height:101px;display:flex;align-items:center;color:#777;text-decoration:none;position:relative;white-space:nowrap}.header nav a.active{color:var(--ink)}.header nav a.active:after{content:'';position:absolute;bottom:28px;left:0;right:0;height:2px;background:var(--ink)}.back{color:var(--ink);font-size:13px;text-decoration:none}.challenge-page{max-width:1512px;margin:auto;padding:12px}.feature{position:relative;min-height:650px;overflow:hidden;margin-bottom:12px;background:#f5f5f7}.feature-copy{position:relative;z-index:2;text-align:center;padding:58px 24px 0}.eyebrow{margin:0;font-size:10px;font-weight:600;letter-spacing:.15em}.feature h1,.feature h2{margin:17px 0 12px;font:600 clamp(42px,5vw,76px)/1.05 Manrope,sans-serif;letter-spacing:-4px}.feature h2{font-size:clamp(38px,4.3vw,62px)}.feature h1 em,.feature h2 em{font-style:normal;color:#86868b}.feature-copy>p:not(.eyebrow){max-width:430px;margin:0 auto;color:#6e6e73;font-size:17px;line-height:1.5}.feature button,.feature a{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;margin-top:20px;padding:12px 18px;border:0;border-radius:22px;background:var(--blue);color:#fff;font:500 14px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer}.feature button:hover,.feature a:hover{background:#0d3d89}.feature button span,.feature a span{font-size:18px}.feature small{display:block;margin-top:16px;color:#86868b;font-size:10px}.feature-prize{background:linear-gradient(180deg,#f6f7fb,#e5e7ed)}.phone-hero{position:absolute;bottom:-3px;left:50%;width:min(720px,75vw);height:480px;object-fit:cover;object-position:50% 12%;transform:translateX(-50%);filter:drop-shadow(0 25px 20px #4b172b33)}.feature-number{position:absolute;right:5%;bottom:5%;font:800 clamp(100px,15vw,235px)/.8 Manrope,sans-serif;letter-spacing:-14px;color:#fff}.feature-colors{min-height:610px;background:#fff}.feature-colors .feature-copy{padding-top:65px}.feature-colors img{position:absolute;left:50%;bottom:-30px;width:min(980px,90%);max-height:410px;object-fit:cover;object-position:50% 20%;transform:translateX(-50%)}.feature-orange{min-height:560px;background:#0e0e10;color:#f5f5f7}.feature-orange .feature-copy{position:absolute;left:7%;top:50%;width:42%;padding:0;transform:translateY(-50%);text-align:left}.feature-orange .feature-copy>p:not(.eyebrow){margin:0;color:#a1a1a6}.feature-orange img{position:absolute;right:9%;bottom:-35px;width:min(460px,46%);height:530px;object-fit:cover;object-position:50% 20%}.ranking-panel{padding:92px 8% 86px;background:#fff}.ranking-title{text-align:center}.ranking-title h2{margin:13px 0 10px;font:600 clamp(37px,4vw,58px)/1 Manrope,sans-serif;letter-spacing:-3px}.ranking-title h2 span{color:#aaa}.ranking-title>p:not(.eyebrow){margin:0;color:#6e6e73;font-size:14px}.ranking-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;max-width:1000px;margin:48px auto 0}.podium{display:flex;align-items:end;justify-content:center;gap:18px;min-height:300px;padding:28px 16px;background:#f5f5f7}.place{text-align:center;min-width:88px}.place>span{display:grid;place-items:center;width:25px;height:25px;margin:0 auto 10px;border-radius:50%;background:#aaa;color:#fff;font-size:11px;font-weight:700}.place.first>span{background:#dfad2b}.place.third>span{background:#bd8867}.place.first>b{display:block;height:22px;color:#dfad2b;font-size:19px}.avatar{display:grid;place-items:center;width:62px;height:62px;margin:auto;border-radius:50%;color:#fff;font-size:17px;font-weight:700}.place.first .avatar{width:82px;height:82px}.blue{background:#174b9f}.coral{background:#dc7568}.gold{background:#ad8445}.violet{background:#7b61bc}.aqua{background:#3a9a96}.rose{background:#c7688d}.you-avatar{background:#191919}.place h3{margin:11px 0 4px;font-size:13px;font-weight:600}.place p{margin:0;color:#6e6e73;font-size:11px}.leaderboard{display:flex;flex-direction:column;gap:10px}.leader-row{min-height:65px;display:grid;grid-template-columns:28px 42px 1fr auto;align-items:center;gap:12px;padding:10px 17px;border:1px solid var(--line);font-size:13px}.leader-row>span{color:#86868b;font-size:12px}.avatar.small{width:36px;height:36px;margin:0;font-size:10px}.leader-row strong{font-weight:500}.leader-row b{font-size:12px}.leader-row.you{border:2px solid var(--blue);background:#eef3ff}footer{max-width:1512px;margin:auto;padding:30px 6%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer .logo{font-size:23px}footer span{font-size:10px;color:#888;letter-spacing:.1em}@media(max-width:800px){.header{height:auto;padding:24px 6%;gap:20px;flex-wrap:wrap}.header nav{order:3;width:100%;gap:18px;overflow:auto}.header nav a{height:auto}.header nav a.active:after{bottom:-9px}.back{margin-left:auto}.challenge-page{padding:7px}.feature{min-height:560px}.feature h1,.feature h2{letter-spacing:-2.8px}.phone-hero{height:370px;width:95%;object-position:50% 10%}.feature-colors img{height:330px;bottom:-20px}.feature-orange{min-height:620px}.feature-orange .feature-copy{top:55px;left:8%;width:84%;transform:none;text-align:center}.feature-orange .feature-copy>p:not(.eyebrow){margin:auto}.feature-orange img{right:50%;bottom:-12px;width:70%;height:340px;transform:translateX(50%)}.ranking-panel{padding:65px 7%}.ranking-grid{grid-template-columns:1fr;gap:22px}.podium{min-height:260px}footer{padding:26px 6%}}@media(max-width:430px){.feature{min-height:520px}.feature-copy{padding-top:46px}.feature-copy>p:not(.eyebrow){font-size:15px}.phone-hero{height:320px}.feature-colors img{height:280px}.feature-orange{min-height:580px}.place{min-width:76px}}