html{scroll-padding-top:108px}.header{z-index:30;gap:24px}.header .main-nav{gap:24px;align-items:center;overflow:visible}.nav-group{position:relative}.nav-group summary{list-style:none;cursor:pointer;color:#526079;font-size:14px;white-space:nowrap;padding:18px 0;display:flex;align-items:center;gap:8px;border-radius:3px}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary::after{content:'';width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.nav-group[open] summary{color:#0750eb}.nav-group[open] summary::after{transform:rotate(225deg) translate(-1px,-1px)}.nav-submenu{position:absolute;top:100%;left:-23px;min-width:230px;padding:12px;background:#fff;border:1px solid #e0e8f5;border-radius:10px;box-shadow:0 20px 50px #173c751a;display:flex;flex-direction:column;gap:2px}.nav-group:not([open])>.nav-submenu{display:none}.header .main-nav .nav-submenu a{display:block!important;padding:12px 14px;font-size:14px!important;line-height:1.45;white-space:normal;border-radius:5px;color:#536781}.header .main-nav .nav-submenu a:hover,.header .main-nav .nav-submenu a:focus-visible{background:#eef5ff;color:#0750eb}.nav-group:last-child .nav-submenu{left:auto;right:-15px}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.language-switch{font-size:13px;border:1px solid #dce5f2;border-radius:24px;min-width:48px;min-height:38px;display:flex;align-items:center;justify-content:center;padding:8px 12px;color:#244a80;white-space:nowrap}.language-switch:hover{color:#0750eb;background:#f1f6ff}.header-actions .motion-button{padding:9px 12px;min-height:38px}.header-actions .motion-label{display:none}.menu-toggle{display:none;border:1px solid #dae4f2;background:white;border-radius:50%;width:40px;height:40px;padding:11px;cursor:pointer;position:relative;flex-shrink:0}.menu-toggle span{display:block;position:absolute;left:11px;right:11px;top:14px;height:1.5px;background:#164783;transition:transform .2s,top .2s}.menu-toggle span+span{top:23px}.menu-open .menu-toggle span{top:19px;transform:rotate(45deg)}.menu-open .menu-toggle span+span{top:19px;transform:rotate(-45deg)}[id^=service-],[id^=product-],#use-cases,#company-footer{scroll-margin-top:120px}
html[lang=en] .brand>span{letter-spacing:1px;font-size:20px}html[lang=en] .brand small{font-size:8px}html[lang=en] .hero h1{font-size:clamp(48px,5.8vw,88px);letter-spacing:-3px;line-height:1.12}html[lang=en] .hero-copy{max-width:47%;top:27%}html[lang=en] .intro{max-width:470px;font-size:17px}html[lang=en] .vision h2{font-size:clamp(30px,3.3vw,49px);line-height:1.3}html[lang=en] .vision-copy{right:6%}html[lang=en] .vision-copy>p:last-child{max-width:560px}html[lang=en] .products-heading h2{font-size:clamp(30px,4vw,58px);line-height:1.25}html[lang=en] .explore h2{font-size:clamp(55px,6.6vw,98px);line-height:1.12}html[lang=en] .explore-copy{max-width:53%}html[lang=en] .explore-copy>p:last-child{max-width:480px}html[lang=en] .ai-hero h1{font-size:clamp(48px,5.1vw,77px);line-height:1.12;letter-spacing:-3px}html[lang=en] .ai-hero-copy{max-width:55%}html[lang=en] .ai-benefits h3{font-size:23px}html[lang=en] .section-top{letter-spacing:1px}html[lang=en] .service-card h3{font-size:24px}html[lang=en] .product-card h3{font-size:29px}html[lang=en] .product-ai .product-bird{opacity:.5}html[lang=en] .site-footer .footer-legal{max-width:65%}html[lang=en] .company-address{max-width:570px}html[lang=en] .contact-panel h3{font-size:29px}html[lang=en] .contact-panel>div:first-child{max-width:60%}html[lang=en] .signature h2{letter-spacing:2px}html[lang=en] .ai-brand-finale h2{letter-spacing:1px}
@media(max-width:1100px){html{scroll-padding-top:90px}.header{height:78px;flex-wrap:nowrap;align-content:normal;padding:0 5%;gap:14px}.header .brand{height:auto;flex-shrink:0}.header .main-nav{position:absolute;left:0;right:0;top:100%;width:100%;order:initial;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:0;padding:14px 6% 24px;background:#fff;border-bottom:1px solid #dfe8f6;box-shadow:0 22px 35px #173c7512;max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}.nav-ready .header:not(.menu-open) .main-nav{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto;gap:8px}.header .motion-button{margin:0;padding:8px;min-width:34px}.nav-group{border-bottom:1px solid #e8eef7}.nav-group:last-child{border-bottom:0}.nav-group summary{font-size:16px;padding:18px 2px;justify-content:space-between}.nav-submenu,.nav-group:last-child .nav-submenu{position:static;min-width:0;border:none;box-shadow:none;background:#f5f8fd;border-radius:7px;margin:0 0 12px;padding:6px}.header .main-nav .nav-submenu a{font-size:15px!important;padding:12px 15px}.language-switch{min-width:42px;padding:8px 10px}.hero-copy{top:22%}html[lang=en] .hero h1{font-size:60px}html[lang=en] .hero-copy{max-width:51%}.services,.products{scroll-margin-top:78px}[id^=service-],[id^=product-],#use-cases,#company-footer{scroll-margin-top:95px}}
@media(max-width:600px){.header{height:74px;padding:0 5%;gap:8px}.header .brand img{width:30px;height:30px}.header .brand>span{font-size:16px;letter-spacing:1px}.header .brand small{font-size:6px}.header .brand{gap:5px}.header-actions{gap:5px}.menu-toggle{width:38px;height:38px}.language-switch{font-size:12px;min-width:38px;min-height:36px;padding:7px}.header-actions .motion-button{min-width:30px;min-height:36px;border:0}.header .main-nav{max-height:calc(100dvh - 74px)}html[lang=en] .brand>span{font-size:17px}html[lang=en] .brand small{font-size:6px}html[lang=en] .hero-copy{top:18%;max-width:85%;right:7%}html[lang=en] .hero h1{font-size:clamp(43px,11vw,56px);letter-spacing:-2px}html[lang=en] .intro{font-size:16px;max-width:330px;line-height:1.7}html[lang=en] .hero{min-height:990px}html[lang=en] .vision{height:1150px}html[lang=en] .vision-copy{left:8%;right:8%;top:11%}html[lang=en] .vision h2{font-size:32px}html[lang=en] .principles{gap:4%}html[lang=en] .principles h3{font-size:18px}html[lang=en] .principles p{font-size:13px}html[lang=en] .services-heading h2{font-size:39px}html[lang=en] .products-heading h2{font-size:33px}html[lang=en] .product-ai .product-bird{width:85px;height:85px;top:32px;opacity:.4}html[lang=en] .product-ai h3{max-width:85%}html[lang=en] .explore-copy{max-width:84%;top:16%}html[lang=en] .explore h2{font-size:57px;letter-spacing:-2px}html[lang=en] .explore-copy>p:last-child{font-size:16px;max-width:100%;line-height:1.7}html[lang=en] .ai-hero-copy{max-width:none}html[lang=en] .ai-hero h1{font-size:46px;letter-spacing:-2px}html[lang=en] .ai-section-heading h2{font-size:34px;line-height:1.2}html[lang=en] .ai-hero{min-height:1030px}html[lang=en] .contact-panel>div:first-child{max-width:none}html[lang=en] .contact-panel h3{font-size:25px}html[lang=en] .site-footer .footer-legal{max-width:100%}html[lang=en] .site-footer{height:260px}html[lang=en] .signature .contact-panel{bottom:300px}html[lang=en] .ai-contact .site-footer{height:auto;min-height:260px}html[lang=en] .signature{height:1450px}html[lang=en] .company-address{font-size:12px;line-height:1.7}html[lang=en] .hero-caption{max-width:60%;font-size:12px}}
@media(prefers-reduced-motion:reduce){.menu-toggle span,.nav-group summary::after{transition:none}}