.hero{--hbg:url(../img/hero-bg.webp);background:linear-gradient(90deg,rgba(11,19,43,.83) 0%,rgba(11,19,43,.72) 42%,rgba(11,19,43,.45) 72%,rgba(11,19,43,.35) 100%),var(--hbg) 62% center/cover no-repeat}
@media(max-width:999px){.hero{background:linear-gradient(180deg,rgba(11,19,43,.62) 0%,rgba(11,19,43,.78) 70%,#0b132b 100%) top center/100% 56.25vw no-repeat,var(--hbg) top center/100% auto no-repeat,#0b132b}}
.hero h1,.hero .lead{position:relative;z-index:1}
.hero .pill,.hero .chips li{background:rgba(15,26,61,.88)}
.cbox{max-width:780px;margin:0 auto;background:var(--card);border:2px solid var(--amber);border-radius:22px;padding:1.6rem}
.cbox h2{margin:0 0 1rem;font-size:clamp(1.3rem,3.6vw,1.9rem);line-height:1.3}
.cbox .pr{color:var(--at);border-bottom:3px solid var(--amber)}
.onl{display:flex;align-items:center;gap:.8rem;color:var(--mute);font-size:.95rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.avs{display:flex}
.avs i{position:relative;width:38px;height:38px;border-radius:50%;background:var(--amber);color:#0b132b;font:800 .72rem/1 inherit;font-style:normal;display:grid;place-items:center;border:2px solid var(--card);margin-left:-8px}
.avs i:first-child{margin-left:0}
.avs i:nth-child(2){background:#8fb4ff}.avs i:nth-child(3){background:#ffd98a}.avs i:nth-child(4){background:#a9e8c5}
.avs b{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:var(--ok);border:2px solid var(--card)}
.cbox textarea{display:block;width:100%;min-height:130px;margin-top:1rem;padding:.9rem 1rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:14px;font:inherit;font-size:1rem;resize:vertical}
.cbox textarea::placeholder{color:var(--mute);opacity:.85}
.cbox textarea:focus{outline:0;border-color:var(--amber)}
.cfiles{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.cfiles li{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:.25rem .5rem .25rem .8rem;font-size:.82rem;max-width:100%}
.cfiles li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.cfiles button{background:none;border:0;color:var(--mute);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 .2rem}
.crow{display:flex;justify-content:space-between;gap:.8rem;margin-top:1rem;flex-wrap:wrap}
.crow .btn{flex:1 1 160px;justify-content:center}
.crow .btn svg{width:1.1em;height:1.1em}
.zai{display:flex;justify-content:center;align-items:center;gap:.6rem;margin:1.4rem auto 0;width:fit-content;max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:.4rem .9rem .4rem .4rem;color:var(--mute);font-size:.95rem;flex-wrap:wrap}
.zai span{background:var(--amber);color:#0b132b;font-weight:800;border-radius:99px;padding:.25rem .8rem}
@media(max-width:480px){.zai{font-size:.8rem;flex-wrap:nowrap;padding-right:.7rem}.zai span{white-space:nowrap}}

/* ===== Round 6: logo + new footer ===== */
footer .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.4fr;gap:2.2rem;padding:2.5rem 0 2rem}
footer .fbrand p{margin:1rem 0 0;font-size:.92rem;line-height:1.6}
footer .ukb{display:flex;align-items:center;gap:.6rem;color:var(--text);font-weight:600;font-size:.9rem}
footer .uj{width:24px;height:12px;border-radius:2px;flex:none}
footer .sec-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--amber);color:var(--at);border-radius:99px;padding:.4rem .9rem;font-weight:700;font-size:.85rem}
footer .sec-pill svg{width:1em;height:1em}
footer .fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
footer .fgrid a{color:var(--mute);font-size:.92rem}
footer .fgrid ul:not(.cl) a:hover{color:var(--amber)}
footer .cl li{display:flex;gap:.8rem;align-items:center}
footer .cl i{width:40px;height:40px;border-radius:50%;background:var(--amber);color:#0b132b;display:grid;place-items:center;flex:none}
footer .cl i svg{width:18px;height:18px}
footer .cl small{display:block;color:var(--mute);font-size:.75rem}
footer .cl a,footer .cl span{color:var(--at);font-weight:700;font-size:.9rem;word-break:break-word}
footer .cl span{color:var(--text)}
footer .soc{display:flex;gap:.6rem;margin-top:1.2rem}
footer .soc a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--text);transition:background .2s,color .2s,border-color .2s}
footer .soc a:hover{background:var(--amber);border-color:var(--amber);color:#0b132b}
footer .soc svg{width:18px;height:18px}
footer .paybar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:#070d22;border:1px solid var(--line);border-radius:16px;padding:1rem 1.2rem}
footer .paybar strong{display:block;font-size:.95rem}
footer .paybar small{color:var(--mute)}
footer .paybar .pay{display:flex;gap:.5rem;flex-wrap:wrap;margin:0}
footer .paybar .pay svg{width:58px;height:38px}
footer .flinks{display:flex;gap:1.2rem;flex-wrap:wrap}
footer .flinks a{color:var(--mute);font-size:.85rem;text-decoration:underline}
footer .flinks a:hover{color:var(--amber)}
@media(max-width:1100px){footer .fgrid{grid-template-columns:repeat(3,1fr)}footer .fbrand{grid-column:1/-1}footer .fcon{grid-column:span 2}}
@media(max-width:640px){footer .fgrid{grid-template-columns:1fr 1fr;gap:1.8rem 1.2rem}footer .fcon{grid-column:1/-1}}
footer .fgrid{grid-template-columns:1.3fr 1fr 1fr .9fr 1.8fr}footer .cl a[href^=mailto]{font-size:.8rem;word-break:normal;overflow-wrap:anywhere}
@media(max-width:1100px){footer .fgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){footer .fgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1101px){footer .fgrid{grid-template-columns:1.5fr .95fr .95fr .8fr 1.8fr;gap:1.6rem}footer .cl a[href^=mailto]{font-size:.76rem}}footer .sec-pill,footer .ukb span{white-space:nowrap}

/* ===== Round 7: scrollable guide ===== */
.gbox{max-width:900px;margin:2rem auto 0;background:var(--card);border:2px solid var(--amber);border-radius:22px;overflow:hidden}
.gscroll{max-height:min(560px,70vh);overflow-y:auto;padding:1.6rem;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--amber) var(--line)}
.gscroll::-webkit-scrollbar{width:10px}
.gscroll::-webkit-scrollbar-track{background:var(--line)}
.gscroll::-webkit-scrollbar-thumb{background:var(--amber);border-radius:10px}
.gscroll:focus-visible{outline:2px solid var(--amber);outline-offset:-4px}
.gscroll h3{margin:1.8rem 0 .6rem;font-size:1.15rem;line-height:1.35;color:var(--text);padding-left:.8rem;border-left:4px solid var(--amber)}
.gscroll h3:first-child{margin-top:0}
.gscroll p,.gscroll li{color:var(--mute);line-height:1.75;font-size:.98rem}
.gscroll p{margin:0 0 .8rem}
.gscroll ul,.gscroll ol{margin:0 0 .8rem;padding-left:1.3rem;display:grid;gap:.5rem}
.gscroll strong{color:var(--text)}
.ghint{text-align:center;color:var(--mute);font-size:.85rem;margin:.9rem 0 0}
@media(max-width:600px){.gscroll{padding:1.1rem}}

/* ===== Round 8: highlight fits text; header never overlaps ===== */
.hl,.hero .hl{display:inline;padding:.04em .28em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.4}
header.top .wrap{width:min(1560px,100% - 3rem)}
@media(min-width:1900px){header.top .wrap{width:min(1680px,100% - 3rem)}}
.dnav{margin-inline:auto;justify-content:center;flex:0 1 auto;min-width:0}
.dnav a{padding:.5rem clamp(.3rem,.45vw,.6rem)}
@media(max-width:1279px){.dnav{display:none!important}#mo{display:grid!important}}
@media(min-width:1280px){#mo{display:none!important}.dnav{display:flex!important}}
@media(max-width:1599px){.hr .btn.btn-o{display:none!important}}
@media(min-width:1600px){.hr .btn.btn-o{display:inline-flex!important}}
@media(max-width:1899px){.ph{display:none!important}}
@media(min-width:1900px){.ph{display:inline-flex!important}}
.bar{flex-wrap:nowrap}

/* ===== Services submenu ===== */
.dnav .dd{position:relative;display:flex;align-items:center}
.dnav .ddb{display:inline-flex;align-items:center;gap:.3rem;font:inherit;font-weight:600;font-size:.82rem;white-space:nowrap;color:var(--mute);background:none;border:0;border-radius:8px;padding:.5rem clamp(.3rem,.45vw,.6rem);cursor:pointer}
.dnav .ddb:hover,.dnav .dd.open .ddb{background:var(--card);color:var(--text)}
.dnav .ddb:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.dc{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.dd.open .dc{transform:rotate(180deg)}
.dnav .ddm{display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:290px;padding:.45rem;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--amber);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.4);z-index:5}
.dnav .dd.open .ddm{display:block}
.dnav .ddm a{display:block;white-space:nowrap;font-size:.88rem;font-weight:700;color:var(--text);padding:.7rem .9rem;border-radius:8px}
.dnav .ddm a:hover,.dnav .ddm a:focus-visible{background:var(--card2);color:var(--text)}
@media(hover:hover){.dnav .dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}.dnav .dd:hover .ddm{display:block}.dnav .dd:hover .dc{transform:rotate(180deg)}.dnav .dd:hover .ddb{background:var(--card);color:var(--text)}}
.menu nav .msub{border-bottom:1px solid var(--line)}
.menu nav .msb{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:.8rem .2rem;background:none;border:0;color:inherit;font:inherit;font-weight:700;font-size:1.1rem;cursor:pointer;text-align:left}
.menu nav .msb .dc{width:18px;height:18px}
.menu nav .msub.open .msb .dc{transform:rotate(180deg)}
.menu nav .msl{display:none;flex-direction:column;margin:0 0 .6rem;padding-left:.8rem;border-left:3px solid var(--amber)}
.menu nav .msub.open .msl{display:flex}
.menu nav .msl a{font-size:.98rem;font-weight:600;min-height:44px;padding:.65rem .5rem;border-bottom:0;line-height:1.3}

/* ===== Services menu: groups with their own sub menus ===== */
.menu nav .msl .msub2{border-bottom:1px solid var(--line)}
.menu nav .msl .msub2:last-child{border-bottom:0}
.menu nav .msb2{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:.7rem .5rem;background:none;border:0;color:inherit;font:inherit;font-weight:700;font-size:1.02rem;cursor:pointer;text-align:left}
.menu nav .msb2 .dc{width:17px;height:17px}
.menu nav .msub2.open .msb2 .dc{transform:rotate(180deg)}
.menu nav .msub2.open .msb2{color:var(--at)}
.menu nav .msl2{display:none;flex-direction:column;margin:0 0 .5rem;padding-left:.4rem}
.menu nav .msub2.open .msl2{display:flex}
.menu nav .msl2 a{justify-content:flex-start;align-items:flex-start;gap:.65rem;font-size:.94rem;font-weight:600;min-height:44px;padding:.6rem .4rem;border-bottom:0;line-height:1.3}
.menu nav .msl2 a::before{content:"";flex:none;width:6px;height:6px;margin-top:.5em;border-radius:50%;background:var(--amber)}
.dnav .dd.mg{position:static}
.dnav .dd.mg::after{display:none}
.dnav .ddm.mega{top:100%;left:50%;transform:translateX(-50%);min-width:0;width:min(1080px,calc(100vw - 2rem));padding:1.2rem 1.3rem;gap:0 1.4rem;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:0 0 16px 16px}
.dnav .dd.open .ddm.mega{display:grid}
@media(hover:hover){.dnav .dd:hover .ddm.mega{display:grid}}
.dnav .ddg h4{margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:2px solid var(--amber);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--at)}
.dnav .ddm.mega a{white-space:normal;font-size:.84rem;line-height:1.3;padding:.5rem .6rem}