.hero-product-visual{min-width:0;position:relative;padding:24px;background:#ffffffb8;border:1px solid #cadbdd;border-radius:12px;box-shadow:0 20px 60px #12303f0b}.method-caption{color:var(--accent);font:600 11px/1.5 var(--sans);letter-spacing:.07em;text-transform:uppercase}.method-flow{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:23px 0 15px;padding:0}.method-flow li{position:relative;z-index:1;min-width:0}.method-flow .method-no{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #9ebdc3;color:var(--accent);font-size:11px;margin-bottom:12px}.method-flow strong{display:block;font:500 13px/1.5 var(--sans);max-width:130px}.flow-track{position:absolute;top:16px;left:17px;right:17px;height:1px;background:#c3d7da;overflow:hidden}.flow-dot{position:absolute;width:30%;height:100%;left:-30%;background:#126978;animation:offer-flow 4.8s linear infinite;animation-play-state:paused}.hero-product-visual[data-offer-motion=running] .flow-dot{animation-play-state:running}.offer-visual-note{color:var(--muted);font-size:10px;line-height:1.5;margin:0 0 19px!important}.software-captures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.software-capture{display:block;min-width:0;background:#fff;border:1px solid #d1dfe3;border-radius:7px;overflow:hidden;box-shadow:0 8px 16px #12303f0a;transition:transform .3s,box-shadow .3s}.software-capture:hover,.software-capture:focus-visible{transform:translateY(-4px);box-shadow:0 12px 25px #12303f18}.software-capture img{width:100%;height:auto;display:block;aspect-ratio:1265/712;object-fit:contain}.software-capture span{display:block;padding:12px;font-size:11px;line-height:1.5;border-top:1px solid var(--line)}.offer-motion{display:block;margin:17px 0 0 auto;padding:6px 10px;border:1px solid #cadbdd;background:#fff;border-radius:4px;color:var(--muted);font-size:10px;cursor:pointer;min-height:32px}.offer-motion[aria-pressed=true]{background:#e7f0f2;color:var(--navy)}.offer-motion[hidden]{display:none}.offer-services{grid-template-columns:repeat(3,minmax(0,1fr))}.offer-services .activity{min-width:0;padding:30px}.offer-services .activity h3{font-size:30px}.offer-services .activity p{font-size:14px}.offer-services .text-link{font-size:12px}.trust-inner a{text-decoration:underline;text-underline-offset:4px}.hero h1{max-width:660px}.hero-product-visual .offer-visual-note{font-size:10px}.hero-product-visual .method-caption{font-size:11px}.hero-layout{gap:45px;grid-template-columns:1.05fr .95fr}.brand-section-head .section-head p{max-width:750px}@keyframes offer-flow{to{left:100%}}
@media(max-width:1120px){.offer-services{gap:18px}.offer-services .activity{padding:25px 22px}.offer-services .activity h3{font-size:27px}.hero-product-visual{padding:20px}.method-flow{gap:10px}.software-capture span{padding:9px;font-size:10px}.trust-inner{flex-wrap:wrap;justify-content:flex-start;gap:13px 30px}}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr;gap:35px}.hero-product-visual{max-width:680px;width:100%}.offer-services{grid-template-columns:1fr}.offer-services .activity .num{margin-bottom:15px}.offer-services .activity{padding:28px}.offer-services .activity p{max-width:650px}}
@media(max-width:520px){.hero-product-visual{padding:17px}.method-flow{gap:10px}.method-flow strong{font-size:11px}.method-flow .method-no{width:30px;height:30px;margin-bottom:9px}.flow-track{top:14px;left:15px;right:15px}.software-captures{gap:10px}.software-capture span{font-size:10px;padding:9px}.hero h1{font-size:46px}.offer-services .activity h3{font-size:29px}.trust-inner{display:grid;gap:12px}.offer-motion{font-size:10px}}
@media(prefers-reduced-motion:reduce){.flow-dot{animation:none}.software-capture{transition:none}.software-capture:hover,.software-capture:focus-visible{transform:none}}

.method-flow-wrap{position:relative}.method-flow-wrap>.flow-track{top:16px}@media(max-width:520px){.method-flow-wrap>.flow-track{top:14px}}

.offer-services .activity{display:flex;flex-direction:column}.offer-services .activity p{margin-bottom:26px}.offer-services .activity .text-link{margin-top:auto;align-self:flex-start}
