@import url('header-hover.css');
@import url('tech-section.css?v=2');
@font-face{font-family:"Kyu Manrope";src:url("assets/fonts/Manrope-Variable.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:block}html,body,button,input,textarea{font-family:"Kyu Manrope",Arial,sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0c1220;--surface:#141d2e;--soft:#1c2840;--text:#edf2ff;--muted:#a2b1cf;--line:#2b3750;--header:rgba(20,29,46,.84);--shadow:0 16px 36px rgba(0,0,0,.25);color-scheme:dark}:root:not([data-theme]) body{background:#0c1220;color:#edf2ff}}body{opacity:0;animation:kyu-page-in .48s cubic-bezier(.22,1,.36,1) .04s forwards}.hero .eyebrow,.hero h1,.hero p,.hero__actions{animation-duration:.68s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.header__bar{animation-duration:.58s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.telegram-float{width:48px!important;height:48px!important}.telegram-float svg{width:48px!important;height:48px!important}

/* Header — exact light/dark states from Figma nodes 3331:11022 and 3755:12462 */
@media(min-width:901px){
.header{top:22px!important}
.header__bar{position:relative!important;width:min(1296px,calc(100% - 48px))!important;height:72px!important;margin:auto!important;padding:0!important;border:1px solid #e4e8f1!important;border-radius:22px!important;background:#fff!important;backdrop-filter:none!important;box-shadow:0 6px 20px rgba(13,32,94,.04)!important}
.header__bar>.brand{position:absolute!important;left:24px!important;top:12px!important;width:133px!important;height:48px!important;gap:10px!important;color:#121d48!important;font-size:16px!important;line-height:24px!important;font-weight:700!important}
.header__bar>.brand img{width:40px!important;height:48px!important;object-fit:contain!important;flex:0 0 40px!important}
.header__nav{position:absolute!important;left:380px!important;top:26px!important;width:536px!important;height:20px!important;margin:0!important;gap:24px!important;align-items:center!important}
.header__nav a{color:#121d48!important;font-size:14px!important;line-height:20px!important;font-weight:500!important}
.header__actions{position:absolute!important;right:20px!important;left:auto!important;top:10px!important;width:303px!important;height:52px!important;gap:20px!important;align-items:center!important}
.header__phone{width:129px!important;color:#121d48!important;font-size:14px!important;line-height:20px!important;font-weight:600!important;white-space:nowrap!important}
.header__cta{width:154px!important;height:52px!important;min-height:52px!important;padding:0!important;border:0!important;border-radius:14px!important;background:#121d48!important;color:#fff!important;font-size:13px!important;line-height:18px!important;font-weight:600!important;box-shadow:none!important;transform:none!important}
.header__cta:hover{background:#121d48!important;color:#fff!important;box-shadow:none!important;transform:none!important}
[data-theme="dark"] .header__bar{border-color:#2b3750!important;background:#141d2e!important;box-shadow:0 6px 20px rgba(0,0,0,.20)!important}
[data-theme="dark"] .header__bar>.brand,[data-theme="dark"] .header__nav a,[data-theme="dark"] .header__phone{color:#edf2ff!important}
[data-theme="dark"] .header__cta,[data-theme="dark"] .header__cta:hover{background:#027dfd!important;color:#fff!important}
}

/* Hero — matched to Figma nodes 3328:11170 (light) and 3755:12480 (dark) */
.hero{height:874px!important;padding-top:188px!important}
.hero .eyebrow{width:246px!important;height:38px!important;padding:0!important;border:0!important;border-radius:19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#f5f8fd!important;color:#027dfd!important;font-size:13px!important;line-height:18px!important;font-weight:500!important}
.hero h1{width:min(920px,100%)!important;margin:32px auto 0!important;color:#121d48!important;font-size:64px!important;line-height:68px!important;letter-spacing:0!important;font-weight:700!important}
.hero p{width:min(860px,100%)!important;max-width:860px!important;margin:32px auto 0!important;color:#66789f!important;font-size:18px!important;line-height:28px!important;font-weight:400!important}
.hero__actions{margin-top:32px!important;gap:16px!important}
.hero__actions .button{width:252px!important;height:52px!important;min-height:52px!important;padding:0!important;border-radius:14px!important;gap:10px!important;font-size:13px!important;line-height:18px!important;font-weight:600!important;box-shadow:none!important;transform:none!important}
.hero__actions .button:hover{box-shadow:none!important;transform:none!important}
.hero__actions .button--dark{border:0!important;background:#121d48!important;color:#fff!important}
.hero__actions .button--ghost{border:1px solid #dde3ee!important;background:#fff!important;color:#121d48!important}
.hero__actions .button span{width:18px!important;height:18px!important;display:inline-grid!important;place-items:center!important;font-size:0!important;line-height:0!important;flex:0 0 18px!important}
.hero__actions .button span::before{content:"";display:block;width:12px;height:14px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.hero__actions .button--dark span::before{height:9px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath d='M1 4.5h9M6.5 1 10 4.5 6.5 8' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath d='M1 4.5h9M6.5 1 10 4.5 6.5 8' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.hero__actions .button--ghost span::before{width:12px;height:14px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M6 1v8M2.5 6.5 6 10l3.5-3.5M1 13h10' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M6 1v8M2.5 6.5 6 10l3.5-3.5M1 13h10' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
[data-theme="dark"] .hero .eyebrow{background:#1c2840!important;color:#027dfd!important}
[data-theme="dark"] .hero h1{color:#edf2ff!important}
[data-theme="dark"] .hero p{color:#a2b1cf!important}
[data-theme="dark"] .hero__actions .button--dark{background:#027dfd!important;color:#fff!important}
[data-theme="dark"] .hero__actions .button--ghost{border-color:#2b3750!important;background:#141d2e!important;color:#edf2ff!important}
@media(max-width:700px){
.hero{height:auto!important;min-height:760px!important;padding-top:150px!important;padding-bottom:80px!important}
.hero .eyebrow{width:auto!important;min-width:210px!important;padding:0 28px!important}
.hero h1{margin-top:26px!important;font-size:46px!important;line-height:50px!important}
.hero p{margin-top:24px!important;font-size:16px!important;line-height:25px!important}
.hero__actions{margin-top:28px!important;flex-direction:column!important;align-items:center!important}
.hero__actions .button{width:min(320px,100%)!important}
}

@keyframes kyu-page-in{from{opacity:0}to{opacity:1}}@keyframes hero-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes header-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){body{opacity:1;animation:none}}