/* A floating lens, a pausable service rail, and purposeful launch motion. */
.header{top:14px;width:min(1360px,calc(100% - 40px));margin:14px auto 0;border:1px solid #ffffffb0;border-radius:22px;background:linear-gradient(125deg,#ffffffb8,#f1f6ff94 55%,#ffffffbd);backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%);box-shadow:0 12px 36px #1230660b,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff90;isolation:isolate}
.header:before{content:'';position:absolute;inset:0;border:1px solid #c7d8f45e;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(110deg,#fff5,transparent 35%,#b8d5ff0f 65%,#fff5)}
.header .nav-wrap{height:84px;width:100%;padding-inline:25px;margin:0;border-radius:inherit}
.header .display-controls button{background:#ffffff50;border-color:#c3d1e67a;box-shadow:inset 0 1px 0 #ffffffc0}
.header nav a{position:relative}.header nav a:after{content:'';position:absolute;inset-inline:0;bottom:5px;height:2px;background:var(--blue);scale:0 1;transform-origin:center;transition:scale .25s}.header nav a:hover:after,.header nav a:focus-visible:after{scale:1 1}
.header .nav-cta{box-shadow:0 5px 14px #0755ed25,inset 0 1px 0 #ffffff3b}
[data-theme=dark] .header{background:linear-gradient(125deg,#202e418f,#0c1424b3 55%,#182b488c);border-color:#9abbe72b;box-shadow:0 15px 45px #0003,inset 0 1px 0 #ffffff14,inset 0 -1px 0 #7895c419}
[data-theme=dark] .header:before{border-color:#c7d8f40b;background:linear-gradient(110deg,#b8d5ff0f,transparent 35%,#255bc908 65%,#c7e1ff0c)}
[data-theme=dark] .header .display-controls button{background:#ffffff06;border-color:#b9d4ff26;box-shadow:inset 0 1px 0 #ffffff0d}
.promo-bar{display:flex;align-items:center;gap:15px;width:min(1280px,calc(100% - 96px));margin:20px auto 0;min-height:50px;border:1px solid #dce6f8;border-radius:11px;background:#f1f6ff;color:#204675;padding:3px 9px 3px 18px;overflow:hidden}
.promo-label{display:flex;gap:8px;align-items:center;flex-shrink:0;font-size:11px;font-weight:600;white-space:nowrap;padding-inline:6px 16px;border-inline-end:1px solid #bdcfe9}
.promo-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#0755ed;box-shadow:0 0 0 4px #0755ed12}
.promo-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);direction:ltr}
.promo-track{display:flex;width:max-content;animation:service-rail 36s linear infinite;direction:ltr;will-change:transform}
.promo-group{display:flex;flex-shrink:0;align-items:center;direction:ltr}
.promo-group>a{display:flex;align-items:center;gap:16px;min-height:44px;padding-inline:28px;white-space:nowrap;font-size:13px;direction:rtl;border-radius:4px}
.promo-group>a:hover{color:#0755ed}.promo-group b{font-size:19px;font-weight:400}.promo-spark{color:#0755ed;font-size:17px}
@keyframes service-rail{to{transform:translateX(-50%)}}
.promo-window:focus-within .promo-track,.promo-bar.is-paused .promo-track,.promo-bar.page-hidden .promo-track{animation-play-state:paused}
#promo-pause{width:38px;min-width:38px;height:38px;display:grid;place-items:center;background:#fff9;color:#264d86;border:1px solid #c4d5f0;border-radius:9px}
#promo-pause[hidden]{display:none}.play-glyph{display:none}.is-paused .play-glyph{display:block}.is-paused .pause-glyph{display:none}
[data-theme=dark] .promo-bar{background:#111f35;border-color:#2d4264;color:#c0d5f8}[data-theme=dark] .promo-label{border-color:#405878}[data-theme=dark] .promo-dot{background:#8bb5ff}[data-theme=dark] .promo-spark{color:#8bb5ff}[data-theme=dark] #promo-pause{background:#1e3455;color:#bdd6ff;border-color:#3c567f}
html[lang=en] .promo-label{font:600 9px var(--latin);letter-spacing:1px}html[lang=en] .promo-group>a{direction:ltr;font-size:11px}html[lang=en] .promo-group b{transform:scaleX(-1)}
.hero{position:relative;isolation:isolate;padding-top:58px;min-height:660px}
.hero:before{content:'';position:absolute;inset:-30px -10px 0;z-index:-1;background:radial-gradient(ellipse at 75% 30%,#0755ed0a,transparent 60%);pointer-events:none}
[data-theme=dark] .hero:before{background:radial-gradient(ellipse at 65% 35%,#2269e318,transparent 65%)}
.hero h1{animation:title-arrival .95s cubic-bezier(.2,.65,.3,1) both}
.hero h1 .blue{display:inline-block;animation:blue-arrival 1.15s cubic-bezier(.2,.65,.3,1) both}
@keyframes title-arrival{from{opacity:0;translate:0 14px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes blue-arrival{0%,15%{opacity:0;translate:0 16px}100%{opacity:1;translate:0 0}}
.hero .actions{animation:actions-arrival 1.25s ease both}
@keyframes actions-arrival{0%,35%{opacity:0;translate:0 12px}100%{opacity:1;translate:0 0}}
.hero .actions .button{animation:invitation-glow 3.4s ease-in-out 3}
@keyframes invitation-glow{0%,100%{box-shadow:0 7px 20px #0755ed18}50%{box-shadow:0 8px 30px #0755ed40,0 0 0 5px #0755ed06}}
.hero-offscreen .tag-one,.hero-offscreen .tag-two,.hero-offscreen .actions .button{animation-play-state:paused}
.hero-art:after{content:'';position:absolute;inset:5% 6% 14%;border-radius:24px;border:1px solid #5f8ced30;z-index:-1;transform:rotate(-9deg);animation:frame-arrival 1.2s ease both;pointer-events:none}
@keyframes frame-arrival{from{opacity:0;transform:rotate(0) scale(.94)}to{opacity:1;transform:rotate(-9deg) scale(1)}}
.service-card{overflow:hidden}.service-card:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#73a7ff12 50%,transparent 70%);translate:-120% 0;pointer-events:none;transition:translate .65s ease}.service-card:hover:after{translate:120% 0}
@supports not (backdrop-filter:blur(24px)){.header{background:#f7faff}[data-theme=dark] .header{background:#111b2b}}
@media(min-width:761px) and (max-width:1000px){.header .nav-wrap{padding-inline:20px}.header{width:calc(100% - 32px)}}
@media(max-width:760px){.header{top:9px;margin-top:9px;width:calc(100% - 22px);border-radius:18px}.header .nav-wrap{height:72px;padding-inline:12px;gap:10px}.header nav{top:81px;right:0;left:0;border:1px solid #d1dff3;border-radius:15px;box-shadow:0 15px 30px #18365e12;background:#f7fafff5;backdrop-filter:blur(20px)}[data-theme=dark] .header nav{background:#121e30f5;border-color:#3a4d69}
  .header .brand>span:last-child{font-size:15px}.header .brand-emblem{width:42px;height:42px}.header .brand-emblem .brand-mark{width:39px;height:39px}.header .display-controls button{width:38px;height:42px}.header .display-controls{gap:5px}.header .menu-toggle{width:40px;height:42px;background:#ffffff40;border-color:#becde296}[data-theme=dark] .header .menu-toggle{background:#ffffff08;border-color:#abc8f333}
  .promo-bar{width:calc(100% - 30px);margin-top:16px;gap:7px;padding-inline:8px;min-height:48px}.promo-label{font-size:10px;padding-inline:3px 10px;gap:6px}.promo-group>a{font-size:12px;padding-inline:19px;gap:12px}#promo-pause{width:34px;min-width:34px;height:36px}.hero{padding-top:35px;min-height:0}.hero:before{inset:0}
}
@media(max-width:360px){.header .brand small{display:none}.header .brand>span:last-child{font-size:13px}.header .brand{gap:5px}.header .nav-wrap{gap:6px;padding-inline:9px}.promo-label{font-size:9px}}
