.hero {position:relative;display:grid;grid-template-columns:1.08fr 1fr;gap:0 15px;padding:68px 0 0;color:#203a56}
.hero-copy {position:relative;z-index:2;min-width:0}
.hero .eyebrow {display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.7px;font-weight:550;color:#536e87}
.hero-dot {width:6px;height:6px;border-radius:50%;background:#2168d8;box-shadow:0 0 16px #2168d830;flex:none}
.hero h1 {font-size:clamp(48px,5.5vw,88px);font-weight:500;line-height:.96;letter-spacing:-.058em;margin:29px 0 28px}
.hero .accent-word {color:#2168d8;white-space:nowrap}
.hero-star {display:inline-block;font-size:.52em;vertical-align:top;margin:3px 0 0 16px;font-weight:300}
.hero-description {font-size:17px;line-height:1.6;color:#536e87;max-width:410px;margin:0 0 29px}
.hero-actions {display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.hero .primary-action {background:#2168d8;color:#fff;border-radius:100px;padding:17px 22px;gap:24px;min-height:55px;font-size:14px}
.hero .primary-action:hover {background:#185cc5;box-shadow:0 0 30px #2168d820;transform:translateY(-2px)}
.hero-demo-link {font-size:12px;display:flex;gap:16px;align-items:center;color:#3b628e;min-height:44px}
.hero-demo-link:hover {color:#2168d8}
.hero .messengers {margin-top:25px;max-width:430px}
.hero-bottom {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0;margin-top:55px;border-top:1px solid #ccdded}
.hero .partnership {display:flex;align-items:center;gap:17px;font-size:11px;line-height:1.5;color:#536e87}
.hero .partnership strong {font-size:15px;font-weight:550;color:#203a56}
.hero .partner-emblem {font-size:38px;color:#2168d8;line-height:1}
.hero-bottom p {margin:0;font-size:10px;line-height:1.9;letter-spacing:1px;color:#334e6c}
.hero-bottom p span {color:#5d7691}
.hero-scroll {width:44px;height:44px;border:1px solid #b6cce3;border-radius:50%;display:grid;place-items:center;font-size:21px;color:#fff}
@media(min-width:1600px) {.hero {padding-top:80px}.hero-description {font-size:19px;max-width:470px}}
@media(max-width:1100px) {.hero {padding-top:48px}.hero h1 {font-size:clamp(40px,5.5vw,64px)}.hero-description {font-size:15px}.hero-actions {gap:8px 18px}.hero-bottom p {font-size:9px}}
@media(max-width:760px) {
 .hero {grid-template-columns:1fr;padding-top:37px}.hero-copy {display:contents}
 .hero .eyebrow {order:1;font-size:9px;letter-spacing:1.1px}
 .hero h1 {order:2;font-size:clamp(33px,7.6vw,57px);margin:27px 0 0;position:relative;z-index:2;letter-spacing:-.06em}
 .hero .visual-wrap {order:3;margin:-8px -10px 0}
 .hero-description {order:4;font-size:16px;max-width:470px;margin:18px 0 21px}
 .hero-actions {order:5;gap:9px 18px}.hero .messengers {order:6;margin-top:19px;max-width:460px}
 .hero-bottom {order:7;margin-top:32px;padding:24px 0;gap:10px}.hero-bottom p {display:none}
 .hero .primary-action {padding:14px 19px;font-size:13px;min-height:51px;gap:19px}
 .hero-demo-link {font-size:12px;gap:9px}.hero .partner-emblem {font-size:32px}
 .hero .partnership {gap:12px;font-size:10px}.hero .partnership strong {font-size:14px}
}
@media(max-width:360px) {.hero h1 {font-size:32px}.hero .eyebrow {font-size:8px}.hero-star {margin-left:11px}.hero-description {font-size:15px}.hero-actions {gap:6px}.hero-demo-link {padding:0 9px}}

@media(min-width:761px) and (max-height:800px) {.hero {padding-top:43px}.hero h1 {font-size:clamp(44px,5.2vw,81px);margin-top:24px;margin-bottom:24px}.hero-description {margin-bottom:23px}.hero .scene {height:470px}.hero-bottom {margin-top:35px}}

.hero h1 {line-height:1.05}.hero-description {max-width:460px;font-size:16px}.hero-scroll {color:#2168d8}.hero .partnership strong {color:#294c75}.hero .primary-action {color:#fff}.hero .primary-action:hover {color:#fff}.hero-bottom p {color:#334e6c}