:root {
  --navy: #15233d;
  --navy-2: #20395f;
  --gold: #9b651f;
  --gold-light: #f0b85f;
  --green-bg: #dcebd5;
  --purple: #6841c7;
  --ink: #171b25;
  --muted: #666d78;
  --line: #d9dde2;
  --white: #fff;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 128px; }
body { margin: 0; color: var(--ink); background: #fff; font-family: Arial, Helvetica, sans-serif; line-height: 1.35; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.skip-link { position: fixed; z-index: 9999; top: 8px; left: 8px; padding: 10px 14px; color: #fff; background: #000; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.header { position: sticky; z-index: 1000; top: 0; background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.12); }
.header-top { position: relative; display: flex; width: min(var(--max), calc(100% - 30px)); height: 31px; margin: auto; align-items: center; justify-content: flex-end; font-size: 12px; }
.header-top__audience { position: absolute; left: 50%; display: flex; height: 100%; gap: 28px; transform: translateX(-50%); }
.header-top__audience a { display: flex; align-items: center; }
.header-top__audience .is-active { position: relative; font-weight: 700; }
.header-top__audience .is-active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; content: ""; background: var(--gold); }
.header-top__links { display: flex; align-items: center; gap: 17px; }
.header-top__links span { color: var(--navy); font-weight: 800; }

.header-main { display: flex; width: min(var(--max), calc(100% - 30px)); height: 84px; margin: auto; align-items: center; gap: 26px; }
.logo { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; }
.logo-symbol { display: grid; width: 66px; height: 44px; overflow: hidden; background: transparent; place-items: center; }
.logo-symbol img { width: 100%; height: 100%; object-fit: contain; transform: none; }
.logo-name { display: grid; color: var(--navy); font-size: 20px; font-weight: 900; letter-spacing: .035em; line-height: 1; }
.logo-name small { margin-top: 5px; color: var(--gold); font-size: 8px; letter-spacing: .16em; text-transform: uppercase; }

.header-search { display: flex; width: 325px; height: 34px; margin-left: auto; align-items: center; padding: 0 10px; border: 1px solid #555; border-radius: 7px; box-shadow: 0 1px 4px rgba(0,0,0,.22); }
.header-search svg { width: 19px; flex: 0 0 19px; }
.header-search input { min-width: 0; flex: 1; padding: 6px 10px; border: 0; outline: 0; font-size: 14px; }
.header-search button { padding: 0; color: #444; background: transparent; border: 0; font-weight: 800; }
.header-primary { display: flex; align-items: center; gap: 23px; white-space: nowrap; font-size: 13px; font-weight: 700; }
.round-icon, .menu-button { display: grid; width: 36px; height: 36px; padding: 0; background: #f3f4f5; border: 0; border-radius: 50%; place-items: center; }
.round-icon svg { width: 19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.header-icons { display: flex; gap: 9px; }
.menu-button { position: relative; background: transparent; border-radius: 0; }
.menu-button i { position: absolute; left: 7px; display: block; width: 22px; height: 2px; background: #222; transition: transform .2s ease, opacity .2s ease, top .2s ease; }
.menu-button i:nth-child(1) { top: 10px; }
.menu-button i:nth-child(2) { top: 17px; }
.menu-button i:nth-child(3) { top: 24px; }
.menu-button[aria-expanded="true"] i:nth-child(1) { top: 17px; transform: rotate(45deg); }
.menu-button[aria-expanded="true"] i:nth-child(2) { opacity: 0; }
.menu-button[aria-expanded="true"] i:nth-child(3) { top: 17px; transform: rotate(-45deg); }
.menu-panel { position: absolute; top: 100%; right: 0; left: 0; display: grid; visibility: hidden; padding: 34px max(30px, calc((100% - var(--max))/2)); background: #fff; border-top: 1px solid var(--line); box-shadow: 0 22px 35px rgba(0,0,0,.14); opacity: 0; transform: translateY(-8px); grid-template-columns: repeat(3, 1fr); gap: 40px; transition: .2s ease; }
.menu-panel.is-open { visibility: visible; opacity: 1; transform: translateY(0); }
.menu-panel div { display: grid; align-content: start; gap: 11px; }
.menu-panel strong { padding-bottom: 10px; color: var(--gold); border-bottom: 1px solid var(--line); }
.menu-panel a { font-size: 14px; }

.hero { position: relative; overflow: hidden; }
.hero-track {
  position: relative;
  height: 735px;
}
.hero-slide { position: absolute; visibility: hidden; inset: 0; display: grid; overflow: hidden; padding-inline: max(38px, calc((100% - var(--max))/2)); color: #fff; opacity: 0; grid-template-columns: .9fr 1.1fr; transition: opacity .45s ease, visibility .45s ease; }
.hero-slide.is-active { visibility: visible; opacity: 1; }
.hero-slide--gold { background: #9b5a13; }
.hero-slide--gold::before { position: absolute; z-index: 1; inset: 0; content: ""; background: linear-gradient(108deg, rgba(155,90,19,.84) 0%, rgba(217,142,46,.76) 53%, rgba(240,184,95,.68) 100%); pointer-events: none; }
.hero-slide--blue { background: #102039; }
.hero-slide--blue::before { position: absolute; z-index: 1; inset: 0; content: ""; background: linear-gradient(108deg, rgba(16,32,57,.94) 0%, rgba(29,71,116,.86) 55%, rgba(75,141,195,.78) 100%); pointer-events: none; }
.hero-slide--violet { background: #33205c; }
.hero-slide--violet::before { position: absolute; z-index: 1; inset: 0; content: ""; background: linear-gradient(108deg, rgba(51,32,92,.9) 0%, rgba(103,65,189,.82) 55%, rgba(183,80,179,.72) 100%); pointer-events: none; }
.hero-video-bg { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .32; pointer-events: none; }
.hero-video-bg--commerce { opacity: .5; }
.hero-video-bg--local { opacity: .42; }
.hero-copy { z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 35px 0; }
.hero-partner-logo { display: block; width: min(184px, 52vw); height: auto; margin: 0 0 16px; padding: 10px 14px; background: rgba(255,255,255,.94); border-radius: 10px; box-shadow: 0 14px 28px rgba(0,0,0,.18); object-fit: contain; }
.hero-kicker { margin: 0 0 10px; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.hero-copy h1, .hero-copy h2 { margin: 0 0 18px; font-size: clamp(38px, 4.3vw, 61px); line-height: 1.02; letter-spacing: -.035em; }
.hero-copy > p:not(.hero-kicker) { max-width: 480px; margin: 0 0 25px; font-size: 19px; }
.hero-button { width: 320px; max-width: 100%; padding: 13px 20px; color: #222; background: #fff; border: 1px solid rgba(0,0,0,.25); border-radius: 8px; box-shadow: 0 1px 2px rgba(0,0,0,.15); font-size: 15px; font-weight: 700; text-align: center; }
.hero-button:hover { color: #fff; background: var(--navy); }
.hero-art { position: relative; z-index: 2; min-width: 0; }
.device { position: absolute; top: 50%; left: 50%; width: min(520px, 85%); overflow: hidden; color: #111; background: #fff; border: 1px solid rgba(255,255,255,.5); border-radius: 30px; box-shadow: 0 35px 50px rgba(84,38,0,.28); transform: translate(-50%, -50%) rotate(3deg); }
.device-bar { display: flex; height: 35px; align-items: center; gap: 6px; padding: 0 14px; background: #f0f1f3; }
.device-bar i { width: 7px; height: 7px; background: #c7c9cc; border-radius: 50%; }
.device-bar span { margin-left: 10px; color: #777; font-size: 9px; }
.device-content { display: grid; min-height: 230px; padding: 30px 38px; background: linear-gradient(135deg, #fff4dc, #eadcf7); grid-template-columns: 1fr 1fr; align-items: center; }
.device-copy { display: grid; }
.device-copy small { font-size: 9px; font-weight: 800; }
.device-copy strong { font-size: 39px; line-height: .9; letter-spacing: -.05em; }
.device-copy b { width: max-content; margin-top: 18px; padding: 7px 11px; color: #fff; background: #181821; border-radius: 5px; font-size: 8px; }
.ai-product { display: grid; width: 140px; height: 175px; margin: auto; color: #fff; background: linear-gradient(145deg, #ee9135, #8947cf); border-radius: 70px 70px 30px 30px; box-shadow: 0 20px 30px rgba(90,44,126,.25); font-size: 38px; font-weight: 900; transform: rotate(8deg); place-items: center; }
.device-products { display: grid; padding: 14px 20px 18px; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.device-products i { height: 40px; background: #eef0f3; border-radius: 8px; }
.hero-badge { position: absolute; right: 4%; bottom: 40px; display: grid; min-width: 190px; padding: 12px 15px; color: #222; background: #fff; border-radius: 14px; box-shadow: 0 16px 30px rgba(0,0,0,.22); }
.hero-badge b { font-size: 12px; }.hero-badge small { color: #777; font-size: 10px; }
.office-screen { position: absolute; top: 50%; left: 50%; width: min(500px, 85%); padding: 24px; color: var(--ink); background: #fff; border-radius: 25px; box-shadow: 0 35px 55px rgba(0,0,0,.27); transform: translate(-50%,-50%) rotate(-3deg); }
.screen-top { display: flex; padding-bottom: 17px; border-bottom: 1px solid var(--line); justify-content: space-between; }
.screen-top span { color: #2e9a71; font-size: 11px; }
.screen-numbers { display: grid; margin: 18px 0; grid-template-columns: repeat(3,1fr); gap: 10px; }
.screen-numbers b { padding: 18px 8px; color: #1e527e; background: #edf5fb; border-radius: 12px; font-size: 25px; text-align: center; }
.screen-numbers small { display: block; color: #6b7d8c; font-size: 9px; }
.screen-chart { display: flex; height: 95px; align-items: end; gap: 12px; }
.screen-chart i { width: 14%; height: 35%; background: #dfebf3; border-radius: 6px 6px 0 0; }
.screen-chart i:nth-child(2) { height: 55%; }.screen-chart i:nth-child(3) { height: 44%; }.screen-chart i:nth-child(4) { height: 78%; }.screen-chart i:nth-child(5) { height: 68%; }.screen-chart i:nth-child(6) { height: 94%; background: var(--gold-light); }
.map-phone { position: absolute; top: 50%; left: 50%; width: min(420px, 80%); height: 350px; overflow: hidden; background: #e9e5f5; border: 14px solid #fff; border-radius: 42px; box-shadow: 0 35px 55px rgba(0,0,0,.27); transform: translate(-50%,-50%) rotate(4deg); }
.map-search { position: absolute; z-index: 3; top: 22px; left: 50%; width: 78%; padding: 10px 14px; color: #7b7b85; background: #fff; border-radius: 30px; font-size: 10px; transform: translateX(-50%); }
.map-road { position: absolute; width: 150%; height: 24px; background: #fff; border-radius: 20px; }
.road-a { top: 120px; left: -70px; transform: rotate(-18deg); }.road-b { top: 230px; left: -40px; transform: rotate(27deg); }.road-c { top: 160px; left: 70px; transform: rotate(77deg); }
.pin { position: absolute; z-index: 2; width: 35px; height: 35px; background: #df4a92; border: 5px solid #fff; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); }
.pin-a { top: 135px; left: 120px; }.pin-b { right: 70px; bottom: 75px; transform: rotate(-45deg) scale(.7); }
.map-result { position: absolute; z-index: 4; right: 15px; bottom: 18px; display: grid; width: 200px; padding: 13px 16px; color: #222; background: #fff; border-radius: 13px; box-shadow: 0 13px 25px rgba(0,0,0,.18); }
.map-result b { font-size: 12px; }.map-result small { color: #e5a321; }
.hero-arrow, .offer-arrow { position: absolute; z-index: 5; top: 50%; display: grid; width: 42px; height: 42px; color: var(--gold); background: #fff; border: 1px solid rgba(0,0,0,.3); border-radius: 50%; font-size: 21px; transform: translateY(-50%); place-items: center; }
.hero-arrow--prev { left: 10px; }.hero-arrow--next { right: 10px; }
.hero-dots { position: absolute; z-index: 5; bottom: 14px; left: 50%; display: flex; gap: 2px; transform: translateX(-50%); }
.hero-dots button { position: relative; width: 28px; height: 28px; padding: 0; background: transparent; border: 0; border-radius: 50%; }
.hero-dots button::before { position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; content: ""; background: rgba(255,255,255,.55); border-radius: 50%; transform: translate(-50%,-50%); }
.hero-dots button.is-active::before { width: 27px; background: #fff; border-radius: 9px; }

.quick-actions { display: grid; width: min(900px, calc(100% - 30px)); min-height: 112px; margin: auto; grid-template-columns: repeat(6,1fr); }
.quick-actions a { display: flex; align-items: center; justify-content: center; gap: 9px; color: #333; font-size: 11px; text-align: center; }
.quick-actions svg { width: 43px; color: #8fbd6d; }
.quick-actions a:hover { color: var(--gold); }

.partnerships { padding: 52px max(30px, calc((100% - var(--max))/2)) 65px; background: #f6f7f9; border-top: 1px solid #e5e7ea; border-bottom: 1px solid #e5e7ea; }
.partnerships-heading { max-width: 720px; margin: 0 auto 35px; text-align: center; }
.partnerships-heading > span { color: var(--gold); font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.partnerships-heading h2 { margin: 8px 0 10px; font-size: 37px; }
.partnerships-heading p { margin: 0; color: var(--muted); font-size: 14px; }
.partner-logos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.partner-logo { position: relative; display: grid; min-height: 150px; padding: 38px 30px 25px; overflow: hidden; background: #fff; border: 1px solid #dfe2e6; border-radius: 14px; box-shadow: 0 7px 20px rgba(21,35,61,.06); place-items: center; transition: transform .2s ease, box-shadow .2s ease; }
.partner-logo:hover { box-shadow: 0 15px 32px rgba(21,35,61,.12); transform: translateY(-4px); }
.partner-logo img { display: block; width: auto; max-width: 88%; height: auto; max-height: 67px; object-fit: contain; }
.partner-logo--elorus img { max-width: 190px; }
.partner-logo--cosmote img { max-width: 215px; }
.partner-logo--google img { max-width: 165px; max-height: 58px; }
.partner-badge { position: absolute; top: 0; right: 0; left: 0; padding: 7px 10px; color: #fff; background: var(--navy); font-size: 8px; font-weight: 900; letter-spacing: .13em; text-align: center; }

.category-section { padding: 12px 0 70px; }
.category-grid { display: grid; width: min(var(--max), calc(100% - 40px)); margin: auto; grid-template-columns: repeat(4,1fr); gap: 24px; }
.category-card { display: grid; gap: 12px; }
.category-art { position: relative; display: grid; height: 210px; overflow: hidden; border-radius: 44px 0 44px 0; place-items: center; }
.category-art::after { position: absolute; content: ""; inset: 0; background: linear-gradient(180deg, rgba(21,35,61,0) 35%, rgba(21,35,61,.34) 100%); }
.category-art img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.category-card:hover .category-art img { transform: scale(1.06); }
.category-card strong { padding: 9px 12px; border: 1px solid #aeb2b7; border-radius: 7px; box-shadow: 0 1px 3px rgba(0,0,0,.1); font-size: 17px; text-align: center; }
.category-card--web .category-art { background: linear-gradient(135deg,#1c4f77,#5ba5cd); }
.category-card--shop .category-art { background: linear-gradient(135deg,#b75b18,#f0b85f); }
.category-card--market .category-art { background: linear-gradient(135deg,#55309f,#b44ead); }
.category-card--office .category-art { background: linear-gradient(135deg,#174c47,#4eaa8c); }
.mini-browser { width: 76%; padding: 13px; background: #fff; border-radius: 12px; box-shadow: 0 20px 30px rgba(0,0,0,.2); }
.mini-browser i { display: inline-block; width: 7px; height: 7px; margin-right: 4px; background: #ddd; border-radius: 50%; }
.mini-browser span { display: block; height: 58px; margin-top: 9px; background: linear-gradient(120deg,#f8d8aa,#e4d4ef); border-radius: 6px; }
.mini-browser b { display: block; width: 55%; height: 8px; margin: 10px auto 0; background: #e5e7e9; border-radius: 5px; }
.shopping-bag { display: grid; width: 130px; height: 145px; color: #fff; background: linear-gradient(145deg,#ef9841,#8d4ccd); border-radius: 15px 15px 40px 40px; box-shadow: 0 22px 30px rgba(74,34,83,.3); font-size: 39px; font-weight: 900; place-items: center; }
.shopping-bag span { position: absolute; top: 32px; right: 65px; font-size: 25px; }
.growth-lines { position: relative; display: flex; width: 75%; height: 135px; align-items: end; justify-content: center; gap: 15px; }
.growth-lines i { width: 17%; height: 30%; background: rgba(255,255,255,.65); border-radius: 7px 7px 0 0; }.growth-lines i:nth-child(2){height:55%}.growth-lines i:nth-child(3){height:85%}
.growth-lines b { position: absolute; top: 0; right: 20px; color: #fff; font-size: 55px; }
.office-desk { position: relative; width: 75%; height: 140px; background: #f7f7f7; border-radius: 14px; box-shadow: 0 20px 30px rgba(0,0,0,.2); }
.office-desk i { position: absolute; top: 20px; left: 20px; width: 55%; height: 65px; background: #d8eee8; border-radius: 7px; }
.office-desk b { position: absolute; top: 25px; right: 20px; width: 45px; height: 45px; background: var(--gold-light); border-radius: 50%; }
.office-desk span { position: absolute; right: 20px; bottom: 22px; left: 20px; height: 12px; background: #dfe3e4; border-radius: 5px; }

.packages { scroll-margin-top: 128px; padding: 47px max(25px, calc((100% - var(--max))/2)) 100px; background: var(--green-bg); border-top: 2px solid #bdd7b5; }
.section-title h2 { margin: 0 0 42px; font-size: 42px; text-align: center; }
.package-tabs { display: flex; width: min(650px,100%); margin: 0 auto 48px; justify-content: center; gap: 18px; }
.package-tabs button { flex: 1; padding: 12px 20px; background: #fff; border: 1px solid transparent; border-radius: 28px; font-weight: 700; }
.package-tabs button.is-active { color: var(--gold); border-color: var(--gold); }
.package-panel { display: none; grid-template-columns: repeat(3,1fr); gap: 45px; }
.package-panel.is-active { display: grid; }
.package-card { position: relative; display: flex; min-height: 590px; flex-direction: column; padding: 35px 25px 24px; background: #fff; border-radius: 18px; box-shadow: 0 8px 18px rgba(72,97,62,.12); }
.package-ribbon { position: absolute; top: -34px; right: 17px; left: 17px; padding: 9px; color: #fff; background: var(--gold); border-radius: 18px 18px 0 0; font-size: 12px; text-align: center; }
.package-icon { display: grid; height: 170px; margin-bottom: 18px; overflow: hidden; color: #88b66b; background: #edf5ea; border-radius: 18px 0 18px 0; box-shadow: 0 14px 28px rgba(72,97,62,.14); place-items: center; }
.package-icon svg { width: 56px; }
.package-icon img { width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 0; box-shadow: none; transition: transform .35s ease; }
.package-card:hover .package-icon img { transform: scale(1.05); }
.package-brand { margin: 4px 0 0; color: #63a34a; font-size: 15px; font-weight: 900; text-align: center; }
.package-card h3 { margin: 0 0 28px; color: #397eb0; font-size: 23px; text-align: center; }
.package-card ul { display: grid; margin: 0 0 25px; padding: 0; list-style: none; gap: 17px; }
.package-card li { position: relative; padding-left: 40px; font-size: 14px; }
.package-card li::before { position: absolute; top: 50%; left: 0; display: grid; width: 26px; height: 26px; color: var(--gold); content: "✓"; border: 1px solid #e1c89f; border-radius: 50%; transform: translateY(-50%); place-items: center; }
.package-price { display: grid; margin-top: auto; margin-bottom: 18px; grid-template-columns: 1fr auto; align-items: end; }
.package-price small { font-size: 9px; }.package-price b { color: var(--gold); font-size: 22px; }
.package-card > a { padding: 11px; color: #fff; background: #2f7d21; border-radius: 8px; font-size: 18px; font-weight: 700; text-align: center; }

.cosmo-offers { position: relative; padding: 55px max(70px, calc((100% - var(--max))/2)) 70px; color: #fff; background: var(--gold); }
.offers-heading { display: flex; flex-direction: column; align-items: center; }
.offers-heading h2 { margin: 0 0 25px; font-size: 42px; }
.offers-heading > a { padding: 8px 25px; color: #222; background: #fff; border: 1px solid #444; border-radius: 7px; font-size: 14px; }
.offer-grid { display: grid; margin-top: 42px; grid-template-columns: repeat(3,1fr); gap: 65px; }
.offer-card { display: flex; min-width: 0; flex-direction: column; }
.offer-art { display: grid; height: 255px; overflow: hidden; background: #fff; border-radius: 45px 0 45px 0; place-items: center; }
.offer-card h3 { margin: 20px 0 9px; font-size: 24px; }
.offer-card p { min-height: 65px; margin: 0 0 20px; font-size: 14px; }
.offer-card > a { margin-top: auto; padding: 10px; color: #222; background: #fff; border: 1px solid #555; border-radius: 7px; font-weight: 700; text-align: center; }
.offer-art--eshop { background: linear-gradient(135deg,#faf0df,#eee1fb); }
.offer-art > img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.offer-card:hover .offer-art > img { transform: scale(1.05); }
.offer-shop-screen { display: grid; width: 60%; height: 170px; color: #fff; background: linear-gradient(145deg,var(--gold-light),#7c48c9); border-radius: 70px 70px 30px 30px; font-size: 38px; place-items: center; transform: rotate(7deg); }
.offer-shop-screen span { margin-top: -45px; font-size: 13px; }
.offer-art--remote { background: linear-gradient(135deg,#dceff8,#e5f2ec); }
.remote-window { display: flex; width: 75%; height: 155px; align-items: flex-start; padding: 12px; background: #fff; border-radius: 15px; box-shadow: 0 18px 30px rgba(0,0,0,.14); gap: 5px; }
.remote-window i { width: 7px; height: 7px; background: #ddd; border-radius: 50%; }
.remote-window strong { display: grid; width: 100%; height: 100px; margin: 22px -20px 0 -20px; color: #377a6c; background: #dceee8; border-radius: 8px; place-items: center; }
.offer-art--map4u { position: relative; }
.map4u-badge { position: absolute; right: 18px; bottom: 18px; display: grid; width: 128px; min-height: 54px; padding: 10px 14px; background: rgba(255,255,255,.94); border-radius: 15px; box-shadow: 0 12px 28px rgba(0,0,0,.18); place-items: center; }
.map4u-badge img { width: 100%; height: auto; max-height: 38px; object-fit: contain; mix-blend-mode: multiply; }
.offer-arrow--left { left: 15px; }.offer-arrow--right { right: 15px; }

.must-see { padding: 75px max(30px, calc((100% - var(--max))/2)); }
.must-see > h2 { margin: 0 0 45px; font-size: 40px; text-align: center; }
.service-products { display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; }
.service-products article { display: flex; min-width: 0; flex-direction: column; }
.product-visual { position: relative; display: grid; height: 210px; margin-bottom: 18px; overflow: hidden; border-radius: 45px 0 45px 0; font-size: 36px; font-weight: 900; place-items: center; }
.product-visual::after { position: absolute; content: ""; inset: 0; background: linear-gradient(135deg, rgba(21,35,61,.02), rgba(204,138,47,.18)); }
.product-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.service-products article:hover .product-visual img { transform: scale(1.06); }
.product-visual--site { color: #1d527a; background: #dcedf6; }.product-visual--ai { color: #7b42bf; background: #eee4f9; }.product-visual--seo { color: #bd7925; background: #fbebd3; }.product-visual--call { color: #317b66; background: #ddefe9; }
.service-products small { color: var(--gold); font-weight: 800; }
.service-products h3 { margin: 8px 0; font-size: 19px; }
.service-products p { min-height: 80px; margin: 0 0 17px; color: #555; font-size: 13px; }
.service-products a { margin-top: auto; padding: 10px; border: 1px solid #aaa; border-radius: 7px; font-weight: 700; text-align: center; }

.feature-banner { display: grid; min-height: 430px; padding: 55px max(35px, calc((100% - var(--max))/2)); color: #fff; background: linear-gradient(110deg,#14223c,#25466f); grid-template-columns: 1fr 1fr; align-items: center; }
.feature-copy p { margin: 0; color: var(--gold-light); font-weight: 900; }.feature-copy h2 { margin: 12px 0 18px; font-size: 49px; line-height: 1.04; }.feature-copy span { display: block; max-width: 520px; font-size: 17px; }.feature-copy a { display: inline-block; margin-top: 24px; padding: 11px 35px; color: #222; background: #fff; border-radius: 6px; font-weight: 700; }
.feature-orbit { position: relative; height: 330px; }
.feature-orbit::before,.feature-orbit::after { position: absolute; top: 50%; left: 50%; content: ""; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; transform: translate(-50%,-50%); }.feature-orbit::before{width:290px;height:290px}.feature-orbit::after{width:420px;height:420px}
.orbit-logo { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 185px; height: 120px; padding: 17px 20px; background: #fff; border: 1px solid rgba(255,255,255,.7); border-radius: 25px; box-shadow: 0 20px 45px rgba(0,0,0,.3); transform: translate(-50%,-50%) rotate(5deg); place-items:center; }.orbit-logo img{width:100%;height:100%;object-fit:contain;transform:none}
.orb { position: absolute; z-index: 3; display: grid; width: 56px; height: 56px; color: var(--navy); background: #fff; border-radius: 50%; box-shadow: 0 10px 25px rgba(0,0,0,.25); font-size: 10px; font-style: normal; font-weight: 900; place-items:center; }.orb-1{top:2%;left:50%}.orb-2{top:42%;right:5%}.orb-3{bottom:2%;left:45%}.orb-4{top:45%;left:7%}

.builder { display: flex; width: min(1030px,calc(100% - 40px)); margin: 55px auto; padding: 30px 42px; background: #f1f3f4; border-radius: 20px; align-items: center; justify-content: space-between; gap: 30px; }
.builder div { display: grid; }.builder strong { font-size: 24px; }.builder span { color: #555; }.builder a { flex: 0 0 auto; padding: 11px 34px; color: #fff; background: var(--navy); border-radius: 7px; font-weight: 700; }

.benefits { padding: 25px max(30px, calc((100% - var(--max))/2)) 85px; }
.benefits h2 { margin: 0 0 40px; font-size: 35px; text-align: center; }
.benefit-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 25px; }
.benefit-grid > a { display: flex; flex-direction: column; }
.benefit-art { position: relative; display: grid; height: 190px; overflow: hidden; border-radius: 45px 0 45px 0; font-size: 42px; font-weight: 900; place-items:center; }.benefit-art--map{color:#7141bf;background:#eee4fa}.benefit-art--office{color:#31745f;background:#ddefe8}.benefit-art--voice{color:#bc7a2c;background:#f8ead5}.benefit-art--support{color:#2f6691;background:#dcebf5}
.benefit-art::after { position: absolute; content: ""; inset: 0; background: linear-gradient(180deg, rgba(21,35,61,0) 20%, rgba(21,35,61,.28) 100%); }
.benefit-art img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.benefit-grid > a:hover .benefit-art img { transform: scale(1.06); }
.benefit-grid h3 { margin: 17px 0 7px; font-size: 20px; }.benefit-grid p{min-height:50px;margin:0 0 12px;color:#555;font-size:13px}.benefit-grid span{font-size:13px;font-weight:700;text-decoration:underline}

.contact-section { display: grid; padding: 70px max(40px, calc((100% - 1050px))/2); color: #fff; background: var(--gold); grid-template-columns: .9fr 1.1fr; gap: 80px; align-items:center; }
.contact-copy p{margin:0 0 10px;font-weight:900;letter-spacing:.1em}.contact-copy h2{margin:0 0 17px;font-size:44px;line-height:1.05}.contact-copy>span{font-size:17px}
.contact-details{display:flex;margin-top:28px;flex-wrap:wrap;gap:12px}
.contact-address{display:flex;width:max-content;max-width:100%;align-items:center;gap:13px;padding:13px 17px;color:#222;background:#fff;border-radius:9px;box-shadow:0 8px 22px rgba(93,55,9,.16)}
.contact-address>b{display:grid;width:38px;height:38px;flex:0 0 38px;color:#fff;background:var(--navy);border-radius:50%;font-size:21px;place-items:center}
.contact-address>span{display:grid;font-size:15px;font-weight:800}.contact-address small{margin-bottom:2px;color:var(--gold);font-size:8px;letter-spacing:.12em}
.contact-address:hover{transform:translateY(-2px)}
.contact-form { display: grid; padding: 27px; color: #222; background: #fff; border-radius: 14px; grid-template-columns:1fr 1fr; gap:14px; }
.contact-form label { display: grid; gap:5px; font-size:11px; font-weight:700; }
.contact-form .form-full{grid-column:1/-1}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:10px;border:1px solid #bbb;border-radius:6px;outline:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold)}
.contact-form button{grid-column:1/-1;padding:12px;color:#fff;background:var(--navy);border:0;border-radius:7px;font-weight:800}
.contact-form button:disabled{cursor:wait;opacity:.68}
.contact-form .form-consent{display:flex;align-items:flex-start;gap:9px;color:#555;font-size:10px;line-height:1.45}.contact-form .form-consent input{width:16px;height:16px;flex:0 0 16px;margin-top:1px}.contact-form .form-consent a{color:var(--navy);text-decoration:underline}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.toast.is-error{background:#b83d4d}

.sticky-dock { position: fixed; z-index: 900; right: 0; bottom: 0; left: 0; display: flex; visibility: hidden; height: 82px; justify-content: center; background: rgba(255,255,255,.97); border-top: 2px solid var(--gold); box-shadow: 0 -4px 15px rgba(0,0,0,.1); opacity: 0; transform: translateY(100%); transition: .25s ease; }
.sticky-dock.is-visible { visibility: visible; opacity: 1; transform: translateY(0); }
.sticky-dock a { display: flex; width: 150px; align-items:center; justify-content:center; gap:8px; font-size:10px; }.sticky-dock b{color:#91bc71;font-size:25px}.sticky-dock a:hover{background:#f5f6f7}

.footer { padding-bottom: 82px; background:#fff; }
.footer-columns { display:grid; padding:65px max(35px,calc((100% - var(--max))/2)); grid-template-columns:repeat(4,1fr); gap:50px; border-top:1px solid var(--line); }
.footer-columns div{display:grid;align-content:start;gap:9px}.footer-columns h3{margin:0 0 9px;font-size:17px}.footer-columns a{color:#50545a;font-size:13px}.footer-columns a:hover{color:var(--gold)}.footer-address{font-weight:700;line-height:1.55}
.footer-bottom{display:flex;padding:30px max(35px,calc((100% - var(--max))/2));align-items:center;justify-content:space-between;background:#111b2c;color:#fff;font-size:11px}.logo--footer .logo-name{color:#fff}.logo--footer .logo-name small{color:var(--gold-light)}.logo--footer .logo-symbol{padding:3px;background:#fff;border-radius:7px}
.toast{position:fixed;z-index:1500;right:20px;bottom:100px;max-width:390px;padding:14px 18px;color:#fff;background:#2f936b;border-radius:9px;box-shadow:0 10px 30px rgba(0,0,0,.2);opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s ease}.toast.is-visible{opacity:1;transform:translateY(0)}

@media (max-width: 1080px) {
  .header-primary a:first-child { display:none; }
  .header-search { width: 270px; }
  .category-grid,.service-products,.benefit-grid { gap:15px; }
  .package-panel { gap:25px; }
}

@media (max-width: 850px) {
  html{scroll-padding-top:70px}
  .header-top { display:none; }.header-top__links{display:none}.header-top__audience{position:static;transform:none}
  .header-main{height:63px}.logo-symbol{width:55px;height:37px}.logo-name{font-size:16px}.logo-name small{font-size:7px}
  .header-search,.header-primary,.round-icon{display:none}.header-icons{margin-left:auto}
  .menu-panel{position:fixed;top:63px;bottom:0;grid-template-columns:1fr;overflow:auto}
  .hero-track{height:700px}.hero-slide{padding:30px 58px 74px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.hero-copy{padding:0;justify-content:start}.hero-copy h1,.hero-copy h2{font-size:40px}.hero-copy>p:not(.hero-kicker){font-size:16px}.hero-art{min-height:320px}
  .device{width:min(420px,76%)}.office-screen{width:min(420px,76%);padding:20px}.map-phone{width:min(360px,76%);height:260px}.hero-slide--violet .map-phone{height:220px}.device-content{min-height:185px;padding:22px 28px}.device-copy strong{font-size:32px}.ai-product{width:110px;height:140px;font-size:30px}.device-products{padding:12px 18px 15px}.device-products i{height:32px}.screen-numbers b{padding:14px 8px;font-size:22px}.screen-chart{height:76px}.hero-badge{right:6%;bottom:22px}
  .hero-arrow{top:auto;bottom:18px;transform:none}.hero-dots{bottom:34px}
  .quick-actions{width:100%;grid-template-columns:repeat(3,1fr);padding:12px 5px}.quick-actions a{min-height:75px}
  .partner-logos{grid-template-columns:1fr}.partner-logo{min-height:135px}
  .category-grid{grid-template-columns:1fr 1fr}.category-art{height:190px}
  .package-panel.is-active{grid-template-columns:1fr;max-width:520px;margin:auto}.package-card{min-height:470px}.package-card+.package-card{margin-top:35px}
  .offer-grid{grid-template-columns:1fr;max-width:520px;margin:42px auto 0;gap:35px}.offer-card p{min-height:0}.offer-arrow{display:none}
  .service-products,.benefit-grid{grid-template-columns:1fr 1fr}
  .feature-banner,.contact-section{grid-template-columns:1fr;gap:35px}.feature-orbit{height:300px}
  .footer-columns{grid-template-columns:1fr 1fr}
  .sticky-dock a{width:16.66%}.sticky-dock span{display:none}
}

@media (max-width: 520px) {
  .header-top__audience{gap:35px}
  .hero-track{height:720px}.hero-slide{padding:30px 22px 72px}.hero-copy h1,.hero-copy h2{font-size:34px}.hero-copy>p:not(.hero-kicker){font-size:15px}.hero-button{width:100%}.hero-art{min-height:265px}
  .device{width:min(300px,90%);border-radius:22px}.device-content{min-height:145px;padding:18px}.device-copy strong{font-size:26px}.ai-product{width:88px;height:112px;font-size:25px}.device-products{padding:10px 14px 14px}.device-products i{height:24px}.hero-badge{right:4%;bottom:28px;min-width:165px}.office-screen{width:min(300px,90%);padding:14px}.screen-numbers b{padding:11px 6px;font-size:17px}.screen-chart{height:58px}.map-phone{width:76%;height:240px}
  .hero-arrow{top:auto;bottom:17px}.hero-dots{bottom:31px}
  .quick-actions a{font-size:10px}.quick-actions svg{width:35px}
  .partnerships{padding:42px 14px 48px}.partnerships-heading h2{font-size:30px}.partner-logos{gap:13px}.partner-logo{min-height:120px;padding-top:35px}.partner-logo img{max-height:53px}.partner-logo--elorus img{max-width:160px}.partner-logo--cosmote img{max-width:180px}.partner-logo--google img{max-width:140px}
  .category-section{padding-bottom:50px}.category-grid{width:calc(100% - 24px);gap:12px}.category-art{height:135px;border-radius:28px 0 28px 0}.category-card strong{font-size:13px}.shopping-bag{width:80px;height:95px;font-size:25px}.shopping-bag span{display:none}.growth-lines{height:90px}.growth-lines b{font-size:36px}.office-desk{height:90px}.office-desk i{height:35px}
  .packages{padding-inline:14px}.section-title h2,.offers-heading h2,.must-see>h2{font-size:31px}.package-tabs{overflow:auto;justify-content:start}.package-tabs button{min-width:125px;padding-inline:12px}
  .cosmo-offers{padding-inline:25px}.offer-art{height:210px}
  .must-see{padding-inline:15px}.service-products,.benefit-grid{grid-template-columns:1fr}.product-visual,.benefit-art{height:180px}.service-products p,.benefit-grid p{min-height:0}
  .feature-banner{padding-inline:25px}.feature-copy h2{font-size:37px}.feature-orbit::after{width:320px;height:320px}.feature-orbit::before{width:230px;height:230px}.orbit-logo{width:155px;height:100px;padding:14px 17px}.orb-2{right:0}.orb-4{left:0}
  .builder{flex-direction:column;align-items:stretch;padding:25px}.builder a{text-align:center}
  .contact-section{padding-inline:20px}.contact-copy h2{font-size:36px}.contact-form{grid-template-columns:1fr}.contact-form .form-full,.contact-form button{grid-column:auto}
  .footer-columns{grid-template-columns:1fr;padding-block:45px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px}.sticky-dock{height:63px}.footer{padding-bottom:63px}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}