.duveya-site .application-section {padding-block:36px}
.application-panel {
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:28px;
  padding:28px 40px;border:1px solid var(--dg-outline);border-radius:26px;
  background:radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--dg-tint) 38%,transparent),transparent 65%),var(--dg-low);
}
.application-copy {min-width:0}
.application-copy .eyebrow {margin-bottom:12px;font-size:9px;letter-spacing:.13em;color:var(--dg-muted)}
.application-copy h2 {font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.045em}
.application-intro {max-width:390px;margin-top:16px;font-size:13px;line-height:1.7;color:var(--dg-muted)}
.application-features {display:grid;gap:16px;margin-top:24px}
.application-features li {display:flex;align-items:flex-start;gap:12px}
.application-features li>.icon {box-sizing:border-box;width:34px;height:34px;padding:8px;border:1px solid var(--dg-outline);border-radius:11px;color:var(--dg-coral);background:var(--dg-low)}
.application-features strong {display:block;font-size:13px;line-height:1.5;font-weight:600}
.application-features span {display:block;font-size:12px;line-height:1.6;color:var(--dg-muted)}
.duveya-site .application-cta {margin-top:24px;min-height:46px;padding:12px 18px;font-size:12px;gap:18px}
.application-availability {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:10px;line-height:1.5;color:var(--dg-muted)}
.application-preview {min-width:0;width:100%;max-width:560px;margin:0 auto}
.application-devices {position:relative;width:100%;aspect-ratio:620/540;isolation:isolate}
.app-device {display:block;position:absolute;aspect-ratio:2/3;filter:drop-shadow(0 18px 14px #0003);border-radius:16%;-webkit-tap-highlight-color:transparent}
.app-device-primary {width:55%;left:7%;top:0;transform:rotate(-6deg);z-index:2}
.app-device-secondary {width:47%;left:46%;top:12%;transform:rotate(8deg);z-index:1}
.app-device-screen {position:absolute;left:18.2%;top:3.1%;width:63.4%;height:93.3%;object-fit:contain;border-radius:10.7% / 4.9%;background:#f4f6fa}
.app-device-secondary .app-device-screen {object-fit:cover;object-position:center;background:#000}
.app-device-frame {position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.application-preview figcaption {display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;line-height:1.5;color:var(--dg-muted);margin-top:6px}
.application-preview .status-dot {width:5px;height:5px;margin:0}
@media(max-width:959px) {
  .application-panel {padding:24px;gap:14px}
  .application-copy h2 {font-size:28px}
  .application-features {gap:12px;margin-top:18px}
  .application-features span {font-size:11px}
  .duveya-site .application-cta {padding-inline:14px;font-size:11px;gap:10px}
}
@media(max-width:719px) {
  .duveya-site .application-section {padding-block:28px}
  .application-panel {grid-template-columns:1fr;padding:22px 20px;gap:20px;border-radius:20px}
  .application-copy h2 {font-size:28px}
  .application-intro {margin-top:12px}
  .application-features {margin-top:16px;gap:12px}
  .application-features span {font-size:12px}
  .duveya-site .application-cta {margin-top:18px;font-size:12px;justify-content:space-between}
  .application-preview {max-width:380px}
  .application-devices {aspect-ratio:310/350}
  .app-device-primary {width:72%;left:-4%;top:0;transform:rotate(-5deg)}
  .app-device-secondary {width:55%;left:42%;top:17%;transform:rotate(8deg)}
}