.landing{--lp-yellow:#ffd339;--lp-cream:#f6f4ee;--lp-ink:#101114;--lp-width:1240px}.landing .lp-container{width:min(calc(100% - 84px), var(--lp-width));margin-inline:auto}.landing .hero{isolation:isolate;background:radial-gradient(60% 50% at 75% 72%,#b77e2b42,#0000 80%),radial-gradient(75% 90% at 86% -10%,#505d6850,#0000 70%),#0b0d10;min-height:710px;position:relative;overflow:hidden}.landing .hero:before{content:"";z-index:-1;opacity:.3;background:linear-gradient(90deg,#0b0d10 10%,#0b0d10b5 45%,#0b0d1030),url(/landing/hero.jpg) 50% 54%/cover;position:absolute;inset:0}.landing .hero-inner{grid-template-columns:42% 58%;align-items:center;min-height:545px;padding:25px 0 95px;display:grid;position:relative}.landing .hero-copy{z-index:2;padding-bottom:30px;position:relative}.landing .hero-copy h1{letter-spacing:-.07em;margin:25px 0 22px;font:800 clamp(44px,5.1vw,75px)/.99 Space Grotesk,sans-serif}.landing .hero-copy>p{color:#d3d4d5;max-width:405px;margin:0 0 24px;font-size:16px;line-height:1.7}.landing .pill{color:#d5d5d7;letter-spacing:.12em;text-transform:uppercase;background:#ffffff0b;border:1px solid #ffffff21;border-radius:99px;align-items:center;gap:9px;padding:7px 13px;font-size:11px;font-weight:800;display:inline-flex}.landing .pill:before{content:"";background:var(--lp-yellow);border-radius:50%;width:7px;height:7px}.landing .yellow{color:var(--lp-yellow)}.landing .micro{color:#bdc0c5;margin-top:10px;font-size:11px}.landing .quick-benefits{gap:33px;margin-top:62px;display:flex}.landing .quick-benefits div{flex-direction:column;gap:5px;display:flex}.landing .quick-benefits b{font-size:12px}.landing .quick-benefits small{color:#adb0b5;font-size:10px}.landing .quick-benefits svg{width:25px;height:25px;color:var(--lp-yellow);margin-bottom:6px}.landing .mock-stage{pointer-events:none;align-self:stretch;min-width:0;position:relative}.landing .dashboard{background:#101114;border:1px solid #3a3c40;border-radius:17px;height:350px;position:absolute;top:28px;left:6%;right:0;overflow:hidden;transform:perspective(1200px)rotateY(-5deg)rotateX(2deg);box-shadow:0 35px 75px #000b}.landing .window-dots{background:#1a1b1e;gap:5px;padding:13px 15px;display:flex}.landing .window-dots i{background:#fc635d;border-radius:50%;width:8px;height:8px}.landing .window-dots i:nth-child(2){background:#f2c84a}.landing .window-dots i:nth-child(3){background:#52b968}.landing .dashboard-body{grid-template-columns:135px 1fr;height:calc(100% - 34px);display:grid}.landing .sidebar{background:#121317;border-right:1px solid #ffffff12;padding:13px}.landing .mini-logo{letter-spacing:-1.3px;margin-bottom:12px;font:800 21px Space Grotesk,sans-serif}.landing .mini-logo span{color:var(--lp-yellow)}.landing .side-item{color:#b8b9bc;border-radius:5px;padding:9px 12px;font-size:11px}.landing .side-item.active{background:var(--lp-yellow);color:#111;font-weight:800}.landing .storage{color:#bbb;margin-top:38px;font-size:10px}.landing .meter{background:#414348;border-radius:20px;height:5px;margin:9px 0;overflow:hidden}.landing .meter:before{content:"";background:var(--lp-yellow);width:26%;height:100%;display:block}.landing .files{min-width:0;padding:16px 21px}.landing .files-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.landing .search{color:#96979d;background:#26272b;border-radius:6px;width:62%;padding:9px 12px;font-size:10px}.landing .add-file{background:var(--lp-yellow);color:#131313;border:0;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:800}.landing .files h3{margin:18px 0 7px;font-size:18px}.landing .file-row{color:#b8b9bc;border-top:1px solid #ffffff14;grid-template-columns:1fr 65px 78px;align-items:center;height:35px;font-size:11px;display:grid}.landing .file-row strong{color:#e3e3e3;font-weight:500}.landing .folder{color:var(--lp-yellow);margin-right:10px}.landing .floating{z-index:2;background:#17181b;border:1px solid #48484a;border-radius:13px;position:absolute;box-shadow:0 23px 45px #000b}.landing .transfers{width:335px;padding:14px;top:350px;left:0;transform:rotate(2deg)}.landing .transfers-head{justify-content:space-between;margin-bottom:12px;font-size:13px;display:flex}.landing .transfers-head small{color:#aaa;font-size:10px}.landing .transfer-row{align-items:center;gap:10px;margin:11px 0;display:flex}.landing .poster{background-position:50%;background-size:cover;border-radius:5px;flex:none;width:35px;height:45px}.landing .p1{background-image:url(/landing/p1.jpg)}.landing .p2{background-image:url(/landing/p2.jpg)}.landing .p3{background-image:url(/landing/p3.jpg)}.landing .transfer-info{flex:1;min-width:0}.landing .transfer-info span{font-size:10px;display:block}.landing .progress{background:#47484c;border-radius:8px;height:5px;margin:7px 0}.landing .progress i{background:var(--lp-yellow);border-radius:8px;height:100%;display:block}.landing .transfer-info small{color:#aaa;font-size:9px}.landing .player{width:350px;padding:6px;top:358px;right:-20px;transform:rotate(-1.5deg)}.landing .video-photo{background:url(/landing/video.jpg) 100%/cover;border-radius:8px 8px 0 0;height:170px;position:relative}.landing .video-photo:after{content:"▶";background:#0008;border:1px solid #fff7;border-radius:50%;place-items:center;width:50px;height:50px;padding-left:3px;font-size:18px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.landing .controls{align-items:center;gap:10px;height:33px;padding:0 8px;font-size:10px;display:flex}.landing .controls .timeline{background:linear-gradient(to right, var(--lp-yellow) 40%, #777 40%);border-radius:4px;flex:1;height:4px}.landing .feature{background:radial-gradient(at 75% 60%,#573d1d55,#0000 65%),#0d0e10;padding:88px 0 95px;position:relative;overflow:hidden}.landing .feature-grid{grid-template-columns:40% 60%;align-items:center;gap:25px;display:grid}.landing .feature-copy>p{color:#b7babf;max-width:410px}.landing .feature-list{grid-template-columns:1fr 1fr;gap:23px;max-width:430px;margin-top:42px;display:grid}.landing .feature-item{border-left:1px solid #ffffff2c;padding-left:16px}.landing .feature-item .symbol{color:var(--lp-yellow);font-size:24px}.landing .feature-item b{margin-top:5px;font-size:13px;display:block}.landing .feature-item small{color:#a6aab0;margin-top:3px;font-size:11px;display:block}.landing .big-player{background:#17191c;border:1px solid #5557;border-radius:15px;max-width:680px;padding:12px;box-shadow:0 34px 75px #000a}.landing .big-player-head{color:#d6d7d9;justify-content:space-between;padding:0 4px 10px;font-size:12px;display:flex}.landing .big-player-inner{grid-template-columns:3fr 1.2fr;gap:10px;display:grid}.landing .big-player-video{background:url(/landing/player.jpg) 50%/cover;border-radius:7px;align-items:end;min-height:285px;padding:10px;display:flex;position:relative}.landing .big-player-video:before{content:"▶";background:#0009;border:2px solid #fffb;border-radius:50%;place-items:center;width:58px;height:58px;padding-left:5px;font-size:21px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.landing .video-bar{background:linear-gradient(to right, var(--lp-yellow) 52%, #ddd8 52%);border-radius:6px;width:100%;height:6px}.landing .playlist{flex-direction:column;gap:5px;display:flex}.landing .playlist>div{color:#c4c7cb;background:#22252a;border-radius:6px;padding:13px 8px;font-size:11px}.landing .devices{color:var(--lp-ink);background:#f8f7f2;padding:86px 0}.landing .devices-grid{grid-template-columns:52% 48%;align-items:center;gap:35px;display:grid}.landing .device-showcase{height:330px;position:relative}.landing .tv{background:url(/landing/tv.jpg) 50%/cover;border:10px solid #222;border-bottom-width:17px;border-radius:9px;width:72%;height:230px;position:absolute;top:0;left:0;box-shadow:0 20px 25px #0002}.landing .tv:after{content:"";background:#292a2a;border-radius:0 0 4px 4px;width:26%;height:12px;position:absolute;bottom:-28px;left:37%}.landing .laptop{background:#111;border:9px solid #35363a;border-bottom-width:17px;border-radius:10px;width:53%;height:170px;padding:13px;position:absolute;top:130px;left:28%;box-shadow:0 16px 30px #0005}.landing .laptop .mock-lines{background:var(--lp-yellow);width:70%;height:9px;box-shadow:0 24px #37383c,0 48px #37383c,0 72px #37383c}.landing .phone{background:url(/landing/phone.jpg) 50%/cover;border:7px solid #25272b;border-radius:15px;width:90px;height:178px;position:absolute;top:140px;left:76%;box-shadow:0 20px 30px #0005}.landing .device-copy h2{letter-spacing:-.055em;max-width:410px;margin:0 0 16px;font:800 clamp(30px,3.3vw,48px)/1.1 Space Grotesk,sans-serif}.landing .device-copy p{opacity:.68;max-width:480px;line-height:1.7}.landing .platforms{grid-template-columns:repeat(7,1fr);gap:5px;margin-top:32px;display:grid}.landing .platform{text-align:center;border-right:1px solid #dad8d3}.landing .platform:last-child{border:0}.landing .platform .platform-icon{height:37px;color:var(--lp-ink);opacity:.88;place-items:center;display:grid}.landing .platform .platform-icon svg{width:22px;height:22px}.landing .platform b{font-size:10px;display:block}.landing .platform small{color:#6f7377;font-size:8px}.landing .section-kicker{background:var(--lp-yellow);border-radius:4px;width:44px;height:6px;margin-bottom:12px;display:inline-block}.landing .feature h2,.landing .how h2{letter-spacing:-.055em;margin:0 0 16px;font:800 clamp(30px,3.3vw,48px)/1.1 Space Grotesk,sans-serif}@media (max-width:1050px){.landing .lp-container{width:min(calc(100% - 46px), var(--lp-width))}.landing .hero-inner{grid-template-columns:45% 55%}.landing .dashboard{left:1%}.landing .transfers{width:280px;left:-3%}.landing .player{width:290px;right:-3%}.landing .quick-benefits{gap:15px}.landing .feature-grid,.landing .devices-grid{grid-template-columns:1fr 1fr}.landing .big-player-video{min-height:220px}.landing .platforms{grid-template-columns:repeat(4,1fr);gap:12px}.landing .platform{border:0}}@media (max-width:720px){.landing .lp-container{width:calc(100% - 34px)}.landing .hero{min-height:auto}.landing .hero-inner{flex-direction:column;align-items:stretch;padding:35px 0 68px;display:flex}.landing .hero-copy h1{font-size:clamp(43px,12vw,62px)}.landing .hero-copy>p{max-width:100%}.landing .quick-benefits{flex-wrap:wrap;gap:15px;margin-top:28px}.landing .mock-stage{height:490px;margin-top:12px}.landing .dashboard{height:300px;top:10px;left:0;right:0;transform:none}.landing .dashboard-body{grid-template-columns:95px 1fr}.landing .sidebar{padding:8px}.landing .side-item{padding:8px;font-size:9px}.landing .mini-logo{font-size:17px}.landing .files{padding:12px}.landing .file-row{grid-template-columns:1fr 40px 58px;font-size:9px}.landing .search{font-size:8px}.landing .transfers{width:53%;padding:9px;top:300px;left:-5px;transform:none}.landing .player{width:52%;top:300px;right:-5px;transform:none}.landing .video-photo{height:120px}.landing .transfer-row{gap:5px;margin:5px 0}.landing .poster{width:24px;height:35px}.landing .transfer-info span{font-size:8px}.landing .transfer-info small{font-size:7px}.landing .devices,.landing .feature{padding:58px 0}.landing .feature-grid,.landing .devices-grid{grid-template-columns:1fr}.landing .feature-grid{gap:45px}.landing .big-player-video{min-height:200px}.landing .device-showcase{height:320px}.landing .devices-grid{gap:18px}}@media (max-width:390px){.landing .hero-copy h1{font-size:42px}.landing .quick-benefits small{display:none}.landing .mock-stage{height:450px}.landing .player,.landing .transfers{top:286px}.landing .video-photo{height:93px}.landing .dashboard{height:288px}.landing .file-row{grid-template-columns:1fr 40px}.landing .file-row span:last-child{display:none}.landing .platforms{grid-template-columns:repeat(3,1fr)}.landing .big-player-inner{grid-template-columns:1fr}.landing .playlist{display:none}}