*,*::before,*::after{box-sizing:border-box;}
    body{margin:0;font-family:"Segoe UI",Inter,Arial,sans-serif;background:#f5f6fa;color:#1a1d2b;}
    a{color:inherit;text-decoration:none;}
    :root{--ink:#11152b;--muted:#5c6074;--line:#e0e4f0;--accent:#1f3f77;--accent-soft:#d7e1f5;--panel:#ffffff;--radius:18px;--shadow:0 18px 40px rgba(20,29,58,.12);}
    .container{width:min(1180px,92vw);margin:0 auto;}
    header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:8;}
    .topline{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;}
    .brand{display:flex;align-items:center;gap:18px;}
    .brand img{width:280px;height:auto;}
    nav{display:flex;gap:16px;font-weight:600;font-size:18px;}
    nav a,nav span{position:relative;color:var(--muted);white-space:nowrap;cursor:pointer;}
    nav a::after,nav span::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent);transition:width .25s ease;}
    nav a:hover::after,nav a:focus-visible::after,nav span:hover::after{width:100%;}
    .nav-item{position:relative;}
    .nav-item::before{content:"";position:absolute;top:100%;left:-20px;right:-20px;height:16px;z-index:9;}
    .nav-item>a,.nav-item>span{position:relative;}
    .submenu{visibility:hidden;position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px 0;min-width:280px;z-index:10;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s;pointer-events:none;}
    .nav-item:nth-last-child(-n+3) .submenu{left:auto;right:0;}
    .nav-item:hover .submenu,.nav-item:focus-within .submenu,.submenu:hover{visibility:visible;opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s;pointer-events:auto;}
    .submenu a{display:block;padding:10px 20px;color:var(--muted);font-size:15px;font-weight:500;white-space:nowrap;transition:color .2s ease,background .2s ease;cursor:pointer;position:relative;z-index:11;}
    .submenu a::after{display:none;}
    .submenu a:hover,.submenu a:focus-visible{color:var(--accent);background:var(--accent-soft);}
    .cta{display:flex;gap:12px;align-items:center;}
    .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}
    .menu-toggle span{display:block;width:24px;height:3px;background:var(--accent);transition:all .3s ease;}
    .menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px);}
    .menu-toggle.active span:nth-child(2){opacity:0;}
    .menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);}
    .mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);z-index:7;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:calc(100vh - 70px);overflow-y:auto;}
    .mobile-nav.active{display:block;}
    .mobile-nav-item{border-bottom:1px solid var(--line);}
    .mobile-nav-item:last-child{border-bottom:none;}
    .mobile-nav-link{display:block;padding:12px 0;color:var(--muted);font-weight:600;font-size:18px;}
    .mobile-nav-item-wrapper{display:flex;align-items:center;justify-content:space-between;}
    .mobile-nav-item-wrapper .mobile-nav-link{flex:1;}
    .mobile-submenu-toggle{background:none;border:none;color:var(--accent);font-size:24px;font-weight:300;cursor:pointer;padding:8px 12px;transition:transform .25s ease;line-height:1;}
    .mobile-submenu-toggle.active{transform:rotate(45deg);}
    .mobile-submenu{display:none;padding-left:16px;padding-top:8px;padding-bottom:8px;}
    .mobile-submenu.active{display:block!important;}
    .mobile-submenu a{display:block;padding:10px 0;color:var(--muted);font-weight:500;font-size:16px;border-bottom:none;}
    .mobile-submenu a:hover{color:var(--accent);}
    .hero{position:relative;padding-bottom:0;margin-bottom:0;}
    .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(20,36,70,.85),rgba(31,63,119,.92)),url("../../images/office-04.jpg") center/cover no-repeat;z-index:-1;filter:saturate(1.05);}
    .hero-inner{padding:60px 0 80px;color:#fff;display:grid;gap:20px;}
    .hero-inner h1{margin:0;font-size:clamp(34px,4.6vw,64px);line-height:1.05;text-transform:uppercase;letter-spacing:.04em;}
    .hero-inner p{margin:0;font-size:clamp(18px,2vw,22px);color:rgba(255,255,255,.85);line-height:1.5;max-width:640px;}
    section{padding:80px 0;background:#fff;}
    .section-head{margin-bottom:44px;}
    .section-head h2{margin:0 0 16px 0;font-size:clamp(26px,3.4vw,42px);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;}
    .section-head p{margin:0;color:var(--muted);line-height:1.7;max-width:680px;}
    .values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:60px;}
    .value-card{background:var(--accent-soft);border-radius:var(--radius);padding:28px;border-left:4px solid var(--accent);}
    .value-card h3{margin:0 0 10px 0;font-size:18px;color:var(--accent);}
    .value-card p{margin:0;color:var(--ink);line-height:1.6;font-size:15px;}
    .vacancies{display:grid;gap:20px;}
    .vacancy{background:var(--panel);border-radius:var(--radius);padding:32px;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;align-items:start;gap:16px;}
    .vacancy h3{margin:0 0 8px 0;font-size:20px;color:var(--ink);}
    .vacancy p{margin:0;color:var(--muted);line-height:1.6;font-size:15px;}
    .vacancy .tag{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:12px;}
    .btn-apply{padding:12px 24px;border-radius:10px;border:none;font-size:14px;font-weight:600;background:var(--accent);color:#fff;cursor:pointer;transition:filter .25s ease;white-space:nowrap;text-decoration:none;display:inline-block;}
    .btn-apply:hover{filter:brightness(1.1);}
    .contact-bar{background:var(--accent);border-radius:var(--radius);padding:40px;color:#fff;text-align:center;margin-top:40px;}
    .contact-bar h3{margin:0 0 12px 0;font-size:24px;}
    .contact-bar p{margin:0 0 20px 0;opacity:.85;}
    .contact-bar a{display:inline-block;padding:12px 28px;background:#fff;color:var(--accent);border-radius:10px;font-weight:700;font-size:15px;}
    footer{background:#101428;color:rgba(235,237,252,.7);padding:28px 0;text-transform:uppercase;font-size:12px;letter-spacing:.18em;}
    .footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
    @media(max-width:1024px){.values-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.vacancy{grid-template-columns:1fr;}}
    @media(max-width:680px){nav{display:none;}.menu-toggle{display:flex;}.brand img{width:220px;}.values-grid{grid-template-columns:1fr;}}