.lad{--lad-bg:#0B3B4A;--lad-soft:#12566A;--lad-text:#fff;--lad-muted:#BFEBE6;--lad-accent:#FFC857;
position:relative;overflow:hidden;box-sizing:border-box;padding:72px 48px 120px;background:var(--lad-bg);color:var(--lad-text);font-family:inherit}
.lad *{box-sizing:border-box}
.lad__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:56px}
.lad__content{flex:1 1 480px;max-width:580px;display:flex;flex-direction:column;gap:24px}
.lad__badge{align-self:flex-start;background:var(--lad-soft);color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em;padding:8px 14px;border-radius:999px}
.lad__title{margin:0;font-size:48px;line-height:1.1;font-weight:800;color:var(--lad-text)}
.lad__desc{margin:0;font-size:18px;line-height:1.6;color:#fff; }
.lad__features{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.lad__feature{display:flex;align-items:center;gap:14px;font-size:17px;font-weight:500}
.lad__ficon{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--lad-soft);color:var(--lad-accent);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:16px}
.lad__ficon svg{width:18px;height:18px;fill:currentColor}
.lad__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px}
.lad__store{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 22px;border-radius:14px;text-decoration:none;color:var(--lad-bg);transition:transform .2s}
.lad__store:hover{transform:translateY(-3px);color:var(--lad-bg)}
.lad__store--ios{background:#fff}
.lad__store--android{background:var(--lad-accent)}
.lad__store-text{display:flex;flex-direction:column;line-height:1.2}
.lad__store-text small{font-size:11px;font-weight:500}
.lad__store-text strong{font-size:17px;font-weight:800}
.lad__qr{display:flex;align-items:center;gap:12px}
.lad__qr img,.lad__qr-ph{width:72px;height:72px;border-radius:10px;background:#fff;object-fit:contain}
.lad__qr-ph{display:flex;align-items:center;justify-content:center;color:var(--lad-bg);font-size:12px;font-weight:700}
.lad__qr-label{font-size:13px;line-height:1.4;color:#fff;max-width:90px}

/* visual */
.lad__visual{flex:0 1 420px;display:flex;justify-content:center;position:relative;padding:20px 0}
.lad__disc,.lad__ring{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none}
.lad__disc{width:400px;height:400px;margin:-200px 0 0 -200px;background:var(--lad-soft);opacity:.55}
.lad__ring{width:460px;height:460px;margin:-230px 0 0 -230px;border:2px dashed var(--lad-muted);opacity:.5}
.lad__float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;color:var(--lad-bg);font-size:13px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.lad__float--1{top:40px;left:-10px;background:#fff}
.lad__float--2{bottom:90px;right:-14px;background:var(--lad-accent);font-weight:800}
.lad__float--3{top:210px;right:-6px;width:52px;height:52px;padding:0;border-radius:50%;background:#fff;justify-content:center}
.lad__phone{position:relative;z-index:1;width:280px;height:560px;background:#06242D;border-radius:44px;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.lad__screen{width:100%;height:100%;background:#F4FBFA;border-radius:34px;padding:28px 18px;display:flex;flex-direction:column;gap:14px;color:#0B3B4A}
.lad__brand{font-size:13px;font-weight:700;color:#12566A}
.lad__stitle{font-size:22px;font-weight:800}
.lad__card{background:#fff;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px}
.lad__card small{font-size:12px;color:#3F6572}
.lad__card strong{font-size:15px;font-weight:800}
.lad__row{display:flex;justify-content:space-between;font-size:13px;font-weight:700}
.lad__row em{font-style:normal;color:#12566A}
.lad__bar{height:8px;background:#DDF1EE;border-radius:999px;overflow:hidden}
.lad__bar i{display:block;width:60%;height:8px;background:#12566A;border-radius:999px}
.lad__sbtn{margin-top:auto;background:#202b93;color:#fff;text-align:center;padding:14px;border-radius:14px;font-size:14px;font-weight:700}

/* decoration */
.lad__bubble{position:absolute;bottom:-60px;border:2px solid rgba(191,235,230,.55);border-radius:50%;pointer-events:none}
.lad__wave{position:absolute;left:0;width:200%;pointer-events:none}
.lad__wave--1{bottom:0;height:80px;fill:var(--lad-soft);opacity:.6}
.lad__wave--2{bottom:-14px;height:70px;fill:var(--lad-muted);opacity:.9}

/* animation (opt-in via .lad--animate) */
@keyframes lad-rise{0%{transform:translateY(40px) scale(.8);opacity:0}15%{opacity:.5}100%{transform:translateY(-700px) scale(1.1);opacity:0}}
@keyframes lad-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes lad-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes lad-spin{to{transform:rotate(360deg)}}
@keyframes lad-fill{0%{width:15%}70%,100%{width:85%}}
@keyframes lad-pulse{0%{box-shadow:0 0 0 0 rgba(255,200,87,.6)}100%{box-shadow:0 0 0 16px rgba(255,200,87,0)}}
@keyframes lad-wave{to{transform:translateX(-50%)}}
.lad--animate .lad__bubble{animation:lad-rise 9s linear infinite}
.lad--animate .lad__in{animation:lad-up .8s ease both;animation-delay:var(--d,0s)}
.lad--animate .lad__float{animation:lad-bob 5s ease-in-out infinite}
.lad--animate .lad__float--1{animation-delay:.5s}
.lad--animate .lad__float--2{animation-delay:1.8s}
.lad--animate .lad__float--3{animation-delay:1s}
.lad--animate .lad__ring{animation:lad-spin 40s linear infinite}
.lad--animate .lad__drum{transform-origin:15px 15px;animation:lad-spin 3s linear infinite}
.lad--animate .lad__bar i{animation:lad-fill 4s ease-in-out infinite alternate}
.lad--animate .lad__store--android{animation:lad-pulse 2s ease-out infinite}
.lad--animate .lad__wave--1{animation:lad-wave 14s linear infinite}
.lad--animate .lad__wave--2{animation:lad-wave 22s linear infinite reverse}
@media (prefers-reduced-motion:reduce){.lad--animate *{animation:none!important}}

/* responsive */
@media (max-width:767px){
.lad{padding:56px 20px 110px}
.lad__title{font-size:34px}
.lad__visual{flex-basis:100%}
.lad__float--1{left:0}.lad__float--2,.lad__float--3{right:0}
}