@import url('/footer-messengers.css');
@import url('/release-assets/accessibility.css?v=20261020');
/* Homepage adapters: shared tokens, existing brand colors and components. */
body{font-size:var(--dl-font-body);line-height:var(--dl-leading-body)}
.header{padding-inline:max(var(--dl-gutter),calc((100% - var(--dl-content-max))/2));gap:var(--dl-space-6)}
.section,.platforms,.footer{width:min(var(--dl-content-max),calc(100% - var(--dl-gutter)*2));margin-inline:auto}
.hero{max-width:var(--dl-hero-max)}
.section{padding-top:var(--dl-section-space)}
.section-heading{gap:var(--dl-space-5);margin-bottom:var(--dl-space-6)}
.section-heading p{max-width:var(--dl-reading-width)}
.hero h1{font-size:var(--dl-font-h1);line-height:var(--dl-leading-heading)}
.section-heading h2,.services .section-heading h2,.why .section-heading h2,.product h2,.founder-copy h2,.contact-banner h2{font-size:var(--dl-font-h2);line-height:var(--dl-leading-heading)}
.hero-description,.product-copy>p,.founder-copy>p:not(.eyebrow):not(.founder-role),.contact-banner p{font-size:var(--dl-font-body);line-height:var(--dl-leading-body)}
.hero-description{max-width:495px}.hero-copy{padding-block:var(--dl-space-10)}
.navigation a,.phone,.phone span,.footer nav{font-size:var(--dl-font-nav)}
.button,.header-cta,.hero-actions .button,.product-buttons .button,.contact-actions .button,.founder-actions .button{font-size:var(--dl-font-button);min-height:var(--dl-button-height);padding:var(--dl-button-py) var(--dl-button-px);line-height:var(--dl-leading-control);border-radius:var(--dl-button-radius)}
.compact,.section-heading .compact{font-size:var(--dl-font-label);min-height:var(--dl-button-compact-height);padding:var(--dl-space-2) var(--dl-space-3)}
.service-grid,.case-grid{gap:var(--dl-grid-gap)}
.service-card,.case-card,.why-grid article,.marketing-row,.product,.contact-banner{border-radius:var(--dl-card-radius)}
.service-cover{height:var(--dl-service-cover)}
.service-content,.case-content{padding:var(--dl-card-padding)}
.service-content h3,.case-content h3{font-size:var(--dl-font-h3);line-height:1.35}
.service-content ul,.case-content>p,.case-result,.marketing-row p{font-size:var(--dl-font-card);line-height:var(--dl-leading-body)}
.service-content ul{gap:var(--dl-space-2)}
.service-content .more-link,.case-content .more-link,.marketing-row .more-link,.founder-actions .more-link,.why .section-heading .more-link{font-size:var(--dl-font-button);min-height:var(--dl-button-compact-height)}
.case-evidence img{height:var(--dl-case-proof)}
.product .product-label,.product-copy .product-availability,.product-preview-caption,.eyebrow,.hero .eyebrow,.founder-copy .eyebrow,.founder-role,.platform small,.founder-fact span,.founder-name>span,.footer-contacts,.footer-bottom,.contact-note{font-size:var(--dl-font-label);line-height:1.6}
.floating-card strong{font-size:var(--dl-font-label)}
.product-buttons{flex-wrap:wrap}.product-buttons .button{gap:var(--dl-space-2)}
.process-list summary strong{font-size:var(--dl-font-stage);line-height:1.5}
.process-list p{font-size:var(--dl-font-card);line-height:var(--dl-leading-body)}
.process-list summary{min-height:120px}
.why-grid h3{font-size:var(--dl-font-stage);line-height:1.5}
.why-grid p{font-size:var(--dl-font-card);line-height:1.6}
.why-grid article{padding:var(--dl-space-5);gap:var(--dl-space-3)}
.footer-main{flex-wrap:wrap}.footer-contacts{flex-wrap:wrap}.footer-bottom{line-height:1.7}
.lead-form>label,.lead-form .consent,.modal-top .eyebrow,.detail-modal .demo-link{font-size:var(--dl-font-label)}
.lead-form input:not([type=checkbox]),.lead-form textarea{font-size:16px}
/* Show the complete emblem from the supplied original; omit only its bottom wordmark. */
.brand-symbol{width:var(--dl-logo-width);height:var(--dl-logo-height);position:relative;overflow:hidden;flex-shrink:0}
.brand-symbol img{position:absolute;max-width:none;width:var(--dl-logo-image);height:var(--dl-logo-image);left:var(--dl-logo-left);top:var(--dl-logo-top);object-fit:contain;transform:none}
@media(max-width:1100px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-buttons .button{padding-inline:var(--dl-space-3)}.hero-description{max-width:400px}}
@media(min-width:761px) and (max-width:900px){.hero-description{max-width:330px}.product{grid-template-columns:1.1fr .9fr;gap:var(--dl-space-6)}.product-copy{width:100%}.product-media{width:100%;max-width:400px;justify-self:center}.contact-banner{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){
 .header{gap:var(--dl-space-2)}.phone span{font-size:var(--dl-font-label)}.brand strong{font-size:17px}.brand small{font-size:6px}
 .section{padding-top:0;margin-top:var(--dl-section-space)}.section-heading{align-items:flex-start;gap:var(--dl-space-3)}
 .hero-copy{padding-top:var(--dl-space-8);padding-bottom:var(--dl-space-6)}.hero-description{max-width:none}
 .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dl-space-2)}.hero-actions .button{padding-inline:8px;font-size:13px;gap:6px;min-width:0}
 .service-cover{height:0}.service-content{padding:var(--dl-space-5) 45px var(--dl-space-5) 65px}.service-content h3{font-size:16px}.mobile-summary{font-size:var(--dl-font-label);line-height:1.6}
 .service-content .more-link{font-size:0;padding:0;min-height:100%;border-radius:var(--dl-card-radius)}
 .product-buttons{align-items:stretch}.product-buttons .button{flex:1;white-space:normal}.product{padding:var(--dl-card-padding);gap:var(--dl-space-6)}
 .product .product-label{font-size:var(--dl-font-label)}.case-content h3{font-size:var(--dl-font-h3)}
 .process{padding-block:var(--dl-space-8)}.process-list summary{min-height:48px}.process-list p{margin-left:62px}.process-list summary strong{font-size:var(--dl-font-stage)}
 .why-grid article{flex-direction:column;padding:var(--dl-card-padding)}
 .contact-banner{padding:var(--dl-card-padding)}.contact-actions{display:grid;grid-template-columns:1fr;width:100%}
 .founder-actions{flex-wrap:wrap}.footer-contacts{display:grid;grid-template-columns:1fr;overflow-wrap:anywhere}
 .footer-bottom{flex-direction:column;gap:var(--dl-space-2)}
}
@media(max-width:359px){.phone span{display:none}.hero-actions .button>svg{display:none}.why-grid h3{font-size:15px}.service-content{padding-left:62px}}
.footer-links{display:flex;flex-wrap:wrap;gap:var(--dl-space-2)}
.footer-links .messenger-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--dl-button-height);width:var(--dl-button-height);height:var(--dl-button-height);min-height:var(--dl-button-height);padding:0;border-radius:50%;color:#fff;transition:filter .2s,transform .2s}
.footer-links .messenger-button span{display:none}
.footer-links .messenger-button svg{width:22px;height:22px}
.footer-links .messenger-button:hover{filter:brightness(.92);transform:translateY(-2px)}
.messenger-max{background:linear-gradient(135deg,#1967f3,#8233df)}
.messenger-telegram{background:#087fb2}
.messenger-whatsapp{background:#087d44}
@media(max-width:760px){.footer-links{width:100%}}
.section-heading p{font-size:var(--dl-font-card);line-height:var(--dl-leading-body)}
@media(max-width:760px){.service-grid{grid-auto-rows:1fr}}

/* Official source assets; retain native proportions and colors. */
.platform.direct{display:block}
.direct-official-logo{width:190px;height:33px;max-width:100%;object-fit:contain;object-position:left center}
.platform.direct small{margin-top:8px}
.ads-official-logo{width:36px;height:36px;flex-shrink:0;object-fit:contain}
@media(max-width:760px){.direct-official-logo{width:160px;height:28px}.ads-official-logo{width:32px;height:32px}}
/* Supplied direction artwork: equal frames, native content, modern compression. */
.service-card .direction-cover{height:auto;aspect-ratio:28 / 13;padding:0}
.direction-preview{display:block;width:100%;height:100%}
.service-card .direction-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0;transform:none;box-shadow:none}
@media(max-width:760px){.service-card .direction-cover{height:0;aspect-ratio:auto}.direction-preview{display:none}}
/* Supplied MAX artwork; transparent source margins stay outside the circular button. */
.footer-links .messenger-max{position:relative;overflow:hidden}
.footer-links .messenger-max img{position:absolute;left:50%;top:50%;width:calc(var(--dl-button-height)*1.535);height:auto;max-width:none;transform:translate(-50%,-50%);pointer-events:none}
/* Supplied brand artwork replaces generic messenger glyphs. */
.footer-links .messenger-telegram,.footer-links .messenger-whatsapp{position:relative;overflow:hidden;background:transparent}
.footer-links .messenger-telegram img,.footer-links .messenger-whatsapp img{position:absolute;left:50%;top:50%;width:100%;height:auto;max-width:none;transform:translate(-50%,-50%);pointer-events:none}
.footer-links .messenger-whatsapp img{width:125%}
/* Compact outlined case actions; retain the previous 44px layout footprint. */
.case-content .more-link{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;flex-shrink:0;width:max-content;max-width:100%;height:42px;min-height:42px;margin-bottom:2px;padding:0 16px;gap:8px;border:1px solid #ddd6fe;border-radius:24px;background:#fff;color:#7c3aed;font-size:15px;font-weight:600;line-height:1.4;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s}
.case-content .more-link svg{width:16px;height:16px}
.case-card:hover .case-content .more-link,.case-card:focus-visible .case-content .more-link{background:#f5f3ff;border-color:#a78bfa}
.case-card:focus-visible .case-content .more-link{outline:2px solid #7c3aed;outline-offset:3px}
.contact-max-icon{position:relative;width:20px;height:20px;overflow:hidden;border-radius:50%;flex-shrink:0}
.contact-max-icon img{position:absolute;left:50%;top:50%;width:30.7px;height:auto;max-width:none;transform:translate(-50%,-50%)}
/* Original messenger marks inside the existing hero chip. */
.messenger-icons>span{position:relative;overflow:hidden;border-radius:50%;background:transparent}
.messenger-icons img{position:absolute;left:50%;top:50%;width:100%;height:auto;max-width:none;transform:translate(-50%,-50%)}
.messenger-icons .wa img{width:125%}
.messenger-icons .max img{width:153.5%}
.messenger-icons .vk{border-radius:6px}