.client-app{--app-ink:#151613;--app-muted:#696b65;--app-gold:#7f6838;--app-line:rgba(21,22,19,.17);background:#f2f1ed;color:var(--app-ink);padding:86px 0 82px;font:400 16px/1.65 Manrope,Arial,sans-serif}
.client-app *{box-sizing:border-box;min-width:0}
.client-app__shell{width:min(100%,1440px);margin-inline:auto;padding-inline:clamp(24px,5.6vw,80px)}
.client-app__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"intro visual" "benefits visual" "access visual";column-gap:clamp(48px,7vw,112px);align-items:start}
.client-app__intro{grid-area:intro}
.client-app__eyebrow{margin:0 0 30px;color:var(--app-gold);font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.065em;text-transform:uppercase}
.client-app h2{margin:0 0 27px;font:400 clamp(32px,3.45vw,49px)/1.15 Unbounded,Manrope,sans-serif;letter-spacing:-.045em;word-break:normal;overflow-wrap:normal;hyphens:none}
.client-app h2 span{color:var(--app-gold)}
.client-app__lead{max-width:450px;margin:0;color:var(--app-muted);font-size:17px;line-height:1.7}
.client-app__benefits{grid-area:benefits;margin-top:33px}
.client-app__benefit{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:15px 0;border-top:1px solid var(--app-line)}
.client-app__number{padding-top:5px;color:var(--app-gold);font:400 9px/1.5 Michroma,Arial,sans-serif}
.client-app h3{margin:0 0 2px;font-size:16px;line-height:1.55;font-weight:600}
.client-app__benefit p{margin:0;color:var(--app-muted);font-size:13px;line-height:1.65}
.client-app__access{grid-area:access;max-width:450px;margin-top:18px}
.client-app__access summary{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:275px;min-height:45px;padding:0 0 8px;border-bottom:1px solid var(--app-ink);list-style:none;cursor:pointer;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.client-app__access summary::-webkit-details-marker{display:none}
.client-app__access summary span{font-size:23px;line-height:1;font-weight:400;color:var(--app-gold)}
.client-app__access[open] summary span{transform:rotate(45deg)}
.client-app__access p{margin:15px 0 0;font-size:14px;line-height:1.7;color:var(--app-muted)}
.client-app__access summary:focus{outline:none}
.client-app__access summary:focus-visible{outline:none;border-bottom-color:var(--app-gold);box-shadow:0 1px 0 var(--app-gold)}
.client-app__visual{grid-area:visual;position:relative;display:flex;flex-direction:column;align-items:center;align-self:stretch;justify-content:flex-start;margin:0;isolation:isolate}
.client-app__visual::before{content:"";position:absolute;z-index:-1;top:84px;bottom:30px;left:0;right:0;border:1px solid rgba(127,104,56,.09);border-radius:200px 200px 24px 24px;background:linear-gradient(145deg,#e9e5d9 0%,#ecebe5 55%,#e5e7df 100%)}
.client-app__brand{display:flex;gap:14px;align-items:center;align-self:flex-start;margin:0 0 28px 8px}
.client-app__brand img{display:block;width:56px;height:56px;border-radius:14px;box-shadow:0 5px 13px rgba(30,25,15,.09)}
.client-app__brand strong{display:block;font:500 19px/1.3 Unbounded,Manrope,sans-serif;letter-spacing:-.03em}
.client-app__brand span{display:block;margin-top:5px;color:var(--app-muted);font-size:12px;line-height:1.4}
.client-app__phone{position:relative;width:270px;padding:7px;border:1px solid #484942;border-radius:39px;background:#23251f;box-shadow:0 26px 45px rgba(44,42,32,.16),0 4px 8px rgba(44,42,32,.08)}
.client-app__phone::after{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:67px;height:16px;background:#171914;border-radius:20px}
.client-app__phone img{display:block;width:100%;height:auto;border-radius:31px}
.client-app__visual figcaption{margin:20px 0 0;text-align:center;color:var(--app-muted);font-size:10px;line-height:1.6;letter-spacing:.025em}
@media(min-width:1280px){.client-app__phone{width:286px}.client-app__visual::before{left:15px;right:15px}}
@media(max-width:900px){.client-app{padding:64px 0}.client-app__grid{column-gap:38px}.client-app h2{font-size:32px}.client-app__lead{font-size:16px}.client-app__phone{width:245px}.client-app__brand{gap:10px;margin-left:0}.client-app__brand img{width:48px;height:48px;border-radius:12px}.client-app__brand strong{font-size:17px}.client-app__brand span{max-width:150px;font-size:11px}.client-app__benefit{grid-template-columns:24px 1fr;gap:10px}.client-app h3{font-size:15px}.client-app__benefit p{font-size:12px}}
@media(max-width:640px){.client-app{padding:52px 0 48px}.client-app__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "visual" "benefits" "access";row-gap:0}.client-app__eyebrow{margin-bottom:23px;font-size:10px;letter-spacing:.05em}.client-app h2{font-size:clamp(30px,7.9vw,39px);line-height:1.18;margin-bottom:22px}.client-app__lead{max-width:440px;font-size:16px;line-height:1.75}.client-app__visual{margin-top:34px}.client-app__brand{align-self:center;margin-bottom:22px}.client-app__brand img{width:44px;height:44px;border-radius:11px}.client-app__brand span{max-width:none}.client-app__visual::before{left:0;right:0;top:75px;bottom:29px}.client-app__phone{width:min(256px,92%)}.client-app__visual figcaption{margin-top:17px;font-size:9px}.client-app__benefits{margin-top:31px}.client-app__benefit{padding:16px 0;grid-template-columns:28px 1fr;gap:12px}.client-app h3{font-size:15px}.client-app__benefit p{font-size:13px}.client-app__access{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.client-app *{scroll-behavior:auto;transition:none!important}}