.appHero{background:var(--paper);padding:clamp(120px,18vh,190px) 0 clamp(80px,12vh,130px)}.appGrid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,90px);display:grid}.appLeft{align-self:center}.appH1{letter-spacing:-.025em;margin-top:14px;font-size:clamp(34px,1.46rem + 2.82vw,64px);font-weight:800;line-height:1.04}.appPoints{flex-direction:column;gap:4px;max-width:470px;margin-top:36px;display:flex}.appP{cursor:pointer;border-radius:12px;padding:14px 18px 16px;transition:background .3s,box-shadow .3s}.appP h3{letter-spacing:-.01em;color:var(--ink2);align-items:center;gap:10px;font-size:16.5px;font-weight:700;transition:color .3s;display:flex}.appP h3:before{content:"";background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .3s,transform .3s}.appP p{color:var(--ink2);opacity:.5;margin-top:6px;padding-left:16px;font-size:13.5px;line-height:1.6;transition:opacity .3s}.appP.active{box-shadow:0 10px 26px -18px color-mix(in srgb, var(--ink) 28%, transparent);background:#fff}.appP.active h3{color:var(--ink)}.appP.active h3:before{background:var(--brand);transform:scale(1.25)}.appP.active p{opacity:1}.appview{opacity:0;color:var(--ink);background:var(--paper);flex-direction:column;gap:12px;padding:52px 16px 20px;transition:opacity .45s;display:flex;position:absolute;inset:0}.appview.on{opacity:1}.appview .bar{letter-spacing:.16em;color:var(--dim);font-size:11px}.offer{border:1px solid var(--hairl);box-shadow:0 8px 20px -14px color-mix(in srgb, var(--ink) 25%, transparent);background:#fff;border-radius:14px;flex-direction:column;gap:9px;padding:16px;display:flex}.offer .route{font-size:15px;font-weight:700}.offer .meta{color:var(--dim);flex-direction:column;gap:4px;font-size:11px;display:flex}.offer .price{margin-top:2px;font-size:19px;font-weight:800}.offer .btn{background:var(--ink);color:var(--paper);text-align:center;border-radius:10px;margin-top:6px;padding:11px;font-size:13px;font-weight:700}.navmap{background:var(--paper2);border:1px solid var(--hairl);border-radius:14px;flex:1;position:relative;overflow:hidden}.navmap svg{width:100%;height:100%;position:absolute;inset:0}.navmap path{stroke:var(--amber);stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300px}@media (prefers-reduced-motion:no-preference){.appview.on .navmap path{animation:1.6s .3s forwards drawroute}}@keyframes drawroute{to{stroke-dashoffset:0}}.stops{flex-direction:column;gap:9px;display:flex}.stop{color:var(--ink2);align-items:center;gap:10px;font-size:11.5px;display:flex}.stop i{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.stop.on{color:var(--ink);font-weight:600}.stop.on i{background:var(--amber)}.scan{border:1.5px dashed color-mix(in srgb, var(--ink) 22%, transparent);background:var(--paper2);border-radius:14px;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.scan .docmini{border:1px solid var(--hairl);width:58%;height:64%;box-shadow:0 6px 16px -10px color-mix(in srgb, var(--ink) 30%, transparent);background:#fff;border-radius:6px;flex-direction:column;gap:7px;padding:12px;display:flex}.scan .docmini i{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:2px;height:4px}.scan .docmini i:last-child{width:55%}.scan .chk{background:var(--brand);width:34px;height:34px;color:var(--night);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;bottom:14px;right:14px}.appCards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:52px;display:grid}.appCard{border:1px solid var(--hairl);box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 4%, transparent);background:#fff;border-radius:18px;padding:28px;transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s}.appCard:hover{box-shadow:0 22px 44px -18px color-mix(in srgb, var(--ink) 15%, transparent);transform:translateY(-4px)}.appCard .tt{letter-spacing:.18em;color:var(--dim);margin-bottom:10px;font-size:11px}.appCard h3{margin-bottom:7px;font-size:18px;font-weight:700}.appCard p{color:var(--ink2);font-size:13.5px;line-height:1.6}@media (max-width:900px){.appGrid{grid-template-columns:1fr}.phoneScene{order:-1}}