:root{--bg:#0d0d0d;--text:#fff;--muted:rgba(255,255,255,.6)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Geist,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.2px}p,figure{margin:0}.back{position:fixed;z-index:10;top:30px;left:30px;display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 24px 14px;border-radius:100px;background:rgba(255,255,255,.1);color:#fff;line-height:1.2;text-decoration:none;backdrop-filter:blur(10px);transition:transform .2s ease,background .2s ease}.back:hover{transform:translateY(-1px);background:rgba(255,255,255,.16)}.case{width:780px;margin:30px auto 0;padding-bottom:80px}.case>*+*{margin-top:80px}.hero{display:flex;flex-direction:column;gap:20px}.hero-copy{display:flex;flex-direction:column;gap:8px;padding:12px 0}.eyebrow,.label,.meta span{color:var(--muted)}.eyebrow{font-size:18px;line-height:1.2}.hero-copy>p:last-child,.copy p{line-height:1.4}.meta{display:flex;gap:80px}.meta>div{display:flex;flex-direction:column;gap:8px;padding:12px 0;line-height:1.4}.meta>div:last-child{flex:1;min-width:0}.hero-visual{position:relative;width:780px;height:501px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:12px}.hero-background{position:absolute;inset:-1px;width:789px;height:507px;object-fit:cover}.hero-phone{position:absolute;top:52px;left:50%;width:229px;height:496px;object-fit:cover;border:2px solid rgba(255,255,255,.04);border-radius:40px;transform:translateX(-50%)}.copy{display:flex;flex-direction:column;gap:8px;width:560px;margin:0 auto}.copy.plain{gap:0}.product{gap:20px}.product img{display:inline-block;width:28px;height:28px;margin:0 6px;border-radius:8px;vertical-align:middle;transform:translateY(-1px)}.mockups{position:relative;width:780px;height:522px;overflow:hidden;border-radius:12px}.phone{position:absolute;top:0;width:224px;height:486px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#17191f}.phone img{display:block;width:100%;height:100%;object-fit:cover;border-radius:27px}.three .p1{left:14px}.three .p2{left:278px}.three .p3{left:542px}.two .p1{left:146px}.two .p2{left:410px}.mockups figcaption{position:absolute;top:500px;left:0;display:grid;width:100%;color:var(--muted);font-size:14px;line-height:1.2;text-align:center}.three figcaption{grid-template-columns:repeat(3,1fr)}.two figcaption{grid-template-columns:repeat(2,1fr);padding:0 132px}.research{position:relative;width:780px;height:405px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:16px}.research img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(max-width:1000px){html,body{min-width:0;overflow-x:hidden}.back{top:20px;left:16px}.case{width:358px;max-width:calc(100% - 32px);margin:91px auto 0;padding:0 0 104px}.case>*+*{margin-top:60px}.hero{gap:20px}.hero+.product{margin-top:75px}.product+.mockups{margin-top:40px}.meta{flex-direction:column;gap:0}.copy{width:100%}.hero-visual{width:358px;max-width:100%;height:230px}.hero-background{inset:-1px;width:358px;height:230px}.hero-phone{top:24px;width:110px;height:239px;border-radius:20px}.product{gap:20px}.mockups{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.mockups::-webkit-scrollbar{display:none}.three{height:522px}.two{height:522px}.three figcaption{width:780px}.two .p1{left:14px}.two .p2{left:278px}.two figcaption{width:648px;padding:0;grid-template-columns:repeat(2,1fr)}.research{width:100%;height:191px;overflow-x:auto}.research img{width:358px;height:191px;max-width:none}.copy p+p{margin-top:16px}}