/* A fluid desktop layout; the compact layout remains below 1060px. */
@media (min-width:1060px) {
  .wrap{width:100%;max-width:2360px;padding-inline:clamp(40px,4vw,112px)}
  .header{min-height:116px;gap:40px}
  .header .brand{font-size:clamp(18px,1.2vw,26px);gap:14px}
  .header .brand img{width:46px;height:46px}
  .header .brand-by{font-size:11px;margin-top:7px}
  .header nav{font-size:15px}
  .header-actions{gap:14px}
  .header .button{min-height:52px;font-size:14px;padding:14px 22px}
  .hero{grid-template-columns:1.12fr 1fr;gap:clamp(40px,4vw,100px);padding-top:24px;padding-bottom:70px}
  .hero h1{font-size:clamp(72px,5.8vw,132px);letter-spacing:-.055em;margin-bottom:32px}
  .hero .eyebrow{font-size:clamp(10px,.7vw,15px);margin-bottom:30px}
  .hero-description{font-size:clamp(16px,1.05vw,23px);max-width:620px;margin-bottom:38px;line-height:1.8}
  .hero-actions .button{min-height:64px;padding:19px 28px;font-size:16px;gap:32px}
  .hero-meta{font-size:clamp(11px,.72vw,15px);margin-top:17px}
  .hero-visual{--phone-width:clamp(300px,17.2vw,440px);min-height:calc(var(--phone-width)*2.4)}
  .phone{width:var(--phone-width);height:calc(var(--phone-width)*535/252);padding:calc(var(--phone-width)*7/252);border-radius:calc(var(--phone-width)*43/252)}
  .phone-screen{border-radius:calc(var(--phone-width)*36/252)}
  .phone:before,.phone:after{width:calc(var(--phone-width)*2/252);height:calc(var(--phone-width)*34/252);left:calc(var(--phone-width)*-2/252);top:calc(var(--phone-width)*107/252)}
  .phone:after{top:calc(var(--phone-width)*151/252)}
  .orbit-one{width:calc(var(--phone-width)*1.7);height:calc(var(--phone-width)*1.83)}
  .orbit-two{width:calc(var(--phone-width)*2.04);height:calc(var(--phone-width)*2.18)}
  .hero-visual:before{width:calc(var(--phone-width)*1.5);height:calc(var(--phone-width)*1.65)}
  .floating-tag{font-size:clamp(11px,.75vw,16px);padding:clamp(12px,.9vw,20px) clamp(17px,1.2vw,27px)}
  .tag-top{left:1%;top:15%}
  .tag-bottom{right:0;bottom:12%}
  .visual-caption{font-size:clamp(9px,.65vw,13px);max-width:500px;bottom:0}
  .section{padding-block:clamp(88px,6vw,140px)}
  h2{font-size:clamp(43px,3vw,68px);letter-spacing:-.04em}
  .section-heading{margin-bottom:clamp(44px,3.3vw,76px)}
  .section-heading .eyebrow{font-size:clamp(10px,.7vw,14px)}
  .section-heading>p:last-child:not(.eyebrow){font-size:clamp(13px,.9vw,19px)}
  .feature-layout{grid-template-columns:1.07fr 1fr;gap:clamp(50px,4.5vw,108px);align-items:center}
  .desktop-demo{height:clamp(465px,31vw,700px)}
  .desktop-top{height:52px;font-size:11px;padding-inline:26px}
  .workspace-window{top:18%;left:5%;height:66%;width:71%}
  .workspace-toolbar{font-size:clamp(9px,.65vw,13px);padding:16px 21px}
  .workspace-lines{padding:clamp(20px,1.6vw,35px) 23px;gap:8px}
  .workspace-lines i{height:5px}
  .workspace-block{margin:0 23px;padding:clamp(18px,1.6vw,34px)}
  .workspace-block>span{font-size:clamp(9px,.7vw,14px)}
  .workspace-block b{font-size:clamp(24px,1.9vw,42px);margin-top:16px}
  .mini-phone{right:6%;top:12%;width:clamp(150px,11vw,240px);height:auto;aspect-ratio:137/291;border-radius:clamp(25px,2vw,43px);padding:6px}
  .mini-phone>div{border-radius:clamp(18px,1.5vw,34px);padding:clamp(74px,6vw,140px) 18px}
  .mini-phone strong{font-size:clamp(28px,2.3vw,50px)}
  .mini-phone span{width:30%;height:5%;top:3%}
  .desktop-label{left:5%;bottom:6%;font-size:clamp(11px,.8vw,17px);max-width:55%}
  .feature-list article{gap:24px;padding:clamp(23px,1.6vw,38px) 0}
  .feature-number{font-size:clamp(11px,.8vw,16px)}
  .feature-list h3{font-size:clamp(18px,1.3vw,28px);margin-bottom:11px}
  .feature-list p{font-size:clamp(13px,.95vw,19px);line-height:1.85}
  .extra-feature{margin-top:clamp(40px,3vw,70px);padding:clamp(24px,2vw,42px);gap:24px}
  .extra-feature h3{font-size:clamp(15px,1.1vw,23px)}
  .extra-feature p{font-size:clamp(12px,.85vw,18px);max-width:1200px}
  .extra-badge{font-size:11px}
  .download-section{gap:clamp(70px,7vw,160px)}
  .download-copy>p:last-child{font-size:clamp(15px,1vw,22px)}
  .download-box{max-width:630px;width:100%;margin-left:auto;padding:clamp(36px,3vw,60px)}
  .download-box h3{font-size:32px}
  .download-box>p{font-size:14px}
  .download-box .button{min-height:62px;font-size:16px}
  .download-box .download-meta,.source-link{font-size:12px}
  .support-layout{padding-block:clamp(64px,5vw,105px);gap:48px}
  .support-layout .eyebrow{font-size:12px}
  .support-layout h2{font-size:clamp(34px,2.5vw,56px)}
  .support-layout p:last-child{font-size:clamp(14px,.95vw,20px)}
  .support-layout .support-button{min-height:100px;padding:24px 34px;font-size:21px;gap:22px}
  .support-button small{font-size:11px}
  .footer{min-height:145px}
  .footer .brand{font-size:18px}
  .footer>span{font-size:13px}
  .footer>p{font-size:10px}
}
@media(max-width:1059px){.hero-visual{overflow:clip;overflow-clip-margin:12px}.tag-bottom{right:0}}