/* ================= main menu v3: clean bar, no background rectangle ================= */
header.hd{background:rgba(255,253,246,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(88,130,44,.16);padding:0;pointer-events:auto}
header.hd.sc{box-shadow:0 12px 30px -20px rgba(20,38,15,.55)}
.hd .wrap{height:78px;padding-inline:0;background:none;border:0;border-radius:0;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;gap:24px}
header.hd.sc .wrap{height:66px}
nav.mn{background:none;padding:0;gap:4px;margin-inline:auto;border-radius:0}
nav.mn .ind{display:none}
nav.mn a{position:relative;padding:10px 13px;border-radius:0;font-size:15px;font-weight:600;color:var(--ink);background:none}
nav.mn a::after{display:block;content:"";position:absolute;bottom:2px;inset-inline:13px;height:3px;border-radius:3px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .35s var(--out)}
nav.mn a:hover,nav.mn a.under,nav.mn a.under:hover{color:var(--green)}
nav.mn a:hover::after,nav.mn a.on::after{transform:scaleX(1)}
nav.mn a.on{color:var(--green)}
nav.mn a:last-child{margin-inline-start:12px;padding:10px 24px;border-radius:40px;background:linear-gradient(135deg,var(--green),var(--green-d));color:#fff!important;box-shadow:0 10px 22px -10px rgba(38,64,29,.8);transition:transform .3s var(--out),box-shadow .3s}
nav.mn a:last-child::after{display:none}
nav.mn a:last-child:hover{transform:translateY(-2px);box-shadow:0 14px 26px -10px rgba(38,64,29,.9)}
@media(max-width:1300px){nav.mn a{padding:10px 9px;font-size:14px}nav.mn a::after{inset-inline:9px}nav.mn a:last-child{padding:9px 18px}}
@media(max-width:1200px){.hd .wrap{height:68px}}

/* burger */
.hd .burger{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--green-d));box-shadow:0 10px 20px -10px rgba(38,64,29,.9)}
.hd .burger.x{background:linear-gradient(135deg,var(--red),#8f3a17)}

/* ================= mobile drawer ================= */
.drawer{background:radial-gradient(circle at 85% 8%,rgba(227,178,60,.2),transparent 45%),linear-gradient(170deg,#2c4a21,#14260f);padding:0;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}
.drawer::before{content:"";position:absolute;inset:auto auto -90px -90px;width:340px;height:340px;background:url(img/logo-512.png) center/contain no-repeat;opacity:.07;border-radius:0}
.dr-list{position:relative;padding:92px 20px 12px;display:grid;gap:8px}
.drawer a.dl{display:flex;align-items:center;gap:14px;font-family:var(--h);font-weight:700;font-size:18px;padding:11px 14px 11px 12px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;transform:translateY(24px) scale(.98);opacity:0;transition:transform .55s var(--out),opacity .45s,background .3s,border-color .3s}
.drawer.on a.dl{transform:none;opacity:1}
.drawer.on a.dl:nth-child(1){transition-delay:.18s}.drawer.on a.dl:nth-child(2){transition-delay:.23s}.drawer.on a.dl:nth-child(3){transition-delay:.28s}.drawer.on a.dl:nth-child(4){transition-delay:.33s}.drawer.on a.dl:nth-child(5){transition-delay:.38s}.drawer.on a.dl:nth-child(6){transition-delay:.43s}.drawer.on a.dl:nth-child(7){transition-delay:.48s}.drawer.on a.dl:nth-child(8){transition-delay:.53s}
.drawer a.dl .di{width:42px;height:42px;border-radius:14px;background:rgba(227,178,60,.14);color:var(--gold);display:grid;place-items:center;flex:none;transition:.3s}
.drawer a.dl .di svg,.dr-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.drawer a.dl .ch{margin-inline-start:auto;opacity:.45;display:grid}
.drawer a.dl .ch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html[dir=ltr] .drawer a.dl .ch svg{transform:scaleX(-1)}
.drawer a.dl.on{background:rgba(227,178,60,.16);border-color:rgba(227,178,60,.55)}
.drawer a.dl.on .di,.drawer a.dl:active .di{background:var(--gold);color:var(--green-x)}
.drawer a.dl:hover,.drawer a.dl.on{color:#fff}
.dr-foot{position:relative;margin-top:auto;padding:18px 20px 26px;display:grid;gap:14px}
.dr-foot .df{margin:0;opacity:.85;font-size:14px;color:#b9cfa2;text-align:center}
.dr-act{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dr-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border-radius:16px;background:var(--gold);color:var(--green-x);font-weight:700;font-size:14px;font-family:var(--h)}
.dr-btn:last-child{background:rgba(255,255,255,.1);color:#fff}
.dr-foot .lang{margin:0 auto;align-self:center}
@media(max-height:700px){.drawer a.dl{padding:8px 12px;font-size:16px}.drawer a.dl .di{width:36px;height:36px}.dr-list{padding-top:84px;gap:6px}}

/* ================= steps v2 (services) ================= */
.steps2{padding:130px 0}
.sp-row{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative;margin-top:30px}
.sp-row::before{content:"";position:absolute;top:46px;inset-inline:12.5%;height:2px;background:repeating-linear-gradient(90deg,rgba(227,178,60,.75) 0 10px,transparent 10px 20px)}
.spc{position:relative;text-align:center;padding:0 12px}
.spc .nb{position:absolute;top:-34px;inset-inline:0;font-family:var(--h);font-size:130px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.14);z-index:0;pointer-events:none}
.spc .ci{position:relative;z-index:1;width:92px;height:92px;margin:0 auto 26px;border-radius:50%;background:var(--green-x);border:2px solid var(--gold);display:grid;place-items:center;color:var(--gold);box-shadow:0 0 0 10px rgba(227,178,60,.09);transition:background .4s,color .4s,transform .5s var(--out)}
.spc .ci svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.spc:hover .ci{background:var(--gold);color:var(--green-x);transform:translateY(-8px) scale(1.06)}
.spc h3{position:relative;z-index:1;color:#fff;font-size:21px;margin-bottom:8px}
.spc p{position:relative;z-index:1;color:#cddcb8;font-size:15.5px;max-width:240px;margin-inline:auto}
@media(max-width:860px){.sp-row{grid-template-columns:1fr;gap:34px}.sp-row::before{top:30px;bottom:30px;inset-inline:auto;inset-inline-start:36px;width:2px;height:auto;background:repeating-linear-gradient(180deg,rgba(227,178,60,.75) 0 10px,transparent 10px 20px)}.spc{display:flex;gap:20px;text-align:start;align-items:flex-start;padding:0}.spc .ci{margin:0;flex:none;width:72px;height:72px;box-shadow:0 0 0 6px rgba(227,178,60,.09)}.spc .ci svg{width:28px;height:28px}.spc .nb{display:none}.spc p{margin:0;max-width:none}}

/* ================= article pages ================= */
.nw-note{display:flex;gap:16px;align-items:flex-start;background:#fffdf7;border:1px solid var(--line);border-inline-start:5px solid var(--gold);border-radius:20px;padding:20px 24px;margin-bottom:34px;color:#3c4a33}
.nw-note i{font-style:normal;font-size:26px;line-height:1.3}
.ar-meta{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.ar-meta span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:5px 16px;border-radius:30px;font-size:14px;font-weight:600}
.ar-meta span:first-child{background:var(--gold);border-color:var(--gold);color:var(--green-x)}
.ar-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:56px;align-items:start}
.ar-lead{font-family:var(--h);font-size:clamp(20px,2.4vw,26px);line-height:1.8;color:var(--green-d);padding-bottom:30px;margin-bottom:30px;border-bottom:3px solid var(--gold)}
.ar-sec{position:relative;padding-inline-start:78px;margin-bottom:38px}
.ar-n{position:absolute;inset-inline-start:0;top:0;width:54px;height:54px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-family:var(--h);font-weight:800;box-shadow:0 10px 20px -10px rgba(38,64,29,.8)}
.ar-sec::before{content:"";position:absolute;inset-inline-start:26px;top:62px;bottom:-30px;width:2px;background:repeating-linear-gradient(180deg,var(--gold) 0 6px,transparent 6px 12px)}
.ar-sec:last-child::before{display:none}
.ar-sec h2{font-size:clamp(22px,2.6vw,30px);margin-bottom:10px}
.ar-sec p{font-size:18px;line-height:2;color:#3c4a33}
.ar-side{position:sticky;top:110px;display:grid;gap:22px}
.ar-fig{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3.2}
.ar-fig img{width:100%;height:100%;object-fit:cover}
.facts{background:linear-gradient(160deg,var(--green-d),var(--green-x));color:#fff;border-radius:28px;padding:30px 30px 22px;position:relative;overflow:hidden}
.facts::before{content:"";position:absolute;inset-inline-end:-50px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(227,178,60,.35),transparent 70%)}
.facts h4{position:relative;color:var(--gold);font-size:19px;margin-bottom:12px}
.facts ul{list-style:none;position:relative}
.facts li{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:13px 0;border-top:1px solid rgba(255,255,255,.14)}
.facts small{color:#b9cfa2;font-size:14px}
.facts b{font-family:var(--h);font-size:15.5px;text-align:end}
.ar-side .nav2{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1000px){.ar-grid{grid-template-columns:1fr;gap:34px}.ar-side{position:static}}
@media(max-width:560px){.ar-sec{padding-inline-start:0;padding-top:70px}.ar-sec::before{display:none}}
body.menu-open header.hd{z-index:1300}
.dr-list{padding-top:86px;gap:6px}.drawer a.dl{padding:8px 12px 8px 10px;font-size:17px}.drawer a.dl .di{width:38px;height:38px}.dr-foot{padding-top:10px;gap:10px}
@media(max-height:760px){.drawer a.dl{padding:6px 10px;font-size:16px}.drawer a.dl .di{width:34px;height:34px}.dr-list{padding-top:78px;gap:5px}.dr-foot .df{display:none}}
body.menu-open header.hd{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
body.menu-open .hd .logo b{color:#fff}body.menu-open .hd .logo small{color:#b9cfa2}
