.sc{max-width:1280px;margin:0 auto;padding:clamp(56px,9vh,104px) clamp(20px,4vw,64px) clamp(64px,10vh,120px)}.sc-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.sc-hero h1{letter-spacing:-.035em;text-transform:uppercase;margin:10px 0 12px;font-size:clamp(36px,4.6vw,72px);font-weight:800;line-height:1}.sc-tag{letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(18px,1.5vw,24px);font-weight:700}.sc-desc{color:#f2f2efb8;max-width:34em;margin:0;font-size:16px;line-height:1.65}.sc-chips{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.sc-chips span{color:#d6d6d1;background:#f2f2ef0f;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff1a}.sc-facts{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:22px;margin:24px 0 0;padding:18px 0 0;display:flex}.sc-facts div{flex-direction:column;gap:2px;display:flex}.sc-facts b{letter-spacing:-.02em;font-size:24px;font-weight:800}.sc-facts span{color:#8d8d88;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.sc-ctas{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.sc-ctas .bp-ghost{padding:10px 20px;font-size:13px}.sc-dev{aspect-ratio:16/10.6;position:relative}.sc-browser{aspect-ratio:1440/940;background:#0b0b0d;border-radius:16px;width:88%;padding:24px 7px 7px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #ffffff24,0 40px 90px #000000b3}.sc-browser:before{content:"";background:#3a3a40;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:12px;box-shadow:11px 0 #3a3a40,22px 0 #3a3a40}.sc-browser img,.sc-phone img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.sc-browser img{border-radius:9px}.sc-phone{aspect-ratio:402/874;background:#0b0b0d;border-radius:26px;width:25%;padding:5px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 1px #ffffff2e,0 30px 70px #000000bf}.sc-phone img{border-radius:21px}.sc-sec{margin-top:clamp(64px,10vh,112px)}.sc-sec>h2{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 8px;font-size:clamp(24px,2.4vw,36px);font-weight:800}.sc-sec>p{color:#f2f2efb8;max-width:44em;margin:0 0 26px;font-size:16px;line-height:1.6}.sc-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);display:grid}.sc-screen h3{margin:14px 0 0;font-size:16px;font-weight:700}.sc-landing{grid-template-columns:minmax(0,1fr) minmax(0,.3fr);align-items:end;gap:clamp(16px,2vw,28px);display:grid}.sc-scroll{aspect-ratio:1440/940;background:#0b0b0d;border-radius:16px;padding:24px 7px 7px;position:relative;box-shadow:0 0 0 1px #ffffff24,0 40px 90px #000000b3}.sc-scroll:before{content:"";background:#3a3a40;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:12px;box-shadow:11px 0 #3a3a40,22px 0 #3a3a40}.sc-scroll div{border-radius:9px;width:100%;height:100%;overflow:hidden}.sc-scroll img{width:100%;height:auto;transition:transform 6s cubic-bezier(.45,0,.3,1);display:block}.sc-scroll:hover img,.sc-scroll:focus-within img{transform:translateY(calc(100cqh - 100%))}.sc-scroll div{container-type:size}.sc-landing .sc-phone{width:100%;position:relative}.sc-hint{color:#8d8d88;margin-top:10px;font-size:13px}.sc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(12px,1.4vw,22px);display:grid}.sc-card{background:linear-gradient(#f2f2ef0f,#f2f2ef05);border-radius:20px;flex-direction:column;transition:box-shadow .35s,transform .45s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.sc-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #f2f2ef47}.sc-card-img{aspect-ratio:16/10;background:#141414;overflow:hidden}.sc-card-img img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1);display:block}.sc-card:hover .sc-card-img img{transform:scale(1.04)}.sc-card-body{flex-direction:column;gap:6px;padding:18px 20px 22px;display:flex}.sc-card-body small{letter-spacing:.16em;text-transform:uppercase;color:#8d8d88;font-size:11px;font-weight:700}.sc-card-body b{letter-spacing:-.015em;font-size:20px;font-weight:800}.sc-card-body span{color:#f2f2efad;font-size:14px;line-height:1.5}@media (max-width:900px){.sc-hero,.sc-screens{grid-template-columns:1fr}.sc-landing{grid-template-columns:1fr .36fr}}