/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/font/manrope/cecbbd90-6f7f-46b9-8781-d881db041162.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/font/manrope/a4f95e6f-128c-4dba-9e1b-b18ce2eab6fe.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/font/manrope/f102424f-85cd-477a-a7be-c53c56c3e17a.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/font/manrope/2f9561d0-86ac-41eb-a91b-f476b4c42847.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/font/manrope/cbea40ca-7c15-4a1f-9c79-511cb2fe76b6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/font/manrope/9159a6a5-9ffe-48c3-a3bd-2bd0d5cf3ef2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/font/manrope/cecbbd90-6f7f-46b9-8781-d881db041162.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/font/manrope/a4f95e6f-128c-4dba-9e1b-b18ce2eab6fe.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/font/manrope/f102424f-85cd-477a-a7be-c53c56c3e17a.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/font/manrope/2f9561d0-86ac-41eb-a91b-f476b4c42847.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/font/manrope/cbea40ca-7c15-4a1f-9c79-511cb2fe76b6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/font/manrope/9159a6a5-9ffe-48c3-a3bd-2bd0d5cf3ef2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/font/manrope/cecbbd90-6f7f-46b9-8781-d881db041162.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/font/manrope/a4f95e6f-128c-4dba-9e1b-b18ce2eab6fe.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/font/manrope/f102424f-85cd-477a-a7be-c53c56c3e17a.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/font/manrope/2f9561d0-86ac-41eb-a91b-f476b4c42847.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/font/manrope/cbea40ca-7c15-4a1f-9c79-511cb2fe76b6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/font/manrope/9159a6a5-9ffe-48c3-a3bd-2bd0d5cf3ef2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/font/manrope/cecbbd90-6f7f-46b9-8781-d881db041162.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/font/manrope/a4f95e6f-128c-4dba-9e1b-b18ce2eab6fe.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/font/manrope/f102424f-85cd-477a-a7be-c53c56c3e17a.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/font/manrope/2f9561d0-86ac-41eb-a91b-f476b4c42847.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/font/manrope/cbea40ca-7c15-4a1f-9c79-511cb2fe76b6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/font/manrope/9159a6a5-9ffe-48c3-a3bd-2bd0d5cf3ef2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/font/manrope/cecbbd90-6f7f-46b9-8781-d881db041162.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/font/manrope/a4f95e6f-128c-4dba-9e1b-b18ce2eab6fe.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/font/manrope/f102424f-85cd-477a-a7be-c53c56c3e17a.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/font/manrope/2f9561d0-86ac-41eb-a91b-f476b4c42847.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/font/manrope/cbea40ca-7c15-4a1f-9c79-511cb2fe76b6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/font/manrope/9159a6a5-9ffe-48c3-a3bd-2bd0d5cf3ef2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/font/manrope/cecbbd90-6f7f-46b9-8781-d881db041162.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/font/manrope/a4f95e6f-128c-4dba-9e1b-b18ce2eab6fe.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/font/manrope/f102424f-85cd-477a-a7be-c53c56c3e17a.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/font/manrope/2f9561d0-86ac-41eb-a91b-f476b4c42847.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/font/manrope/cbea40ca-7c15-4a1f-9c79-511cb2fe76b6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/font/manrope/9159a6a5-9ffe-48c3-a3bd-2bd0d5cf3ef2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Manrope', sans-serif; color: #0B1320; overflow-x: hidden; background: #fff; -webkit-font-smoothing: antialiased; }
    a { text-decoration: none; color: inherit; }
    img { display: block; max-width: 100%; }

    /* ANIMATIONS */
    @keyframes fadeUpIn { from { opacity: 0; transform: translateY(36px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes scrollPulse { 0%,100% { opacity:.3; transform:scaleY(.6); } 50% { opacity:.8; transform:scaleY(1); } }
    @keyframes modalIn { from { opacity:0; transform:translateY(20px) scale(.97); } to { opacity:1; transform:none; } }
    .fadein { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s ease; }
    .fadein.visible { opacity: 1; transform: none; }

    /* PHOTO CARD */
    .photo-card { position: relative; overflow: hidden; cursor: pointer; }
    .photo-card img { width:100%; height:100%; object-fit:cover; filter:saturate(.7); transition:transform .65s ease, filter .5s ease; }
    .photo-card:hover img { transform:scale(1.05); filter:saturate(1.1); }

    /* HEADER */
    #header {
      position: fixed; top:0; left:0; right:0; z-index:1000;
      padding: 0 64px; height: 72px;
      display: flex; align-items: center; justify-content: space-between;
      background: transparent;
      transition: background .4s ease, box-shadow .4s ease;
    }
    #header.scrolled { background: rgba(255,255,255,0.97); box-shadow: 0 1px 0 rgba(0,0,0,.07); backdrop-filter: blur(20px); }
    #header .logo { display:flex; align-items:center; gap:10px; }
    #header .logo img { height:34px; width:auto; object-fit:contain; filter:none; transition:opacity .4s; }
    #header.scrolled .logo img { filter:none; }
    #header .logo span { font-size:17px; font-weight:800; color:#fff; transition:color .4s; }
    #header.scrolled .logo span { color:#0B1320; }
    #header nav { display:flex; gap:36px; }
    #header nav a { font-size:14px; font-weight:500; color:rgba(255,255,255,.78); transition:color .2s; }
    #header.scrolled nav a { color:#5A6273; }
    #header nav a:hover { color:#1E52E8; }
    #header .phone { font-size:15px; font-weight:700; color:#fff; transition:color .4s; }
    #header.scrolled .phone { color:#0B1320; }

    /* HERO */
    #hero { position:relative; height:100vh; min-height:720px; overflow:hidden; display:flex; align-items:flex-end; }
    #hero img.hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 40%; }
    #hero .overlay { position:absolute; inset:0; background:linear-gradient(130deg,rgba(11,19,32,.92) 0%,rgba(11,19,32,.55) 55%,rgba(11,19,32,.25) 100%); }
    #hero .grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:80px 80px; }
    #hero .content { position:relative; z-index:2; padding:0 80px 96px; width:100%; }
    #hero h1 { font-size:82px; font-weight:800; color:#fff; line-height:1.03; letter-spacing:-.04em; margin:0 0 32px; animation:fadeUpIn .9s ease .25s both; max-width:900px; }
    #hero p { font-size:18px; color:rgba(255,255,255,.6); line-height:1.7; margin:0 0 18px; animation:fadeUpIn .9s ease .4s both; max-width:500px; }
    #hero .tagline { display:flex; align-items:center; gap:14px; margin-bottom:52px; animation:fadeUpIn .9s ease .48s both; }
    #hero .tagline-line { width:32px; height:1px; background:#1E52E8; }
    #hero .tagline span { font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.35); }
    #hero .buttons { display:flex; gap:16px; animation:fadeUpIn .9s ease .55s both; }
    #hero .ghost-year { position:absolute; right:80px; top:50%; transform:translateY(-50%); font-size:180px; font-weight:800; color:rgba(255,255,255,.04); line-height:1; letter-spacing:-.06em; user-select:none; }
    #hero .scroll-line { position:absolute; bottom:44px; right:80px; width:1px; height:56px; background:linear-gradient(to bottom,transparent,rgba(255,255,255,.45)); animation:scrollPulse 2.2s infinite; }
    .btn-primary { background:#1E52E8; color:#fff; padding:18px 44px; font-size:14px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; display:inline-block; transition:background .2s, transform .2s; font-family:inherit; border:none; cursor:pointer; }
    .btn-primary:hover { background:#1440C0; transform:translateY(-2px); }
    .btn-outline { border:1px solid rgba(255,255,255,.28); color:rgba(255,255,255,.85); padding:18px 44px; font-size:14px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; display:inline-block; transition:border-color .2s,color .2s; }
    .btn-outline:hover { border-color:rgba(255,255,255,.65); color:#fff; }

    /* STATS */
    #stats { background:#fff; border-bottom:1px solid rgba(0,0,0,.06); display:grid; grid-template-columns:repeat(4,1fr); }
    .stat { padding:56px 48px; border-right:1px solid rgba(0,0,0,.07); }
    .stat:last-child { border-right:none; }
    .stat-label { font-size:12px; font-weight:700; color:#1E52E8; letter-spacing:.12em; text-transform:uppercase; margin-bottom:20px; }
    .stat-num { font-size:88px; font-weight:800; color:#0B1320; line-height:.9; letter-spacing:-.05em; margin-bottom:12px; }
    .stat-num span { font-size:52px; color:#1E52E8; }
    .stat-desc { font-size:15px; color:#6B7280; margin-top:16px; }

    /* SECTION HEADER */
    .section-tag { display:flex; align-items:center; gap:14px; margin-bottom:20px; }
    .section-tag-line { width:32px; height:1px; background:#1E52E8; }
    .section-tag span { font-size:12px; font-weight:700; color:#1E52E8; letter-spacing:.12em; text-transform:uppercase; }
    .section-title { font-size:56px; font-weight:800; color:#0B1320; line-height:1.06; letter-spacing:-.035em; margin:0; }
    .section-title-white { color:#fff; }

    /* ANSAT */
    #ansat { padding:100px 80px; background:#060D1A; position:relative; overflow:hidden; }
    #ansat .bg-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(30,82,232,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(30,82,232,.04) 1px,transparent 1px); background-size:64px 64px; pointer-events:none; }
    #ansat .inner { position:relative; z-index:2; }
    #ansat .top-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; margin-bottom:72px; }
    #ansat h2 { font-size:52px; font-weight:800; color:#fff; line-height:1.06; letter-spacing:-.035em; margin:0 0 24px; }
    #ansat h2 a { color:#1E52E8; border-bottom:2px solid #1E52E8; padding-bottom:2px; }
    #ansat h2 a:hover { opacity:.8; }
    #ansat p { font-size:16px; color:rgba(255,255,255,.55); line-height:1.75; }
    .ansat-metric { background:rgba(30,82,232,.08); border:1px solid rgba(30,82,232,.2); padding:36px 40px; }
    .ansat-metric .big { font-size:80px; font-weight:800; color:#1E52E8; letter-spacing:-.05em; line-height:.9; }
    .ansat-metric .desc { font-size:15px; color:rgba(255,255,255,.6); line-height:1.6; margin-top:12px; }
    .ansat-features { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.06); border-left:1px solid rgba(255,255,255,.06); }
    .ansat-feature { padding:36px 32px; border-right:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); }
    .ansat-feature-icon { width:40px; height:40px; background:rgba(30,82,232,.15); display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
    .ansat-feature h4 { font-size:17px; font-weight:700; color:#fff; margin:0 0 10px; letter-spacing:-.02em; }
    .ansat-feature p { font-size:13px; color:rgba(255,255,255,.45); line-height:1.65; margin:0; }
    .ansat-footer { margin-top:40px; display:flex; align-items:center; gap:24px; }
    .ansat-footer a { display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(30,82,232,.4); color:#1E52E8; padding:14px 28px; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; transition:border-color .2s, background .2s; }
    .ansat-footer a:hover { border-color:#1E52E8; background:rgba(30,82,232,.1); }
    .ansat-footer span { font-size:13px; color:rgba(255,255,255,.25); }

    /* SERVICES */
    #services { padding:100px 80px; background:#F4F5F7; }
    #services .header-grid { display:grid; grid-template-columns:1fr 2fr; gap:80px; align-items:end; margin-bottom:64px; }
    #services .header-grid p { font-size:17px; color:#6B7280; line-height:1.7; margin:0; }
    .services-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(0,0,0,.08); border-left:1px solid rgba(0,0,0,.08); }
    .service-card { padding:44px 40px; border-right:1px solid rgba(0,0,0,.08); border-bottom:1px solid rgba(0,0,0,.08); display:flex; flex-direction:column; gap:16px; cursor:pointer; background:#F4F5F7; transition:background .25s; }
    .service-card:hover { background:#fff; }
    .service-card .num { font-size:11px; font-weight:800; color:#1E52E8; letter-spacing:.16em; text-transform:uppercase; }
    .service-card h3 { font-size:22px; font-weight:700; color:#0B1320; letter-spacing:-.025em; line-height:1.3; margin:0; }
    .service-card p { font-size:14px; color:#6B7280; line-height:1.65; flex:1; margin:0; }
    .service-more { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:#1E52E8; letter-spacing:.08em; text-transform:uppercase; padding-top:8px; border-top:1px solid rgba(0,0,0,.06); cursor:pointer; background:none; border-left:none; border-right:none; border-bottom:none; font-family:inherit; }

    /* REPAIRS */
    #repairs { padding:100px 80px; background:#fff; }
    #repairs .two-col { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; margin-bottom:72px; }
    #repairs h2 { font-size:52px; font-weight:800; color:#0B1320; line-height:1.06; letter-spacing:-.035em; margin:0 0 24px; }
    #repairs .lead { font-size:16px; color:#6B7280; line-height:1.75; margin:0 0 28px; }
    .highlight-bar { display:flex; align-items:center; gap:12px; padding:18px 24px; background:rgba(30,82,232,.05); border-left:3px solid #1E52E8; }
    .highlight-bar span { font-size:13px; color:#374151; font-weight:600; }
    .steps-box { background:#F4F5F7; padding:44px 40px; }
    .steps-label { font-size:13px; font-weight:700; color:#1E52E8; letter-spacing:.1em; text-transform:uppercase; margin-bottom:32px; }
    .step { display:flex; gap:20px; padding-bottom:32px; border-bottom:1px solid rgba(0,0,0,.07); margin-bottom:32px; }
    .step:last-child { padding-bottom:0; border-bottom:none; margin-bottom:0; }
    .step-num { width:36px; height:36px; background:#1E52E8; color:#fff; font-size:14px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .step-title { font-size:15px; font-weight:700; color:#0B1320; margin-bottom:6px; letter-spacing:-.01em; }
    .step-desc { font-size:13px; color:#6B7280; line-height:1.65; }
    .repairs-cta { display:flex; gap:16px; align-items:center; }
    .btn-dark-outline { display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(0,0,0,.15); color:#374151; padding:16px 36px; font-size:13px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; transition:border-color .2s, color .2s; }
    .btn-dark-outline:hover { border-color:#1E52E8; color:#1E52E8; }

    /* OBJECTS */
    #objects { padding:100px 80px; background:#fff; }
    #objects .header-row { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:56px; gap:40px; }
    #objects .header-row p { font-size:15px; color:#6B7280; line-height:1.65; max-width:360px; margin:0; }
    .objects-grid { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:420px 340px; gap:3px; }
    .object-card { position:relative; overflow:hidden; }
    .object-card img { width:100%; height:100%; object-fit:cover; filter:saturate(.7); transition:transform .65s ease, filter .5s ease; }
    .object-card:hover img { transform:scale(1.05); filter:saturate(1.1); }
    .object-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(11,19,32,.88) 0%,rgba(11,19,32,.1) 55%,transparent 100%); }
    .object-info { position:absolute; bottom:0; left:0; right:0; padding:36px; }
    .object-area { font-size:11px; font-weight:700; color:rgba(255,255,255,.55); letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px; }
    .object-name { font-size:30px; font-weight:800; color:#fff; letter-spacing:-.025em; line-height:1.1; }
    .object-desc { font-size:13px; color:rgba(255,255,255,.6); margin-top:8px; }

    /* EVENTS */
    #events { padding:100px 0; background:#0B1320; overflow:hidden; }
    #events .events-header { padding:0 80px 56px; }
    #events h2 { font-size:56px; font-weight:800; color:#fff; line-height:1.06; letter-spacing:-.035em; margin:0; max-width:700px; }
    .events-scroll { display:flex; gap:3px; overflow-x:auto; padding:0 80px; scrollbar-width:none; }
    .events-scroll::-webkit-scrollbar { display:none; }
    .event-card { position:relative; width:380px; height:460px; flex-shrink:0; overflow:hidden; }
    .event-card img { width:100%; height:100%; object-fit:cover; filter:saturate(.6); transition:transform .65s ease, filter .5s ease; }
    .event-card:hover img { transform:scale(1.08); filter:saturate(1); }
    .event-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(11,19,32,.92) 0%,rgba(11,19,32,.15) 50%,transparent 100%); }
    .event-info { position:absolute; bottom:0; left:0; right:0; padding:32px 28px; }
    .event-year { font-size:11px; color:rgba(255,255,255,.45); letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px; font-weight:700; }
    .event-name { font-size:24px; font-weight:800; color:#fff; letter-spacing:-.025em; line-height:1.2; }

    /* CLIENTS */
    #clients { padding:100px 80px; background:#fff; }
    #clients .header-row { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:64px; gap:40px; }
    #clients .header-row p { font-size:15px; color:#6B7280; line-height:1.65; max-width:360px; margin:0; flex-shrink:0; }
    .partners-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); width:100%; max-width:100%; overflow:hidden; border-top:1px solid rgba(0,0,0,.07); border-left:1px solid rgba(0,0,0,.07); }
    .partner-item { min-width:0; border-right:1px solid rgba(0,0,0,.07); border-bottom:1px solid rgba(0,0,0,.07); padding:44px 32px; display:flex; align-items:center; justify-content:center; min-height:120px; transition:background .2s; }
    .partner-item:hover { background:#F4F5F7; }
    .partner-item img { max-height:44px; max-width:min(130px,100%); width:auto; height:auto; object-fit:contain; filter:grayscale(1) brightness(.65); transition:filter .35s ease; }
    .partner-item:hover img { filter:grayscale(0) brightness(1); }

    /* WHY US */
    #about { padding:100px 80px; background:#F4F5F7; }
    .why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:3px; margin-top:64px; }
    .why-card { background:#fff; padding:56px 44px; }
    .why-card.dark { background:#0B1320; }
    .why-num { font-size:72px; font-weight:800; color:#1E52E8; letter-spacing:-.05em; line-height:.9; margin-bottom:28px; }
    .why-card h3 { font-size:24px; font-weight:700; color:#0B1320; margin:0 0 14px; letter-spacing:-.025em; }
    .why-card.dark h3 { color:#fff; }
    .why-card p { font-size:14px; color:#6B7280; line-height:1.65; margin:0; }
    .why-card.dark p { color:rgba(255,255,255,.5); }

    /* CONTACT */
    #contact { padding:120px 80px; background:#060D1A; position:relative; overflow:hidden; }
    #contact .circle1 { position:absolute; right:-120px; top:-120px; width:700px; height:700px; border:1px solid rgba(255,255,255,.04); border-radius:50%; pointer-events:none; }
    #contact .circle2 { position:absolute; right:-220px; top:-220px; width:900px; height:900px; border:1px solid rgba(255,255,255,.025); border-radius:50%; pointer-events:none; }
    #contact .inner { position:relative; z-index:2; }
    #contact h2 { font-size:76px; font-weight:800; color:#fff; line-height:1.02; letter-spacing:-.04em; margin:0 0 56px; max-width:800px; }
    .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
    .contact-phone { font-size:52px; font-weight:800; color:#fff; letter-spacing:-.04em; display:block; margin-bottom:10px; transition:color .2s; }
    .contact-phone:hover { color:#1E52E8; }
    .contact-hours { font-size:14px; color:rgba(255,255,255,.4); margin:0 0 44px; }
    .contact-address { font-size:15px; color:rgba(255,255,255,.5); line-height:1.75; }

    /* FORM */
    .contact-form { display:flex; flex-direction:column; gap:12px; }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .form-field { display:flex; flex-direction:column; gap:6px; }
    .form-field label { font-size:11px; font-weight:700; color:rgba(255,255,255,.35); letter-spacing:.1em; text-transform:uppercase; }
    .form-field input, .form-field textarea {
      background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#fff;
      padding:14px 18px; font-size:14px; font-family:inherit; outline:none;
      transition:border-color .2s; width:100%;
    }
    .form-field input:focus, .form-field textarea:focus { border-color:rgba(30,82,232,.6); }
    .form-field textarea { resize:vertical; }
    .form-submit { background:#1E52E8; color:#fff; padding:18px 36px; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; border:none; cursor:pointer; transition:background .2s; font-family:inherit; display:flex; align-items:center; justify-content:space-between; }
    .form-submit:hover { background:#1440C0; }
    .form-notice { font-size:11px; color:rgba(255,255,255,.2); line-height:1.6; }
    .form-success { background:rgba(30,82,232,.12); border:1px solid rgba(30,82,232,.3); padding:36px 40px; display:none; flex-direction:column; gap:14px; }
    .form-success.visible { display:flex; }
    .form-success-title { font-size:22px; font-weight:800; color:#fff; }
    .form-success-desc { font-size:14px; color:rgba(255,255,255,.5); line-height:1.65; }

    /* MODAL */
    #modal { position:fixed; inset:0; z-index:3000; background:rgba(6,13,26,.75); backdrop-filter:blur(10px); display:none; align-items:center; justify-content:center; padding:40px; }
    #modal.open { display:flex; }
    .modal-panel { background:#fff; width:100%; max-width:580px; position:relative; animation:modalIn .3s ease both; }
    .modal-close { position:absolute; top:20px; right:20px; background:none; border:none; cursor:pointer; padding:8px; color:#9CA3AF; transition:color .2s; }
    .modal-close:hover { color:#0B1320; }
    .modal-head { background:#F4F5F7; padding:44px 48px 36px; border-bottom:1px solid rgba(0,0,0,.06); display:flex; gap:28px; align-items:flex-start; }
    .modal-icon { width:80px; height:80px; background:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 2px 16px rgba(30,82,232,.1); }
    .modal-id { font-size:11px; font-weight:800; color:#1E52E8; letter-spacing:.14em; text-transform:uppercase; margin-bottom:10px; }
    .modal-title { font-size:28px; font-weight:800; color:#0B1320; letter-spacing:-.03em; line-height:1.2; margin:0; }
    .modal-body { padding:36px 48px 44px; }
    .modal-desc { font-size:15px; color:#4B5563; line-height:1.75; margin:0 0 36px; }
    .modal-cta { display:flex; align-items:center; justify-content:space-between; background:#1E52E8; color:#fff; padding:18px 28px; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; transition:background .2s; }
    .modal-cta:hover { background:#1440C0; }

    /* FOOTER */
    footer { background:#040A12; padding:56px 80px; border-top:1px solid rgba(255,255,255,.05); }
    .footer-top { display:flex; justify-content:space-between; align-items:flex-start; gap:60px; margin-bottom:48px; }
    .footer-brand { display:flex; align-items:center; gap:10px; margin-bottom:4px; }
    .footer-brand img { height:30px; width:auto; object-fit:contain; filter:none; opacity:.85; }
    .footer-brand-name { font-size:15px; font-weight:800; color:rgba(255,255,255,.6); }
    .footer-desc { font-size:13px; color:rgba(255,255,255,.28); line-height:1.65; max-width:260px; margin:18px 0 20px; }
    .footer-login { display:inline-flex; align-items:center; gap:8px; background:#1E52E8; color:#fff; padding:10px 18px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; transition:background .2s; }
    .footer-login:hover { background:#1440C0; }
    .footer-links { display:flex; gap:80px; }
    .footer-col-title { font-size:11px; font-weight:700; color:rgba(255,255,255,.25); letter-spacing:.14em; text-transform:uppercase; margin-bottom:20px; }
    .footer-col { display:flex; flex-direction:column; gap:12px; }
    .footer-col a { font-size:13px; color:rgba(255,255,255,.45); transition:color .2s; }
    .footer-col a:hover { color:#fff; }
    .footer-bottom { padding-top:24px; border-top:1px solid rgba(255,255,255,.05); display:flex; justify-content:space-between; align-items:center; }
    .footer-copy { font-size:12px; color:rgba(255,255,255,.2); }
    .footer-url { font-size:12px; color:rgba(255,255,255,.2); transition:color .2s; }
    .footer-url:hover { color:rgba(255,255,255,.5); }

  /* ─── BURGER ─── */
  .burger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:8px; }
  .burger span { width:24px; height:2px; background:#fff; display:block; transition:all .3s ease; }
  #header.scrolled .burger span { background:#0B1320; }
  .burger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .burger.open span:nth-child(2) { opacity:0; }
  .burger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

  /* ─── MOBILE NAV DRAWER ─── */
  #mobileNav {
    position:fixed; inset:0; z-index:999; background:#060D1A;
    transform:translateX(100%); transition:transform .35s ease;
    display:flex; flex-direction:column; justify-content:center; padding:80px 40px;
  }
  #mobileNav.open { transform:translateX(0); }
  #mobileNav a { font-size:32px; font-weight:800; color:#fff; letter-spacing:-.03em; display:block; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.07); transition:color .2s; }
  #mobileNav a:hover { color:#1E52E8; }
  #mobileNav .mobile-phone { font-size:22px; font-weight:700; color:#1E52E8; margin-top:40px; display:block; border:none; }

  @media (max-width: 1024px) {
    #header { padding:0 32px; }
    #hero .content { padding:0 32px 72px; }
    #hero h1 { font-size:52px; }
    #hero .ghost-year { display:none; }
    #stats { grid-template-columns:repeat(2,1fr); }
    .stat { border-bottom:1px solid rgba(0,0,0,.07); }
    #ansat { padding:72px 32px; }
    #ansat .top-grid { grid-template-columns:1fr; gap:40px; }
    .ansat-features { grid-template-columns:repeat(2,1fr); }
    #services { padding:72px 32px; }
    #services .header-grid { grid-template-columns:1fr; gap:24px; }
    .services-grid { grid-template-columns:repeat(2,1fr); }
    #repairs { padding:72px 32px; }
    #repairs .two-col { grid-template-columns:1fr; gap:40px; }
    #objects { padding:72px 32px; }
    .objects-grid { grid-template-rows:320px 260px; }
    #events { padding:72px 0; }
    #events .events-header { padding:0 32px 40px; }
    #events h2 { font-size:40px; }
    .events-scroll { padding:0 32px; }
    #clients { padding:72px 32px; }
    .partners-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    #about { padding:72px 32px; }
    .why-grid { grid-template-columns:1fr 1fr; }
    #contact { padding:72px 32px; }
    #contact h2 { font-size:52px; }
    .contact-grid { grid-template-columns:1fr; gap:48px; }
    .contact-phone { font-size:36px; }
    footer { padding:48px 32px; }
    .footer-top { flex-direction:column; gap:40px; }
    .footer-links { flex-direction:column; gap:32px; }
  }

  @media (max-width: 640px) {
    #header { padding:0 20px; }
    #header nav { display:none; }
    #header .phone { display:none; }
    .burger { display:flex; }

    #hero .content { padding:0 20px 60px; }
    #hero h1 { font-size:38px; line-height:1.1; }
    #hero p { font-size:15px; }
    #hero .buttons { flex-direction:column; }
    #hero .scroll-line { display:none; }

    #stats { grid-template-columns:1fr 1fr; }
    .stat { padding:36px 24px; }
    .stat-num { font-size:60px; }
    .stat-num span { font-size:36px; }

    #ansat { padding:56px 20px; }
    #ansat h2 { font-size:32px; }
    .ansat-metric .big { font-size:56px; }
    .ansat-features { grid-template-columns:1fr; }
    .ansat-footer { flex-direction:column; align-items:flex-start; gap:12px; }

    #services { padding:56px 20px; }
    .section-title { font-size:36px; }
    .services-grid { grid-template-columns:1fr; }

    #repairs { padding:56px 20px; }
    #repairs h2 { font-size:32px; }
    .repairs-cta { flex-direction:column; align-items:stretch; }

    #objects { padding:56px 20px; }
    .objects-grid { grid-template-columns:1fr; grid-template-rows:260px 220px 220px 220px; }

    #events { padding:56px 0; }
    #events .events-header { padding:0 20px 32px; }
    #events h2 { font-size:32px; }
    .events-scroll { padding:0 20px; gap:12px; }
    .event-card { width:280px; height:360px; }

    #clients { padding:56px 20px; }
    #clients .header-row { flex-direction:column; align-items:flex-start; gap:18px; margin-bottom:36px; }
    #clients .header-row p { max-width:100%; flex-shrink:1; }
    .partners-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .partner-item { padding:24px 14px; min-height:90px; }
    .partner-item img { max-height:38px; }

    #about { padding:56px 20px; }
    .why-grid { grid-template-columns:1fr; }
    .why-card { padding:40px 28px; }
    .why-num { font-size:52px; }

    #contact { padding:56px 20px; }
    #contact h2 { font-size:36px; }
    .contact-phone { font-size:28px; }

    .modal-head { padding:32px 24px 24px; flex-direction:column; gap:20px; }
    .modal-body { padding:24px 24px 32px; }
    .modal-title { font-size:22px; }

    footer { padding:40px 20px; }
    .footer-links { flex-direction:column; gap:28px; }
  }