/* A direct first screen and concrete, photographic service examples. */
.hero{padding:52px 0 58px}
.hero-grid{grid-template-columns:1.18fr 1fr;gap:42px}
.hero-copy{min-width:0}
.hero-eyebrow{margin-bottom:23px}
.hero h1{font-size:clamp(36px,3.15vw,48px);line-height:1.13;letter-spacing:-1.5px;white-space:normal;text-wrap:balance;font-weight:500;max-width:680px}
.hero-title-accent{color:#64813d}
.hero-description{font-size:15px;line-height:1.7;margin-top:22px;max-width:560px}
.hero-technologies{display:grid;grid-template-columns:1fr 1.2fr 1.25fr 1fr;gap:14px;align-items:start;padding:24px 0 23px;margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.technology{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:2px 0;min-width:0}
.technology-mark{display:flex;align-items:center;gap:7px;height:36px;min-width:0}
.technology-mark img{flex:none;width:auto;height:30px;object-fit:contain}
.technology-apple img{width:26px;height:31px}
.technology-android img{width:34px;height:30px}
.technology-kaspi img{width:120px;height:29px}
.technology-1c img{width:67px;height:33px}
.technology-mark strong{font-size:15px;font-weight:600;letter-spacing:-.4px}
.technology-caption{font-size:9px;color:#75806d;line-height:1.4}
.technology:hover .technology-caption{color:var(--ink)}
.hero-actions{margin-top:26px}
.hero-proof{margin-top:23px}
.hero-art{height:470px;margin:0}
.hero-image{inset:0;border-radius:24px;background:#e9e7e0;box-shadow:0 15px 50px #2537280d}
.hero-image img{mix-blend-mode:normal;object-position:54% center}
.hero-float-top{top:-15px;right:-12px;transform:rotate(2deg)}
.hero-float-bottom{bottom:-16px;left:-12px;transform:rotate(-2deg)}
.hero-art-caption{bottom:-40px;right:7px}
.ecosystem-brands .ecosystem-1c img{width:54px;height:27px;object-fit:contain}
.ecosystem-brands .ecosystem-kaspi img{width:112px;height:27px;object-fit:contain}
.service-visual{aspect-ratio:1.5}
.service-number{display:grid;place-items:center;min-width:38px;height:24px;padding:0 7px;border-radius:5px;background:#fffffff0;color:#4f5e46;backdrop-filter:blur(5px)}
.visual-design .service-number{color:#4f5e46}
.service-card-priority .service-visual{aspect-ratio:1.5}
.services-grid>.service-card-design .service-visual{aspect-ratio:1.5}
.marketing-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.service-collection:not([hidden])~.marketing-services:not([hidden]){margin-top:40px}
.marketing-services>.service-card{display:flex;flex-direction:column;grid-column:auto;grid-template-columns:none;padding:0;gap:0;border:1px solid #dde3d5;border-radius:17px;overflow:hidden;background:#e8ecdf}
.marketing-services>#service-instagram{background:#efebf1;border-color:#e4dde8}
.marketing-services>.service-card[hidden]{display:none}
.marketing-services .service-image-button{border-radius:0;height:auto}
.marketing-services .service-visual{height:auto;aspect-ratio:1.5;border-radius:0}
.marketing-services .service-content{padding:29px 31px 24px}
.marketing-services .tags{min-height:25px;align-items:center}
.marketing-services .tag{font-size:10px;padding:5px 8px;background:#ffffff6b}
.marketing-services .service-content h3{font-size:30px;line-height:1.15;letter-spacing:-.8px;font-weight:500;margin:19px 0 15px;max-width:460px}
.marketing-services .service-content>p{font-size:14px;line-height:1.8;max-width:490px;margin-bottom:22px;color:#68735f}
.marketing-services .text-button{min-height:37px;font-size:12px}
@media(min-width:1500px){.hero-grid{gap:48px}.hero-art{height:475px}.hero{padding-top:62px;padding-bottom:66px}}
@media(max-width:1199px){.hero-grid{gap:28px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero-art{height:460px}.hero-description{font-size:14px}.hero-technologies{gap:10px;grid-template-columns:1fr 1.1fr 1.15fr .85fr}.technology-mark strong{font-size:12px}.technology-apple img{width:22px;height:27px}.technology-android img{width:29px;height:27px}.technology-kaspi img{width:98px;height:25px}.technology-1c img{width:59px;height:29px}.technology-caption{font-size:8px}.hero-float-top{right:-7px}.hero-float-bottom{left:-7px}}
@media(max-width:1020px){.hero h1{font-size:38px;letter-spacing:-1.2px}.hero-grid{grid-template-columns:1.15fr 1fr;gap:25px}.hero-art{height:430px}.hero-description .desktop-break{display:none}.hero-technologies{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px;padding:18px 0}.technology{gap:5px}.technology-mark strong{font-size:14px}.technology-kaspi img{width:112px;height:27px}.technology-1c img{width:61px;height:30px}.technology-caption{font-size:9px}.hero-art-caption{font-size:7px;letter-spacing:1.1px}.hero-actions{gap:20px}}
@media(max-width:800px){.hero{padding-top:39px;padding-bottom:49px}.hero h1{font-size:32px;letter-spacing:-1px;line-height:1.15}.hero-grid{gap:25px}.hero-eyebrow{font-size:7px;letter-spacing:.7px;margin-bottom:19px}.hero-description{font-size:13px;margin-top:18px}.hero-art{height:395px}.hero-float-top{top:-12px;right:-7px}.hero-float-bottom{bottom:-14px;left:-9px}.hero-proof{font-size:8px;gap:9px}.hero-actions{gap:13px}.hero-technologies{margin-top:16px}.ecosystem-brands .ecosystem-1c img{width:45px;height:23px}.ecosystem-brands .ecosystem-kaspi img{width:99px;height:24px}}
@media(max-width:600px){.hero{padding:31px 0 40px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:clamp(29px,8.5vw,46px);line-height:1.14;letter-spacing:-1.1px;max-width:530px}.hero-eyebrow{font-size:7.5px;letter-spacing:.8px;margin-bottom:20px}.hero-description{font-size:14px;line-height:1.7;margin-top:19px;max-width:480px}.hero-technologies{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 25px;margin-top:22px;padding:21px 0}.technology{gap:6px}.technology-mark{height:35px}.technology-mark strong{font-size:16px}.technology-apple img{width:27px;height:31px}.technology-android img{width:35px;height:30px}.technology-kaspi img{width:122px;height:30px}.technology-1c img{width:69px;height:34px}.technology-caption{font-size:10px}.hero-actions{margin-top:24px;gap:21px}.hero-art{height:auto;aspect-ratio:1.28;margin:0}.hero-image{inset:0;border-radius:18px}.hero-image img{object-position:54% center}.hero-float-top{top:-15px;right:4px;padding:10px 13px}.hero-float-bottom{bottom:-13px;left:4px;padding:11px 13px}.hero-float-bottom>svg{width:39px}.hero-art-caption{display:none}.ecosystem-brands{opacity:1}.ecosystem-brands .ecosystem-1c img{width:51px;height:25px}.ecosystem-brands .ecosystem-kaspi img{width:105px;height:25px}.service-card-priority .service-visual{aspect-ratio:1.5}.services-grid>.service-card-design .service-visual{aspect-ratio:1.5}}
@media(max-width:600px){.ecosystem-brands{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px}.ecosystem-brands .mobile-platforms{margin-left:0;justify-self:center}}
@media(max-width:1020px){.marketing-services{gap:18px}.marketing-services .service-content{padding:25px}.marketing-services .service-content h3{font-size:27px}.marketing-services .tag{font-size:9px}}
@media(max-width:600px){.marketing-services{grid-template-columns:1fr;gap:25px}.service-collection:not([hidden])~.marketing-services:not([hidden]){margin-top:38px}.marketing-services .service-content{padding:25px 23px 21px}.marketing-services .service-content h3{font-size:27px;line-height:1.15}.marketing-services .service-content>p{font-size:14px}.marketing-services .text-button{min-height:42px}}
@media(max-width:370px){.hero h1{font-size:28px;letter-spacing:-1px}.hero-eyebrow{font-size:6.6px}.hero-actions{gap:15px}.hero-actions .button{min-width:170px}.hero-art{aspect-ratio:1.2}.hero-float{padding:10px}.hero-float strong{font-size:9px}}