.appline{background:repeating-linear-gradient(45deg,rgba(255,210,95,0.05) 0 2px,transparent 2px 44px),linear-gradient(160deg,#172B39 0%,#152A38 55%,#0E202D 100%);padding:56px 0 64px}
.appgrid{display:flex;flex-direction:column}
.app-tag{color:#FFD25F;font-size:0.82rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;margin:0 0 12px}
.app-lead{font-size:1.08rem;color:#DCE9F2;margin:0 0 8px}
.os-row{display:flex;align-items:center;gap:10px;margin-top:18px}
.os-row img{display:block}
.os-note{color:#B9CCDA;font-size:0.92rem}
.phone-frame{margin:30px auto 0;background:#1B2F3E;border-radius:18px;padding:16px;box-shadow:0 14px 34px rgba(6,17,24,0.55)}
.phone-frame img{display:block;border-radius:12px;width:100%;height:auto}
.note-list{list-style:none;margin:0 0 24px;padding:0}
.note-list li{position:relative;padding:8px 0 8px 26px;color:#DCE9F2}
.note-list li::before{content:"";position:absolute;left:4px;top:14px;width:8px;height:8px;background:#FFD25F;border-radius:2px}
@media (min-width:1081px){
.appgrid{flex-direction:row;align-items:center}
.appcopy{flex:1;min-width:0;padding-right:56px}
.appcopy .hcta-row{justify-content:flex-start}
.appcopy .hcta{margin-left:0}
.phone-frame{margin:0 0 0 auto}
}
@media (max-width:480px){
.appline{padding:40px 0 46px}
}