.live-app{padding:80px var(--gutter);background:#181511;color:#f5f0e5;border-top:1px solid #39332b}
.live-app-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,90px)}
.live-app-copy{min-width:0}
.live-app-kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#e2bea0;margin-bottom:32px}
.live-app-kicker>span{width:7px;height:7px;border-radius:50%;background:#ff773b;box-shadow:0 0 14px #ff773b55}
.live-app-name{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.live-app-name img{width:56px;height:56px;flex-shrink:0;border-radius:13px}
.live-app-name h2{font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-.045em;text-transform:none}
.live-app-name h2>span{color:#ff773b}
.live-app-tagline{font:500 clamp(23px,2.3vw,31px)/1.3 var(--body);letter-spacing:-.025em;max-width:400px;margin-bottom:18px}
.live-app-description{font-size:16px;line-height:1.75;color:#bfb7ac;max-width:450px}
.live-app-features{padding:0;margin:25px 0 30px;list-style:none;display:flex;flex-wrap:wrap;gap:9px 20px;color:#e2bea0;font-size:12px}
.live-app-features li{display:flex;align-items:center;gap:8px}
.live-app-features li::before{content:"";width:3px;height:3px;background:#ff773b}
.live-app-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}
.live-app-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 23px;background:#ff580a;color:#120f0b;font-size:13px;font-weight:700;transition:background .18s}
.live-app-primary:hover{background:#ff854d}
.live-app-store{display:inline-flex;align-items:center;min-height:48px;color:#f5f0e5;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#8b7561;font-size:12px}
.live-app-store:hover{color:#ffb58f;text-decoration-color:currentColor}
.live-app-note{font-size:11px;color:#a79b8d;margin-top:22px}
.live-app-visual{position:relative;isolation:isolate;overflow:hidden;margin:0;min-width:0;padding:34px;display:grid;justify-items:start;gap:20px;background:#291b10;border:1px solid #50402d}
.live-app-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:72% center}
.live-app-visual::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100d0899,transparent 80%),linear-gradient(0deg,#100d08bb,transparent 30%)}
.live-app-screen{display:block;width:216px;max-width:70%;height:auto;border:5px solid #161411;border-radius:29px;box-shadow:12px 20px 36px #0009}
.live-app-visual figcaption{font-size:10px;letter-spacing:.02em;color:#e6d5bc}
@media(max-width:850px){.live-app-inner{gap:30px}.live-app-name{gap:12px}.live-app-name h2{font-size:43px}.live-app-name img{width:46px;height:46px}.live-app-visual{padding:25px}.live-app-screen{max-width:90%}.live-app-actions{gap:8px 18px}}
@media(max-width:650px){.live-app{padding:58px 20px}.live-app-inner{grid-template-columns:1fr;gap:32px}.live-app-kicker{margin-bottom:24px;font-size:10px}.live-app-name h2{font-size:48px}.live-app-name{margin-bottom:20px}.live-app-tagline{font-size:24px}.live-app-description{font-size:14px}.live-app-features{margin:22px 0;font-size:11px;gap:8px 16px}.live-app-visual{padding:26px}.live-app-screen{width:184px;max-width:70%;border-radius:25px}.live-app-visual figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.live-app-primary{transition:none}}