/* CMS presentation: one introduction, one gallery of unaltered application screens. */
.top { background:#090e17ed; border-bottom-color:#28384a; }
.top__in { min-height:84px; gap:24px; }
.top .logo img { width:200px; height:auto; }
.top__nav { gap:20px; }
.top__sections { gap:8px; padding:0; border:0; border-radius:0; background:none; }
.top__sections a { padding:16px 13px; border-radius:0; font-size:1rem; font-weight:600; letter-spacing:0; }
.top__sections a::after { display:block; left:13px; right:13px; bottom:6px; background:#98c6ff; }
.top__sections a:hover,.top__sections a:focus-visible { background:none; color:#fff; }
.top__lang { gap:2px; padding:3px; border:1px solid #30445d; border-radius:9px; background:#101b2a; }
.top__lang a { display:flex; align-items:center; justify-content:center; gap:7px; padding:8px; min-height:40px; border:1px solid transparent; border-radius:7px; }
.top__lang a img { width:23px; height:16px; object-fit:contain; flex:none; }
.top__lang a[aria-current] { background:#1e3048; border-color:#3b5575; }
.top__lang a:hover { background:#213149; }
.top__back { font-size:.8rem; padding-left:22px; }
.menu-toggle { display:none; align-items:center; justify-content:center; flex-direction:column; gap:6px; width:40px; height:40px; border:1px solid #364b65; border-radius:8px; background:#162235; cursor:pointer; }
.menu-toggle span { width:17px; height:2px; background:#d9e8fb; transition:transform .18s; }
.menu-toggle[aria-expanded=true] span:first-child { transform:translateY(4px) rotate(45deg); }
.menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-4px) rotate(-45deg); }
.mobile-nav { padding-top:6px; padding-bottom:22px; }
.mobile-nav a { display:flex; align-items:center; justify-content:space-between; padding:14px 12px; border-bottom:1px solid #2c3f5680; font:600 1rem/1.5 var(--head); }
.mobile-nav a:hover { background:#182a40; }
.mobile-nav a > .icon { width:17px; height:17px; color:#8bbaff; }
.mobile-nav__back { color:#9fb4cf; font-size:.86rem!important; }

.hero { background:var(--bg); }
.casino-backdrop { position:absolute; z-index:-1; inset:0; overflow:hidden; pointer-events:none; }
.casino-backdrop img { width:100%; height:100%; object-fit:cover; object-position:center 45%; opacity:.52; filter:blur(3px) saturate(.5); transform:scale(1.035); }
.casino-backdrop::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 42%,#090e17de 0%,#090e1780 48%,#090e173d 80%),linear-gradient(90deg,#090e17a6,transparent 30%,transparent 70%,#090e17a6),linear-gradient(180deg,#090e1733,transparent 45%,#090e17 97%); }
.hero__in { display:flex; justify-content:center; min-height:580px; padding:96px 0 90px; }
.hero__content { width:100%; max-width:800px; text-align:center; margin-inline:auto; }
.hero .eyebrow { justify-content:center; font-size:.75rem; letter-spacing:.19em; margin-bottom:24px; }
.hero .eyebrow > span { border-radius:50%; background:#99c7ff; box-shadow:0 0 14px #80b8ff70; }
.hero h1 { font-size:clamp(3.5rem,7vw,6.1rem); letter-spacing:-.065em; line-height:1.08; }
.hero h1 span { background:linear-gradient(125deg,#d3e7ff,#80b8ff); color:#a3ccfa; background-clip:text; -webkit-text-fill-color:transparent; }
.hero__subtitle { margin:23px auto 0; max-width:none; font-size:1.55rem; font-weight:500; }
.hero__content .lead { margin:24px auto 0; max-width:55ch; color:#c1cede; font-size:1.08rem; line-height:1.8; }
.hero__btns { justify-content:center; gap:17px; margin-top:32px; }
.hero__btns .btn { min-width:194px; min-height:54px; }
.hero__btns .text-link { min-height:54px; border:1px solid #5e7a9d66; border-radius:7px; padding:12px 22px; color:#d3e5fb; background:#16253866; }
.hero__btns .text-link:hover { border-color:#85afe0; background:#21354e; }
.hero .specs { border-top:1px solid #57779755; border-bottom:1px solid #344b644d; padding-block:26px; margin:0; }
.specs > div { text-align:center; align-items:center; padding-inline:15px; }
.specs > div:first-child { padding-inline:15px; }
.specs dt { font-size:.8rem; }
.specs dd { font-size:1.04rem; }

.section-heading { justify-content:center; text-align:center; margin-bottom:44px; }
.section-heading .eyebrow { justify-content:center; }
.features-layout { grid-template-columns:.8fr 1.2fr; gap:36px; }
.product-detail { border:0; border-radius:0; background:var(--bg); box-shadow:none; }
.product-detail > img { object-position:55% 46%; filter:blur(1.2px) saturate(.6) brightness(.86); transform:scale(1.025); }
.product-detail::after { background:linear-gradient(90deg,#090e17,transparent 17%,transparent 75%,#090e17),linear-gradient(180deg,#090e17,transparent 19%,#090e1720 66%,#090e17); }
.feats { gap:18px; }
.feat { padding:25px; background:linear-gradient(135deg,#152132b3,#10192588); border-color:#30445d; box-shadow:inset 0 1px #a5cfff07; }
.feat h3 { font-size:1.12rem; }
.feat p { font-size:.95rem; }
.feature-extras { justify-content:center; }

.sec--screens { background:radial-gradient(ellipse at 50% 42%,#243f6038,transparent 70%),linear-gradient(180deg,var(--bg),#0d1623 20%,#0d1623 80%,var(--bg)); border:0; }
.tour-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; padding:5px; border:1px solid #344b64; border-radius:11px; background:#0d1724; max-width:620px; margin:0 auto 30px; }
.tour-tabs button { display:flex; align-items:center; justify-content:center; gap:12px; min-height:52px; padding:12px 18px; border:1px solid transparent; border-radius:7px; background:transparent; color:#aebfd4; font:600 1rem/1.4 var(--head); cursor:pointer; transition:background .18s,border-color .18s; }
.tour-tabs button > .icon { width:19px; height:19px; }
.tour-tabs button[aria-selected=true] { background:#274666; border-color:#628cb6; color:#f2f8ff; }
.tour-tabs button:hover { color:#fff; background:#243c57; }
.tour-panel { display:block; }
.tour-panel:focus-visible { outline-offset:10px; }
.tour-visual { overflow:hidden; border:1px solid #425d7b; border-radius:12px; background:#0b1017; box-shadow:0 24px 70px -30px #000b,0 0 0 6px #4b6a8e12; }
.tour-visual .shot__open { background:#0b1017; }
.tour-visual img { display:block; width:100%; height:auto; }
.tour-visual figcaption { display:flex; justify-content:space-between; gap:16px; padding:14px 20px; border-top:1px solid #30455e; color:#aac0db; font-size:.78rem; background:#152234; }
.tour-visual figcaption span:first-child { color:#e1ecfa; font-weight:600; }
.tour-visual .shot__zoom { right:16px; bottom:16px; background:#1c3858f5; border-color:#739bc8; }
.tour-copy { display:grid; grid-template-columns:1fr 1fr; gap:54px; margin-top:32px; padding:0 8px; align-items:start; }
.tour-copy h3 { font-size:1.55rem; }
.tour-copy p { margin-top:13px; color:#b5c6dc; font-size:1rem; line-height:1.8; }
.tour-copy ul { display:grid; gap:12px; padding:3px 0 3px 30px; border-left:1px solid #30455d; }
.tour-copy li { display:flex; align-items:start; gap:10px; color:#c5d5e9; font-size:.95rem; line-height:1.65; }
.tour-copy li > .icon { width:17px; height:17px; color:#8fc1fc; margin-top:4px; }
.screen-disclaimer { text-align:center; color:#8fa6c0; font-size:.77rem; margin-top:30px; }
.sec--options { border-bottom:0; }
.sec--order { background:radial-gradient(ellipse at 15% 65%,#203b562b,transparent 50%),linear-gradient(180deg,var(--bg),#0e1825); border-top:0; }
.form { border-color:#344c67; background:linear-gradient(140deg,#1a293ecc,#121d2dcc); }
.foot { background:#0c1521; border-top-color:#2c415855; }
.foot .logo img { width:175px; }

@media (max-width:1100px) {
 .top__sections,.top__back { display:none; }
 .menu-toggle { display:flex; }
 .top__nav { gap:16px; }
 .hero__in { min-height:550px; padding-block:86px 78px; }
 .hero h1 { font-size:5.4rem; }
 .features-layout { grid-template-columns:.7fr 1.3fr; gap:24px; }
 .feat { padding:22px; }
}
@media (max-width:900px) {
 .hero__in { min-height:520px; padding-block:76px; }
 .hero h1 { font-size:4.6rem; }
 .features-layout { grid-template-columns:1fr; gap:20px; }
 .product-detail { height:300px; max-height:none; }
 .product-detail > img { object-position:center 42%; }
 .feats { grid-template-columns:1fr 1fr; }
 .tour-copy { gap:30px; }
}
@media (max-width:600px) {
 .top__in { min-height:75px; gap:10px; }
 .top .logo img { width:146px; }
 .top__nav { gap:10px; }
 .top__lang { gap:2px; }
 .top__lang a { gap:4px; min-width:0; padding:7px 5px; font-size:.67rem; }
 .top__lang a img { width:20px; height:14px; }
 .menu-toggle { width:37px; height:39px; }
 .hero__in { min-height:470px; padding-block:66px; }
 .hero .eyebrow { font-size:.66rem; letter-spacing:.14em; margin-bottom:24px; }
 .hero h1 { font-size:clamp(2.85rem,12vw,4.2rem); }
 .hero__subtitle { font-size:1.23rem; max-width:28ch; margin-top:20px; }
 .hero__content .lead { font-size:1rem; max-width:35ch; margin-top:20px; }
 .hero__btns { gap:12px; margin-top:27px; }
 .hero__btns .btn,.hero__btns .text-link { min-width:0; padding-inline:17px; font-size:.87rem; }
 .casino-backdrop img { object-position:60% center; opacity:.48; }
 .casino-backdrop::after { background:radial-gradient(ellipse at 50% 40%,#090e17d9,#090e1740),linear-gradient(180deg,#090e1733,transparent 30%,#090e17 94%); }
 .hero .specs { grid-template-columns:1fr 1fr; gap:0; padding-block:10px; }
 .specs > div,.specs > div:first-child { padding:14px 8px; border-left:0; }
 .specs > div:nth-child(even) { border-left:1px solid #344b644d; }
 .specs > div:nth-child(n+3) { border-top:1px solid #344b644d; }
 .specs dt { font-size:.7rem; }
 .specs dd { font-size:.92rem; }
 .section-heading { margin-bottom:30px; }
 .product-detail { height:240px; }
 .feats { grid-template-columns:1fr; gap:15px; }
 .feat { padding:23px; }
 .feat p { font-size:.98rem; }
 .feature-extras { justify-content:center; gap:15px 20px; }
 .feature-extras span { font-size:.82rem; }
 .tour-tabs { margin-bottom:23px; gap:2px; padding:4px; }
 .tour-tabs button { padding:10px 6px; min-height:48px; gap:6px; font-size:.85rem; }
 .tour-tabs button > .icon { width:16px; height:16px; }
 .tour-visual { border-radius:8px; box-shadow:0 18px 45px -25px #000a; }
 .tour-visual figcaption { padding:10px; font-size:.65rem; gap:10px; }
 .tour-visual .shot__zoom { position:static; justify-content:center; border:0; border-top:1px solid #334b66; border-radius:0; font-size:.77rem; padding:10px; background:#1d3550; }
 .tour-visual .shot__zoom .icon { width:16px; height:16px; }
 .tour-copy { grid-template-columns:1fr; gap:20px; margin-top:25px; padding:0; }
 .tour-copy h3 { font-size:1.4rem; }
 .tour-copy p { font-size:.97rem; }
 .tour-copy ul { border-left:0; border-top:1px solid #30455d; padding:20px 0 0; }
 .tour-copy li { font-size:.92rem; }
 .screen-disclaimer { font-size:.7rem; text-align:left; }
}
@media (max-width:370px) {
 .top .logo img { width:125px; }
 .top__nav { gap:7px; }
 .top__lang a img { width:18px; }
 .top__lang a { font-size:.63rem; gap:3px; padding-inline:4px; }
 .tour-tabs button > .icon { display:none; }
 .hero__btns { flex-direction:column; }
 .hero__btns .btn,.hero__btns .text-link { width:100%; max-width:230px; justify-content:center; }
}
@media (prefers-reduced-motion:reduce) { .menu-toggle span,.tour-tabs button { transition:none; } }

/* v12 — симетрија: сите секции се подредени околу средишната оска на страницата. */
.hero__in { padding-block:93px; }
.hero__subtitle,.hero__content .lead,.screen-disclaimer { text-wrap:balance; }
.hero__btns .btn,.hero__btns .text-link { min-width:212px; justify-content:center; }
.specs > div { justify-content:flex-end; }
.casino-backdrop::after { background:radial-gradient(ellipse at 50% 42%,#090e17de 0%,#090e1780 48%,#090e173d 80%),linear-gradient(90deg,#090e17a6,transparent 30%,transparent 62%,#090e17c0),linear-gradient(180deg,#090e1733,transparent 45%,#090e17 97%); }
.section-heading { align-items:center; }
.section-heading > div { width:100%; }

/* 01: две картички лево, фотографијата во средина, две десно. */
.features-layout { grid-template-columns:minmax(0,1fr) minmax(250px,.74fr) minmax(0,1fr); gap:22px; align-items:stretch; }
.feats--left,.feats--right { grid-template-columns:1fr; grid-template-rows:1fr 1fr; gap:22px; }
.product-detail { min-height:520px; max-height:none; }
.product-detail > img { position:absolute; inset:0; height:100%; aspect-ratio:auto; object-position:50% 46%; }
.product-detail::after { background:linear-gradient(90deg,#090e17,transparent 18%,transparent 82%,#090e17),linear-gradient(180deg,#090e17,transparent 16%,transparent 80%,#090e17); }

/* 02: сликата без лизгач; опис и три ставки центрирани под неа. */
.tour-copy { display:block; max-width:980px; margin:36px auto 0; padding:0; text-align:center; }
.tour-copy > div { max-width:62ch; margin-inline:auto; }
.tour-copy p { margin-inline:auto; text-wrap:balance; }
.tour-copy ul { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 28px; margin-top:28px; padding:26px 0 0; border-left:0; border-top:1px solid #30455d; }
.tour-copy li { flex-direction:column; align-items:center; gap:10px; text-align:center; text-wrap:balance; }
.tour-copy li > .icon { width:18px; height:18px; margin-top:0; }
.screen-disclaimer { text-align:center; }

/* 03: насловот во средина, две исти картички под него. */
.options-layout { grid-template-columns:1fr; justify-items:center; gap:44px; }
.options-intro { max-width:680px; text-align:center; }
.options-intro .eyebrow { justify-content:center; }
.options-intro .lead { max-width:60ch; margin-inline:auto; }
.opts { width:100%; max-width:900px; gap:22px; }
.opt,.opt--buy { border-color:#3b5877; background:linear-gradient(150deg,#1a2c45,#111b2b 70%); }

/* 04: насловот и директниот контакт во средина, формата под нив. */
.sec--order { background:radial-gradient(ellipse at 50% 60%,#203b562b,transparent 60%),linear-gradient(180deg,var(--bg),#0e1825); }
.order { grid-template-columns:1fr; justify-items:center; gap:40px; }
.order__intro { max-width:720px; padding-top:0; text-align:center; }
.order__intro .eyebrow { justify-content:center; }
.order__intro .lead { max-width:56ch; margin-inline:auto; }
.contact { display:grid; grid-template-columns:repeat(2,max-content); justify-content:center; column-gap:48px; margin-top:30px; padding-top:24px; }
.contact__label,.contact__company { grid-column:1/-1; width:auto; margin:0; text-align:center; }
.contact__label { margin-bottom:18px; }
.contact > a { margin:0; text-align:left; }
.contact__company { margin-top:20px; }
.order .form { width:100%; max-width:820px; }

/* Подножје: лого лево, „Powered by" точно во средина, врски десно. */
.foot__in { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; }
.foot__in > .logo { justify-self:start; }
.foot__links { justify-self:end; }

/* Мобилно мени: текстот во линија со логото, излезот кон Ане Електроник одвоен. */
.mobile-nav a { margin-inline:-12px; }
.mobile-nav__back { margin-top:14px; padding-top:18px!important; border-top:1px solid #3b5575; border-bottom:0!important; }
.mobile-nav__back > .icon { transform:rotate(-45deg); }

@media (min-width:601px) {
 .opts { grid-template-rows:repeat(5,auto); row-gap:0; }
 .opt { display:grid; grid-row:span 5; grid-template-rows:subgrid; row-gap:0; }
}
@media (max-width:1180px) and (min-width:901px) {
 .feat h3 { min-height:2.9em; }
}
@media (max-width:1100px) {
 .hero__in { padding-block:82px; }
 .hero h1 { font-size:clamp(3.5rem,7.4vw,5.4rem); }
 .features-layout { grid-template-columns:minmax(0,1fr) minmax(190px,.6fr) minmax(0,1fr); gap:18px; }
 .feats--left,.feats--right { gap:18px; }
}
@media (max-width:900px) {
 .hero h1 { font-size:clamp(3.5rem,7.4vw,5.4rem); }
 .features-layout { grid-template-columns:1fr 1fr; grid-template-areas:"img img" "left right"; }
 .feats--left { grid-area:left; }
 .feats--right { grid-area:right; }
 .product-detail { grid-area:img; min-height:0; height:300px; }
 .foot__in { grid-template-columns:1fr; justify-items:center; row-gap:16px; text-align:center; }
 .foot__in > .logo,.foot__links { justify-self:center; }
 .foot p { order:0; width:auto; }
 .foot__links { order:2; }
}
@media (max-width:600px) {
 .hero__in { align-items:center; }
 .specs > div,.specs > div:first-child,.specs > div:nth-child(3) { padding:14px 8px; }
 .features-layout { grid-template-columns:1fr; grid-template-areas:"img" "left" "right"; gap:15px; }
 .feats--left,.feats--right { gap:15px; }
 .product-detail { height:240px; }
 .tour-copy { margin-top:26px; }
 .tour-copy ul { grid-template-columns:1fr; gap:14px; margin-top:22px; padding-top:20px; }
 .tour-copy li { flex-direction:row; justify-content:center; gap:9px; }
 .opts { max-width:none; }
}
@media (max-width:480px) {
 .feature-extras { display:grid; justify-content:center; justify-items:start; gap:12px; }
 .contact { grid-template-columns:max-content; row-gap:18px; }
}
@media (max-width:420px) {
 .hero__btns { flex-direction:column; }
 .hero__btns .btn,.hero__btns .text-link { width:100%; max-width:230px; min-width:0; justify-content:center; }
}

/* v13 — лента со карактеристики: иконка, вредност и кратко објаснување, во еден панел. */
.hero .specs { margin:0 0 56px; padding:28px 8px 26px; border:1px solid #2b3f57; border-radius:16px; background:linear-gradient(180deg,#101b2ad9,#0b131ef0); box-shadow:0 26px 60px -36px #000d,inset 0 1px #a5cfff0f; }
.specs > div { gap:9px; padding-inline:18px; }
.specs dd { display:flex; flex-direction:column; align-items:center; gap:14px; color:#f2f7ff; font:700 1.12rem/1.3 var(--head); letter-spacing:-.01em; }
.spec__icon { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid #2e4a6a; border-radius:11px; background:linear-gradient(145deg,#1b3150,#122238); color:#9fcbff; }
.spec__icon .icon { width:21px; height:21px; }
.specs dt { max-width:24ch; margin-inline:auto; color:#9fb4cf; font-size:.84rem; line-height:1.5; text-wrap:balance; }
@media (max-width:900px) {
 .specs > div { padding-inline:10px; }
 .specs dd { font-size:1rem; }
 .specs dt { font-size:.78rem; }
}
@media (max-width:600px) {
 .hero .specs { margin-bottom:40px; padding:6px 0; border-radius:14px; }
 .specs > div,.specs > div:first-child,.specs > div:nth-child(3) { padding:18px 10px; }
 .specs dd { gap:11px; font-size:.95rem; }
 .spec__icon { width:36px; height:36px; border-radius:10px; }
 .spec__icon .icon { width:18px; height:18px; }
 .specs dt { font-size:.72rem; }
}

/* v14 — кратки продажни картички: пониски, содржината во средина. */
.product-detail { min-height:380px; }
.feat { justify-content:center; }
.feat h3 { min-height:0!important; margin-bottom:8px; font-size:1.12rem; }
.feat p { font-size:.95rem; }
@media (max-width:900px) { .product-detail { min-height:0; } }

/* v15 — поголем воведен текст; менито во хедерот точно во средина на страницата. */
.hero__content .lead { max-width:60ch; font-size:1.18rem; line-height:1.75; }
@media (min-width:1101px) {
 .top__in { position:relative; }
 .top__sections { position:absolute; left:50%; transform:translateX(-50%); }
}
@media (max-width:600px) { .hero__content .lead { font-size:1.04rem; } }

/* Main-site link stays separate without introducing a second accent colour. */
.top__back { gap:12px; min-height:48px; padding:9px 10px 9px 15px; border:1px solid #405774; border-radius:9px; background:#152337; color:#e6effc; font:600 .9rem/1.3 var(--head); transition:background .18s,border-color .18s; }
.top__back:hover,.mobile-nav__back:hover { background:#203652; border-color:#8db7eb; color:#fff; }
.top__back:focus-visible { outline:2px solid #98c6ff; outline-offset:4px; }
.back-txt { display:block; color:inherit; white-space:nowrap; }
.back-arrow { display:inline-flex; align-items:center; justify-content:center; flex:none; width:27px; height:27px; border-radius:5px; background:#294361; color:#b9d9ff; }
.back-arrow .icon { width:16px; height:16px; transform:rotate(-45deg); }
.mobile-nav__back { justify-content:space-between!important; gap:12px; min-height:50px; margin:18px 0 0!important; padding:10px 14px!important; border:1px solid #405774!important; border-radius:9px; background:#152337; color:#e6effc; }
.mobile-nav__back .back-txt { font-size:.95rem; }
@media (min-width:1101px) and (max-width:1240px) {
 .top__nav { gap:14px; }
 .top__back { padding-left:12px; gap:8px; font-size:.85rem; }
 .top__sections { gap:0; }
 .top__sections a { padding-inline:11px; font-size:.94rem; }
}

/* v17 — клучни податоци: голема вредност во градиентот од насловот, краток опис под неа, фини линии. */
.hero .specs { position:relative; margin:0 0 60px; padding:30px 0; border:0; border-radius:0; background:none; box-shadow:none; }
.hero .specs::before,.hero .specs::after { position:absolute; right:0; left:0; height:1px; background:linear-gradient(90deg,transparent,#3d5a7c 18%,#3d5a7c 82%,transparent); content:''; }
.hero .specs::before { top:0; }
.hero .specs::after { bottom:0; }
.hero .specs > div,.hero .specs > div:first-child,.hero .specs > div:nth-child(3) { position:relative; gap:8px; padding:0 16px; border:0; }
.hero .specs > div + div::before { position:absolute; top:8%; bottom:8%; left:0; width:1px; background:linear-gradient(180deg,transparent,#34506f 30%,#34506f 70%,transparent); content:''; }
.hero .specs dd { display:block; background:linear-gradient(125deg,#e6f2ff,#80b8ff); -webkit-background-clip:text; background-clip:text; color:#a3ccfa; -webkit-text-fill-color:transparent; font:800 clamp(1.45rem,2.3vw,2.05rem)/1.15 var(--head); letter-spacing:-.035em; }
.hero .specs dt { max-width:none; color:#9fb4cf; font-size:.9rem; line-height:1.4; }
@media (max-width:900px) {
 .hero .specs { grid-template-columns:1fr 1fr; padding:4px 0; }
 .hero .specs > div,.hero .specs > div:first-child,.hero .specs > div:nth-child(3) { padding:22px 10px; border:0; }
 .hero .specs > div + div::before { display:none; }
 .hero .specs > div:nth-child(even)::after { position:absolute; top:18%; bottom:18%; left:0; width:1px; background:#2e4560; content:''; }
 .hero .specs > div:nth-child(n+3) { border-top:1px solid #2b3f57; }
 .hero .specs dd { font-size:1.45rem; }
 .hero .specs dt { font-size:.82rem; }
}
@media (max-width:600px) {
 .hero .specs { margin-bottom:40px; }
 .hero .specs dd { font-size:1.28rem; }
 .hero .specs dt { font-size:.76rem; }
}

/* Readable, consistent section markers and transitions. */
.sec { position:relative; }
.sec + .sec::before { content:''; position:absolute; top:0; left:50%; width:min(1168px,calc(100% - 48px)); height:1px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,#3d5877 18%,#3d5877 82%,transparent); }
.sec .eyebrow { justify-content:center; gap:13px; margin-bottom:24px; color:#b4d6ff; font:600 1rem/1.4 var(--head); letter-spacing:.065em; }
.sec .eyebrow > .section-number { display:inline-flex; align-items:center; justify-content:center; flex:none; width:42px; height:38px; border:1px solid #3a587a; border-radius:9px; background:linear-gradient(145deg,#1c3049,#122135); color:#d9eaff; font-size:1rem; font-weight:600; letter-spacing:0; font-variant-numeric:tabular-nums; }
#options { background:radial-gradient(ellipse at 50% 32%,#172c443d,transparent 70%); }
@media (max-width:600px) {
 .sec .eyebrow { gap:11px; font-size:.9rem; letter-spacing:.04em; margin-bottom:20px; }
 .sec .eyebrow > .section-number { width:38px; height:35px; font-size:.94rem; }
 .sec + .sec::before { width:calc(100% - 36px); }
}

/* AneSys: one vector identity across the navigation and main title. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.hero h1.brand-title { display:flex; justify-content:center; margin:26px auto 25px; font-size:inherit; line-height:1; }
.brand-title img { display:block; width:clamp(230px,32vw,390px); height:auto; }

/* Original Ane Elektronik identity in the return link. */
.top__back { gap:10px; min-height:54px; padding:6px 12px 6px 7px; background:#101b2b; }
.back-logo { display:block; flex:none; width:52px; height:auto; object-fit:contain; }
.top__back .back-txt { font-size:.85rem; }
.top__back .back-arrow,.mobile-nav__back .back-arrow { width:19px; height:24px; background:none; }
.mobile-nav__back { justify-content:flex-start!important; padding:8px 12px!important; }
.mobile-nav__back .back-arrow { margin-left:auto; }
@media (min-width:1101px) and (max-width:1240px) {
 .top__back .back-txt { display:none; }
 .top__back { gap:8px; padding-inline:7px 10px; }
}